diff --git a/ui/src/api/API_README.md b/ui/src/api/API_README.md
index 877ae6054ab..c72d9f54e54 100644
--- a/ui/src/api/API_README.md
+++ b/ui/src/api/API_README.md
@@ -79,6 +79,23 @@ Action、Drawer 或 Dialog。复用方直接使用 `typeof XxxApi` 约束完整
 额外维护逐方法接口，例如 `ModelActionApi`，也不要使用不断扩展的 `Pick<typeof XxxApi, ...>`。
 仅展示数据的组件不接收 API。
 
+### 知识库维护
+
+`workspace/knowledge/knowledge.ts` 与 `workspace/shared.ts` 的 `getAllKnowledge(query)`
+分别查询工作空间及共享知识库的非分页列表，返回 `KnowledgeItem[]`，用于关联知识库选择等
+需要全量选项的场景。原有 `getKnowledgePage` 继续用于分页列表。
+
+`workspace/knowledge/knowledge.ts` 的 `putKnowledge` 更新普通知识库，`putLarkKnowledge`
+更新飞书知识库；单项转移提交 `folder_id`。`putBatchMoveKnowledge` 将知识库 ID 数组和目标目录
+组装为 `{ id_list, folder_id }`，`putBatchDeleteKnowledge` 将 ID 数组组装为 `{ id_list }`，
+分别使用 PUT 请求 `batch_move` 和 `batch_delete`。页面和 Action 负责类型判断及 loading。
+
+### 知识库文档标签
+
+`workspace/knowledge/knowledge.ts` 的 `getKnowledgeTags(knowledgeIds)` 查询所选知识库的全部文档
+标签，返回按标签名称分组的 `KnowledgeTagGroup[]`。工作流页面将查询方法提供给文档标签检索
+节点，节点负责本地搜索和最多 100 项的展示。
+
 ## 枚举与类型组织
 
 API 枚举与类型统一在 `src/api` 范围内管理，相关规则由本文档统一维护。
diff --git a/ui/src/api/admin/workspace/knowledge/knowledge.ts b/ui/src/api/admin/workspace/knowledge/knowledge.ts
index aaf3e3291f8..84f3c0acea7 100644
--- a/ui/src/api/admin/workspace/knowledge/knowledge.ts
+++ b/ui/src/api/admin/workspace/knowledge/knowledge.ts
@@ -1,4 +1,4 @@
-import { del, get } from '../../core/request'
+import { del, get, post, put } from '../../core/request'
 import type { ParamsPage, ResponsePage } from '../../core/types'
 import type { Dict, KnowledgeItem } from '@/api/types'
 import { getWorkspaceId } from '@/utils/resource-context'
@@ -8,6 +8,10 @@ const getPrefix = () => {
   return `/workspace/${workspaceId}/knowledge`
 }
 
+/** 获取工作空间不分页的知识库列表。 */
+const getAllKnowledge = (query?: Dict<unknown>) => {
+  return get<KnowledgeItem[]>(getPrefix(), query)
+}
 /** 获取工作空间知识库分页列表。 */
 const getKnowledgePage = (page: ParamsPage, query?: Dict<unknown>) => {
   return get<ResponsePage<KnowledgeItem>>(`${getPrefix()}/${page.currentPage}/${page.pageSize}`, query)
@@ -18,4 +22,38 @@ const deleteKnowledge = (knowledgeId: string) => {
   return del<boolean>(`${getPrefix()}/${knowledgeId}`)
 }
 
-export default { deleteKnowledge, getKnowledgePage }
+/** 更新工作空间知识库信息。 */
+const putKnowledge = (knowledgeId: string, payload: Partial<KnowledgeItem>) => {
+  return put<Partial<KnowledgeItem>, KnowledgeItem>(`${getPrefix()}/${knowledgeId}`, payload)
+}
+
+/** 更新飞书知识库信息。 */
+const putLarkKnowledge = (knowledgeId: string, payload: Partial<KnowledgeItem>) => {
+  return put<Partial<KnowledgeItem>, KnowledgeItem>(`${getPrefix()}/lark/${knowledgeId}`, payload)
+}
+
+/** 批量删除工作空间知识库。 */
+const putBatchDeleteKnowledge = (knowledgeIds: string[]) => {
+  return put<{ id_list: string[] }, boolean>(`${getPrefix()}/batch_delete`, { id_list: knowledgeIds })
+}
+
+/** 批量转移工作空间知识库。 */
+const putBatchMoveKnowledge = (knowledgeIds: string[], folderId: string) => {
+  return put<{ id_list: string[]; folder_id: string }, boolean>(`${getPrefix()}/batch_move`, { id_list: knowledgeIds, folder_id: folderId })
+}
+
+/** 导入知识库文件。 */
+const importKnowledgeBundle = (payload: FormData) => {
+  return post<FormData, unknown>(`${getPrefix()}/import_knowledge`, payload)
+}
+
+export default {
+  deleteKnowledge,
+  getAllKnowledge,
+  getKnowledgePage,
+  putKnowledge,
+  putLarkKnowledge,
+  putBatchDeleteKnowledge,
+  putBatchMoveKnowledge,
+  importKnowledgeBundle,
+}
diff --git a/ui/src/api/admin/workspace/shared.ts b/ui/src/api/admin/workspace/shared.ts
index bbfa7ba9f02..46ef45e53eb 100644
--- a/ui/src/api/admin/workspace/shared.ts
+++ b/ui/src/api/admin/workspace/shared.ts
@@ -27,4 +27,9 @@ const getKnowledgePage = (page: ParamsPage, query?: Dict<unknown>) => {
   return get<ResponsePage<KnowledgeItem>>(`${getPrefix()}/knowledge/${page.currentPage}/${page.pageSize}`, query)
 }
 
-export default { getKnowledgePage, getModelList, getToolPage, getAllTool }
+/** 获取工作空间共享的不分页知识库列表。 */
+const getAllKnowledge = (query?: Dict<unknown>) => {
+  return get<KnowledgeItem[]>(`${getPrefix()}/knowledge`, query)
+}
+
+export default { getAllKnowledge, getKnowledgePage, getModelList, getToolPage, getAllTool }
diff --git a/ui/src/api/enums/knowledge.ts b/ui/src/api/enums/knowledge.ts
index 253949fb535..ba4c6d15307 100644
--- a/ui/src/api/enums/knowledge.ts
+++ b/ui/src/api/enums/knowledge.ts
@@ -1,5 +1,4 @@
 /** 后端知识库类型。 */
-// TODO v3不再用数字表示 待修改
 export const KNOWLEDGE_TYPE = { BASE: 0, WEB: 1, LARK: 2, YUQUE: 3, WORKFLOW: 4 } as const
 
 /** 知识库分段检索模式。 */
diff --git a/ui/src/api/types/knowledge.ts b/ui/src/api/types/knowledge.ts
index 1f7d731f312..79413f6b7b7 100644
--- a/ui/src/api/types/knowledge.ts
+++ b/ui/src/api/types/knowledge.ts
@@ -25,3 +25,9 @@ export interface KnowledgeItem {
   user_id?: string | null
   workspace_id: string
 }
+
+/** 按标签名称分组的知识库标签。 */
+export interface KnowledgeTagGroup {
+  key: string
+  values: { id: string; value: string; create_time: string; update_time: string }[]
+}
diff --git a/ui/src/components/COMPONENT_README.md b/ui/src/components/COMPONENT_README.md
index 83150c534b0..b814188a652 100644
--- a/ui/src/components/COMPONENT_README.md
+++ b/ui/src/components/COMPONENT_README.md
@@ -40,10 +40,9 @@ src/components/
 │   │   ├── MoveToDialog.vue
 │   │   ├── VirtualizedTree.vue
 │   │   └── types.ts
-│   ├── knowledge-selection-dialog/
-│   │   ├── index.vue             # 关联知识库选择、文件夹与共享资源查询
-│   │   └── types.ts              # 已选知识库快照类型
-│   ├── model-select/
+│   ├── select-knowledge-dialog/
+│   │   └── index.vue             # 关联知识库选择、文件夹与共享资源查询
+│   ├── select-model/
 │   │   ├── index.vue             # 按供应商分组的模型选择器与可选参数按钮
 │   │   └── ModelParamsDialog.vue # 模型参数动态表单弹窗
 │   ├── workspace-dropdown/
@@ -145,7 +144,7 @@ import JsonInput from '@/components/codemirror-editor/Json.vue'
 import MkSourceCard from '@/components/mk-source-card/index.vue'
 import FolderTree from '@/components/business/folder-tree/index.vue'
 import MoveToDialog from '@/components/business/folder-tree/MoveToDialog.vue'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import SelectModel from '@/components/business/select-model/index.vue'
 import WorkspaceDropdown from '@/components/business/workspace-dropdown/index.vue'
 import WorkspaceRelationTags from '@/components/business/workspace-relation-tags/index.vue'
 ```
@@ -282,6 +281,10 @@ Element Plus 使用 `ElOnlyChild` 处理浮层触发器。`el-tooltip`、`el-pop
 `mt-2 text-N600` 样式；仅使用 `subtitle` 时，组件仍会按照 Element Plus 原生的标题 ID 和样式类
 渲染 `title`。内容区域超出最大高度后显示滚动条。
 
+Dialog 外壳仅在首次打开时挂载；默认在关闭动画结束、触发 `closed` 后整体卸载，
+避免未打开的弹窗生成隐藏 DOM。设置 `destroy-on-close="false"` 时，首次打开后保留实例和内容。
+业务侧无需额外使用 `v-if="visible"`，以免跳过关闭动画及 `closed` 清理。
+
 ```vue
 <MkDialog v-model="visible" title="创建工作空间" width="600">
   <template #subtitle>创建后可继续添加工作空间成员。</template>
@@ -514,6 +517,10 @@ Prop，未传入时读取当前路由的 `meta.title`；显式传入 `title=""`
 智能体、知识库和工具的资源图标分别使用自动注册的 `ApplicationIcon`、`KnowledgeIcon` 和
 `ToolIcon`。`ApplicationIcon` 在未传入 `icon` 时会回退到系统默认图标。
 
+`KnowledgeIcon` 的 `type` 接收接口数字类型 `KnowledgeType`，内部通过
+`constants/knowledge.ts` 的 `KNOWLEDGE_TYPE_MAP` 转换为字符串后选择图标。自定义 `icon`
+优先；`BASE`、`YUQUE` 以及未提供或未知类型时沿用默认知识库图标。
+
 ```vue
 <ApplicationIcon :icon="application.icon" :size="24" />
 ```
@@ -826,6 +833,9 @@ function validateJson(rule: unknown, value: unknown, callback: (error?: Error) =
 
 ### MkSourceCard
 
+`disabled` 默认为 `false`；传入 `true` 时不添加 `cursor-pointer`，并将卡片 `shadow` 从
+`hover` 改为 `always`。该属性仅控制卡片样式，不拦截点击或选择事件。
+
 用于模型、工具等带来源信息的等高资源卡片。`title` 提供默认标题，`nick_name` 和 `create_time`
 提供固定样式的创建信息；`subtitle` 插槽也始终应用 `text-sm text-N600`。默认插槽放置资源详情，
 `footer` 插槽作为左侧常驻内容并始终贴在卡片底部；无论是否传入内容，底部都会保留固定位置。
@@ -1098,12 +1108,12 @@ const formValue = ref<Dict<DynamicFormValue>>({})
 初始化、空配置回填和切回自定义赋值时保留一行空白选项。卡片单选仅在存在完整选项时显示默认值卡片区。
 引用变量模式继续保留变量路径，不应用自定义选项过滤。
 
-动态表单的 Model 字段使用 `ModelSelect`，将 `attrs.provider_list` 中的模型快照映射为
+动态表单的 Model 字段使用 `SelectModel`，将 `attrs.provider_list` 中的模型快照映射为
 扁平 `ModelItem[]`，由选择器统一分组和展示供应商。旧快照未保存状态时保留可选行为，已保存的
-状态按 `ModelSelect` 的可用性规则处理。切换模型一次性回写 `model_id` 和深拷贝后的
+状态按 `SelectModel` 的可用性规则处理。切换模型一次性回写 `model_id` 和深拷贝后的
 `model_params_setting`；清空时回写空 ID 和空参数，避免修改原配置中的参数对象。
 
-Model 配置器的默认模型也使用 `ModelSelect`，仅展示已选的可选模型，不开启参数设置入口。
+Model 配置器的默认模型也使用 `SelectModel`，仅展示已选的可选模型，不开启参数设置入口。
 选择时将模型 ID 转换为包含已配置参数的 `default_value` 对象，清空时重置为空对象。
 
 ## 跨页面业务组件
@@ -1148,16 +1158,22 @@ import FolderTree from '@/components/business/folder-tree/index.vue'
 <MoveToDialog ref="moveToDialogRef" :loading="submitting" :source="RESOURCE_TYPE.TOOL" @submit="handleMoveFolder" />
 ```
 
-### KnowledgeSelectionDialog
+### SelectKnowledgeDialog
 
-关联知识库选择弹窗，手动导入 `@/components/business/knowledge-selection-dialog/index.vue`。
+关联知识库选择弹窗，手动导入 `@/components/business/select-knowledge-dialog/index.vue`。
 通过 `open(knowledge)` 传入已选知识库快照，确认后通过 `submit` 返回新的选择；取消不修改调用方
-数据，关闭后统一清理临时状态。`KnowledgeSelection` 类型允许仅包含 ID，以兼容缺少详情的旧数据。
-组件复用只读 `FolderTree` 和 `MkInfiniteScroll` 查询工作空间及共享知识库，支持按名称搜索，
-跨文件夹、搜索和分页保留选择，并限制新选知识库使用相同的 Embedding 模型。固定业务请求由
+数据，关闭后统一清理临时状态。选择数据直接基于 `KnowledgeItem` 声明为
+`(Partial<KnowledgeItem> & { id: string })[]`，保留必需的 ID 并兼容缺少详情的旧数据，
+不再维护弹窗专用类型文件。
+组件采用 `MkViewLayout` 左右布局，搜索栏位于内容区右上角，刷新位于弹窗标题栏。
+选项使用紧凑三列布局（窄屏减少列数），左侧图标与省略名称、右侧复选框。点击卡片或复选框
+切换选择，选中后仅展示相同 Embedding 模型的选项，清空后恢复；悬停展示知识库详情。
+复用只读 `FolderTree`，通过工作空间及共享 API 的 `getAllKnowledge` 一次加载当前查询的全部
+知识库，不使用滚动分页。支持按名称搜索，跨文件夹和搜索保留选择，并限制新选知识库使用
+相同的 Embedding 模型。固定业务请求由
 该组件负责，调用方维护最终关联 ID 和快照。
 
-### ModelSelect
+### SelectModel
 
 按供应商分组展示模型，通过 `v-model` 控制模型 ID，并在选择变化时触发 `change`。`options` 为
 `ModelItem[]`，`providerOptions` 为 `ModelProviderItem[]`，模型列表和供应商列表均由使用方查询。
@@ -1180,10 +1196,10 @@ import FolderTree from '@/components/business/folder-tree/index.vue'
 
 ```vue
 <script setup lang="ts">
-import ModelSelect from '@/components/business/model-select/index.vue'
+import SelectModel from '@/components/business/select-model/index.vue'
 </script>
 
-<ModelSelect
+<SelectModel
   v-model="selectedModelId"
   v-model:model-params="modelParams"
   can-edit-params
diff --git a/ui/src/components/business/knowledge-selection-dialog/index.vue b/ui/src/components/business/knowledge-selection-dialog/index.vue
deleted file mode 100644
index d6253d58def..00000000000
--- a/ui/src/components/business/knowledge-selection-dialog/index.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, useTemplateRef } from 'vue'
-import { cloneDeep } from 'lodash'
-import { Refresh } from '@element-plus/icons-vue'
-import KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
-import SharedApi from '@/api/admin/workspace/shared'
-import type { ParamsPage } from '@/api/admin/core/types'
-import type { FolderItem, KnowledgeItem } from '@/api/types'
-import { RESOURCE_TYPE } from '@/api/enums'
-import { FOLDER_ENTRIES, FOLDER_ENTRY_ID } from '@/constants/folder'
-import FolderTree from '@/components/business/folder-tree/index.vue'
-import type { KnowledgeSelection } from './types'
-
-defineOptions({ name: 'KnowledgeSelectionDialog' })
-
-const emit = defineEmits<{ submit: [knowledge: KnowledgeSelection[]] }>()
-const visible = ref(false)
-const searchKeyword = ref('')
-const currentFolder = ref<FolderItem>({ ...FOLDER_ENTRIES[RESOURCE_TYPE.KNOWLEDGE].all })
-const knowledgeOptions = ref<KnowledgeItem[]>([])
-const selectedKnowledge = ref<KnowledgeSelection[]>([])
-const infiniteScrollRef = useTemplateRef<{ reset: () => Promise<void> }>('infiniteScrollRef')
-const folderTreeRef = useTemplateRef<InstanceType<typeof FolderTree>>('folderTreeRef')
-let dialogVersion = 0
-
-// 以已选知识库确定 Embedding 模型，跨文件夹、搜索和分页保留选择。
-const embeddingModelId = computed(() => selectedKnowledge.value.find((knowledge) => knowledge.embedding_model_id)?.embedding_model_id)
-
-function isSelected(id: string) {
-  return selectedKnowledge.value.some((knowledge) => knowledge.id === id)
-}
-
-function isDisabled(knowledge: KnowledgeItem) {
-  return !isSelected(knowledge.id) && Boolean(embeddingModelId.value && knowledge.embedding_model_id !== embeddingModelId.value)
-}
-
-function toggleKnowledge(knowledge: KnowledgeItem) {
-  if (isDisabled(knowledge)) return
-  selectedKnowledge.value = isSelected(knowledge.id)
-    ? selectedKnowledge.value.filter(({ id }) => id !== knowledge.id)
-    : [...selectedKnowledge.value, cloneDeep(knowledge)]
-}
-
-function loadKnowledgePage(pagination: ParamsPage) {
-  const version = dialogVersion
-  const shared = currentFolder.value.id === FOLDER_ENTRY_ID.SHARED
-  const requestApi = shared ? SharedApi : KnowledgeApi
-  return requestApi
-    .getKnowledgePage(pagination, {
-      ...(shared ? {} : { folder_id: currentFolder.value.id }),
-      ...(searchKeyword.value.trim() ? { name: searchKeyword.value.trim() } : {}),
-    })
-    .then((page) => {
-      if (version === dialogVersion) {
-        // 仅补全已选快照，不因当前页或查询结果缺少某个 ID 而删除关联。
-        const knowledgeById = new Map(page.records.map((knowledge) => [knowledge.id, knowledge]))
-        selectedKnowledge.value = selectedKnowledge.value.map((knowledge) => knowledgeById.get(knowledge.id) ?? knowledge)
-      }
-      return page
-    })
-}
-
-function refreshKnowledge() {
-  return infiniteScrollRef.value?.reset()
-}
-
-function refreshResources() {
-  folderTreeRef.value?.refresh()
-  void refreshKnowledge()
-}
-
-function selectFolder(folder?: FolderItem) {
-  if (!folder || folder.id === currentFolder.value.id) return
-  currentFolder.value = folder
-  void refreshKnowledge()
-}
-
-// 弹窗只在确认后向调用方提交，取消和关闭统一清理临时状态。
-function resetData() {
-  dialogVersion++
-  searchKeyword.value = ''
-  currentFolder.value = { ...FOLDER_ENTRIES[RESOURCE_TYPE.KNOWLEDGE].all }
-  knowledgeOptions.value = []
-  selectedKnowledge.value = []
-}
-
-function open(knowledge: KnowledgeSelection[]) {
-  resetData()
-  selectedKnowledge.value = cloneDeep(knowledge)
-  visible.value = true
-}
-
-function submit() {
-  emit('submit', cloneDeep(selectedKnowledge.value))
-  visible.value = false
-}
-
-defineExpose({ open })
-</script>
-
-<template>
-  <MkDialog v-model="visible" title="添加关联知识库" width="960" @closed="resetData">
-    <template #subtitle>所选知识库必须使用相同的 Embedding 模型</template>
-    <div class="flex h-105 gap-4">
-      <div class="w-55 shrink-0 border-r">
-        <FolderTree ref="folderTreeRef" :can-edit="false" :source="RESOURCE_TYPE.KNOWLEDGE" @loaded="selectFolder" @select="selectFolder" />
-      </div>
-      <div class="flex min-w-0 flex-1 flex-col gap-3">
-        <div class="flex-between gap-3">
-          <h6 class="truncate" :title="currentFolder.name">{{ currentFolder.name }}</h6>
-          <div class="flex items-center gap-2">
-            <MkSearchInput v-model="searchKeyword" placeholder="搜索知识库" @change="refreshKnowledge" />
-            <el-button text title="刷新" @click="refreshResources"><MkIcon :icon="Refresh" /></el-button>
-          </div>
-        </div>
-        <el-scrollbar class="flex-1">
-          <MkInfiniteScroll ref="infiniteScrollRef" v-model="knowledgeOptions" :load="loadKnowledgePage">
-            <div class="grid grid-cols-2 gap-2 pr-2">
-              <el-checkbox
-                v-for="knowledge in knowledgeOptions"
-                :key="knowledge.id"
-                :model-value="isSelected(knowledge.id)"
-                :disabled="isDisabled(knowledge)"
-                class="m-0! h-auto! min-w-0 rounded-md border p-3! [&_.el-checkbox__label]:min-w-0"
-                @change="toggleKnowledge(knowledge)"
-              >
-                <span class="flex min-w-0 items-center gap-2">
-                  <KnowledgeIcon :type="knowledge.type" :size="24" class="shrink-0" />
-                  <span class="min-w-0">
-                    <span class="block truncate" :title="knowledge.name">{{ knowledge.name }}</span>
-                    <span v-if="knowledge.desc" class="block truncate text-sm text-N600" :title="knowledge.desc">{{ knowledge.desc }}</span>
-                  </span>
-                </span>
-              </el-checkbox>
-            </div>
-            <template #empty><MkEmpty :type="searchKeyword ? 'search' : 'default'" /></template>
-          </MkInfiniteScroll>
-        </el-scrollbar>
-      </div>
-    </div>
-    <template #footer>
-      <div class="flex-between">
-        <div class="flex items-center gap-2">
-          <span class="text-N600">已选择 {{ selectedKnowledge.length }} 项</span>
-          <el-button v-if="selectedKnowledge.length" link type="primary" @click="selectedKnowledge = []">清空</el-button>
-        </div>
-        <div>
-          <el-button @click="visible = false">取消</el-button>
-          <el-button type="primary" @click="submit">确定</el-button>
-        </div>
-      </div>
-    </template>
-  </MkDialog>
-</template>
diff --git a/ui/src/components/business/knowledge-selection-dialog/types.ts b/ui/src/components/business/knowledge-selection-dialog/types.ts
deleted file mode 100644
index 2fb3231cf30..00000000000
--- a/ui/src/components/business/knowledge-selection-dialog/types.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import type { KnowledgeItem } from '@/api/types'
-
-/** 已选知识库允许只保留 ID，避免旧工作流缺少快照时丢失关联。 */
-export type KnowledgeSelection = Pick<KnowledgeItem, 'id'> & Partial<KnowledgeItem>
diff --git a/ui/src/components/business/select-knowledge-dialog/index.vue b/ui/src/components/business/select-knowledge-dialog/index.vue
new file mode 100644
index 00000000000..7239a6f95f6
--- /dev/null
+++ b/ui/src/components/business/select-knowledge-dialog/index.vue
@@ -0,0 +1,184 @@
+<script setup lang="ts">
+import { computed, nextTick, ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
+import SharedApi from '@/api/admin/workspace/shared'
+import type { FolderItem, KnowledgeItem } from '@/api/types'
+import { RESOURCE_TYPE } from '@/api/enums'
+import { FOLDER_ENTRIES, FOLDER_ENTRY_ID } from '@/constants/folder'
+import FolderTree from '@/components/business/folder-tree/index.vue'
+import KnowledgeCard from '@/views/knowledge/knowledge-card/KnowledgeCard.vue'
+
+defineOptions({ name: 'SelectKnowledgeDialog' })
+
+const emit = defineEmits<{ submit: [knowledge: (Partial<KnowledgeItem> & { id: string })[]] }>()
+const visible = ref(false)
+const loading = ref(false)
+const searchKeyword = ref('')
+const appliedSearchKeyword = ref('')
+const currentFolder = ref<FolderItem>({ ...FOLDER_ENTRIES[RESOURCE_TYPE.KNOWLEDGE].all })
+const knowledgeOptions = ref<KnowledgeItem[]>([])
+const selectedKnowledge = ref<(Partial<KnowledgeItem> & { id: string })[]>([])
+const knowledgeLayoutRef = useTemplateRef<{ setScrollTop: (scrollTop: number) => void }>('knowledgeLayoutRef')
+const folderTreeRef = useTemplateRef<InstanceType<typeof FolderTree>>('folderTreeRef')
+let dialogVersion = 0
+
+// 与 v2 一致，以首个已选知识库的 Embedding 模型筛选可选资源。
+const selectedKnowledgeIds = computed(() => selectedKnowledge.value.map(({ id }) => id))
+const embeddingModelId = computed(() => selectedKnowledge.value.find((knowledge) => knowledge.embedding_model_id)?.embedding_model_id)
+const filteredKnowledge = computed(() =>
+  embeddingModelId.value
+    ? knowledgeOptions.value.filter((knowledge) => knowledge.embedding_model_id === embeddingModelId.value)
+    : knowledgeOptions.value,
+)
+
+function toggleKnowledge(knowledge: KnowledgeItem) {
+  selectedKnowledge.value = selectedKnowledgeIds.value.includes(knowledge.id)
+    ? selectedKnowledge.value.filter(({ id }) => id !== knowledge.id)
+    : [...selectedKnowledge.value, cloneDeep(knowledge)]
+}
+
+// 每次查询一次加载全部结果，忽略切换目录或关闭弹窗前发出的旧请求。
+function refreshKnowledge() {
+  const version = ++dialogVersion
+  loading.value = true
+  knowledgeOptions.value = []
+  appliedSearchKeyword.value = searchKeyword.value.trim()
+  const shared = currentFolder.value.id === FOLDER_ENTRY_ID.SHARED
+  const requestApi = shared ? SharedApi : KnowledgeApi
+  return requestApi
+    .getAllKnowledge({
+      ...(shared ? {} : { folder_id: currentFolder.value.id }),
+      ...(appliedSearchKeyword.value ? { name: appliedSearchKeyword.value } : {}),
+    })
+    .then((knowledge) => {
+      if (version !== dialogVersion) return
+      knowledgeOptions.value = knowledge
+      // 仅补全已选快照，不因查询结果缺少某个 ID 而删除关联。
+      const knowledgeById = new Map(knowledge.map((knowledge) => [knowledge.id, knowledge]))
+      selectedKnowledge.value = selectedKnowledge.value.map((knowledge) => knowledgeById.get(knowledge.id) ?? knowledge)
+      return nextTick(() => {
+        if (version === dialogVersion) knowledgeLayoutRef.value?.setScrollTop(0)
+      })
+    })
+    .finally(() => {
+      if (version === dialogVersion) loading.value = false
+    })
+}
+
+function refreshResources() {
+  folderTreeRef.value?.refresh()
+  void refreshKnowledge()
+}
+
+function selectFolder(folder?: FolderItem) {
+  if (!folder || folder.id === currentFolder.value.id) return
+  currentFolder.value = folder
+  void refreshKnowledge()
+}
+
+function open(knowledge: (Partial<KnowledgeItem> & { id: string })[]) {
+  selectedKnowledge.value = cloneDeep(knowledge)
+  visible.value = true
+  void refreshKnowledge()
+}
+
+function submit() {
+  emit('submit', cloneDeep(selectedKnowledge.value))
+  visible.value = false
+}
+function resetData() {
+  dialogVersion++
+  loading.value = false
+  searchKeyword.value = ''
+  appliedSearchKeyword.value = ''
+  currentFolder.value = { ...FOLDER_ENTRIES[RESOURCE_TYPE.KNOWLEDGE].all }
+  knowledgeOptions.value = []
+  selectedKnowledge.value = []
+}
+
+defineExpose({ open })
+</script>
+
+<template>
+  <MkDialog v-model="visible" align-center class="mk-aside-content-dialog" title="关联知识库" width="1200" @closed="resetData">
+    <template #header="{ titleId }">
+      <div class="flex-between pr-8">
+        <div class="flex items-center gap-2">
+          <h4 :id="titleId">关联知识库</h4>
+          <span class="text-N600!">所选知识库必须使用相同的 Embedding 模型</span>
+        </div>
+
+        <el-button text class="h-7! w-7! min-w-0! p-1!" title="刷新" aria-label="刷新知识库" @click="refreshResources">
+          <MkIcon name="icon_refresh_outlined" :size="20" />
+        </el-button>
+      </div>
+    </template>
+
+    <MkViewLayout ref="knowledgeLayoutRef" :loading="loading" title="">
+      <template #aside>
+        <FolderTree
+          ref="folderTreeRef"
+          class="pt-4"
+          :can-edit="false"
+          :source="RESOURCE_TYPE.KNOWLEDGE"
+          @loaded="selectFolder"
+          @select="selectFolder"
+        />
+      </template>
+      <template #default="{ Header }">
+        <component :is="Header">
+          <h4 class="min-w-0 truncate" :title="currentFolder.name">{{ currentFolder.name }}</h4>
+          <MkSearchInput v-model="searchKeyword" class="w-60! shrink-0" @change="refreshKnowledge" />
+        </component>
+
+        <template v-if="!loading">
+          <div v-if="filteredKnowledge.length" class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+            <template v-for="knowledge in filteredKnowledge" :key="knowledge.id">
+              <el-popover placement="bottom-start" :width="360" :show-after="500" :persistent="false" popper-class="border-none! rounded-xl!">
+                <template #reference>
+                  <el-card
+                    shadow="hover"
+                    class="min-w-0 cursor-pointer"
+                    :class="{ 'border-primary!': selectedKnowledgeIds.includes(knowledge.id) }"
+                    @click="toggleKnowledge(knowledge)"
+                  >
+                    <div class="flex-between gap-3">
+                      <div class="flex min-w-0 flex-1 items-center gap-2">
+                        <KnowledgeIcon :type="knowledge.type" class="shrink-0" />
+                        <span class="min-w-0 flex-1 truncate" :title="knowledge.name">{{ knowledge.name }}</span>
+                      </div>
+                      <el-checkbox
+                        :model-value="selectedKnowledgeIds.includes(knowledge.id)"
+                        :aria-label="knowledge.name"
+                        class="shrink-0"
+                        @click.stop
+                        @change="toggleKnowledge(knowledge)"
+                      />
+                    </div>
+                  </el-card>
+                </template>
+                <template #default>
+                  <KnowledgeCard :knowledge="knowledge" disabled> </KnowledgeCard>
+                </template>
+              </el-popover>
+            </template>
+          </div>
+          <MkEmpty v-else class="mt-24" :type="appliedSearchKeyword ? 'search' : 'default'" />
+        </template>
+      </template>
+    </MkViewLayout>
+    <template #footer>
+      <div class="flex-between -mx-6 border-t px-6 pt-4">
+        <div class="flex items-center gap-2">
+          <span class="text-N600">已选 {{ selectedKnowledge.length }}</span>
+          <el-button v-if="selectedKnowledge.length" link type="primary" @click="selectedKnowledge = []">清空</el-button>
+        </div>
+        <div>
+          <el-button plain @click="visible = false">取消</el-button>
+          <el-button type="primary" @click="submit">确定</el-button>
+        </div>
+      </div>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/components/business/model-select/ModelParamsDialog.vue b/ui/src/components/business/select-model/ModelParamsDialog.vue
similarity index 100%
rename from ui/src/components/business/model-select/ModelParamsDialog.vue
rename to ui/src/components/business/select-model/ModelParamsDialog.vue
diff --git a/ui/src/components/business/model-select/index.vue b/ui/src/components/business/select-model/index.vue
similarity index 94%
rename from ui/src/components/business/model-select/index.vue
rename to ui/src/components/business/select-model/index.vue
index 19e429c582f..12b686f02b8 100644
--- a/ui/src/components/business/model-select/index.vue
+++ b/ui/src/components/business/select-model/index.vue
@@ -9,7 +9,7 @@ import ModelCreateButton from '@/views/model/create-model/ModelCreateButton.vue'
 import ModelApi from '@/api/admin/workspace/model/model'
 import SystemSharedModelApi from '@/api/admin/system/shared-resources/model'
 import { isWorkspaceResource, isSystemSharedResource } from '@/utils/resource-context'
-defineOptions({ name: 'ModelSelect', inheritAttrs: false })
+defineOptions({ name: 'SelectModel', inheritAttrs: false })
 
 interface ModelOptionGroup {
   icon: string
@@ -18,11 +18,11 @@ interface ModelOptionGroup {
   provider: string
 }
 
-type ModelSelectValue = Multiple extends true ? string[] : string
+type SelectModelValue = Multiple extends true ? string[] : string
 
 const props = withDefaults(
   defineProps<{
-    modelValue: ModelSelectValue
+    modelValue: SelectModelValue
     options: ModelItem[]
     providerOptions: ModelProviderItem[]
     canEditParams?: boolean
@@ -42,9 +42,9 @@ const props = withDefaults(
 )
 
 const emit = defineEmits<{
-  change: [modelValue: ModelSelectValue]
+  change: [modelValue: SelectModelValue]
   refresh: []
-  'update:modelValue': [modelValue: ModelSelectValue]
+  'update:modelValue': [modelValue: SelectModelValue]
   'update:modelParams': [settings: Record<string, unknown>]
 }>()
 
@@ -69,7 +69,7 @@ const _options = computed(() => {
 const loading = ref(false)
 const canEditModelParams = computed(() => props.canEditParams && !props.multiple)
 
-const selectedModelValue = computed<ModelSelectValue>({
+const selectedModelValue = computed<SelectModelValue>({
   get: () => props.modelValue,
   set: (modelValue) => {
     emit('update:modelValue', modelValue)
@@ -117,7 +117,7 @@ function openModelParams() {
 </script>
 
 <template>
-  <div class="relative w-full" :class="{ 'model-select--with-params': canEditModelParams }">
+  <div class="relative w-full" :class="{ 'select-model--with-params': canEditModelParams }">
     <el-select
       ref="selectRef"
       v-model="selectedModelValue"
@@ -182,7 +182,7 @@ function openModelParams() {
 
 <style scoped lang="scss">
 /* 参数入口与选择器共用外边框，为原生下拉箭头和清空按钮预留空间。 */
-.model-select--with-params {
+.select-model--with-params {
   :deep(.el-select__wrapper) {
     padding-right: calc(var(--spacing) * 13);
   }
diff --git a/ui/src/components/global/mk-dialog/index.vue b/ui/src/components/global/mk-dialog/index.vue
index 42741998e97..4d6fde6834d 100644
--- a/ui/src/components/global/mk-dialog/index.vue
+++ b/ui/src/components/global/mk-dialog/index.vue
@@ -1,23 +1,44 @@
 <script setup lang="ts">
+import { ref, watch } from 'vue'
+
 defineOptions({ name: 'MkDialog', inheritAttrs: false })
 
-const props = defineProps<{ contentClass?: string }>()
+const props = withDefaults(defineProps<{ contentClass?: string; destroyOnClose?: boolean }>(), {
+  destroyOnClose: true,
+})
 
 const visible = defineModel<boolean>({ default: false })
 
-defineSlots<{ default(): unknown; footer(): unknown; header(props: { close: () => void; titleClass: string; titleId: string }): unknown; subtitle(): unknown }>()
+// 打开时才挂载弹窗，关闭动画结束后再释放外壳，保留 closed 事件和表单清理。
+const rendered = ref(visible.value)
+watch(visible, (value) => {
+  if (value) rendered.value = true
+})
+
+function handleClosed() {
+  if (props.destroyOnClose) rendered.value = false
+}
+
+defineSlots<{
+  default(): unknown
+  footer(): unknown
+  header(props: { close: () => void; titleClass: string; titleId: string }): unknown
+  subtitle(): unknown
+}>()
 </script>
 
 <template>
   <el-dialog
+    v-if="rendered"
     v-model="visible"
     :append-to-body="true"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
-    :destroy-on-close="true"
+    :destroy-on-close="props.destroyOnClose"
     :show-close="true"
     :width="600"
     v-bind="$attrs"
+    @closed="handleClosed"
   >
     <template v-if="$slots.header || $slots.subtitle" #header="{ close, titleClass, titleId }">
       <div class="min-w-0 flex-1">
diff --git a/ui/src/components/global/mk-icon/KnowledgeIcon.vue b/ui/src/components/global/mk-icon/KnowledgeIcon.vue
index a158b6f78f4..e1241f1e050 100644
--- a/ui/src/components/global/mk-icon/KnowledgeIcon.vue
+++ b/ui/src/components/global/mk-icon/KnowledgeIcon.vue
@@ -1,19 +1,21 @@
 <script setup lang="ts">
-import { resetUrl } from '@/utils/icon'
+import { computed } from 'vue'
+import type { KnowledgeType } from '@/api/types'
+import { KNOWLEDGE_TYPE_KEY, KNOWLEDGE_TYPE_MAP } from '@/constants/knowledge'
+
 defineOptions({ name: 'KnowledgeIcon' })
-withDefaults(defineProps<{ icon?: string; size?: number | string; type?: KnowledgeType }>(), { size: 24 })
+
+const props = withDefaults(defineProps<{ size?: number | string; type?: KnowledgeType }>(), { size: 24 })
+const knowledgeType = computed(() => (props.type === undefined ? undefined : KNOWLEDGE_TYPE_MAP[props.type]))
 </script>
 <template>
-  <el-avatar v-if="icon" class="bg-transparent!" shape="square" :size="size">
-    <img :src="resetUrl(icon)" alt="" />
-  </el-avatar>
-  <el-avatar v-else-if="type == 1" class="bg-purple" shape="square" :size="size">
+  <el-avatar v-if="knowledgeType === KNOWLEDGE_TYPE_KEY.WEB" class="bg-purple!" shape="square" :size="size">
     <img src="@/assets/knowledge/icon_web.svg" style="width: 58%" alt="" />
   </el-avatar>
-  <el-avatar v-else-if="type == 2" class="bg-transparent!" shape="square" :size="size">
+  <el-avatar v-else-if="knowledgeType === KNOWLEDGE_TYPE_KEY.LARK" class="bg-transparent!" shape="square" :size="size">
     <img src="@/assets/knowledge/logo_lark.svg" style="width: 100%" alt="" />
   </el-avatar>
-  <el-avatar v-else-if="type == 4" class="bg-purple" shape="square" :size="size">
+  <el-avatar v-else-if="knowledgeType === KNOWLEDGE_TYPE_KEY.WORKFLOW" class="bg-purple!" shape="square" :size="size">
     <img src="@/assets/workflow/logo_workflow.svg" style="width: 60%" alt="" />
   </el-avatar>
   <el-avatar v-else shape="square" :size="size">
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue
index c93b784ce0f..78b3ba81258 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { DynamicFormValue } from '../../type'
 import { computed, inject, ref } from 'vue'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import SelectModel from '@/components/business/select-model/index.vue'
 import { providerList as providerOptions } from '../../items/model/provider-data'
 import { MODEL_TYPE_LABELS } from '@/constants/model'
 const getSelectModelList = inject<(params: { model_type: string }) => Promise<DynamicFormValue>>('getSelectModelList')
@@ -153,7 +153,7 @@ defineExpose({ getData, render })
 
   <el-form-item label="可选模型" required prop="provider_list" :rules="[{ required: true, message: '请选择模型', type: 'array' }]">
     <!-- // TODO  -->
-    <ModelSelect
+    <SelectModel
       multiple
       v-model="selectedIds"
       placeholder="请选择模型"
@@ -161,7 +161,7 @@ defineExpose({ getData, render })
       :provider-options="providerOptions"
       :model-type="formValue.model_type"
     >
-    </ModelSelect>
+    </SelectModel>
   </el-form-item>
   <el-form-item
     label="默认模型"
@@ -171,6 +171,6 @@ defineExpose({ getData, render })
     v-if="formValue.provider_list && formValue.provider_list.length > 0"
   >
     <!-- // TODO  -->
-    <ModelSelect v-model="defaultModelId" placeholder="请选择模型" :options="selectedModelsOptions" :provider-options="providerOptions" />
+    <SelectModel v-model="defaultModelId" placeholder="请选择模型" :options="selectedModelsOptions" :provider-options="providerOptions" />
   </el-form-item>
 </template>
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/TreeSelectConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/TreeSelectConstructor.vue
index e6ba850c82d..7b20a7766b8 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/TreeSelectConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/TreeSelectConstructor.vue
@@ -110,7 +110,9 @@ function closeAddDialog() {
 }
 
 function submitAdd() {
-  const validList = addDialog.formList.map((item) => ({ label: item.label.trim(), value: item.value.trim() })).filter((item) => item.label && item.value)
+  const validList = addDialog.formList
+    .map((item) => ({ label: item.label.trim(), value: item.value.trim() }))
+    .filter((item) => item.label && item.value)
 
   if (!validList.length) {
     ElMessage.warning('请至少填写一条完整数据')
@@ -260,17 +262,30 @@ function removeNodeById(list: TreeNode[], targetId: string): boolean {
     </el-card>
   </el-form-item>
 
-  <el-form-item class="mk-hide-asterisk" :required="formValue.required" prop="default_value" :rules="formValue.required ? [{ required: true, message: '请输入默认值' }] : []">
+  <el-form-item
+    class="mk-hide-asterisk"
+    :required="formValue.required"
+    prop="default_value"
+    :rules="formValue.required ? [{ required: true, message: '请输入默认值' }] : []"
+  >
     <template #label>
       <div class="flex-between">
         <span :class="formValue.required ? 'mk-required' : ''">默认值</span>
         <el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
       </div>
     </template>
-    <el-tree-select v-model="formValue.default_value" :data="formValue.treeData" :multiple="formValue.multiple" :render-after-expand="false" style="width: 100%" />
+    <el-tree-select
+      v-model="formValue.default_value"
+      :data="formValue.treeData"
+      :multiple="formValue.multiple"
+      :render-after-expand="false"
+      style="width: 100%"
+    />
   </el-form-item>
   <!-- 添加弹窗 -->
-  <el-dialog
+  <MkDialog
+    :close-on-click-modal="true"
+    :close-on-press-escape="true"
     v-model="addDialog.visible"
     :title="addDialog.mode === 'root' ? '添加一级选项' : '添加子选项'"
     width="520px"
@@ -301,7 +316,12 @@ function removeNodeById(list: TreeNode[], targetId: string): boolean {
             </el-form-item>
           </el-col>
           <el-col :span="1">
-            <el-button :disabled="addDialog.formList.length === 1" link @click="removeAddRow(index)" :style="{ marginTop: index === 0 ? '35px' : '12px' }">
+            <el-button
+              :disabled="addDialog.formList.length === 1"
+              link
+              @click="removeAddRow(index)"
+              :style="{ marginTop: index === 0 ? '35px' : '12px' }"
+            >
               <MkIcon name="icon_delete-trash_outlined"></MkIcon>
             </el-button>
           </el-col>
@@ -316,10 +336,20 @@ function removeNodeById(list: TreeNode[], targetId: string): boolean {
       <el-button @click="closeAddDialog">取消</el-button>
       <el-button type="primary" @click="submitAdd">添加</el-button>
     </template>
-  </el-dialog>
+  </MkDialog>
 
   <!-- 编辑弹窗 -->
-  <el-dialog v-model="editDialog.visible" title="编辑" width="520px" destroy-on-close label-position="top" require-asterisk-position="right" @submit.prevent>
+  <MkDialog
+    :close-on-click-modal="true"
+    :close-on-press-escape="true"
+    v-model="editDialog.visible"
+    title="编辑"
+    width="520px"
+    destroy-on-close
+    label-position="top"
+    require-asterisk-position="right"
+    @submit.prevent
+  >
     <el-row :gutter="8">
       <el-col :span="12">
         <el-form-item>
@@ -345,7 +375,7 @@ function removeNodeById(list: TreeNode[], targetId: string): boolean {
       <el-button @click="closeEditDialog">取消</el-button>
       <el-button type="primary" @click="submitEdit">保存</el-button>
     </template>
-  </el-dialog>
+  </MkDialog>
 </template>
 <style lang="scss" scoped>
 .tag-list-max-list {
diff --git a/ui/src/components/mk-dynamics-form/items/model/Model.vue b/ui/src/components/mk-dynamics-form/items/model/Model.vue
index e6177d990f7..71a5e220f54 100644
--- a/ui/src/components/mk-dynamics-form/items/model/Model.vue
+++ b/ui/src/components/mk-dynamics-form/items/model/Model.vue
@@ -5,7 +5,7 @@ import { MODEL_STATUS } from '@/api/enums'
 import type { Dict, ModelConfig, ModelItem } from '@/api/types'
 import type { FormField } from '../../type'
 import { providerList } from './provider-data'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import SelectModel from '@/components/business/select-model/index.vue'
 
 defineOptions({ name: 'DynamicFormModel', inheritAttrs: false })
 
@@ -27,7 +27,7 @@ const emit = defineEmits<{
   change: [field: FormField]
 }>()
 
-// 将动态表单保存的模型快照转换为 ModelSelect 的扁平选项。
+// 将动态表单保存的模型快照转换为 SelectModel 的扁平选项。
 const configuredModels = computed<ConfiguredModelOption[]>(() => props.formField.attrs?.provider_list ?? [])
 const modelOptions = computed<ModelItem[]>(() =>
   configuredModels.value.map((model) => ({
@@ -53,7 +53,7 @@ function handleModelChange(modelId: string) {
 
 <template>
   <!-- // TODO  -->
-  <ModelSelect
+  <SelectModel
     v-bind="$attrs"
     :model-value="props.modelValue?.model_id ?? ''"
     :options="modelOptions"
diff --git a/ui/src/components/mk-source-card/index.vue b/ui/src/components/mk-source-card/index.vue
index 93552a06e29..0f711750d22 100644
--- a/ui/src/components/mk-source-card/index.vue
+++ b/ui/src/components/mk-source-card/index.vue
@@ -32,11 +32,12 @@ const props = withDefaults(
   defineProps<{
     create_time?: string //创建日期
     nick_name?: string // 创建者
+    disabled?: boolean
     selectable?: boolean
     selected?: boolean
     title: string
   }>(),
-  { selectable: false, selected: false },
+  { disabled: false, selectable: false, selected: false },
 )
 
 const emit = defineEmits<{ selected: [selected: boolean] }>()
@@ -63,10 +64,10 @@ function handleSelectedChange(selected: boolean | string | number) {
 
 <template>
   <el-card
-    :class="{ 'cursor-pointer': props.selectable, active: props.selectable && props.selected }"
+    :class="{ 'cursor-pointer': props.selectable && !props.disabled, active: props.selectable && props.selected }"
     :role="props.selectable ? 'checkbox' : undefined"
     :tabindex="props.selectable ? 0 : undefined"
-    shadow="hover"
+    :shadow="props.disabled ? 'always' : 'hover'"
     class="mk-source-card group relative"
     body-class="flex h-full flex-col"
     @click="handleSelect"
diff --git a/ui/src/constants/CONSTANT_README.md b/ui/src/constants/CONSTANT_README.md
index 55ae61ca8f0..770590f5455 100644
--- a/ui/src/constants/CONSTANT_README.md
+++ b/ui/src/constants/CONSTANT_README.md
@@ -19,3 +19,14 @@ src/constants/
 统一从 `@/api/enums` 导入。`constants` 只维护标签、颜色、选项等前端映射；映射的键应引用
 API 枚举值。例如角色类型和登录方式以 `src/api/enums` 为唯一数据源，`constants/auth.ts`
 只维护它们的展示文案。
+
+知识库类型的接口值保持为 `KNOWLEDGE_TYPE` 中的数字。`constants/knowledge.ts` 提供
+`KNOWLEDGE_TYPE_MAP`，将数字转换为 `BASE`、`WEB`、`LARK`、`YUQUE`、`WORKFLOW` 字符串，
+供前端判断；`KNOWLEDGE_TYPE_LABELS` 按这些字符串提供展示文案。提交接口时仍使用数字枚举值。
+字符串标识统一由 `KNOWLEDGE_TYPE_KEY` 维护，映射、文案和业务判断均引用该常量，避免重复写裸字符串。
+
+```ts
+const knowledgeType = KNOWLEDGE_TYPE_MAP[knowledge.type]
+const isWebKnowledge = knowledgeType === KNOWLEDGE_TYPE_KEY.WEB
+const knowledgeTypeLabel = KNOWLEDGE_TYPE_LABELS[knowledgeType]
+```
diff --git a/ui/src/constants/knowledge.ts b/ui/src/constants/knowledge.ts
new file mode 100644
index 00000000000..b7c55872893
--- /dev/null
+++ b/ui/src/constants/knowledge.ts
@@ -0,0 +1,29 @@
+import { KNOWLEDGE_TYPE } from '@/api/enums'
+import type { KnowledgeType } from '@/api/types'
+
+/** 前端知识库类型标识。 */
+export const KNOWLEDGE_TYPE_KEY = {
+  BASE: 'BASE',
+  WEB: 'WEB',
+  LARK: 'LARK',
+  YUQUE: 'YUQUE',
+  WORKFLOW: 'WORKFLOW',
+} as const
+
+/** 接口数字类型对应的前端语义标识，用于业务判断。 */
+export const KNOWLEDGE_TYPE_MAP = {
+  [KNOWLEDGE_TYPE.BASE]: KNOWLEDGE_TYPE_KEY.BASE,
+  [KNOWLEDGE_TYPE.WEB]: KNOWLEDGE_TYPE_KEY.WEB,
+  [KNOWLEDGE_TYPE.LARK]: KNOWLEDGE_TYPE_KEY.LARK,
+  [KNOWLEDGE_TYPE.YUQUE]: KNOWLEDGE_TYPE_KEY.YUQUE,
+  [KNOWLEDGE_TYPE.WORKFLOW]: KNOWLEDGE_TYPE_KEY.WORKFLOW,
+} as const satisfies Record<KnowledgeType, keyof typeof KNOWLEDGE_TYPE>
+
+/** 前端语义标识对应的展示文案。 */
+export const KNOWLEDGE_TYPE_LABELS = {
+  [KNOWLEDGE_TYPE_KEY.BASE]: '通用类型',
+  [KNOWLEDGE_TYPE_KEY.WEB]: 'web站点类型',
+  [KNOWLEDGE_TYPE_KEY.LARK]: '飞书类型',
+  [KNOWLEDGE_TYPE_KEY.YUQUE]: '语雀类型',
+  [KNOWLEDGE_TYPE_KEY.WORKFLOW]: '工作流类型',
+} as const satisfies Record<(typeof KNOWLEDGE_TYPE_MAP)[KnowledgeType], string>
diff --git a/ui/src/styles/STYLE_README.md b/ui/src/styles/STYLE_README.md
index 9486731b72b..d6f4ccb440b 100644
--- a/ui/src/styles/STYLE_README.md
+++ b/ui/src/styles/STYLE_README.md
@@ -167,6 +167,19 @@ CSS 自定义属性同样按变量名排序。嵌套选择器、伪类和媒体
 
 ## 常用交互工具类
 
+卡片内需要文字居左、单选圆点居右并垂直居中时，在 `el-radio` 上添加 `mk-card-radio`。
+该类由 `app.scss` 统一设置整行宽度、自适应高度、文字换行和左右间距；卡片边框与选中状态
+仍由外层卡片控制。
+
+```vue
+<el-card>
+  <el-radio :value="option.value" class="mk-card-radio">
+    <h6>{{ option.label }}</h6>
+    <span class="mt-1 block text-sm text-N600">{{ option.description }}</span>
+  </el-radio>
+</el-card>
+```
+
 `group-hover-visible` 用于列表项、卡片等父级带有 `group` 的悬浮操作区。操作区默认透明且不响应
 鼠标事件；距离操作区最近的 `group` 悬浮或内部获得焦点时显示并恢复交互，外层 `group` 不会越过
 内层 `group` 触发操作区。该工具类只负责显隐，布局继续由使用方组合。
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index 84628f423dc..0e201aa8dc0 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -119,6 +119,12 @@ h6 {
   border-radius: 6px;
   padding: calc(var(--spacing) * 3);
 }
+// 白色背景卡片
+.mk-white-card {
+  background-color: white !important;
+  border-radius: 6px;
+  padding: calc(var(--spacing) * 3);
+}
 
 // 资源的card grid布局
 .mk-resource-card-grid {
@@ -133,6 +139,26 @@ h6 {
 }
 
 /* radio */
+// 卡片内单选：文字在左，选择框在右并垂直居中。
+.mk-card-radio.el-radio {
+  flex-direction: row-reverse;
+  height: auto;
+  margin-right: 0;
+  width: 100%;
+
+  .el-radio__input {
+    flex-shrink: 0;
+  }
+
+  .el-radio__label {
+    flex: 1;
+    min-width: 0;
+    padding-left: 0;
+    padding-right: calc(var(--spacing) * 3);
+    white-space: normal;
+  }
+}
+
 // radio-group 垂直排列
 .vertical-radio-group {
   align-items: stretch;
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index 136eeda3cbf..c8430f79040 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -85,7 +85,7 @@
     background: linear-gradient(180deg, #3370ff 0%, #9258f7 100%) !important;
   }
   &.small {
-    --el-avatar-border-radius: 4px;
+    --el-avatar-border-radius: 5px;
   }
 }
 
diff --git a/ui/src/utils/resource-context.ts b/ui/src/utils/resource-context.ts
index e04bd1e0b5b..792267e37d5 100644
--- a/ui/src/utils/resource-context.ts
+++ b/ui/src/utils/resource-context.ts
@@ -26,6 +26,7 @@ export const isSystemSharedResource = () => {
   return router.currentRoute.value.meta.resourceScope === 'system-shared'
 }
 
+/** 获取当前是哪个资源范围 */
 export const getResourceScope = () => {
   return router.currentRoute.value.meta.resourceScope
 }
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index 24c772df1e9..e6462f73ef3 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -117,6 +117,27 @@ query，不写入新的文件夹 ID，进入详情时也不携带该 query。`Wo
 局部替换，接口只返回布尔值或部分数据时调用 `refreshApplicationDetail()` 重新获取详情。切换二级
 菜单不会重新挂载详情容器，也不会自动重复请求详情。
 
+知识库列表按相同方式维护卡片、菜单 Action 和批量流程：
+
+```text
+src/views/knowledge/
+├── KnowledgeView.vue
+├── knowledge-card/
+│   ├── KnowledgeCard.vue
+│   └── action-dropdown/
+│       ├── index.ts
+│       ├── MoveKnowledgeAction.vue
+│       └── DeleteKnowledgeAction.vue
+└── template.ts
+```
+
+`KnowledgeCard` 只负责展示、选择状态和 `action-dropdown` 插槽；页面传入完整 Knowledge API，
+组合单项转移、删除 Action，并管理批量选择、全选、批量转移与批量删除。共享知识库不展示这些操作。
+切换文件夹退出批量模式，搜索或刷新列表清空选择。转移复用公共 `MoveToDialog`：单项飞书知识库
+调用 `putLarkKnowledge`，其他类型调用 `putKnowledge`，只提交 `folder_id`；成功后通过 `move`
+更新卡片所属目录，在具体目录转出时通过 `delete` 移除卡片，在全部目录或转入当前目录时保留。
+批量转移与删除使用对应批量接口，成功后退出选择模式并刷新列表。
+
 当前工具页面按工具类型组织维护表单，共用的参数和代码设置保留在
 `tool-form/component/` 中：
 
@@ -316,7 +337,7 @@ Dialog。新增或重命名文件时，应同步更新所有导入和页面功
 组件不从 URL 推断资源范围。每次打开或刷新只查询一次模型列表，保存在 `models` 中，由
 `getModelOptions(type)` 按 `model_type` 过滤。默认模型类型保留页面展示顺序，标签复用
 `MODEL_TYPE_LABELS`。供应商列表通过当前公共供应商接口查询。模型选择及参数设置复用
-`ModelSelect`，通过 `canEditParams` 控制参数入口，重排序模型隐藏该入口。
+`SelectModel`，通过 `canEditParams` 控制参数入口，重排序模型隐藏该入口。
 默认模型抽屉开启 `canAdd`，创建成功后通过 `refresh` 重新加载模型列表。
 
 入口接收 `getGraphData` 函数并传给抽屉。“应用到所有节点”确认后，抽屉调用该函数获取最新图数据，
@@ -332,5 +353,5 @@ Dialog。新增或重命名文件时，应同步更新所有导入和页面功
 模型 API 对象。Workspace 模型页传入 `ModelApi`，System 共享模型页传入 `SystemSharedApi`；
 创建抽屉只调用传入的 API，不再自行判断资源范围。
 `ModelCreateButton` 默认渲染主按钮，也支持通过默认作用域插槽的 `open()` 定制触发按钮，
-`ModelSelect` 的下拉页脚使用该插槽复用同一创建流程。创建成功后保留基础资料刷新，再触发
+`SelectModel` 的下拉页脚使用该插槽复用同一创建流程。创建成功后保留基础资料刷新，再触发
 `refresh` 通知调用方重新加载模型列表。
diff --git a/ui/src/views/knowledge/DocumentDetailView.vue b/ui/src/views/knowledge-detail/DocumentDetailView.vue
similarity index 100%
rename from ui/src/views/knowledge/DocumentDetailView.vue
rename to ui/src/views/knowledge-detail/DocumentDetailView.vue
diff --git a/ui/src/views/knowledge/KnowledgeDetailView.vue b/ui/src/views/knowledge-detail/KnowledgeDetailView.vue
similarity index 100%
rename from ui/src/views/knowledge/KnowledgeDetailView.vue
rename to ui/src/views/knowledge-detail/KnowledgeDetailView.vue
diff --git a/ui/src/views/knowledge/KnowledgeView.vue b/ui/src/views/knowledge/KnowledgeView.vue
index c4abf0118db..254fc2f12b3 100644
--- a/ui/src/views/knowledge/KnowledgeView.vue
+++ b/ui/src/views/knowledge/KnowledgeView.vue
@@ -8,7 +8,10 @@ import type { Dict, FolderItem, KnowledgeItem, OptionItem } from '@/api/types'
 import { RESOURCE_TYPE } from '@/api/enums'
 import { FOLDER_ENTRIES, FOLDER_ENTRY_ID } from '@/constants'
 import FolderTree from '@/components/business/folder-tree/index.vue'
-import KnowledgeCard from './components/KnowledgeCard.vue'
+import KnowledgeCard from './knowledge-card/KnowledgeCard.vue'
+import { DeleteKnowledgeAction, MoveKnowledgeAction } from './knowledge-card/action-dropdown'
+import MoveToDialog from '@/components/business/folder-tree/MoveToDialog.vue'
+import { MsgConfirm, MsgSuccess } from '@/utils/message'
 
 /* 当前文件夹 */
 const currentFolder = ref<FolderItem>({ ...FOLDER_ENTRIES[RESOURCE_TYPE.KNOWLEDGE].all })
@@ -17,7 +20,10 @@ const isShared = computed(() => currentFolder.value.id === FOLDER_ENTRY_ID.SHARE
 function handleFolderSelect(folder: FolderItem) {
   const folderChanged = folder.id !== currentFolder.value.id
   currentFolder.value = folder
-  if (folderChanged) refreshKnowledge()
+  if (folderChanged) {
+    cancelBatchSelection()
+    refreshKnowledge()
+  }
 }
 
 const folderTreeRef = useTemplateRef<InstanceType<typeof FolderTree>>('folderTreeRef')
@@ -57,12 +63,87 @@ function loadKnowledgePage(pagination: { currentPage: number; pageSize: number }
 const knowledgeOperationLoading = ref(false)
 
 function refreshKnowledge() {
-  infiniteScrollRef.value?.reset()
+  selectedKnowledgeIds.value = []
+  return infiniteScrollRef.value?.reset()
 }
 
 function handleDeleteKnowledge(knowledgeId: string) {
   const knowledgeIndex = knowledgeData.value.findIndex((item) => item.id === knowledgeId)
   if (knowledgeIndex >= 0) knowledgeData.value.splice(knowledgeIndex, 1)
+  selectedKnowledgeIds.value = selectedKnowledgeIds.value.filter((id) => id !== knowledgeId)
+}
+
+function handleMoveKnowledge(knowledgeId: string, folderId: string) {
+  const knowledge = knowledgeData.value.find(({ id }) => id === knowledgeId)
+  if (knowledge) knowledge.folder_id = folderId
+}
+/* 批量选择与操作 */
+const batchSelectionMode = ref(false)
+const selectedKnowledgeIds = ref<string[]>([])
+const selectedKnowledgeCount = computed(() => selectedKnowledgeIds.value.length)
+const knowledgeIds = computed(() => knowledgeData.value.map(({ id }) => id))
+const batchMoveToDialogRef = useTemplateRef<{ close: () => void; open: (currentFolderId?: string) => void }>('batchMoveToDialogRef')
+
+function toggleBatchSelection() {
+  batchSelectionMode.value = !batchSelectionMode.value
+  selectedKnowledgeIds.value = []
+}
+
+function cancelBatchSelection() {
+  batchSelectionMode.value = false
+  selectedKnowledgeIds.value = []
+}
+
+function handleKnowledgeSelect(knowledgeId: string, selected: boolean) {
+  if (selected) {
+    if (!selectedKnowledgeIds.value.includes(knowledgeId)) selectedKnowledgeIds.value.push(knowledgeId)
+    return
+  }
+
+  selectedKnowledgeIds.value = selectedKnowledgeIds.value.filter((id) => id !== knowledgeId)
+}
+
+function handleOpenBatchMove() {
+  if (isShared.value || knowledgeOperationLoading.value || !selectedKnowledgeCount.value) return
+  batchMoveToDialogRef.value?.open(currentFolder.value.id)
+}
+
+// 批量移动
+function handleBatchMove(targetFolderId: string) {
+  if (isShared.value || knowledgeOperationLoading.value || !selectedKnowledgeCount.value) return
+  const knowledgeIds = [...selectedKnowledgeIds.value]
+
+  knowledgeOperationLoading.value = true
+  return KnowledgeApi.putBatchMoveKnowledge(knowledgeIds, targetFolderId)
+    .then(() => {
+      MsgSuccess('转移成功')
+      batchMoveToDialogRef.value?.close()
+      cancelBatchSelection()
+      return refreshKnowledge()
+    })
+    .finally(() => {
+      knowledgeOperationLoading.value = false
+    })
+}
+
+// 批量操作
+function handleBatchDelete() {
+  if (isShared.value || knowledgeOperationLoading.value || !selectedKnowledgeCount.value) return
+  const knowledgeIds = [...selectedKnowledgeIds.value]
+
+  MsgConfirm(`是否批量删除 ${knowledgeIds.length} 个知识库？`, '删除后无法恢复，请谨慎操作。')
+    .then(() => {
+      knowledgeOperationLoading.value = true
+      return KnowledgeApi.putBatchDeleteKnowledge(knowledgeIds).then(() => {
+        MsgSuccess('删除成功')
+        cancelBatchSelection()
+        return refreshKnowledge()
+      })
+    })
+    .catch(() => {})
+    .finally(() => {
+      knowledgeOperationLoading.value = false
+    })
 }
 </script>
 
@@ -81,13 +162,24 @@ function handleDeleteKnowledge(knowledgeId: string) {
       <FolderTree ref="folderTreeRef" :source="RESOURCE_TYPE.KNOWLEDGE" draggable @select="handleFolderSelect" />
     </template>
 
-    <template #default="{ Header }">
+    <template #default="{ Footer, Header }">
       <component :is="Header">
         <h4 class="min-w-0 truncate" :title="currentFolder.name">{{ currentFolder.name }}</h4>
         <div class="flex items-center gap-3">
           <MkComplexSearch :fields="searchFields" @change="handleSearchChange" />
 
-          <MkDropdown v-if="!isShared" trigger="click" placement="bottom-end">
+          <el-button
+            v-if="!isShared && (knowledgeData.length || batchSelectionMode)"
+            :type="batchSelectionMode ? 'primary' : undefined"
+            :disabled="knowledgeOperationLoading"
+            plain
+            @click="toggleBatchSelection"
+          >
+            <MkIcon name="icon_Batch_outlined" />
+            <span>{{ batchSelectionMode ? '取消选择' : '批量选择' }}</span>
+          </el-button>
+
+          <MkDropdown v-if="!isShared && !batchSelectionMode" trigger="click" placement="bottom-end">
             <el-button type="primary">
               <span class="mr-1">创建</span>
               <MkIcon name="icon_down_outlined" :size="14" />
@@ -108,7 +200,32 @@ function handleDeleteKnowledge(knowledgeId: string) {
         <MkInfiniteScroll ref="infiniteScrollRef" v-model="knowledgeData" :load="loadKnowledgePage">
           <div class="mk-resource-card-grid">
             <template v-for="knowledge in knowledgeData" :key="knowledge.id">
-              <KnowledgeCard v-model:loading="knowledgeOperationLoading" :knowledge="knowledge" :shared="isShared" @delete="handleDeleteKnowledge" />
+              <KnowledgeCard
+                :knowledge="knowledge"
+                :shared="isShared"
+                :selectable="batchSelectionMode"
+                :selected="selectedKnowledgeIds.includes(knowledge.id)"
+                @selected="handleKnowledgeSelect(knowledge.id, $event)"
+              >
+                <template v-if="!isShared" #action-dropdown>
+                  <MoveKnowledgeAction
+                    v-model:loading="knowledgeOperationLoading"
+                    label="转移到"
+                    :api="KnowledgeApi"
+                    :knowledge="knowledge"
+                    :current-folder-id="currentFolder.id"
+                    @delete="handleDeleteKnowledge"
+                    @move="handleMoveKnowledge"
+                  />
+                  <DeleteKnowledgeAction
+                    v-model:loading="knowledgeOperationLoading"
+                    label="删除"
+                    :api="KnowledgeApi"
+                    :knowledge="knowledge"
+                    @delete="handleDeleteKnowledge"
+                  />
+                </template>
+              </KnowledgeCard>
             </template>
           </div>
           <template #empty>
@@ -116,6 +233,22 @@ function handleDeleteKnowledge(knowledgeId: string) {
           </template>
         </MkInfiniteScroll>
       </div>
+      <component
+        :is="Footer"
+        v-if="batchSelectionMode && !isShared"
+        v-model:batch-selection="selectedKnowledgeIds"
+        :batch-values="knowledgeIds"
+        @batch-cancel="cancelBatchSelection"
+      >
+        <template #footer-batch-actions>
+          <el-button type="primary" plain :disabled="knowledgeOperationLoading || !selectedKnowledgeCount" @click="handleOpenBatchMove"
+            >转移到</el-button
+          >
+          <el-button type="danger" plain :disabled="knowledgeOperationLoading || !selectedKnowledgeCount" @click="handleBatchDelete">删除</el-button>
+        </template>
+      </component>
     </template>
   </MkViewLayout>
+
+  <MoveToDialog ref="batchMoveToDialogRef" :loading="knowledgeOperationLoading" :source="RESOURCE_TYPE.KNOWLEDGE" @submit="handleBatchMove" />
 </template>
diff --git a/ui/src/views/knowledge/components/KnowledgeCard.vue b/ui/src/views/knowledge/components/KnowledgeCard.vue
deleted file mode 100644
index 84a2365be3e..00000000000
--- a/ui/src/views/knowledge/components/KnowledgeCard.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<script setup lang="ts">
-import KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
-import type { KnowledgeItem } from '@/api/types'
-import MkSourceCard from '@/components/mk-source-card/index.vue'
-import { MsgConfirm, MsgSuccess } from '@/utils/message'
-import { numberFormat } from '@/utils/number'
-
-defineOptions({ name: 'KnowledgeCard' })
-
-const props = defineProps<{ knowledge: KnowledgeItem; shared: boolean }>()
-const loading = defineModel<boolean>('loading', { default: false })
-
-const emit = defineEmits<{ delete: [knowledgeId: string] }>()
-
-/* 删除知识库 */
-function handleDeleteKnowledge() {
-  return MsgConfirm(`确认删除知识库：${props.knowledge.name}？`)
-    .then(() => {
-      loading.value = true
-      return KnowledgeApi.deleteKnowledge(props.knowledge.id)
-        .finally(() => {
-          loading.value = false
-        })
-        .then(() => {
-          emit('delete', props.knowledge.id)
-          MsgSuccess('删除成功')
-        })
-    })
-    .catch(() => {})
-}
-</script>
-
-<template>
-  <MkSourceCard :create_time="knowledge.create_time" :nick_name="knowledge.nick_name || '-'" :title="knowledge.name">
-    <template #icon>
-      <span class="flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary">
-        <MkIcon name="icon_book_filled" :size="20" />
-      </span>
-    </template>
-
-    <template #tag>
-      <el-tag v-if="shared" size="small" type="info">共享</el-tag>
-    </template>
-
-    <p class="line-clamp-2" :title="knowledge.desc ?? undefined">
-      {{ knowledge.desc }}
-    </p>
-
-    <template #footer="{ Action, ActionDropdown }">
-      <span>
-        <span class="mr-1 font-semibold">{{ knowledge.document_count ?? 0 }}</span>
-        <span class="text-N600">文档</span>
-      </span>
-      <el-divider direction="vertical" />
-      <span>
-        <strong class="mr-1 font-semibold">{{ numberFormat(knowledge.char_length) }}</strong>
-        <span class="text-N600">字符</span>
-      </span>
-
-      <component :is="Action" v-if="!shared">
-        <component :is="ActionDropdown">
-          <MkDropdownItem>
-            <template #icon><MkIcon name="icon_assigned_outlined" /></template>
-            <span>资源授权</span>
-          </MkDropdownItem>
-          <MkDropdownItem>
-            <template #icon><MkIcon name="icon_move2_outlined" /></template>
-            <span>移动到</span>
-          </MkDropdownItem>
-          <MkDropdownItem divided @click="handleDeleteKnowledge">
-            <template #icon><MkIcon name="icon_delete-trash_outlined" /></template>
-            <span>删除</span>
-          </MkDropdownItem>
-        </component>
-      </component>
-    </template>
-  </MkSourceCard>
-</template>
diff --git a/ui/src/views/knowledge/knowledge-card/KnowledgeCard.vue b/ui/src/views/knowledge/knowledge-card/KnowledgeCard.vue
new file mode 100644
index 00000000000..1acf2adb7e1
--- /dev/null
+++ b/ui/src/views/knowledge/knowledge-card/KnowledgeCard.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import type { KnowledgeItem } from '@/api/types'
+import MkSourceCard from '@/components/mk-source-card/index.vue'
+import { numberFormat } from '@/utils/number'
+
+defineOptions({ name: 'KnowledgeCard' })
+
+defineProps<{ knowledge: KnowledgeItem; shared?: boolean; selectable?: boolean; selected?: boolean }>()
+
+const emit = defineEmits<{ selected: [selected: boolean] }>()
+defineSlots<{ 'action-dropdown'?: () => unknown }>()
+</script>
+
+<template>
+  <MkSourceCard
+    :create_time="knowledge.create_time"
+    :nick_name="knowledge.nick_name || '-'"
+    :title="knowledge.name"
+    :selectable="selectable"
+    :selected="selected"
+    @selected="emit('selected', $event)"
+  >
+    <template #icon>
+      <KnowledgeIcon :type="knowledge.type" />
+    </template>
+
+    <template #tag>
+      <el-tag v-if="shared" size="small" type="info">共享</el-tag>
+    </template>
+
+    <p class="line-clamp-2" :title="knowledge.desc ?? undefined">
+      {{ knowledge.desc }}
+    </p>
+
+    <template #footer="{ Action, ActionDropdown }">
+      <span>
+        <span class="mr-1 font-semibold">{{ knowledge.document_count ?? 0 }}</span>
+        <span class="text-N600">文档</span>
+      </span>
+      <el-divider direction="vertical" />
+      <span>
+        <strong class="mr-1 font-semibold">{{ numberFormat(knowledge.char_length) }}</strong>
+        <span class="text-N600">字符</span>
+      </span>
+
+      <component :is="Action" v-if="!shared">
+        <component :is="ActionDropdown">
+          <slot name="action-dropdown" />
+        </component>
+      </component>
+    </template>
+  </MkSourceCard>
+</template>
diff --git a/ui/src/views/knowledge/knowledge-card/action-dropdown/DeleteKnowledgeAction.vue b/ui/src/views/knowledge/knowledge-card/action-dropdown/DeleteKnowledgeAction.vue
new file mode 100644
index 00000000000..c38a84dbbc4
--- /dev/null
+++ b/ui/src/views/knowledge/knowledge-card/action-dropdown/DeleteKnowledgeAction.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import type KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
+import type { KnowledgeItem } from '@/api/types'
+import { MsgConfirm, MsgSuccess } from '@/utils/message'
+
+defineOptions({ name: 'DeleteKnowledgeAction' })
+
+const props = defineProps<{ api: typeof KnowledgeApi; knowledge: KnowledgeItem; label: string }>()
+
+const loading = defineModel<boolean>('loading', { default: false })
+
+const emit = defineEmits<{ delete: [knowledgeId: string] }>()
+
+function handleDeleteKnowledge() {
+  return MsgConfirm(`确认删除知识库：${props.knowledge.name}？`, '删除后无法恢复，请谨慎操作。')
+    .then(() => {
+      loading.value = true
+      return props.api
+        .deleteKnowledge(props.knowledge.id)
+        .finally(() => {
+          loading.value = false
+        })
+        .then(() => {
+          emit('delete', props.knowledge.id)
+          MsgSuccess('删除成功')
+        })
+    })
+    .catch(() => {})
+}
+</script>
+
+<template>
+  <MkDropdownItem divided @click="handleDeleteKnowledge">
+    <template #icon><MkIcon name="icon_delete-trash_outlined" /></template>
+    <span>{{ label }}</span>
+  </MkDropdownItem>
+</template>
diff --git a/ui/src/views/knowledge/knowledge-card/action-dropdown/MoveKnowledgeAction.vue b/ui/src/views/knowledge/knowledge-card/action-dropdown/MoveKnowledgeAction.vue
new file mode 100644
index 00000000000..625adaf64d1
--- /dev/null
+++ b/ui/src/views/knowledge/knowledge-card/action-dropdown/MoveKnowledgeAction.vue
@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import { nextTick, ref, useTemplateRef } from 'vue'
+import type KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
+import type { KnowledgeItem } from '@/api/types'
+import { RESOURCE_TYPE } from '@/api/enums'
+import { FOLDER_ENTRY_ID } from '@/constants'
+import MoveToDialog from '@/components/business/folder-tree/MoveToDialog.vue'
+import { KNOWLEDGE_TYPE_KEY, KNOWLEDGE_TYPE_MAP } from '@/constants/knowledge'
+import { MsgSuccess } from '@/utils/message'
+
+defineOptions({ name: 'MoveKnowledgeAction' })
+
+const props = defineProps<{ api: typeof KnowledgeApi; knowledge: KnowledgeItem; currentFolderId: string; label: string }>()
+
+const loading = defineModel<boolean>('loading', { default: false })
+
+const emit = defineEmits<{ delete: [knowledgeId: string]; move: [knowledgeId: string, folderId: string] }>()
+
+const dialogMounted = ref(false)
+const moveToDialogRef = useTemplateRef<{ close: () => void; open: (currentFolderId?: string) => void }>('moveToDialogRef')
+
+function handleOpenMoveKnowledge() {
+  dialogMounted.value = true
+  return nextTick(() => moveToDialogRef.value?.open(props.knowledge.folder_id ?? props.currentFolderId))
+}
+
+function handleMoveKnowledge(targetFolderId: string) {
+  if (loading.value) return
+  loading.value = true
+  const updateKnowledge = KNOWLEDGE_TYPE_MAP[props.knowledge.type] === KNOWLEDGE_TYPE_KEY.LARK ? props.api.putLarkKnowledge : props.api.putKnowledge
+  return updateKnowledge(props.knowledge.id, { folder_id: targetFolderId })
+    .then(() => {
+      MsgSuccess('转移成功')
+      moveToDialogRef.value?.close()
+      emit('move', props.knowledge.id, targetFolderId)
+      if (props.currentFolderId !== FOLDER_ENTRY_ID.ALL && props.currentFolderId !== targetFolderId) emit('delete', props.knowledge.id)
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+function handleDialogClosed() {
+  dialogMounted.value = false
+}
+</script>
+
+<template>
+  <MkDropdownItem @click="handleOpenMoveKnowledge">
+    <template #icon><MkIcon name="icon_move2_outlined" /></template>
+    <span>{{ label }}</span>
+  </MkDropdownItem>
+
+  <MoveToDialog
+    v-if="dialogMounted"
+    ref="moveToDialogRef"
+    :loading="loading"
+    :source="RESOURCE_TYPE.KNOWLEDGE"
+    @closed="handleDialogClosed"
+    @submit="handleMoveKnowledge"
+  />
+</template>
diff --git a/ui/src/views/knowledge/knowledge-card/action-dropdown/index.ts b/ui/src/views/knowledge/knowledge-card/action-dropdown/index.ts
new file mode 100644
index 00000000000..40905fc7dac
--- /dev/null
+++ b/ui/src/views/knowledge/knowledge-card/action-dropdown/index.ts
@@ -0,0 +1,3 @@
+/** 知识库卡片菜单操作。 */
+export { default as MoveKnowledgeAction } from './MoveKnowledgeAction.vue'
+export { default as DeleteKnowledgeAction } from './DeleteKnowledgeAction.vue'
diff --git a/ui/src/views/workflow/components/default-model-setting/DefaultModelSettingDrawer.vue b/ui/src/views/workflow/components/default-model-setting/DefaultModelSettingDrawer.vue
index 45b2d504e4c..636c1e5605d 100644
--- a/ui/src/views/workflow/components/default-model-setting/DefaultModelSettingDrawer.vue
+++ b/ui/src/views/workflow/components/default-model-setting/DefaultModelSettingDrawer.vue
@@ -6,7 +6,7 @@ import { WorkflowNodeType } from '@/workflow-canvas/types'
 import type ModelApi from '@/api/admin/workspace/model/model'
 import ModelProviderApi from '@/api/admin/model-provider'
 import type { DefaultModelSettingPayload, DefaultModelType, ModelConfig, ModelItem, ModelProviderItem } from '@/api/types'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import SelectModel from '@/components/business/select-model/index.vue'
 import { MsgConfirm, MsgSuccess } from '@/utils/message'
 import { MODEL_TYPE_LABELS } from '@/constants/model'
 
@@ -230,7 +230,7 @@ defineExpose({ open })
 
     <el-form v-loading="loading" label-position="top" @submit.prevent>
       <el-form-item v-for="modelType in defaultModelTypes" :key="modelType" :label="MODEL_TYPE_LABELS[modelType]">
-        <ModelSelect
+        <SelectModel
           v-model="modelSettings[modelType].model_id"
           v-model:model-params="modelSettings[modelType].model_params_setting"
           :options="getModelOptions(modelType)"
diff --git a/ui/src/views/workflow/tool/ToolWorkflowView.vue b/ui/src/views/workflow/tool/ToolWorkflowView.vue
index 5c66ad35be0..0daf8ed30e6 100644
--- a/ui/src/views/workflow/tool/ToolWorkflowView.vue
+++ b/ui/src/views/workflow/tool/ToolWorkflowView.vue
@@ -16,7 +16,7 @@ import WorkflowViewLayout from '../components/WorkflowViewLayout.vue'
 
 defineOptions({ name: 'ToolWorkflowView' })
 
-// 为画布节点中的 ModelSelect 提供参数表单接口。
+// 为画布节点中的 SelectModel 提供参数表单接口。
 provide('getModelParamsForm', ModelApi.getModelParamsForm)
 
 const DEFAULT_WORKFLOW: LogicFlow.GraphConfigData = {
diff --git a/ui/src/workflow-canvas/WORKFLOW_README.md b/ui/src/workflow-canvas/WORKFLOW_README.md
index a28440cbf71..3f82e5eed2d 100644
--- a/ui/src/workflow-canvas/WORKFLOW_README.md
+++ b/ui/src/workflow-canvas/WORKFLOW_README.md
@@ -65,6 +65,10 @@ LogicFlow 的节点拖拽；仅拦截 `mousedown` 无法隔离当前版本的 Po
 容器；`teleport.connect()` 的可选第五个参数用于传入组件 Props。节点容器
 保留菜单开关与外部点击关闭逻辑，不维护锚点 tooltip 的状态或虚拟触发器。
 
+画布中的所有弹窗（包括节点重命名、字段编辑和参数设置）统一使用 `MkDialog`，
+由公共组件负责打开时挂载、关闭动画结束后卸载，避免每个节点提前生成隐藏 Dialog DOM。
+保留业务弹窗的 `open()`、`close()` 和 `closed` 清理流程，不在调用处直接用可见状态卸载弹窗。
+
 ### `config/`
 
 `config` 是随业务持续维护的配置层，增加、删除或调整节点时通常会更新：
@@ -90,7 +94,7 @@ LogicFlow 的节点拖拽；仅拦截 `mousedown` 无法隔离当前版本的 Po
 `index.vue`。节点注册由 `index.vue` 中的 `import.meta.glob('./nodes/**/index.ts')` 自动收集，
 不要再维护一份逐项导入列表。
 
-工作流中的单模型选择统一使用 `ModelSelect` 的 `canEditParams` 和 `v-model:model-params`，
+工作流中的单模型选择统一使用 `SelectModel` 的 `canEditParams` 和 `v-model:model-params`，
 由公共组件维护参数按钮、弹窗和切换模型后的默认值，节点不再单独创建参数弹窗或请求默认值。
 AI 对话及基本信息的语音子组件通过局部更新事件回写字段，父节点合并更新，避免模型 ID 与参数
 连续更新时被旧 Props 覆盖。语音输入使用 `stt_model_params_setting`，语音播放使用
@@ -101,9 +105,28 @@ Vue Teleport 节点继承页面上下文；画布核心不负责模型参数接
 `WorkflowNodeModel.getDefaultModelConfig(type)` 通过画布的配置读取函数获取对应模型，不使用
 默认配置的 `provide/inject`，也不写入节点持久化数据。AI 对话、意图识别、问题优化、语音、
 图片、视频及参数提取相关节点在默认来源下读取保存后的对应模型 ID 和参数，使用禁用且隐藏参数按钮的
-`ModelSelect` 展示；自定义来源继续编辑节点自身配置，引用来源使用 `NodeCascader`。默认配置
-只用于解析当前使用的模型，不覆盖节点保存的自定义配置；各节点在本地维护模型设置，并按当前
-来源检查实际模型或引用变量。
+`SelectModel` 展示；自定义来源继续编辑节点自身配置，引用来源使用 `NodeCascader`。默认配置
+只用于解析当前使用的模型，不覆盖节点保存的自定义配置。
+
+AI 对话、意图识别、问题优化、参数提取、图片理解、视频理解、图片生成、文生视频、图生视频、
+语音转文本和文本转语音这 11 个节点统一使用 `component/node-model-select/index.vue` 的
+`NodeModelSelect`。组件接收 `nodeModel`、只读 `formData`、`modelType`、`label`、`options` 和
+`providerOptions`；默认字段为 `model_id_type`、`model_id`、`model_id_reference` 与
+`model_params_setting`，语音节点通过类型化的 `fields` 映射 STT/TTS 字段。组件通过 `update`
+提交实际字段的局部更新，节点合并最新数据后写回；初始化、旧数据兼容和选项查询仍由节点负责。
+组件内部的 `el-form-item` 注册到节点外层表单，节点只需调用原有 `formRef.validate()`。
+默认来源检查保存后的默认模型，自定义来源检查模型 ID，引用来源检查必填并调用
+`NodeCascader.validate()` 检查引用有效性。切换来源清空引用与旧校验，保留自定义模型和参数。
+来源及模型下拉由组件统一维护锚点保护；参数按钮与默认参数加载继续复用 `SelectModel`。
+多路召回、基本信息中的语音设置和长期记忆保持各自实现，不接入该组件。
+
+知识库检索的范围区块使用 `component/node-search-scope/index.vue` 的 `NodeSearchScope`。
+组件通过 `formData` 接收 `NodeSearchScopeData`、通过 `selectedKnowledge` 接收包含 ID 回退的
+知识库快照，`nodeModel` 仅用于变量选择和浮层锚点保护。`update` 提交范围字段的局部变更，
+`update:knowledge` 提交选择或移除后的知识库列表；节点保留快照、关联 ID 和不可见关联的清理逻辑。
+组件复用 `SelectKnowledgeDialog`，保留相同 Embedding 模型约束。切换范围保留配置，切换知识库/
+文档列表清空引用；引用的必填与有效性校验通过组件内的表单项加入节点外层表单，自定义范围不校验
+隐藏引用，也不新增知识库必填限制。文档标签检索后续可以复用该组件，标签加载与过滤仍归节点。
 
 节点自身的表单、状态和专属校验留在节点目录；多个节点共享且属于画布基础协议的能力才上移到
 `core`。节点应复用 `core/node-container/index.vue`，需要选择上游节点字段时复用
@@ -142,11 +165,25 @@ Vue Teleport 节点继承页面上下文；画布核心不负责模型参数接
 当前表单的显隐引用使用真实节点 ID，与 v2 的引用路径一致；保留 `self` 标记供动态表单从本地值取数。
 节点初始化时将旧 `self-form` 引用转换为当前节点 ID，并为 v2 的当前节点引用补齐 `self`，不改动上游引用。
 
+AI 对话节点的 `component/resource-setting` 仅渲染技能卡片内的 MCP、工具、Skills 和智能体分组，
+各分组直接在入口使用 `MkCollapse`，不再拆分普通列表子组件，仅选择弹窗独立封装。
+标题、输出执行过程开关与 `mk-white-card` 由节点入口维护。组件通过 `setting`
+读取资源配置、通过 `update` 提交局部变更；资源选项由 Props 传入，未接入数据源时默认为空数组，
+已关联但缺少详情的资源保留 ID 回退展示。
+
 AI 对话节点的提示词、历史记录、视觉理解和输出思考表单直接在节点入口维护，统一使用全局
 `MdEditorMagnify` 和节点表单样式；AI 提示词生成与思考过程配置仍使用独立弹窗。
 问题优化、图片理解和视频理解节点的系统提示词与用户提示词，以及图片、文生视频和图生视频
 节点的正向与负向提示词同样使用 `MdEditorMagnify`，必填字段由所在节点表单统一校验。
 
+文档内容提取、多路召回和文档标签检索节点使用统一的节点标题、`mk-gray-card`、表单必填标记与
+`MkIcon`。多路召回的独立参数弹窗位于节点 `component/`，复用 `MkDialog` 和 `MkSlider`；
+重排内容与标签条件允许删除到空列表，保留原有列表语义。文档标签检索复用
+`SelectKnowledgeDialog`，保留知识库快照及缺少详情的关联 ID。
+`ApplicationWorkflowView` 和 `ToolWorkflowView` 提供 `getKnowledgeTags` 与 `getRerankerModels`
+注入接口，分别用于文档标签选项与重排模型查询；新增模型后直接重新查询，不读取已有模型列表缓存。
+标签请求只回写当前关联知识库的结果，过期或节点卸载后的响应不再修改节点。
+
 固定字段写入统一使用直接赋值，例如 `model.properties.node_data = value`、
 `model.validate = validate`，不使用 Lodash `set`。写入嵌套字段前保留必要的父对象初始化；
 Vue `computed` 的 `set` 和原生 `Map.set()` 按各自 API 正常使用。
@@ -216,10 +253,11 @@ MkFormList 的排序、增删均以 `cloneDeep` 回写；MkTable 保留普通行
 
 - 已实现并注册：基本信息、开始、AI 对话、意图识别、问题优化、语音转文本、文本转语音、图片生成、
   图片理解、文生视频、图生视频、视频理解、知识库检索、判断器、指定回复、智能体、自定义工具和
-  工具库工具。
-- 知识库检索节点在 `component/search-scope/` 和 `component/search-setting/` 中分别维护检索范围
-  与参数配置，节点入口统一写回数据并独立校验范围引用和问题引用。知识库选择复用
-  `KnowledgeSelectionDialog`，保留相同 Embedding 模型约束；移除关联只清理明确取消的 ID，
+  工具库工具、文档内容提取、多路召回和文档标签检索。
+- 知识库检索节点在入口维护检索范围、参数摘要和问题表单，参数设置按钮与弹窗统一封装在
+  `component/SearchSetting.vue`，通过 `v-model` 接收检索参数，仅在校验通过并保存后深拷贝回写；
+  节点入口统一维护关联数据，范围引用加入节点表单校验，问题引用保留独立有效性检查。知识库选择复用
+  `SelectKnowledgeDialog`，保留相同 Embedding 模型约束；移除关联只清理明确取消的 ID，
   不丢弃全量关联中当前用户不可见的知识库。检索模式协议复用 `KNOWLEDGE_SEARCH_MODE`。
 - `config/node-mapping.ts` 保留节点类型映射，以及基本信息和开始节点的默认数据集合。
 - `NodeMenu` 使用 Element Plus Tabs 组织基础组件、工具和智能体；基础组件直接渲染 `node-menu/menu.ts` 返回的菜单分组，工具和智能体复用 Workspace 文件夹树加载可用资源。画布右上角的 `AddNode` 和节点锚点菜单均支持点击创建与拖拽到画布创建。
diff --git a/ui/src/workflow-canvas/component/node-model-select/index.vue b/ui/src/workflow-canvas/component/node-model-select/index.vue
new file mode 100644
index 00000000000..bac85fad812
--- /dev/null
+++ b/ui/src/workflow-canvas/component/node-model-select/index.vue
@@ -0,0 +1,118 @@
+<script setup lang="ts">
+import { computed, nextTick, onBeforeUnmount, useTemplateRef } from 'vue'
+import type { FormItemInstance } from 'element-plus'
+import type { DefaultModelType, ModelItem, ModelProviderItem } from '@/api/types'
+import SelectModel from '@/components/business/select-model/index.vue'
+import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
+import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
+import { createAnchorGuard, handleNodeWheel } from '@/workflow-canvas/core/utils'
+import type { NodeModelData, NodeModelFields, NodeModelSource } from './types'
+
+defineOptions({ name: 'NodeModelSelect' })
+
+const props = withDefaults(
+  defineProps<{
+    nodeModel: WorkflowNodeModel
+    formData: NodeModelData
+    fields?: NodeModelFields
+    modelType: DefaultModelType
+    label: string
+    options: ModelItem[]
+    providerOptions: ModelProviderItem[]
+  }>(),
+  {
+    fields: () => ({ source: 'model_id_type', id: 'model_id', reference: 'model_id_reference', params: 'model_params_setting' }),
+  },
+)
+const emit = defineEmits<{ update: [patch: Partial<NodeModelData>] }>()
+const formItemRef = useTemplateRef<FormItemInstance>('formItemRef')
+const modelCascaderRef = useTemplateRef<InstanceType<typeof NodeCascader>>('modelCascaderRef')
+
+// 默认配置只用于展示与校验，不写入节点保留的自定义配置。
+const source = computed(() => props.formData[props.fields.source])
+const defaultModel = computed(() => props.nodeModel.getDefaultModelConfig(props.modelType))
+const modelId = computed(() => props.formData[props.fields.id] ?? '')
+const reference = computed(() => props.formData[props.fields.reference] ?? [])
+const formProp = computed(() => (source.value === 'reference' ? props.fields.reference : props.fields.id))
+
+function changeSource(value: NodeModelSource) {
+  emit('update', { [props.fields.source]: value, [props.fields.reference]: [] })
+  nextTick(() => formItemRef.value?.clearValidate())
+}
+
+// 注册到节点的外层表单，引用有效性失败也由同一个表单项展示。
+async function validateModel() {
+  if (source.value === 'reference') {
+    if (!reference.value.length) throw new Error('请选择引用变量')
+    await nextTick()
+    if (!modelCascaderRef.value) throw new Error('请选择引用变量')
+    await modelCascaderRef.value.validate().catch((error: unknown) => {
+      throw error instanceof Error ? error : new Error(String(error))
+    })
+    return
+  }
+  if (source.value === 'default') {
+    if (!defaultModel.value?.model_id) throw new Error(`请在默认模型设置中选择${props.label}`)
+  } else if (!modelId.value) {
+    throw new Error(`请选择${props.label}`)
+  }
+}
+
+// 来源和模型下拉共用锚点保护；变量下拉由 NodeCascader 自行管理。
+const anchorGuard = createAnchorGuard(props.nodeModel)
+onBeforeUnmount(() => anchorGuard.reset())
+</script>
+
+<template>
+  <el-form-item ref="formItemRef" class="mk-hide-asterisk" :prop="formProp" :rules="{ validator: validateModel, trigger: 'change' }">
+    <template #label>
+      <div class="flex-between gap-3">
+        <span class="mk-required">{{ label }}</span>
+        <el-select
+          :model-value="source"
+          :teleported="false"
+          :validate-event="false"
+          class="w-22!"
+          size="small"
+          @update:model-value="changeSource"
+          @visible-change="anchorGuard.setOverlayVisible('model-source', $event)"
+          @wheel="handleNodeWheel"
+        >
+          <el-option label="默认模型" value="default" />
+          <el-option label="引用变量" value="reference" />
+          <el-option label="自定义" value="custom" />
+        </el-select>
+      </div>
+    </template>
+    <SelectModel
+      v-if="source === 'default'"
+      :model-value="defaultModel?.model_id ?? ''"
+      :model-params="defaultModel?.model_params_setting ?? {}"
+      :options="options"
+      :provider-options="providerOptions"
+      disabled
+      placeholder="未配置默认模型"
+    />
+    <SelectModel
+      v-else-if="source === 'custom'"
+      :model-value="modelId"
+      :model-params="formData[fields.params]"
+      :options="options"
+      :provider-options="providerOptions"
+      can-edit-params
+      :placeholder="`请选择${label}`"
+      @update:model-value="emit('update', { [fields.id]: $event })"
+      @update:model-params="emit('update', { [fields.params]: $event })"
+      @visible-change="anchorGuard.setOverlayVisible('model', $event)"
+      @wheel="handleNodeWheel"
+    />
+    <NodeCascader
+      v-else
+      ref="modelCascaderRef"
+      :model-value="reference"
+      :node-model="nodeModel"
+      placeholder="请选择变量"
+      @update:model-value="emit('update', { [fields.reference]: $event })"
+    />
+  </el-form-item>
+</template>
diff --git a/ui/src/workflow-canvas/component/node-model-select/types.ts b/ui/src/workflow-canvas/component/node-model-select/types.ts
new file mode 100644
index 00000000000..b16bcfa7365
--- /dev/null
+++ b/ui/src/workflow-canvas/component/node-model-select/types.ts
@@ -0,0 +1,24 @@
+export type NodeModelSource = 'default' | 'custom' | 'reference'
+
+export interface NodeModelData {
+  model_id_type?: NodeModelSource
+  model_id?: string
+  model_id_reference?: string[]
+  stt_model_id_type?: NodeModelSource
+  stt_model_id?: string
+  stt_model_id_reference?: string[]
+  tts_model_id_type?: NodeModelSource
+  tts_model_id?: string
+  tts_model_id_reference?: string[]
+  model_params_setting: Record<string, unknown>
+}
+
+// 映射仅支持现有节点协议，同一组来源、模型和引用字段保持对应。
+export type NodeModelFields = {
+  [Prefix in '' | 'stt_' | 'tts_']: {
+    source: `${Prefix}model_id_type`
+    id: `${Prefix}model_id`
+    reference: `${Prefix}model_id_reference`
+    params: 'model_params_setting'
+  }
+}['' | 'stt_' | 'tts_']
diff --git a/ui/src/workflow-canvas/component/node-search-scope/index.vue b/ui/src/workflow-canvas/component/node-search-scope/index.vue
new file mode 100644
index 00000000000..615fb76e257
--- /dev/null
+++ b/ui/src/workflow-canvas/component/node-search-scope/index.vue
@@ -0,0 +1,174 @@
+<script setup lang="ts">
+import type { KnowledgeItem } from '@/api/types'
+import { nextTick, onBeforeUnmount, useTemplateRef } from 'vue'
+import type { FormItemInstance } from 'element-plus'
+import SelectKnowledgeDialog from '@/components/business/select-knowledge-dialog/index.vue'
+import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
+import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
+import { createAnchorGuard, handleNodeWheel } from '@/workflow-canvas/core/utils'
+import type { NodeSearchScopeData } from './types'
+
+defineOptions({ name: 'NodeSearchScope' })
+
+const props = defineProps<{
+  nodeModel: WorkflowNodeModel
+  formData: NodeSearchScopeData
+  selectedKnowledge: (Partial<KnowledgeItem> & { id: string })[]
+}>()
+const emit = defineEmits<{
+  update: [patch: Partial<NodeSearchScopeData>]
+  'update:knowledge': [knowledge: (Partial<KnowledgeItem> & { id: string })[]]
+}>()
+const selectionDialogRef = useTemplateRef<InstanceType<typeof SelectKnowledgeDialog>>('selectionDialogRef')
+const scopeReferenceRef = useTemplateRef<InstanceType<typeof NodeCascader>>('scopeReferenceRef')
+const referenceFormItemRef = useTemplateRef<FormItemInstance>('referenceFormItemRef')
+const scopeExample = `示例：
+[
+  "019d8ac3-e2c6-7ff2-8956-c9c98f0e11f4",
+  "019d8ac3-e2c6-7ff2-8956-c9c98f0e11f3"
+]`
+
+// 选择结果交给节点写回，节点保留快照与不可见知识库的清理规则。
+function removeKnowledge(knowledgeId: string) {
+  emit(
+    'update:knowledge',
+    props.selectedKnowledge.filter(({ id }) => id !== knowledgeId),
+  )
+}
+
+// 切换范围保留已有配置；切换列表来源时清空不再适用的引用。
+function changeScopeType(search_scope_type: NodeSearchScopeData['search_scope_type']) {
+  emit('update', { search_scope_type })
+  anchorGuard.setOverlayVisible('knowledge-help', false)
+  anchorGuard.setOverlayVisible('document-help', false)
+  nextTick(() => referenceFormItemRef.value?.clearValidate())
+}
+function changeScopeSource(search_scope_source: NodeSearchScopeData['search_scope_source']) {
+  emit('update', { search_scope_source, search_scope_reference: [] })
+  nextTick(() => referenceFormItemRef.value?.clearValidate())
+}
+
+// 引用范围加入节点外层表单，自定义范围不注册隐藏引用的规则。
+async function validateReference() {
+  if (props.formData.search_scope_type !== 'referencing') return
+  if (!props.formData.search_scope_reference.length) throw new Error('请选择引用变量')
+  await nextTick()
+  if (!scopeReferenceRef.value) throw new Error('请选择引用变量')
+  await scopeReferenceRef.value.validate().catch((error: unknown) => {
+    throw error instanceof Error ? error : new Error(String(error))
+  })
+}
+
+const anchorGuard = createAnchorGuard(props.nodeModel)
+onBeforeUnmount(() => anchorGuard.reset())
+</script>
+
+<template>
+  <el-form-item>
+    <template #label>
+      <div class="flex-between">
+        <span>检索范围</span>
+        <div class="flex items-center gap-2">
+          <el-button
+            v-if="formData.search_scope_type === 'custom'"
+            link
+            type="primary"
+            title="添加关联知识库"
+            @click="selectionDialogRef?.open(selectedKnowledge)"
+          >
+            <MkIcon name="icon_add_outlined" />
+          </el-button>
+          <el-select
+            :model-value="formData.search_scope_type"
+            :validate-event="false"
+            :teleported="false"
+            size="small"
+            class="w-18!"
+            @wheel="handleNodeWheel"
+            @update:model-value="changeScopeType"
+            @visible-change="anchorGuard.setOverlayVisible('scope-type', $event)"
+          >
+            <el-option label="引用" value="referencing" />
+            <el-option label="自定义" value="custom" />
+          </el-select>
+        </div>
+      </div>
+    </template>
+    <div v-if="formData.search_scope_type === 'custom'" class="w-full">
+      <span v-if="!selectedKnowledge.length" class="text-N600">请选择关联知识库</span>
+      <div v-else class="flex flex-col gap-1">
+        <template v-for="knowledge in selectedKnowledge" :key="knowledge.id">
+          <el-card class="small" shadow="never">
+            <div class="flex-between">
+              <span class="flex min-w-0 items-center gap-2">
+                <KnowledgeIcon :type="knowledge.type" :size="20" class="shrink-0 small" />
+                <span class="truncate" :title="knowledge.name || knowledge.id">{{ knowledge.name || knowledge.id }}</span>
+              </span>
+              <!-- 移除知识库 -->
+              <el-button text title="移除知识库" @click="removeKnowledge(knowledge.id)"><MkIcon name="icon_close_outlined" /></el-button>
+            </div>
+          </el-card>
+        </template>
+      </div>
+    </div>
+    <el-form-item
+      v-else
+      ref="referenceFormItemRef"
+      class="mk-hide-asterisk w-full"
+      prop="search_scope_reference"
+      :rules="{ validator: validateReference, trigger: 'change' }"
+    >
+      <el-radio-group class="mb-1" :model-value="formData.search_scope_source" :validate-event="false" @update:model-value="changeScopeSource">
+        <el-radio value="knowledge">
+          <span class="flex items-center gap-1">
+            <span>知识库列表</span>
+            <span class="relative inline-flex">
+              <el-tooltip
+                :teleported="false"
+                placement="right"
+                @show="anchorGuard.setOverlayVisible('knowledge-help', true)"
+                @hide="anchorGuard.setOverlayVisible('knowledge-help', false)"
+              >
+                <template #content>
+                  <span class="whitespace-pre font-mono">{{ scopeExample }}</span>
+                </template>
+                <span class="inline-flex">
+                  <MkIcon name="icon_info_outlined" class="text-N600!" />
+                </span>
+              </el-tooltip>
+            </span>
+          </span>
+        </el-radio>
+        <el-radio value="document">
+          <span class="flex items-center gap-1">
+            <span>文档列表</span>
+            <span class="relative inline-flex">
+              <el-tooltip
+                :teleported="false"
+                placement="right"
+                @show="anchorGuard.setOverlayVisible('document-help', true)"
+                @hide="anchorGuard.setOverlayVisible('document-help', false)"
+              >
+                <template #content>
+                  <span class="whitespace-pre font-mono">{{ scopeExample }}</span>
+                </template>
+                <span class="inline-flex">
+                  <MkIcon name="icon_info_outlined" class="text-N600!" />
+                </span>
+              </el-tooltip>
+            </span>
+          </span>
+        </el-radio>
+      </el-radio-group>
+
+      <NodeCascader
+        ref="scopeReferenceRef"
+        :model-value="formData.search_scope_reference"
+        @update:model-value="emit('update', { search_scope_reference: $event })"
+        :node-model="nodeModel"
+        placeholder="请选择引用变量"
+      />
+    </el-form-item>
+  </el-form-item>
+  <SelectKnowledgeDialog ref="selectionDialogRef" @submit="emit('update:knowledge', $event)" />
+</template>
diff --git a/ui/src/workflow-canvas/component/node-search-scope/types.ts b/ui/src/workflow-canvas/component/node-search-scope/types.ts
new file mode 100644
index 00000000000..a42da89ebb9
--- /dev/null
+++ b/ui/src/workflow-canvas/component/node-search-scope/types.ts
@@ -0,0 +1,5 @@
+export interface NodeSearchScopeData {
+  search_scope_type: 'custom' | 'referencing'
+  search_scope_source: 'knowledge' | 'document'
+  search_scope_reference: string[]
+}
diff --git a/ui/src/workflow-canvas/config/node-data.ts b/ui/src/workflow-canvas/config/node-data.ts
index 75912f84407..3892475a2e1 100644
--- a/ui/src/workflow-canvas/config/node-data.ts
+++ b/ui/src/workflow-canvas/config/node-data.ts
@@ -276,30 +276,12 @@ export const parameterExtractionNode = {
   properties: { stepName: '参数提取', config: { fields: [{ label: '结果', value: 'result' }] } },
 }
 
-/* 多路召回 */
-export const rerankerNode = {
-  type: WorkflowNodeType.RerankerNode,
-  text: '使用重排模型对多个知识库的检索结果进行二次召回',
-  label: '多路召回',
-  height: 252,
-  properties: {
-    stepName: '多路召回',
-    config: {
-      fields: [
-        { label: '重排结果列表', value: 'result_list' },
-        { label: '重排结果', value: 'result' },
-        { label: '满足直接回答的分段列表', value: 'is_hit_handling_method_list' },
-      ],
-    },
-  },
-}
 
 /* 知识库检索 */
 export const searchKnowledgeNode = {
   type: WorkflowNodeType.SearchKnowledge,
   text: '关联知识库，查找与问题相关的分段',
   label: '知识库检索',
-  height: 355,
   properties: {
     stepName: '知识库检索',
     config: {
@@ -348,6 +330,25 @@ export const documentExtractNode = {
   },
 }
 
+/* 多路召回 */
+export const rerankerNode = {
+  type: WorkflowNodeType.RerankerNode,
+  text: '使用重排模型对多个知识库的检索结果进行二次召回',
+  label: '多路召回',
+  height: 252,
+  properties: {
+    stepName: '多路召回',
+    config: {
+      fields: [
+        { label: '重排结果列表', value: 'result_list' },
+        { label: '重排结果', value: 'result' },
+        { label: '满足直接回答的分段列表', value: 'is_hit_handling_method_list' },
+      ],
+    },
+  },
+}
+
+
 /* MCP 调用 */
 export const mcpNode = {
   type: WorkflowNodeType.McpNode,
@@ -366,6 +367,16 @@ export const toolCustomNode = {
   properties: { stepName: '自定义工具', config: { fields: [{ label: '结果', value: 'result' }] } },
 }
 
+
+/* 智能体节点 */
+export const applicationNode = {
+  type: WorkflowNodeType.Application,
+  text: '智能体节点',
+  label: '智能体节点',
+  properties: { stepName: '智能体节点', config: { fields: [{ label: '结果', value: 'result' }] } },
+}
+
+
 /**
  * 工具配置数据
  */
@@ -389,13 +400,6 @@ export const toolWorkflowLibNode = {
 }
 
 
-/* 智能体节点 */
-export const applicationNode = {
-  type: WorkflowNodeType.Application,
-  text: '智能体节点',
-  label: '智能体节点',
-  properties: { stepName: '智能体节点', config: { fields: [{ label: '结果', value: 'result' }] } },
-}
 
 
 export const loopStartNode = {
diff --git a/ui/src/workflow-canvas/icons/search-knowledge-node-icon.vue b/ui/src/workflow-canvas/icons/search-knowledge-node-icon.vue
new file mode 100644
index 00000000000..e1009b59fc3
--- /dev/null
+++ b/ui/src/workflow-canvas/icons/search-knowledge-node-icon.vue
@@ -0,0 +1,6 @@
+<template>
+  <el-avatar shape="square">
+    <img src="@/assets/knowledge/icon_knowledge.svg" style="width: 60%" alt="" />
+  </el-avatar>
+</template>
+<script setup lang="ts"></script>
diff --git a/ui/src/workflow-canvas/nodes/ai-chat-node/component/resource-setting/ResourceGroup.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/component/resource-setting/ResourceGroup.vue
deleted file mode 100644
index eb193b65d8d..00000000000
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/component/resource-setting/ResourceGroup.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue'
-import { CaretRight, Close, Plus } from '@element-plus/icons-vue'
-import type { ResourceOption } from '../../types'
-
-defineOptions({ name: 'AiChatNodeResourceGroup' })
-
-const props = withDefaults(defineProps<{ application?: boolean; ids: string[]; label: string; options: ResourceOption[] }>(), { application: false })
-const emit = defineEmits<{ add: []; remove: [id: string] }>()
-
-const expanded = ref(true)
-const selectedResources = computed(() => props.ids.map((id) => props.options.find((option) => option.id === id) ?? { id, name: `已选资源（${id}）` }))
-</script>
-
-<template>
-  <div>
-    <div class="flex-between cursor-pointer py-2" @click="expanded = !expanded">
-      <span class="flex min-w-0 items-center gap-1 text-N600">
-        <MkIcon :icon="CaretRight" class="transition-transform" :class="{ 'rotate-90': expanded }" />
-        {{ label }}<span v-if="ids.length">（{{ ids.length }}）</span>
-      </span>
-      <el-button link type="primary" :title="`添加${label}`" @click.stop="emit('add')">
-        <MkIcon :icon="Plus" />
-      </el-button>
-    </div>
-
-    <div v-if="expanded && selectedResources.length" class="mb-2 flex flex-col gap-1">
-      <div v-for="resource in selectedResources" :key="resource.id" class="flex-between rounded-md border border-N200 bg-white px-2 py-1.5">
-        <span class="flex min-w-0 items-center gap-2">
-          <ApplicationIcon v-if="application" :icon="resource.icon" :size="20" />
-          <ToolIcon v-else :icon="resource.icon" :size="20" :type="'tool_type' in resource ? resource.tool_type : undefined" />
-          <span class="truncate" :title="resource.name">{{ resource.name }}</span>
-        </span>
-        <el-button text title="移除" @click="emit('remove', resource.id)"><MkIcon :icon="Close" /></el-button>
-      </div>
-    </div>
-  </div>
-</template>
diff --git a/ui/src/workflow-canvas/nodes/ai-chat-node/component/resource-setting/ResourceSelectionDialog.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/component/resource-setting/ResourceSelectionDialog.vue
deleted file mode 100644
index 734597dc6b4..00000000000
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/component/resource-setting/ResourceSelectionDialog.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue'
-import type { ResourceOption } from '../../types'
-
-defineOptions({ name: 'AiChatNodeResourceSelectionDialog' })
-
-const props = withDefaults(defineProps<{ application?: boolean; options: ResourceOption[]; title: string }>(), { application: false })
-const emit = defineEmits<{ submit: [ids: string[]] }>()
-
-const visible = ref(false)
-const keyword = ref('')
-const selectedIds = ref<string[]>([])
-
-const filteredOptions = computed(() => {
-  const normalizedKeyword = keyword.value.trim().toLocaleLowerCase()
-  if (!normalizedKeyword) return props.options
-  return props.options.filter(({ desc, name }) => `${name} ${desc ?? ''}`.toLocaleLowerCase().includes(normalizedKeyword))
-})
-
-function open(ids: string[]) {
-  selectedIds.value = [...ids]
-  keyword.value = ''
-  visible.value = true
-}
-
-function submit() {
-  emit('submit', [...selectedIds.value])
-  visible.value = false
-}
-
-defineExpose({ open })
-</script>
-
-<template>
-  <MkDialog v-model="visible" :title="title" width="680">
-    <el-input v-model="keyword" class="mb-3" clearable placeholder="搜索名称或描述">
-      <template #prefix><MkIcon name="icon_search" /></template>
-    </el-input>
-
-    <el-scrollbar height="420px">
-      <el-checkbox-group v-if="filteredOptions.length" v-model="selectedIds" class="grid grid-cols-2 gap-2 pr-2">
-        <el-checkbox
-          v-for="option in filteredOptions"
-          :key="option.id"
-          :label="option.id"
-          class="m-0! h-auto! w-full rounded-md border border-N200 p-3!"
-        >
-          <div class="flex min-w-0 items-center gap-2">
-            <ApplicationIcon v-if="application" :icon="option.icon" :size="28" />
-            <ToolIcon v-else :icon="option.icon" :size="28" :type="'tool_type' in option ? option.tool_type : undefined" />
-            <div class="min-w-0">
-              <div class="truncate" :title="option.name">{{ option.name }}</div>
-              <div v-if="option.desc" class="truncate text-sm text-N600" :title="option.desc">{{ option.desc }}</div>
-            </div>
-          </div>
-        </el-checkbox>
-      </el-checkbox-group>
-      <MkEmpty v-else description="暂无可选资源" />
-    </el-scrollbar>
-
-    <template #footer>
-      <span class="mr-auto text-N600">已选择 {{ selectedIds.length }} 项</span>
-      <el-button @click="visible = false">取消</el-button>
-      <el-button type="primary" @click="submit">确定</el-button>
-    </template>
-  </MkDialog>
-</template>
diff --git a/ui/src/workflow-canvas/nodes/ai-chat-node/component/resource-setting/index.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/component/resource-setting/index.vue
index f640719c511..2f42d85b5c2 100644
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/component/resource-setting/index.vue
+++ b/ui/src/workflow-canvas/nodes/ai-chat-node/component/resource-setting/index.vue
@@ -1,28 +1,30 @@
 <script setup lang="ts">
-import { computed, ref, useTemplateRef } from 'vue'
-import { CaretRight, Close, Plus, QuestionFilled } from '@element-plus/icons-vue'
-import type { ApplicationResourceOption, McpSetting, ResourceSetting, ToolResourceOption } from '../../types'
+import { computed, useTemplateRef } from 'vue'
+import type { ApplicationResourceOption, ResourceSetting, ToolResourceOption } from '../../types'
 import McpSettingDialog from './McpSettingDialog.vue'
-import ResourceGroup from './ResourceGroup.vue'
-import ResourceSelectionDialog from './ResourceSelectionDialog.vue'
 
 defineOptions({ name: 'AiChatNodeResourceSetting' })
 
-const props = defineProps<{
-  applicationOptions: ApplicationResourceOption[]
-  mcpOptions: ToolResourceOption[]
-  setting: ResourceSetting
-  showApplications: boolean
-  skillOptions: ToolResourceOption[]
-  toolOptions: ToolResourceOption[]
-}>()
-const emit = defineEmits<{ update: [setting: ResourceSetting] }>()
+const props = withDefaults(
+  defineProps<{
+    applicationOptions?: ApplicationResourceOption[]
+    mcpOptions?: ToolResourceOption[]
+    setting: ResourceSetting
+    showApplications?: boolean
+    skillOptions?: ToolResourceOption[]
+    toolOptions?: ToolResourceOption[]
+  }>(),
+  {
+    applicationOptions: () => [],
+    mcpOptions: () => [],
+    showApplications: true,
+    skillOptions: () => [],
+    toolOptions: () => [],
+  },
+)
+const emit = defineEmits<{ update: [setting: Partial<ResourceSetting>] }>()
 
-const mcpExpanded = ref(true)
 const mcpDialogRef = useTemplateRef<InstanceType<typeof McpSettingDialog>>('mcpDialogRef')
-const toolDialogRef = useTemplateRef<InstanceType<typeof ResourceSelectionDialog>>('toolDialogRef')
-const skillDialogRef = useTemplateRef<InstanceType<typeof ResourceSelectionDialog>>('skillDialogRef')
-const applicationDialogRef = useTemplateRef<InstanceType<typeof ResourceSelectionDialog>>('applicationDialogRef')
 
 const selectedMcpTools = computed(() =>
   props.setting.mcp_tool_ids.map(
@@ -31,100 +33,139 @@ const selectedMcpTools = computed(() =>
 )
 const mcpCount = computed(() => props.setting.mcp_tool_ids.length + Number(Boolean(props.setting.mcp_servers)))
 
-function updateSetting(changes: Partial<ResourceSetting>) {
-  emit('update', { ...props.setting, ...changes })
-}
+const selectedTools = computed(() =>
+  props.setting.tool_ids.map(
+    (id) => props.toolOptions.find((option) => option.id === id) ?? { id, name: `已选资源（${id}）`, icon: undefined, tool_type: undefined },
+  ),
+)
+const selectedSkills = computed(() =>
+  props.setting.skill_tool_ids.map(
+    (id) => props.skillOptions.find((option) => option.id === id) ?? { id, name: `已选资源（${id}）`, icon: undefined, tool_type: undefined },
+  ),
+)
+const selectedApplications = computed<ApplicationResourceOption[]>(() =>
+  props.setting.application_ids.map((id) => props.applicationOptions.find((option) => option.id === id) ?? { id, name: `已选资源（${id}）` }),
+)
 
-function submitMcp(setting: McpSetting) {
-  updateSetting(setting)
-  mcpExpanded.value = true
+function updateSetting(changes: Partial<ResourceSetting>) {
+  emit('update', changes)
 }
 
 function removeId(field: 'application_ids' | 'mcp_tool_ids' | 'skill_tool_ids' | 'tool_ids', id: string) {
   updateSetting({ [field]: props.setting[field].filter((resourceId) => resourceId !== id) })
 }
-
-function changeMcpOutput(value: boolean | number | string) {
-  updateSetting({ mcp_output_enable: Boolean(value) })
-}
 </script>
 
 <template>
-  <el-form-item>
-    <template #label>
-      <div class="flex-between w-full gap-3">
-        <span class="flex items-center gap-1">
-          工具与智能体
-          <el-tooltip content="允许模型在对话过程中调用 MCP、工具、Skills 和其他智能体" placement="right">
-            <MkIcon :icon="QuestionFilled" class="cursor-help text-N600" />
-          </el-tooltip>
-        </span>
-        <el-checkbox :model-value="setting.mcp_output_enable" @change="changeMcpOutput">输出 MCP 过程</el-checkbox>
-      </div>
-    </template>
-
-    <el-card class="w-full" shadow="never">
-      <div>
-        <div class="flex-between cursor-pointer py-2" @click="mcpExpanded = !mcpExpanded">
-          <span class="flex items-center gap-1 text-N600">
-            <MkIcon :icon="CaretRight" class="transition-transform" :class="{ 'rotate-90': mcpExpanded }" />
-            MCP<span v-if="mcpCount">（{{ mcpCount }}）</span>
-          </span>
-          <el-button link title="添加 MCP" type="primary" @click.stop="mcpDialogRef?.open(setting)"><MkIcon :icon="Plus" /></el-button>
+  <div class="space-y-1">
+    <!-- MCP -->
+    <MkCollapse trigger-class="py-0!">
+      <template #label>
+        <div class="flex-between min-w-0 flex-1">
+          <span
+            >MCP<span v-if="mcpCount">（{{ mcpCount }}）</span></span
+          >
+          <el-button text title="添加 MCP" type="primary" @click.stop="mcpDialogRef?.open(setting)"><MkIcon name="icon_add_outlined" /></el-button>
         </div>
+      </template>
 
-        <div v-if="mcpExpanded && mcpCount" class="mb-2 flex flex-col gap-1">
-          <div v-for="resource in selectedMcpTools" :key="resource.id" class="flex-between rounded-md border border-N200 bg-white px-2 py-1.5">
+      <div v-if="mcpCount" class="mb-2 flex flex-col gap-1">
+        <el-card v-for="resource in selectedMcpTools" :key="resource.id" class="small" shadow="never">
+          <div class="flex-between">
             <span class="flex min-w-0 items-center gap-2">
-              <ToolIcon :icon="resource.icon" :size="20" :type="resource.tool_type" />
+              <ToolIcon :icon="resource.icon" :size="20" class="shrink-0 small" :type="resource.tool_type" />
               <span class="truncate" :title="resource.name">{{ resource.name }}</span>
             </span>
-            <el-button text title="移除" @click="removeId('mcp_tool_ids', resource.id)"><MkIcon :icon="Close" /></el-button>
+            <el-button text title="移除 MCP" @click="removeId('mcp_tool_ids', resource.id)"><MkIcon name="icon_close_outlined" /></el-button>
           </div>
-          <div v-if="setting.mcp_servers" class="flex-between rounded-md border border-N200 bg-white px-2 py-1.5">
+        </el-card>
+        <el-card v-if="setting.mcp_servers" class="small" shadow="never">
+          <div class="flex-between">
             <span class="flex min-w-0 items-center gap-2">
-              <ToolIcon :size="20" type="MCP" />
+              <ToolIcon :size="20" class="shrink-0 small" type="MCP" />
               <span>自定义 MCP 服务</span>
             </span>
-            <el-button text title="移除" @click="updateSetting({ mcp_servers: '' })"><MkIcon :icon="Close" /></el-button>
+            <el-button text title="移除自定义 MCP 服务" @click="updateSetting({ mcp_servers: '' })"><MkIcon name="icon_close_outlined" /></el-button>
+          </div>
+        </el-card>
+      </div>
+    </MkCollapse>
+    <!-- 工具 -->
+    <MkCollapse trigger-class="py-1!">
+      <template #label>
+        <div class="flex-between min-w-0 flex-1">
+          <span
+            >工具<span v-if="selectedTools.length">（{{ selectedTools.length }}）</span></span
+          >
+          <el-button link type="primary" title="添加工具" @click.stop="toolDialogRef?.open(setting.tool_ids)">
+            <MkIcon name="icon_add_outlined" />
+          </el-button>
+        </div>
+      </template>
+
+      <div v-if="selectedTools.length" class="mb-2 flex flex-col gap-1">
+        <el-card v-for="resource in selectedTools" :key="resource.id" class="small" shadow="never">
+          <div class="flex-between">
+            <span class="flex min-w-0 items-center gap-2">
+              <ToolIcon :icon="resource.icon" :size="20" class="shrink-0 small" :type="resource.tool_type" />
+              <span class="truncate" :title="resource.name">{{ resource.name }}</span>
+            </span>
+            <el-button text title="移除工具" @click="removeId('tool_ids', resource.id)"><MkIcon name="icon_close_outlined" /></el-button>
           </div>
+        </el-card>
+      </div>
+    </MkCollapse>
+    <!-- Skills -->
+    <MkCollapse trigger-class="py-1!">
+      <template #label>
+        <div class="flex-between min-w-0 flex-1">
+          <span
+            >Skills<span v-if="selectedSkills.length">（{{ selectedSkills.length }}）</span></span
+          >
+          <el-button link type="primary" title="添加Skills" @click.stop="skillDialogRef?.open(setting.skill_tool_ids)">
+            <MkIcon name="icon_add_outlined" />
+          </el-button>
         </div>
+      </template>
+
+      <div v-if="selectedSkills.length" class="mb-2 flex flex-col gap-1">
+        <el-card v-for="resource in selectedSkills" :key="resource.id" class="small" shadow="never">
+          <div class="flex-between">
+            <span class="flex min-w-0 items-center gap-2">
+              <ToolIcon :icon="resource.icon" :size="20" class="shrink-0 small" :type="resource.tool_type" />
+              <span class="truncate" :title="resource.name">{{ resource.name }}</span>
+            </span>
+            <el-button text title="移除Skills" @click="removeId('skill_tool_ids', resource.id)"><MkIcon name="icon_close_outlined" /></el-button>
+          </div>
+        </el-card>
       </div>
+    </MkCollapse>
+    <!-- 智能体 -->
+    <MkCollapse v-if="showApplications" trigger-class="py-1!">
+      <template #label>
+        <div class="flex-between min-w-0 flex-1">
+          <span
+            >智能体<span v-if="selectedApplications.length">（{{ selectedApplications.length }}）</span></span
+          >
+          <el-button link type="primary" title="添加智能体" @click.stop="applicationDialogRef?.open(setting.application_ids)">
+            <MkIcon name="icon_add_outlined" />
+          </el-button>
+        </div>
+      </template>
 
-      <ResourceGroup
-        :ids="setting.tool_ids"
-        label="工具"
-        :options="toolOptions"
-        @add="toolDialogRef?.open(setting.tool_ids)"
-        @remove="removeId('tool_ids', $event)"
-      />
-      <ResourceGroup
-        :ids="setting.skill_tool_ids"
-        label="Skills"
-        :options="skillOptions"
-        @add="skillDialogRef?.open(setting.skill_tool_ids)"
-        @remove="removeId('skill_tool_ids', $event)"
-      />
-      <ResourceGroup
-        v-if="showApplications"
-        application
-        :ids="setting.application_ids"
-        label="智能体"
-        :options="applicationOptions"
-        @add="applicationDialogRef?.open(setting.application_ids)"
-        @remove="removeId('application_ids', $event)"
-      />
-    </el-card>
-  </el-form-item>
+      <div v-if="selectedApplications.length" class="mb-2 flex flex-col gap-1">
+        <el-card v-for="resource in selectedApplications" :key="resource.id" class="small" shadow="never">
+          <div class="flex-between">
+            <span class="flex min-w-0 items-center gap-2">
+              <ApplicationIcon :icon="resource.icon" :size="20" class="shrink-0 small" />
+              <span class="truncate" :title="resource.name">{{ resource.name }}</span>
+            </span>
+            <el-button text title="移除智能体" @click="removeId('application_ids', resource.id)"><MkIcon name="icon_close_outlined" /></el-button>
+          </div>
+        </el-card>
+      </div>
+    </MkCollapse>
+  </div>
 
-  <McpSettingDialog ref="mcpDialogRef" :options="mcpOptions" @submit="submitMcp" />
-  <ResourceSelectionDialog ref="toolDialogRef" title="选择工具" :options="toolOptions" @submit="updateSetting({ tool_ids: $event })" />
-  <ResourceSelectionDialog ref="skillDialogRef" title="选择 Skills" :options="skillOptions" @submit="updateSetting({ skill_tool_ids: $event })" />
-  <ResourceSelectionDialog
-    ref="applicationDialogRef"
-    application
-    title="选择智能体"
-    :options="applicationOptions"
-    @submit="updateSetting({ application_ids: $event })"
-  />
+  <!-- <McpSettingDialog ref="mcpDialogRef" :options="mcpOptions" @submit="updateSetting" /> -->
 </template>
diff --git a/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue
index f4e17046b27..09c15738f7f 100644
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue
@@ -3,7 +3,7 @@ import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 import { cloneDeep } from 'lodash'
 import type { FormInstance } from 'element-plus'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import NodeModelSelect from '@/workflow-canvas/component/node-model-select/index.vue'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
 import { handleNodeWheel, isLastNode } from '@/workflow-canvas/core/utils'
@@ -12,7 +12,8 @@ import { useWorkflowStore } from '@/workflow-canvas/store'
 import { WorkflowMode } from '@/workflow-canvas/types'
 import PromptGenerateDialog from './component/PromptGenerateDialog.vue'
 import ReasoningSettingDialog from './component/ReasoningSettingDialog.vue'
-import type { AiChatNodeForm, AiModelSetting, AiModelSource, ReasoningSetting } from './types'
+import ResourceSetting from './component/resource-setting/index.vue'
+import type { AiChatNodeForm, ReasoningSetting } from './types'
 import { fileTooltip } from '@/workflow-canvas/config/constants'
 
 defineOptions({ name: 'WorkflowAiChatNode' })
@@ -98,19 +99,6 @@ model.properties.node_data = normalizedForm
 
 const formData = computed(() => model.properties.node_data as AiChatNodeForm)
 
-// 默认来源读取保存后的 LLM 配置，节点内保留原有自定义模型和参数。
-const modelSetting = computed<AiModelSetting>(() => {
-  const defaultModel = model.getDefaultModelConfig('LLM')
-  const isDefaultModel = formData.value.model_id_type === 'default'
-  return {
-    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.model_id,
-    model_id_reference: formData.value.model_id_reference,
-    model_id_type: formData.value.model_id_type,
-    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
-  }
-})
-const modelFormProp = computed(() => (formData.value.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'))
-
 const showSettings = computed(() =>
   [WorkflowMode.Application, WorkflowMode.ApplicationLoop, WorkflowMode.Tool, WorkflowMode.ToolLoop].includes(workflowMode),
 )
@@ -118,19 +106,6 @@ function updateNodeData(setting: Partial<AiChatNodeForm>) {
   model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function changeModelSource(source: AiModelSource) {
-  updateNodeData({ model_id_reference: [], model_id_type: source })
-}
-
-function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
-  const { model_id_type, model_id, model_id_reference } = modelSetting.value
-  if (model_id_type === 'reference') {
-    callback(model_id_reference.length ? undefined : new Error('请选择引用变量'))
-    return
-  }
-  callback(model_id ? undefined : new Error(model_id_type === 'default' ? '请在默认模型设置中选择 AI 模型' : '请选择 AI 模型'))
-}
-
 async function validate() {
   return formRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
@@ -149,47 +124,15 @@ onMounted(() => {
     <div class="mk-gray-card">
       <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
         <!-- AI模型 -->
-        <el-form-item class="mk-hide-asterisk" :prop="modelFormProp" :rules="{ validator: validateModel, trigger: 'change' }">
-          <template #label>
-            <div class="flex-between">
-              <span class="mk-required">AI 模型</span>
-              <el-select :model-value="formData.model_id_type" :teleported="false" class="w-22!" size="small" @update:model-value="changeModelSource">
-                <el-option label="默认模型" value="default" />
-                <el-option label="引用变量" value="reference" />
-                <el-option label="自定义" value="custom" />
-              </el-select>
-            </div>
-          </template>
-
-          <ModelSelect
-            v-if="formData.model_id_type === 'default'"
-            :model-value="modelSetting.model_id"
-            :model-params="modelSetting.model_params_setting"
-            disabled
-            :options="modelOptions"
-            :provider-options="providerOptions"
-            placeholder="未配置默认模型"
-          />
-          <ModelSelect
-            v-else-if="formData.model_id_type === 'custom'"
-            :model-value="formData.model_id"
-            :model-params="formData.model_params_setting"
-            can-edit-params
-            :options="modelOptions"
-            :provider-options="providerOptions"
-            placeholder="请选择 AI 模型"
-            @update:model-value="updateNodeData({ model_id: $event })"
-            @update:model-params="updateNodeData({ model_params_setting: $event })"
-          />
-          <NodeCascader
-            v-else
-            ref="modelCascaderRef"
-            :model-value="formData.model_id_reference"
-            :node-model="model"
-            placeholder="请选择变量"
-            @update:model-value="updateNodeData({ model_id_reference: $event })"
-          />
-        </el-form-item>
+        <NodeModelSelect
+          :node-model="model"
+          :form-data="formData"
+          model-type="LLM"
+          label="AI 模型"
+          :options="modelOptions"
+          :provider-options="providerOptions"
+          @update="updateNodeData"
+        />
 
         <!-- 系统提示词 -->
         <el-form-item>
@@ -267,7 +210,6 @@ onMounted(() => {
                 <span>选择图片</span>
                 <el-tooltip placement="right">
                   <template #content>
-                    <!-- // TODO: ? -->
                     <div class="font-mono whitespace-pre-wrap">{{ fileTooltip }}</div>
                   </template>
                   <MkIcon name="icon_info_outlined" class="text-N600!" />
@@ -283,7 +225,6 @@ onMounted(() => {
                 选择视频
                 <el-tooltip placement="right">
                   <template #content>
-                    <!-- // TODO: ? -->
                     <div class="font-mono whitespace-pre-wrap">{{ fileTooltip }}</div>
                   </template>
                   <MkIcon name="icon_info_outlined" class="text-N600!" />
@@ -294,7 +235,15 @@ onMounted(() => {
           </el-form-item>
         </template>
 
-        <!-- TODO 技能 待处理 -->
+        <!-- 技能 -->
+
+        <div class="flex-between w-full gap-3 mb-2">
+          <span>技能</span>
+          <el-checkbox :model-value="formData.mcp_output_enable">输出执行过程</el-checkbox>
+        </div>
+        <div class="mk-white-card w-full">
+          <ResourceSetting :setting="formData" @update="updateNodeData" />
+        </div>
 
         <!-- 输出思考 -->
         <div class="flex-between mb-4">
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/LongTermSettingDialog.vue b/ui/src/workflow-canvas/nodes/base-node/component/LongTermSettingDialog.vue
index 2e70a0722b3..e1ebb7cd985 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/LongTermSettingDialog.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/LongTermSettingDialog.vue
@@ -2,7 +2,7 @@
 import { computed, ref, useTemplateRef } from 'vue'
 import { cloneDeep } from 'lodash'
 import type { FormInstance } from 'element-plus'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import SelectModel from '@/components/business/select-model/index.vue'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
 import type { LongTermSetting } from '../types'
 
@@ -134,7 +134,7 @@ defineExpose({ open })
           <el-radio value="custom">自定义</el-radio>
         </el-radio-group>
         <el-alert v-if="formData.long_term_model_id_type === 'default'" class="w-full" title="使用系统默认 AI 模型" type="info" :closable="false" />
-        <ModelSelect
+        <SelectModel
           v-else
           v-model="formData.long_term_model_id"
           v-model:model-params="formData.long_term_model_params_setting"
diff --git a/ui/src/workflow-canvas/nodes/base-node/index.vue b/ui/src/workflow-canvas/nodes/base-node/index.vue
index a7b5683130e..0a4f2ce4ee9 100644
--- a/ui/src/workflow-canvas/nodes/base-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/index.vue
@@ -3,7 +3,7 @@ import { computed, inject, onMounted, ref, useTemplateRef, provide } from 'vue'
 import { cloneDeep } from 'lodash'
 import type { FormInstance } from 'element-plus'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import SelectModel from '@/components/business/select-model/index.vue'
 import type { FormField } from '@/components/mk-dynamics-form'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
 import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
@@ -297,7 +297,7 @@ onMounted(() => {
           <el-radio value="default">默认模型</el-radio>
           <el-radio value="custom">自定义</el-radio>
         </el-radio-group>
-        <ModelSelect
+        <SelectModel
           v-if="formData.stt_model_id_type === 'default'"
           :model-value="defaultSttModelSetting?.model_id ?? ''"
           :model-params="defaultSttModelSetting?.model_params_setting ?? {}"
@@ -306,7 +306,7 @@ onMounted(() => {
           :provider-options="providerOptions"
           placeholder="未配置默认模型"
         />
-        <ModelSelect
+        <SelectModel
           v-else
           v-model="formData.stt_model_id"
           v-model:model-params="formData.stt_model_params_setting"
@@ -349,7 +349,7 @@ onMounted(() => {
           <el-radio value="DEFAULT">默认模型</el-radio>
           <el-radio value="CUSTOM">自定义</el-radio>
         </el-radio-group>
-        <ModelSelect
+        <SelectModel
           v-if="formData.tts_type === 'DEFAULT'"
           :model-value="defaultTtsModelSetting?.model_id ?? ''"
           :model-params="defaultTtsModelSetting?.model_params_setting ?? {}"
@@ -358,7 +358,7 @@ onMounted(() => {
           :provider-options="providerOptions"
           placeholder="未配置默认模型"
         />
-        <ModelSelect
+        <SelectModel
           v-else-if="formData.tts_type === 'CUSTOM'"
           v-model="formData.tts_model_id"
           v-model:model-params="formData.tts_model_params_setting"
diff --git a/ui/src/workflow-canvas/nodes/condition-node/index.vue b/ui/src/workflow-canvas/nodes/condition-node/index.vue
index 70787102510..bd8505a0057 100644
--- a/ui/src/workflow-canvas/nodes/condition-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/condition-node/index.vue
@@ -52,7 +52,6 @@ const formData = computed(() => model.properties.node_data as { branch: BranchIt
 const conditionNodeFormRef = useTemplateRef<FormInstance>('conditionNodeFormRef')
 const nodeCascaderRefs = useTemplateRef<InstanceType<typeof NodeCascader>[]>('nodeCascaderRefs')
 
-
 // 新分支插入 ELSE 之前，并保留稳定的锚点 ID。
 function addBranch() {
   const branches = cloneDeep(formData.value.branch)
@@ -66,6 +65,24 @@ function addBranch() {
   refreshBranchAnchors()
 }
 
+function deleteBranch(branchIndex: number) {
+  const branches = cloneDeep(formData.value.branch)
+  if (branches.length <= 2 || branchIndex >= branches.length - 1) return
+
+  const [deletedBranch] = branches.splice(branchIndex, 1)
+  if (!deletedBranch) return
+
+  const anchorId = `${model.id}_${deletedBranch.id}_right`
+  const edgeIds = model.outgoing.edges.filter((edge) => edge.sourceAnchorId === anchorId).map((edge) => edge.id)
+  if (edgeIds.length > 0) model.graphModel.eventCenter.emit('delete_edge', edgeIds)
+
+  branches.slice(0, -1).forEach((branch, index) => {
+    branch.type = index === 0 ? 'IF' : `ELSE IF ${index}`
+  })
+  formData.value.branch = branches
+  refreshBranchAnchors()
+}
+
 function changeComparison(condition: ConditionItem) {
   // 无比较值的运算仍按现有节点协议写入占位值。
   if (valueLessComparisons.has(condition.compare)) condition.value = 1
@@ -98,14 +115,10 @@ const vBranchResize: Directive<HTMLElement, string> = {
   },
 }
 
-
 async function validate() {
-  return conditionNodeFormRef.value?.validate().catch(
-    (error) => Promise.reject({ node: model, errMessage: error }),
-  )
+  return conditionNodeFormRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
 
-
 const anchorGuard = createAnchorGuard(model)
 onMounted(() => {
   model.validate = validate
@@ -122,68 +135,82 @@ onBeforeUnmount(() => {
   <NodeContainer :node-model="model">
     <el-form ref="conditionNodeFormRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <template v-for="(branch, branchIndex) in formData.branch" :key="branch.id">
-        <div v-branch-resize="branch.id" class="mk-gray-card mb-2">
-          <div class="flex-between min-h-6">
-            <span>{{ branch.type }}</span>
-            <div v-if="branch.conditions.length > 1" class="flex items-center gap-2 text-N600">
-              <span>符合以下</span>
-              <el-select
-                v-model="branch.condition"
-                :teleported="false"
-                size="small"
-                class="w-15!"
-                @visible-change="anchorGuard.setOverlayVisible(`${branch.id}:condition`, $event)"
-                @wheel="handleNodeWheel"
-              >
-                <el-option label="所有" value="and" />
-                <el-option label="任一" value="or" />
-              </el-select>
-              <span>条件</span>
+        <div class="mb-2 flex items-center gap-1">
+          <div v-branch-resize="branch.id" class="mk-gray-card min-w-0 flex-1">
+            <div class="flex-between min-h-6">
+              <span>{{ branch.type }}</span>
+              <div v-if="branch.conditions.length > 1" class="flex items-center gap-2 text-N600">
+                <span>符合以下</span>
+                <el-select
+                  v-model="branch.condition"
+                  :teleported="false"
+                  size="small"
+                  class="w-15!"
+                  @visible-change="anchorGuard.setOverlayVisible(`${branch.id}:condition`, $event)"
+                  @wheel="handleNodeWheel"
+                >
+                  <el-option label="所有" value="and" />
+                  <el-option label="任一" value="or" />
+                </el-select>
+                <span>条件</span>
+              </div>
             </div>
-          </div>
 
-          <template v-if="branchIndex !== formData.branch.length - 1">
-            <div class="mt-2">
-              <MkFormList v-model="branch.conditions" :default-item="createCondition()" :first-row-has-label="false" add-text="添加条件">
-                <template #default="{ item: condition, index: conditionIndex }">
-                  <el-form-item
-                    class="small min-w-0 flex-2"
-                    :prop="`branch.${branchIndex}.conditions.${conditionIndex}.field`"
-                    :rules="{ type: 'array', required: true, message: '请选择变量', trigger: 'change' }"
-                  >
-                    <NodeCascader ref="nodeCascaderRefs" v-model="condition.field" :node-model="model" placeholder="请选择变量" />
-                  </el-form-item>
-                  <el-form-item
-                    class="small min-w-0 flex-1"
-                    :prop="`branch.${branchIndex}.conditions.${conditionIndex}.compare`"
-                    :rules="{ required: true, message: '请选择', trigger: 'change' }"
-                  >
-                    <el-select
-                      v-model="condition.compare"
-                      :teleported="false"
-                      placeholder="请选择"
-                      clearable
-                      @change="changeComparison(condition)"
-                      @visible-change="anchorGuard.setOverlayVisible(`${branch.id}:${conditionIndex}:compare`, $event)"
-                      @wheel="handleNodeWheel"
+            <template v-if="branchIndex !== formData.branch.length - 1">
+              <div class="mt-2">
+                <MkFormList v-model="branch.conditions" :default-item="createCondition()" :first-row-has-label="false" add-text="添加条件">
+                  <template #default="{ item: condition, index: conditionIndex }">
+                    <el-form-item
+                      class="small min-w-0 flex-2"
+                      :prop="`branch.${branchIndex}.conditions.${conditionIndex}.field`"
+                      :rules="{ type: 'array', required: true, message: '请选择变量', trigger: 'change' }"
                     >
-                      <el-option v-for="comparison in compareList" :key="comparison.value" :label="comparison.label" :value="comparison.value" />
-                    </el-select>
-                  </el-form-item>
-                  <div class="min-w-0 flex-1">
+                      <NodeCascader ref="nodeCascaderRefs" v-model="condition.field" :node-model="model" placeholder="请选择变量" />
+                    </el-form-item>
                     <el-form-item
-                      v-if="!valueLessComparisons.has(condition.compare)"
-                      :prop="`branch.${branchIndex}.conditions.${conditionIndex}.value`"
-                      :rules="{ required: true, message: '请输入比较值', trigger: 'blur' }"
-                      class="small"
+                      class="small min-w-0 flex-1"
+                      :prop="`branch.${branchIndex}.conditions.${conditionIndex}.compare`"
+                      :rules="{ required: true, message: '请选择', trigger: 'change' }"
                     >
-                      <el-input v-model="condition.value" placeholder="请输入比较值" />
+                      <el-select
+                        v-model="condition.compare"
+                        :teleported="false"
+                        placeholder="请选择"
+                        clearable
+                        @change="changeComparison(condition)"
+                        @visible-change="anchorGuard.setOverlayVisible(`${branch.id}:${conditionIndex}:compare`, $event)"
+                        @wheel="handleNodeWheel"
+                      >
+                        <el-option v-for="comparison in compareList" :key="comparison.value" :label="comparison.label" :value="comparison.value" />
+                      </el-select>
                     </el-form-item>
-                  </div>
-                </template>
-              </MkFormList>
-            </div>
-          </template>
+                    <div class="min-w-0 flex-1">
+                      <el-form-item
+                        v-if="!valueLessComparisons.has(condition.compare)"
+                        :prop="`branch.${branchIndex}.conditions.${conditionIndex}.value`"
+                        :rules="{ required: true, message: '请输入比较值', trigger: 'blur' }"
+                        class="small"
+                      >
+                        <el-input v-model="condition.value" placeholder="请输入比较值" />
+                      </el-form-item>
+                    </div>
+                  </template>
+                </MkFormList>
+              </div>
+            </template>
+          </div>
+          <!-- 删除分支 -->
+          <div v-if="formData.branch.length > 2" class="h-6 w-6 shrink-0">
+            <el-button
+              v-if="branchIndex < formData.branch.length - 1"
+              text
+              class="h-6! w-6! p-0!"
+              aria-label="删除分支"
+              @click="deleteBranch(branchIndex)"
+            >
+              <MkIcon name="icon_delete-trash_outlined" />
+            </el-button>
+          </div>
         </div>
       </template>
 
diff --git a/ui/src/workflow-canvas/nodes/document-extract-node/index.ts b/ui/src/workflow-canvas/nodes/document-extract-node/index.ts
new file mode 100644
index 00000000000..0750d5d35b4
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/document-extract-node/index.ts
@@ -0,0 +1,11 @@
+import DocumentExtractNode from './index.vue'
+import { WorkflowNodeModel, WorkflowNodeView } from '@/workflow-canvas/core/workflow-node'
+import { WorkflowNodeType } from '@/workflow-canvas/types'
+
+class DocumentExtractNodeView extends WorkflowNodeView {
+  constructor(props: ConstructorParameters<typeof WorkflowNodeView>[0]) {
+    super(props, DocumentExtractNode)
+  }
+}
+
+export default { type: WorkflowNodeType.DocumentExtractNode, model: WorkflowNodeModel, view: DocumentExtractNodeView }
diff --git a/ui/src/workflow-canvas/nodes/document-extract-node/index.vue b/ui/src/workflow-canvas/nodes/document-extract-node/index.vue
new file mode 100644
index 00000000000..c78441f834d
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/document-extract-node/index.vue
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { computed, inject, onMounted, useTemplateRef } from 'vue'
+import type { FormInstance } from 'element-plus'
+import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
+import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
+import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
+import { WorkflowNodeType } from '@/workflow-canvas/types'
+import { fileTooltip } from '@/workflow-canvas/config/constants'
+
+defineOptions({ name: 'WorkflowDocumentExtractNode' })
+const getModel = inject('getModel') as () => WorkflowNodeModel
+const model = getModel()
+const formRef = useTemplateRef<FormInstance>('formRef')
+const documentCascaderRef = useTemplateRef<InstanceType<typeof NodeCascader>>('documentCascaderRef')
+
+interface DocumentExtractForm {
+  document_list: string[]
+}
+
+const defaultForm: DocumentExtractForm = { document_list: [WorkflowNodeType.Start, 'document'] }
+const savedForm = model.properties.node_data as Partial<DocumentExtractForm> | undefined
+model.properties.node_data = {
+  ...defaultForm,
+  ...savedForm,
+  document_list: Array.isArray(savedForm?.document_list) ? savedForm.document_list : defaultForm.document_list,
+}
+const formData = computed(() => model.properties.node_data as DocumentExtractForm)
+
+function validate() {
+  return Promise.all([documentCascaderRef.value?.validate(), formRef.value?.validate()]).catch((error) =>
+    Promise.reject({ node: model, errMessage: error }),
+  )
+}
+onMounted(() => {
+  model.validate = validate
+})
+</script>
+
+<template>
+  <NodeContainer :node-model="model">
+    <h6 class="mk-title-decoration mb-2">节点设置</h6>
+    <div class="mk-gray-card">
+      <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
+        <el-form-item
+          class="mk-hide-asterisk"
+          prop="document_list"
+          :rules="{ type: 'array', required: true, message: '请选择文档', trigger: 'change' }"
+        >
+          <template #label>
+            <span class="flex items-center gap-1">
+              <span class="mk-required">选择文档</span>
+              <el-tooltip placement="right">
+                <template #content
+                  ><div class="font-mono whitespace-pre-wrap">{{ fileTooltip }}</div></template
+                >
+                <MkIcon name="icon_info_outlined" class="text-N600!" />
+              </el-tooltip>
+            </span>
+          </template>
+          <NodeCascader ref="documentCascaderRef" v-model="formData.document_list" :node-model="model" placeholder="请选择文档" />
+        </el-form-item>
+      </el-form>
+    </div>
+  </NodeContainer>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/form-node/component/form-setting/FormSettingTable.vue b/ui/src/workflow-canvas/nodes/form-node/component/form-setting/FormSettingTable.vue
index 46dcd00d7ec..a7f307bcacf 100644
--- a/ui/src/workflow-canvas/nodes/form-node/component/form-setting/FormSettingTable.vue
+++ b/ui/src/workflow-canvas/nodes/form-node/component/form-setting/FormSettingTable.vue
@@ -63,7 +63,7 @@ function saveField(data: FormField, index?: number) {
       </el-button>
     </div>
 
-    <MkTable v-model:data="formFields" sortable size="small" row-key="field" :max-height="undefined" class="border">
+    <MkTable class="border" v-if="formFields.length" v-model:data="formFields" sortable size="small" row-key="field" :max-height="undefined">
       <el-table-column prop="field" label="参数">
         <template #default="{ row }">
           <span :title="row.field" class="block truncate">{{ row.field }}</span>
diff --git a/ui/src/workflow-canvas/nodes/image-generate-node/index.vue b/ui/src/workflow-canvas/nodes/image-generate-node/index.vue
index 66af849ff03..c7683eaab25 100644
--- a/ui/src/workflow-canvas/nodes/image-generate-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/image-generate-node/index.vue
@@ -2,8 +2,7 @@
 import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 import type { FormInstance } from 'element-plus'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
-import ModelSelect from '@/components/business/model-select/index.vue'
-import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
+import NodeModelSelect from '@/workflow-canvas/component/node-model-select/index.vue'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
 import { handleNodeWheel } from '@/workflow-canvas/core/utils'
 import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
@@ -64,15 +63,6 @@ const formData = computed<ImageGenerateNodeForm>({
   set: (value) => (model.properties.node_data = value),
 })
 
-const modelSetting = computed(() => {
-  const defaultModel = model.getDefaultModelConfig('TTI')
-  const isDefaultModel = formData.value.model_id_type === 'default'
-  return {
-    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.model_id,
-    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
-  }
-})
-const modelFormProp = computed(() => (formData.value.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'))
 const showSettings = computed(() =>
   [WorkflowMode.Application, WorkflowMode.ApplicationLoop, WorkflowMode.Tool, WorkflowMode.ToolLoop].includes(workflowMode),
 )
@@ -81,22 +71,6 @@ function updateNodeData(setting: Partial<ImageGenerateNodeForm>) {
   model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function changeModelSource(source: ImageGenerateNodeForm['model_id_type']) {
-  updateNodeData({ model_id_reference: [], model_id_type: source })
-}
-
-function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
-  if (formData.value.model_id_type === 'reference') {
-    callback(formData.value.model_id_reference.length ? undefined : new Error('请选择引用变量'))
-    return
-  }
-  callback(
-    modelSetting.value.model_id
-      ? undefined
-      : new Error(formData.value.model_id_type === 'default' ? '请在默认模型设置中选择图片生成模型' : '请选择图片生成模型'),
-  )
-}
-
 async function validate() {
   return formRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
@@ -117,46 +91,15 @@ onMounted(() => {
     <h6 class="mk-title-decoration mb-2">节点设置</h6>
     <div class="mk-gray-card">
       <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-        <el-form-item class="mk-hide-asterisk" :prop="modelFormProp" :rules="{ validator: validateModel, trigger: 'change' }">
-          <template #label>
-            <div class="flex-between">
-              <span class="mk-required">图片生成模型</span>
-              <el-select :model-value="formData.model_id_type" :teleported="false" class="w-22!" size="small" @update:model-value="changeModelSource">
-                <el-option label="默认模型" value="default" />
-                <el-option label="引用变量" value="reference" />
-                <el-option label="自定义" value="custom" />
-              </el-select>
-            </div>
-          </template>
-          <ModelSelect
-            v-if="formData.model_id_type === 'default'"
-            :model-value="modelSetting.model_id"
-            :model-params="modelSetting.model_params_setting"
-            disabled
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="未配置默认模型"
-          />
-          <ModelSelect
-            v-else-if="formData.model_id_type === 'custom'"
-            :model-value="formData.model_id"
-            :model-params="formData.model_params_setting"
-            can-edit-params
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="请选择图片生成模型"
-            @update:model-value="updateNodeData({ model_id: $event })"
-            @update:model-params="updateNodeData({ model_params_setting: $event })"
-          />
-          <NodeCascader
-            v-else
-            ref="modelCascaderRef"
-            :model-value="formData.model_id_reference"
-            :node-model="model"
-            placeholder="请选择变量"
-            @update:model-value="updateNodeData({ model_id_reference: $event })"
-          />
-        </el-form-item>
+        <NodeModelSelect
+          :node-model="model"
+          :form-data="formData"
+          model-type="TTI"
+          label="图片生成模型"
+          :options="modelList"
+          :provider-options="providerOptions"
+          @update="updateNodeData"
+        />
 
         <!-- 提示词(正向) -->
         <el-form-item class="mk-hide-asterisk" prop="prompt" :rules="{ required: true, message: '请输入正向提示词', trigger: 'blur' }">
diff --git a/ui/src/workflow-canvas/nodes/image-to-video-node/index.vue b/ui/src/workflow-canvas/nodes/image-to-video-node/index.vue
index a49a65f3730..f04bd70a21c 100644
--- a/ui/src/workflow-canvas/nodes/image-to-video-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/image-to-video-node/index.vue
@@ -2,7 +2,7 @@
 import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 import type { FormInstance } from 'element-plus'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import NodeModelSelect from '@/workflow-canvas/component/node-model-select/index.vue'
 import { fileTooltip } from '@/workflow-canvas/config/constants'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
@@ -71,15 +71,6 @@ const formData = computed<ImageToVideoNodeForm>({
   set: (value) => (model.properties.node_data = value),
 })
 
-const modelSetting = computed(() => {
-  const defaultModel = model.getDefaultModelConfig('ITV')
-  const isDefaultModel = formData.value.model_id_type === 'default'
-  return {
-    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.model_id,
-    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
-  }
-})
-const modelFormProp = computed(() => (formData.value.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'))
 const showSettings = computed(() =>
   [WorkflowMode.Application, WorkflowMode.ApplicationLoop, WorkflowMode.Tool, WorkflowMode.ToolLoop].includes(workflowMode),
 )
@@ -88,22 +79,6 @@ function updateNodeData(setting: Partial<ImageToVideoNodeForm>) {
   model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function changeModelSource(source: ImageToVideoNodeForm['model_id_type']) {
-  updateNodeData({ model_id_reference: [], model_id_type: source })
-}
-
-function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
-  if (formData.value.model_id_type === 'reference') {
-    callback(formData.value.model_id_reference.length ? undefined : new Error('请选择引用变量'))
-    return
-  }
-  callback(
-    modelSetting.value.model_id
-      ? undefined
-      : new Error(formData.value.model_id_type === 'default' ? '请在默认模型设置中选择图生视频模型' : '请选择图生视频模型'),
-  )
-}
-
 async function validate() {
   return formRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
@@ -124,46 +99,15 @@ onMounted(() => {
     <h6 class="mk-title-decoration mb-2">节点设置</h6>
     <div class="mk-gray-card">
       <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-        <el-form-item class="mk-hide-asterisk" :prop="modelFormProp" :rules="{ validator: validateModel, trigger: 'change' }">
-          <template #label>
-            <div class="flex-between">
-              <span class="mk-required">图生视频模型</span>
-              <el-select :model-value="formData.model_id_type" :teleported="false" class="w-22!" size="small" @update:model-value="changeModelSource">
-                <el-option label="默认模型" value="default" />
-                <el-option label="引用变量" value="reference" />
-                <el-option label="自定义" value="custom" />
-              </el-select>
-            </div>
-          </template>
-          <ModelSelect
-            v-if="formData.model_id_type === 'default'"
-            :model-value="modelSetting.model_id"
-            :model-params="modelSetting.model_params_setting"
-            disabled
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="未配置默认模型"
-          />
-          <ModelSelect
-            v-else-if="formData.model_id_type === 'custom'"
-            :model-value="formData.model_id"
-            :model-params="formData.model_params_setting"
-            can-edit-params
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="请选择图生视频模型"
-            @update:model-value="updateNodeData({ model_id: $event })"
-            @update:model-params="updateNodeData({ model_params_setting: $event })"
-          />
-          <NodeCascader
-            v-else
-            ref="modelCascaderRef"
-            :model-value="formData.model_id_reference"
-            :node-model="model"
-            placeholder="请选择变量"
-            @update:model-value="updateNodeData({ model_id_reference: $event })"
-          />
-        </el-form-item>
+        <NodeModelSelect
+          :node-model="model"
+          :form-data="formData"
+          model-type="ITV"
+          label="图生视频模型"
+          :options="modelList"
+          :provider-options="providerOptions"
+          @update="updateNodeData"
+        />
 
         <!-- 提示词(正向) -->
         <el-form-item class="mk-hide-asterisk" prop="prompt" :rules="{ required: true, message: '请输入正向提示词', trigger: 'blur' }">
diff --git a/ui/src/workflow-canvas/nodes/image-understand-node/index.vue b/ui/src/workflow-canvas/nodes/image-understand-node/index.vue
index 4e67e4e5d53..3029ff01860 100644
--- a/ui/src/workflow-canvas/nodes/image-understand-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/image-understand-node/index.vue
@@ -3,7 +3,7 @@ import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 
 import type { FormInstance } from 'element-plus'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import NodeModelSelect from '@/workflow-canvas/component/node-model-select/index.vue'
 import { fileTooltip } from '@/workflow-canvas/config/constants'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
@@ -86,15 +86,6 @@ const formData = computed<ImageUnderstandNodeForm>({
   set: (value) => (model.properties.node_data = value),
 })
 
-const modelSetting = computed(() => {
-  const defaultModel = model.getDefaultModelConfig('IMAGE')
-  const isDefaultModel = formData.value.model_id_type === 'default'
-  return {
-    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.model_id,
-    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
-  }
-})
-const modelFormProp = computed(() => (formData.value.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'))
 const showSettings = computed(() =>
   [WorkflowMode.Application, WorkflowMode.ApplicationLoop, WorkflowMode.Tool, WorkflowMode.ToolLoop].includes(workflowMode),
 )
@@ -103,22 +94,6 @@ function updateNodeData(setting: Partial<ImageUnderstandNodeForm>) {
   model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function changeModelSource(source: ImageUnderstandNodeForm['model_id_type']) {
-  updateNodeData({ model_id_reference: [], model_id_type: source })
-}
-
-function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
-  if (formData.value.model_id_type === 'reference') {
-    callback(formData.value.model_id_reference.length ? undefined : new Error('请选择引用变量'))
-    return
-  }
-  callback(
-    modelSetting.value.model_id
-      ? undefined
-      : new Error(formData.value.model_id_type === 'default' ? '请在默认模型设置中选择视觉模型' : '请选择视觉模型'),
-  )
-}
-
 async function validate() {
   return formRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
@@ -139,46 +114,15 @@ onMounted(() => {
     <h6 class="mk-title-decoration mb-2">节点设置</h6>
     <div class="mk-gray-card">
       <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-        <el-form-item class="mk-hide-asterisk" :prop="modelFormProp" :rules="{ validator: validateModel, trigger: 'change' }">
-          <template #label>
-            <div class="flex-between">
-              <span class="mk-required">视觉模型</span>
-              <el-select :model-value="formData.model_id_type" :teleported="false" class="w-22!" size="small" @update:model-value="changeModelSource">
-                <el-option label="默认模型" value="default" />
-                <el-option label="引用变量" value="reference" />
-                <el-option label="自定义" value="custom" />
-              </el-select>
-            </div>
-          </template>
-          <ModelSelect
-            v-if="formData.model_id_type === 'default'"
-            :model-value="modelSetting.model_id"
-            :model-params="modelSetting.model_params_setting"
-            disabled
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="未配置默认模型"
-          />
-          <ModelSelect
-            v-else-if="formData.model_id_type === 'custom'"
-            :model-value="formData.model_id"
-            :model-params="formData.model_params_setting"
-            can-edit-params
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="请选择视觉模型"
-            @update:model-value="updateNodeData({ model_id: $event })"
-            @update:model-params="updateNodeData({ model_params_setting: $event })"
-          />
-          <NodeCascader
-            v-else
-            ref="modelCascaderRef"
-            :model-value="formData.model_id_reference"
-            :node-model="model"
-            placeholder="请选择变量"
-            @update:model-value="updateNodeData({ model_id_reference: $event })"
-          />
-        </el-form-item>
+        <NodeModelSelect
+          :node-model="model"
+          :form-data="formData"
+          model-type="IMAGE"
+          label="视觉模型"
+          :options="modelList"
+          :provider-options="providerOptions"
+          @update="updateNodeData"
+        />
 
         <!-- 系统提示词 -->
         <el-form-item>
@@ -254,7 +198,6 @@ onMounted(() => {
               <span class="mk-required">选择图片</span>
               <el-tooltip placement="right">
                 <template #content>
-                  <!-- // TODO: ? -->
                   <div class="font-mono whitespace-pre-wrap">{{ fileTooltip }}</div>
                 </template>
                 <MkIcon name="icon_info_outlined" class="text-N600!" />
diff --git a/ui/src/workflow-canvas/nodes/intent-node/index.vue b/ui/src/workflow-canvas/nodes/intent-node/index.vue
index b784f50d5e9..88418c39b8f 100644
--- a/ui/src/workflow-canvas/nodes/intent-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/intent-node/index.vue
@@ -2,7 +2,7 @@
 import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 import { cloneDeep } from 'lodash'
 import type { FormInstance } from 'element-plus'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import NodeModelSelect from '@/workflow-canvas/component/node-model-select/index.vue'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
 import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
@@ -74,37 +74,10 @@ const formData = computed<IntentNodeForm>({
   set: (value) => (model.properties.node_data = value),
 })
 
-// 默认来源读取应用配置，同时保留节点原来的自定义模型和参数。
-const modelSetting = computed<IntentModelSetting>(() => {
-  const defaultModel = model.getDefaultModelConfig('LLM')
-  const isDefaultModel = formData.value.model_id_type === 'default'
-  return {
-    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.model_id,
-    model_id_reference: formData.value.model_id_reference,
-    model_id_type: formData.value.model_id_type,
-    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
-  }
-})
-
-const modelFormProp = computed(() => (formData.value.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'))
-
 function updateModelSetting(setting: Partial<IntentModelSetting>) {
   model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function changeModelSource(source: IntentNodeForm['model_id_type']) {
-  updateModelSetting({ model_id_reference: [], model_id_type: source })
-}
-
-function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
-  const { model_id_type, model_id, model_id_reference } = modelSetting.value
-  if (model_id_type === 'reference') {
-    callback(model_id_reference.length ? undefined : new Error('请选择引用变量'))
-    return
-  }
-  callback(model_id ? undefined : new Error(model_id_type === 'default' ? '请在默认模型设置中选择 AI 模型' : '请选择 AI 模型'))
-}
-
 function refreshBranch() {
   flowModel.refreshBranch?.()
 }
@@ -153,47 +126,15 @@ onMounted(() => {
     <h6 class="mk-title-decoration mb-2">节点设置</h6>
     <div class="mk-gray-card">
       <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-        <el-form-item class="mk-hide-asterisk" :prop="modelFormProp" :rules="{ validator: validateModel, trigger: 'change' }">
-          <template #label>
-            <div class="flex-between">
-              <span class="mk-required">AI 模型</span>
-              <el-select :model-value="formData.model_id_type" :teleported="false" class="w-22!" size="small" @update:model-value="changeModelSource">
-                <el-option label="默认模型" value="default" />
-                <el-option label="引用变量" value="reference" />
-                <el-option label="自定义" value="custom" />
-              </el-select>
-            </div>
-          </template>
-
-          <ModelSelect
-            v-if="formData.model_id_type === 'default'"
-            :model-value="modelSetting.model_id"
-            :model-params="modelSetting.model_params_setting"
-            disabled
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="未配置默认模型"
-          />
-          <ModelSelect
-            v-else-if="formData.model_id_type === 'custom'"
-            :model-value="formData.model_id"
-            :model-params="formData.model_params_setting"
-            can-edit-params
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="请选择 AI 模型"
-            @update:model-value="updateModelSetting({ model_id: $event })"
-            @update:model-params="updateModelSetting({ model_params_setting: $event })"
-          />
-          <NodeCascader
-            v-else
-            ref="modelCascaderRef"
-            :model-value="formData.model_id_reference"
-            :node-model="model"
-            placeholder="请选择变量"
-            @update:model-value="updateModelSetting({ model_id_reference: $event })"
-          />
-        </el-form-item>
+        <NodeModelSelect
+          :node-model="model"
+          :form-data="formData"
+          model-type="LLM"
+          label="AI 模型"
+          :options="modelList"
+          :provider-options="providerOptions"
+          @update="updateModelSetting"
+        />
 
         <!-- 输入 -->
         <el-form-item prop="content_list" :rules="{ required: true, message: '请选择', trigger: 'change' }" label="输入">
diff --git a/ui/src/workflow-canvas/nodes/parameter-extraction-node/component/parameters-field/ParametersFieldTable.vue b/ui/src/workflow-canvas/nodes/parameter-extraction-node/component/parameters-field/ParametersFieldTable.vue
index d2399b334ff..af35c810dba 100644
--- a/ui/src/workflow-canvas/nodes/parameter-extraction-node/component/parameters-field/ParametersFieldTable.vue
+++ b/ui/src/workflow-canvas/nodes/parameter-extraction-node/component/parameters-field/ParametersFieldTable.vue
@@ -44,7 +44,7 @@ function saveField(data: ParameterField, index?: number) {
       </el-button>
     </div>
 
-    <MkTable size="small" class="border" :data="parameterList" row-key="field">
+    <MkTable v-if="parameterList.length" size="small" class="border" :data="parameterList" row-key="field">
       <el-table-column prop="field" label="参数">
         <template #default="{ row }">
           <span :title="row.field" class="block truncate">{{ row.field }}</span>
diff --git a/ui/src/workflow-canvas/nodes/parameter-extraction-node/index.vue b/ui/src/workflow-canvas/nodes/parameter-extraction-node/index.vue
index eaa3608ad06..b0a27a2bf3a 100644
--- a/ui/src/workflow-canvas/nodes/parameter-extraction-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/parameter-extraction-node/index.vue
@@ -1,11 +1,10 @@
 <script setup lang="ts">
-import { computed, inject, onBeforeUnmount, onMounted, ref, useTemplateRef } from 'vue'
+import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 
 import type { FormInstance } from 'element-plus'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import NodeModelSelect from '@/workflow-canvas/component/node-model-select/index.vue'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
-import { createAnchorGuard, handleNodeWheel } from '@/workflow-canvas/core/utils'
 import { useWorkflowStore } from '@/workflow-canvas/store'
 import type { BaseNodeModel } from '@logicflow/core'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
@@ -69,43 +68,14 @@ const parameterList = computed({
   },
 })
 
-const modelSetting = computed(() => {
-  const defaultModel = model.getDefaultModelConfig('LLM')
-  const isDefaultModel = formData.value.model_id_type === 'default'
-  return {
-    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.model_id,
-    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
-  }
-})
-const modelFormProp = computed(() => (formData.value.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'))
 function updateNodeData(setting: Partial<ParameterExtractionForm>) {
   model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function changeModelSource(source: ParameterExtractionForm['model_id_type']) {
-  updateNodeData({ model_id_reference: [], model_id_type: source })
-  parameterExtractionFormRef.value?.clearValidate(['model_id', 'model_id_reference'])
-}
-
-function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
-  if (formData.value.model_id_type === 'reference') {
-    callback(formData.value.model_id_reference.length ? undefined : new Error('请选择引用变量'))
-    return
-  }
-  callback(
-    modelSetting.value.model_id
-      ? undefined
-      : new Error(formData.value.model_id_type === 'default' ? '请在默认模型设置中选择 AI 模型' : '请选择 AI 模型'),
-  )
-}
-
 async function validate() {
   return parameterExtractionFormRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
 
-const anchorGuard = createAnchorGuard(model)
-onBeforeUnmount(() => anchorGuard.reset())
-
 onMounted(() => {
   model.validate = validate
   store.getModelList({ model_type: 'LLM' }).then((data) => {
@@ -122,53 +92,15 @@ onMounted(() => {
     <h6 class="mk-title-decoration mb-2">节点设置</h6>
     <div class="mk-gray-card">
       <el-form ref="parameterExtractionFormRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-        <el-form-item :prop="modelFormProp" class="mk-hide-asterisk" :rules="{ validator: validateModel, trigger: 'change' }">
-          <template #label>
-            <div class="flex-between gap-3">
-              <span class="mk-required">AI 模型</span>
-              <el-select
-                :model-value="formData.model_id_type"
-                :teleported="false"
-                class="w-22!"
-                size="small"
-                @update:model-value="changeModelSource"
-                @visible-change="anchorGuard.setOverlayVisible('model-source', $event)"
-                @wheel="handleNodeWheel"
-              >
-                <el-option label="默认模型" value="default" />
-                <el-option label="引用变量" value="reference" />
-                <el-option label="自定义" value="custom" />
-              </el-select>
-            </div>
-          </template>
-          <NodeCascader
-            v-if="formData.model_id_type === 'reference'"
-            ref="modelCascaderRef"
-            v-model="formData.model_id_reference"
-            :node-model="model"
-            placeholder="请选择变量"
-          />
-          <ModelSelect
-            v-else-if="formData.model_id_type === 'default'"
-            :model-value="modelSetting.model_id"
-            :model-params="modelSetting.model_params_setting"
-            disabled
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="未配置默认模型"
-          />
-          <ModelSelect
-            v-else
-            :model-value="formData.model_id"
-            :model-params="formData.model_params_setting"
-            can-edit-params
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="请选择 AI 模型"
-            @update:model-value="updateNodeData({ model_id: $event })"
-            @update:model-params="updateNodeData({ model_params_setting: $event })"
-          />
-        </el-form-item>
+        <NodeModelSelect
+          :node-model="model"
+          :form-data="formData"
+          model-type="LLM"
+          label="AI 模型"
+          :options="modelList"
+          :provider-options="providerOptions"
+          @update="updateNodeData"
+        />
 
         <!-- 输入变量 -->
         <el-form-item label="输入变量" prop="input_variable" :rules="{ message: '请选择输入变量', trigger: 'change', required: true }">
diff --git a/ui/src/workflow-canvas/nodes/question-node/index.vue b/ui/src/workflow-canvas/nodes/question-node/index.vue
index ffcc6faf669..80e375822d8 100644
--- a/ui/src/workflow-canvas/nodes/question-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/question-node/index.vue
@@ -3,8 +3,7 @@ import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 
 import type { FormInstance } from 'element-plus'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
-import ModelSelect from '@/components/business/model-select/index.vue'
-import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
+import NodeModelSelect from '@/workflow-canvas/component/node-model-select/index.vue'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
 import { handleNodeWheel, isLastNode } from '@/workflow-canvas/core/utils'
 import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
@@ -68,15 +67,6 @@ const formData = computed<QuestionNodeForm>({
   set: (value) => (model.properties.node_data = value),
 })
 
-const modelSetting = computed(() => {
-  const defaultModel = model.getDefaultModelConfig('LLM')
-  const isDefaultModel = formData.value.model_id_type === 'default'
-  return {
-    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.model_id,
-    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
-  }
-})
-const modelFormProp = computed(() => (formData.value.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'))
 const showSettings = computed(() =>
   [WorkflowMode.Application, WorkflowMode.ApplicationLoop, WorkflowMode.Tool, WorkflowMode.ToolLoop].includes(workflowMode),
 )
@@ -85,22 +75,6 @@ function updateNodeData(setting: Partial<QuestionNodeForm>) {
   model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function changeModelSource(source: QuestionNodeForm['model_id_type']) {
-  updateNodeData({ model_id_reference: [], model_id_type: source })
-}
-
-function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
-  if (formData.value.model_id_type === 'reference') {
-    callback(formData.value.model_id_reference.length ? undefined : new Error('请选择引用变量'))
-    return
-  }
-  callback(
-    modelSetting.value.model_id
-      ? undefined
-      : new Error(formData.value.model_id_type === 'default' ? '请在默认模型设置中选择 AI 模型' : '请选择 AI 模型'),
-  )
-}
-
 async function validate() {
   return formRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
@@ -122,46 +96,15 @@ onMounted(() => {
     <h6 class="mk-title-decoration mb-2">节点设置</h6>
     <div class="mk-gray-card">
       <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-        <el-form-item class="mk-hide-asterisk" :prop="modelFormProp" :rules="{ validator: validateModel, trigger: 'change' }">
-          <template #label>
-            <div class="flex-between">
-              <span class="mk-required">AI 模型</span>
-              <el-select :model-value="formData.model_id_type" :teleported="false" class="w-22!" size="small" @update:model-value="changeModelSource">
-                <el-option label="默认模型" value="default" />
-                <el-option label="引用变量" value="reference" />
-                <el-option label="自定义" value="custom" />
-              </el-select>
-            </div>
-          </template>
-          <ModelSelect
-            v-if="formData.model_id_type === 'default'"
-            :model-value="modelSetting.model_id"
-            :model-params="modelSetting.model_params_setting"
-            disabled
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="未配置默认模型"
-          />
-          <ModelSelect
-            v-else-if="formData.model_id_type === 'custom'"
-            :model-value="formData.model_id"
-            :model-params="formData.model_params_setting"
-            can-edit-params
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="请选择 AI 模型"
-            @update:model-value="updateNodeData({ model_id: $event })"
-            @update:model-params="updateNodeData({ model_params_setting: $event })"
-          />
-          <NodeCascader
-            v-else
-            ref="modelCascaderRef"
-            :model-value="formData.model_id_reference"
-            :node-model="model"
-            placeholder="请选择变量"
-            @update:model-value="updateNodeData({ model_id_reference: $event })"
-          />
-        </el-form-item>
+        <NodeModelSelect
+          :node-model="model"
+          :form-data="formData"
+          model-type="LLM"
+          label="AI 模型"
+          :options="modelList"
+          :provider-options="providerOptions"
+          @update="updateNodeData"
+        />
 
         <!-- 系统提示词 -->
         <el-form-item>
diff --git a/ui/src/workflow-canvas/nodes/reply-node/index.vue b/ui/src/workflow-canvas/nodes/reply-node/index.vue
index e0e8ea5c87e..b5793faa99e 100644
--- a/ui/src/workflow-canvas/nodes/reply-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/reply-node/index.vue
@@ -55,11 +55,20 @@ onMounted(() => {
 <template>
   <NodeContainer :node-model="model">
     <div class="mk-gray-card">
-      <el-form ref="formRef" :model="formData" label-position="top" @submit.prevent>
-        <el-form-item label="回复内容">
+      <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
+        <el-form-item
+          label="回复内容"
+          class="mk-hide-asterisk"
+          :prop="formData.reply_type === 'referencing' ? 'fields' : 'content'"
+          :rules="{
+            required: true,
+            message: formData.reply_type === 'referencing' ? '请选择变量' : '请输入回复内容',
+            trigger: 'change',
+          }"
+        >
           <template #label>
             <div class="flex-between">
-              <span>回复内容</span>
+              <span class="mk-required">回复内容</span>
               <el-select v-model="formData.reply_type" :teleported="false" class="w-21!" size="small">
                 <el-option label="引用变量" value="referencing" />
                 <el-option label="自定义" value="content" />
diff --git a/ui/src/workflow-canvas/nodes/reranker-node/component/ParamSettingDialog.vue b/ui/src/workflow-canvas/nodes/reranker-node/component/ParamSettingDialog.vue
new file mode 100644
index 00000000000..c899e946893
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/reranker-node/component/ParamSettingDialog.vue
@@ -0,0 +1,67 @@
+<script setup lang="ts">
+import { ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormInstance } from 'element-plus'
+import type { RerankerSetting } from '../types'
+
+defineOptions({ name: 'RerankerParamSettingDialog' })
+const emit = defineEmits<{ submit: [setting: RerankerSetting] }>()
+const visible = ref(false)
+const formRef = useTemplateRef<FormInstance>('formRef')
+const defaultForm: RerankerSetting = { top_n: 3, similarity: 0, max_paragraph_char_number: 5000 }
+const formData = ref<RerankerSetting>(cloneDeep(defaultForm))
+
+function resetData() {
+  formData.value = cloneDeep(defaultForm)
+  formRef.value?.clearValidate()
+}
+function open(setting: RerankerSetting) {
+  formData.value = { ...cloneDeep(defaultForm), ...cloneDeep(setting) }
+  visible.value = true
+}
+function submit() {
+  formRef.value?.validate((valid) => {
+    if (!valid) return
+    emit('submit', cloneDeep(formData.value))
+    visible.value = false
+  })
+}
+defineExpose({ open })
+</script>
+
+<template>
+  <MkDialog v-model="visible" title="参数设置" width="550" @closed="resetData">
+    <el-form ref="formRef" :model="formData" label-position="top" @submit.prevent>
+      <div class="grid grid-cols-2 gap-3">
+        <el-form-item>
+          <template #label>
+            <span class="flex items-center gap-1">
+              Score 高于
+              <el-tooltip content="Score 越高相关性越强。" placement="right"><MkIcon name="icon_info_outlined" class="text-N600!" /></el-tooltip>
+            </span>
+          </template>
+          <el-input-number
+            v-model="formData.similarity"
+            :min="0"
+            :max="formData.search_mode === 'blend' ? 2 : 1"
+            :precision="3"
+            :step="0.1"
+            :value-on-clear="0"
+            controls-position="right"
+            align="left"
+          />
+        </el-form-item>
+        <el-form-item label="引用分段数 TOP">
+          <el-input-number v-model="formData.top_n" :min="1" :max="10000" :value-on-clear="1" controls-position="right" align="left" />
+        </el-form-item>
+      </div>
+      <el-form-item label="最多引用字符数">
+        <MkSlider v-model="formData.max_paragraph_char_number" show-input :min="500" :max="100000" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="submit">保存</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/reranker-node/index.ts b/ui/src/workflow-canvas/nodes/reranker-node/index.ts
new file mode 100644
index 00000000000..e79b98d7524
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/reranker-node/index.ts
@@ -0,0 +1,11 @@
+import RerankerNode from './index.vue'
+import { WorkflowNodeModel, WorkflowNodeView } from '@/workflow-canvas/core/workflow-node'
+import { WorkflowNodeType } from '@/workflow-canvas/types'
+
+class RerankerNodeView extends WorkflowNodeView {
+  constructor(props: ConstructorParameters<typeof WorkflowNodeView>[0]) {
+    super(props, RerankerNode)
+  }
+}
+
+export default { type: WorkflowNodeType.RerankerNode, model: WorkflowNodeModel, view: RerankerNodeView }
diff --git a/ui/src/workflow-canvas/nodes/reranker-node/index.vue b/ui/src/workflow-canvas/nodes/reranker-node/index.vue
new file mode 100644
index 00000000000..a8d2df9691e
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/reranker-node/index.vue
@@ -0,0 +1,215 @@
+<script setup lang="ts">
+import { computed, inject, onBeforeUnmount, onMounted, ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormInstance } from 'element-plus'
+import type { ModelItem, ModelProviderItem } from '@/api/types'
+import SelectModel from '@/components/business/select-model/index.vue'
+import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
+import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
+import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
+import { createAnchorGuard, handleNodeWheel } from '@/workflow-canvas/core/utils'
+import { useWorkflowStore } from '@/workflow-canvas/store'
+import ParamSettingDialog from './component/ParamSettingDialog.vue'
+import type { RerankerSetting } from './types'
+
+defineOptions({ name: 'WorkflowRerankerNode' })
+const getModel = inject('getModel') as () => WorkflowNodeModel
+const apiType = inject<string>('apiType', 'workspace')
+const model = getModel()
+const store = useWorkflowStore(apiType)
+const formRef = useTemplateRef<FormInstance>('formRef')
+const questionCascaderRef = useTemplateRef<InstanceType<typeof NodeCascader>>('questionCascaderRef')
+const modelCascaderRef = useTemplateRef<InstanceType<typeof NodeCascader>>('modelCascaderRef')
+const paramSettingDialogRef = useTemplateRef<InstanceType<typeof ParamSettingDialog>>('paramSettingDialogRef')
+
+interface RerankerForm {
+  reranker_reference_list: string[][]
+  reranker_model_id: string
+  reranker_model_id_type: 'default' | 'custom' | 'reference'
+  reranker_model_id_reference: string[]
+  question_reference_address: string[]
+  reranker_setting: RerankerSetting
+  show_knowledge: boolean
+}
+
+// 一次性补齐旧数据，缺少模型来源的旧节点保留自定义语义。
+const defaultForm: RerankerForm = {
+  reranker_reference_list: [[]],
+  reranker_model_id: '',
+  reranker_model_id_type: 'default',
+  reranker_model_id_reference: [],
+  question_reference_address: [],
+  reranker_setting: { top_n: 3, similarity: 0, max_paragraph_char_number: 5000 },
+  show_knowledge: false,
+}
+const savedForm = model.properties.node_data as Partial<RerankerForm> | undefined
+model.properties.node_data = {
+  ...defaultForm,
+  ...savedForm,
+  reranker_reference_list: Array.isArray(savedForm?.reranker_reference_list)
+    ? savedForm.reranker_reference_list
+    : defaultForm.reranker_reference_list,
+  reranker_model_id_type: savedForm ? (savedForm.reranker_model_id_type ?? 'custom') : defaultForm.reranker_model_id_type,
+  reranker_model_id_reference: Array.isArray(savedForm?.reranker_model_id_reference) ? savedForm.reranker_model_id_reference : [],
+  question_reference_address: Array.isArray(savedForm?.question_reference_address) ? savedForm.question_reference_address : [],
+  reranker_setting: { ...defaultForm.reranker_setting, ...savedForm?.reranker_setting },
+  show_knowledge: savedForm?.show_knowledge ?? false,
+}
+const formData = computed(() => model.properties.node_data as RerankerForm)
+
+// 重排内容允许删除到空列表，交由必填规则提示。
+function addReference() {
+  formData.value.reranker_reference_list = [...cloneDeep(formData.value.reranker_reference_list), []]
+}
+function removeReference(index: number) {
+  formData.value.reranker_reference_list = cloneDeep(formData.value.reranker_reference_list.filter((_, referenceIndex) => referenceIndex !== index))
+}
+
+// 模型来源与重排参数
+const modelOptions = ref<ModelItem[]>([])
+const providerOptions = ref<ModelProviderItem[]>([])
+const getRerankerModels = inject<() => Promise<ModelItem[]>>('getRerankerModels', () => store.getModelList({ model_type: 'RERANKER' }))
+function refreshModels() {
+  return getRerankerModels().then((models) => {
+    modelOptions.value = models
+  })
+}
+const defaultModelSetting = computed(() => model.getDefaultModelConfig('RERANKER'))
+function changeModelSource() {
+  formData.value.reranker_model_id_reference = []
+  formRef.value?.clearValidate(['reranker_model_id', 'reranker_model_id_reference'])
+}
+function openParamSetting() {
+  paramSettingDialogRef.value?.open(formData.value.reranker_setting)
+}
+function updateParamSetting(setting: RerankerSetting) {
+  formData.value.reranker_setting = cloneDeep(setting)
+}
+function validate() {
+  return Promise.all([questionCascaderRef.value?.validate(), modelCascaderRef.value?.validate(), formRef.value?.validate()]).catch((error) =>
+    Promise.reject({ node: model, errMessage: error }),
+  )
+}
+const anchorGuard = createAnchorGuard(model)
+onBeforeUnmount(() => anchorGuard.reset())
+onMounted(() => {
+  model.validate = validate
+  refreshModels()
+  store.getProviderList().then((providers) => {
+    providerOptions.value = providers
+  })
+})
+</script>
+
+<template>
+  <NodeContainer :node-model="model">
+    <h6 class="mk-title-decoration mb-2">节点设置</h6>
+    <div class="mk-gray-card">
+      <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
+        <el-form-item
+          class="mk-hide-asterisk"
+          prop="reranker_reference_list"
+          :rules="{ type: 'array', required: true, message: '请选择重排内容', trigger: 'change' }"
+        >
+          <template #label>
+            <div class="flex-between">
+              <span class="mk-required">重排内容</span>
+              <el-button link type="primary" title="添加重排内容" @click="addReference"><MkIcon name="icon_add_outlined" /></el-button>
+            </div>
+          </template>
+          <div class="flex w-full flex-col gap-2">
+            <div v-for="(_, index) in formData.reranker_reference_list" :key="index" class="flex items-start gap-2">
+              <el-form-item
+                class="min-w-0 flex-1"
+                :prop="`reranker_reference_list.${index}`"
+                :rules="{ type: 'array', required: true, message: '请选择重排内容', trigger: 'change' }"
+              >
+                <NodeCascader v-model="formData.reranker_reference_list[index]!" :node-model="model" placeholder="请选择重排内容" />
+              </el-form-item>
+              <el-button text title="删除重排内容" @click="removeReference(index)"
+                ><MkIcon name="icon_delete-trash_outlined" class="text-N600"
+              /></el-button>
+            </div>
+          </div>
+        </el-form-item>
+        <el-form-item>
+          <template #label>
+            <div class="flex-between">
+              <span>检索参数</span>
+              <el-button text type="primary" title="参数设置" @click="openParamSetting"><MkIcon name="icon-setting" /></el-button>
+            </div>
+          </template>
+          <div class="grid w-full grid-cols-2 gap-y-1">
+            <span class="text-N600">Score 高于</span><span>{{ formData.reranker_setting.similarity.toFixed(3) }}</span>
+            <span class="text-N600">引用分段数 TOP</span><span>{{ formData.reranker_setting.top_n }}</span>
+            <span class="text-N600">最大引用字符数</span><span>{{ formData.reranker_setting.max_paragraph_char_number }}</span>
+          </div>
+        </el-form-item>
+        <el-form-item label="检索问题" prop="question_reference_address" :rules="{ required: true, message: '请选择检索问题', trigger: 'change' }">
+          <NodeCascader ref="questionCascaderRef" v-model="formData.question_reference_address" :node-model="model" placeholder="请选择检索问题" />
+        </el-form-item>
+        <el-form-item
+          class="mk-hide-asterisk"
+          :prop="formData.reranker_model_id_type === 'reference' ? 'reranker_model_id_reference' : 'reranker_model_id'"
+          :rules="{
+            required: formData.reranker_model_id_type !== 'default',
+            message: formData.reranker_model_id_type === 'reference' ? '请选择引用变量' : '请选择重排模型',
+            trigger: 'change',
+          }"
+        >
+          <template #label>
+            <div class="flex-between">
+              <span class="mk-required">重排模型</span>
+              <el-select
+                v-model="formData.reranker_model_id_type"
+                :teleported="false"
+                class="w-22!"
+                size="small"
+                @change="changeModelSource"
+                @visible-change="anchorGuard.setOverlayVisible('model-source', $event)"
+                @wheel="handleNodeWheel"
+              >
+                <el-option label="默认模型" value="default" /><el-option label="引用变量" value="reference" /><el-option
+                  label="自定义"
+                  value="custom"
+                />
+              </el-select>
+            </div>
+          </template>
+          <SelectModel
+            v-if="formData.reranker_model_id_type === 'custom'"
+            v-model="formData.reranker_model_id"
+            :options="modelOptions"
+            :provider-options="providerOptions"
+            can-add
+            :teleported="false"
+            @visible-change="anchorGuard.setOverlayVisible('model', $event)"
+            @wheel="handleNodeWheel"
+            placeholder="请选择重排模型"
+            @refresh="refreshModels"
+          />
+          <SelectModel
+            v-else-if="formData.reranker_model_id_type === 'default'"
+            :model-value="defaultModelSetting?.model_id ?? ''"
+            :options="modelOptions"
+            :provider-options="providerOptions"
+            disabled
+            placeholder="未配置默认模型"
+          />
+          <NodeCascader
+            v-else
+            ref="modelCascaderRef"
+            v-model="formData.reranker_model_id_reference"
+            :node-model="model"
+            placeholder="请选择引用变量"
+          />
+        </el-form-item>
+        <div class="flex-between">
+          <span>结果显示在知识来源中</span>
+          <el-switch v-model="formData.show_knowledge" size="small" />
+        </div>
+      </el-form>
+    </div>
+    <ParamSettingDialog ref="paramSettingDialogRef" @submit="updateParamSetting" />
+  </NodeContainer>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/reranker-node/types.ts b/ui/src/workflow-canvas/nodes/reranker-node/types.ts
new file mode 100644
index 00000000000..c02c71d1b9a
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/reranker-node/types.ts
@@ -0,0 +1,6 @@
+export interface RerankerSetting {
+  top_n: number
+  similarity: number
+  max_paragraph_char_number: number
+  search_mode?: string
+}
diff --git a/ui/src/workflow-canvas/nodes/search-document-node/index.ts b/ui/src/workflow-canvas/nodes/search-document-node/index.ts
new file mode 100644
index 00000000000..ad52e7df328
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/search-document-node/index.ts
@@ -0,0 +1,11 @@
+import SearchDocumentNode from './index.vue'
+import { WorkflowNodeModel, WorkflowNodeView } from '@/workflow-canvas/core/workflow-node'
+import { WorkflowNodeType } from '@/workflow-canvas/types'
+
+class SearchDocumentNodeView extends WorkflowNodeView {
+  constructor(props: ConstructorParameters<typeof WorkflowNodeView>[0]) {
+    super(props, SearchDocumentNode)
+  }
+}
+
+export default { type: WorkflowNodeType.SearchDocument, model: WorkflowNodeModel, view: SearchDocumentNodeView }
diff --git a/ui/src/workflow-canvas/nodes/search-document-node/index.vue b/ui/src/workflow-canvas/nodes/search-document-node/index.vue
new file mode 100644
index 00000000000..cfdf233fb13
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/search-document-node/index.vue
@@ -0,0 +1,283 @@
+<script setup lang="ts">
+import { computed, inject, onBeforeUnmount, onMounted, ref, useTemplateRef, watch } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormInstance } from 'element-plus'
+import type { KnowledgeItem, KnowledgeTagGroup } from '@/api/types'
+import SelectKnowledgeDialog from '@/components/business/select-knowledge-dialog/index.vue'
+import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
+import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
+import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
+import { createAnchorGuard, handleNodeWheel } from '@/workflow-canvas/core/utils'
+
+defineOptions({ name: 'WorkflowSearchDocumentNode' })
+const getModel = inject('getModel') as () => WorkflowNodeModel
+const getKnowledgeTags = inject('getKnowledgeTags') as (knowledgeIds: string[]) => Promise<KnowledgeTagGroup[]>
+const model = getModel()
+const formRef = useTemplateRef<FormInstance>('formRef')
+const scopeCascaderRef = useTemplateRef<InstanceType<typeof NodeCascader>>('scopeCascaderRef')
+const questionCascaderRef = useTemplateRef<InstanceType<typeof NodeCascader>>('questionCascaderRef')
+const knowledgeDialogRef = useTemplateRef<InstanceType<typeof SelectKnowledgeDialog>>('knowledgeDialogRef')
+
+interface SearchCondition {
+  key: string
+  compare: 'contain' | 'not_contain' | 'eq'
+  value: string
+}
+interface SearchDocumentForm {
+  knowledge_id_list: string[]
+  knowledge_list: (Partial<KnowledgeItem> & { id: string })[]
+  search_scope_type: 'custom' | 'referencing'
+  search_scope_source: 'knowledge' | 'document'
+  search_scope_reference: string[]
+  search_mode: 'auto' | 'custom'
+  question_reference: string[]
+  search_condition_type: 'AND' | 'OR'
+  search_condition_list: SearchCondition[]
+  knowledge_tags: KnowledgeTagGroup[]
+}
+const compareOptions = [
+  { value: 'contain', label: '包含' },
+  { value: 'not_contain', label: '不包含' },
+  { value: 'eq', label: '等于' },
+]
+const scopeExample = '示例：\n["019d8ac3-e2c6-7ff2-8956-c9c98f0e11f4", "019d8ac3-e2c6-7ff2-8956-c9c98f0e11f3"]'
+
+// 初始化只补齐缺失数据，保留已保存的检索范围与条件。
+const defaultForm: SearchDocumentForm = {
+  knowledge_id_list: [],
+  knowledge_list: [],
+  search_scope_type: 'custom',
+  search_scope_source: 'knowledge',
+  search_scope_reference: [],
+  search_mode: 'auto',
+  question_reference: [],
+  search_condition_type: 'AND',
+  search_condition_list: [],
+  knowledge_tags: [],
+}
+const savedForm = model.properties.node_data as Partial<SearchDocumentForm> | undefined
+model.properties.node_data = {
+  ...defaultForm,
+  ...savedForm,
+  knowledge_id_list: Array.isArray(savedForm?.knowledge_id_list) ? savedForm.knowledge_id_list : [],
+  knowledge_list: Array.isArray(savedForm?.knowledge_list) ? savedForm.knowledge_list : [],
+  search_scope_reference: Array.isArray(savedForm?.search_scope_reference) ? savedForm.search_scope_reference : [],
+  question_reference: Array.isArray(savedForm?.question_reference) ? savedForm.question_reference : [],
+  search_condition_list: Array.isArray(savedForm?.search_condition_list) ? savedForm.search_condition_list : [],
+  knowledge_tags: Array.isArray(savedForm?.knowledge_tags) ? savedForm.knowledge_tags : [],
+}
+const formData = computed(() => model.properties.node_data as SearchDocumentForm)
+
+// 关联知识库保留快照，缺少详情时仍展示和保留原 ID。
+const selectedKnowledge = computed(() => {
+  const knowledgeById = new Map(formData.value.knowledge_list.map((knowledge) => [knowledge.id, knowledge]))
+  return formData.value.knowledge_id_list.map((id) => knowledgeById.get(id) ?? { id })
+})
+function openKnowledgeDialog() {
+  knowledgeDialogRef.value?.open(selectedKnowledge.value)
+}
+function updateKnowledge(knowledge: (Partial<KnowledgeItem> & { id: string })[]) {
+  formData.value.knowledge_id_list = knowledge.map(({ id }) => id)
+  formData.value.knowledge_list = cloneDeep(knowledge)
+}
+function removeKnowledge(knowledgeId: string) {
+  updateKnowledge(selectedKnowledge.value.filter(({ id }) => id !== knowledgeId))
+}
+function changeScopeSource() {
+  formData.value.search_scope_reference = []
+}
+
+// 标签选项随关联知识库刷新；请求过期或节点卸载后不再回写。
+const allKnowledgeTags = ref<KnowledgeTagGroup[]>([])
+let tagRequestVersion = 0
+watch(
+  () => formData.value.knowledge_id_list,
+  (knowledgeIds) => {
+    const version = ++tagRequestVersion
+    allKnowledgeTags.value = []
+    formData.value.knowledge_tags = []
+    if (!knowledgeIds.length) return
+    getKnowledgeTags(knowledgeIds)
+      .then((tags) => {
+        if (version !== tagRequestVersion) return
+        allKnowledgeTags.value = tags
+        formData.value.knowledge_tags = tags.slice(0, 100)
+      })
+      .catch(() => {
+        if (version !== tagRequestVersion) return
+        allKnowledgeTags.value = []
+        formData.value.knowledge_tags = []
+      })
+  },
+  { immediate: true, deep: true },
+)
+function filterTags(keyword: string) {
+  formData.value.knowledge_tags = allKnowledgeTags.value.filter((tag) => tag.key.includes(keyword)).slice(0, 100)
+}
+function addCondition() {
+  formData.value.search_condition_list = [...cloneDeep(formData.value.search_condition_list), { key: '', compare: 'contain', value: '' }]
+}
+function removeCondition(index: number) {
+  formData.value.search_condition_list = cloneDeep(formData.value.search_condition_list.filter((_, conditionIndex) => conditionIndex !== index))
+}
+
+function validate() {
+  return Promise.all([scopeCascaderRef.value?.validate(), questionCascaderRef.value?.validate(), formRef.value?.validate()]).catch((error) =>
+    Promise.reject({ node: model, errMessage: error }),
+  )
+}
+const anchorGuard = createAnchorGuard(model)
+onBeforeUnmount(() => {
+  tagRequestVersion++
+  anchorGuard.reset()
+})
+onMounted(() => {
+  model.validate = validate
+})
+</script>
+
+<template>
+  <NodeContainer :node-model="model">
+    <h6 class="mk-title-decoration mb-2">节点设置</h6>
+    <div class="mk-gray-card">
+      <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
+        <el-form-item>
+          <template #label>
+            <div class="flex-between">
+              <span>检索范围</span>
+              <div class="flex items-center gap-2">
+                <el-button v-if="formData.search_scope_type === 'custom'" link type="primary" title="添加关联知识库" @click="openKnowledgeDialog"
+                  ><MkIcon name="icon_add_outlined"
+                /></el-button>
+                <el-select
+                  v-model="formData.search_scope_type"
+                  :teleported="false"
+                  size="small"
+                  class="w-22!"
+                  @visible-change="anchorGuard.setOverlayVisible('scope-type', $event)"
+                  @wheel="handleNodeWheel"
+                >
+                  <el-option label="引用变量" value="referencing" /><el-option label="自定义" value="custom" />
+                </el-select>
+              </div>
+            </div>
+          </template>
+          <div v-if="formData.search_scope_type === 'custom'" class="w-full">
+            <span v-if="!selectedKnowledge.length" class="text-N600">请选择关联知识库</span>
+            <div v-else class="flex flex-col gap-2">
+              <div v-for="knowledge in selectedKnowledge" :key="knowledge.id" class="flex-between rounded-md border bg-white px-2 py-1">
+                <span class="flex min-w-0 items-center gap-2">
+                  <KnowledgeIcon :type="knowledge.type" :size="20" class="shrink-0" />
+                  <span class="truncate" :title="knowledge.name || knowledge.id">{{ knowledge.name || knowledge.id }}</span>
+                </span>
+                <el-button text title="移除知识库" @click="removeKnowledge(knowledge.id)"><MkIcon name="icon_close_outlined" /></el-button>
+              </div>
+            </div>
+          </div>
+          <el-form-item
+            v-else
+            class="mk-hide-asterisk w-full"
+            prop="search_scope_reference"
+            :rules="{ required: true, message: '请选择引用变量', trigger: 'change' }"
+          >
+            <template #label>
+              <div class="flex-between">
+                <span class="flex items-center gap-1">
+                  <span class="mk-required">选择变量</span>
+                  <el-tooltip placement="right">
+                    <template #content
+                      ><div class="font-mono whitespace-pre-wrap">{{ scopeExample }}</div></template
+                    >
+                    <MkIcon name="icon_info_outlined" class="text-N600!" />
+                  </el-tooltip>
+                </span>
+                <el-select
+                  v-model="formData.search_scope_source"
+                  :teleported="false"
+                  size="small"
+                  class="w-26!"
+                  @change="changeScopeSource"
+                  @visible-change="anchorGuard.setOverlayVisible('scope-source', $event)"
+                  @wheel="handleNodeWheel"
+                >
+                  <el-option label="知识库列表" value="knowledge" /><el-option label="文档列表" value="document" />
+                </el-select>
+              </div>
+            </template>
+            <NodeCascader ref="scopeCascaderRef" v-model="formData.search_scope_reference" :node-model="model" placeholder="请选择引用变量" />
+          </el-form-item>
+        </el-form-item>
+        <el-form-item label="检索设置">
+          <el-radio-group v-model="formData.search_mode">
+            <el-radio value="auto">
+              <span class="flex items-center gap-1"
+                >自动<el-tooltip content="根据检索问题自动匹配文档标签" placement="right"
+                  ><MkIcon name="icon_info_outlined" class="text-N600!" /></el-tooltip
+              ></span>
+            </el-radio>
+            <el-radio v-if="formData.search_scope_type === 'custom'" value="custom">
+              <span class="flex items-center gap-1"
+                >手动<el-tooltip content="手动设置标签过滤条件" placement="right"><MkIcon name="icon_info_outlined" class="text-N600!" /></el-tooltip
+              ></span>
+            </el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item
+          v-if="formData.search_mode === 'auto'"
+          label="检索问题"
+          prop="question_reference"
+          :rules="{ required: true, message: '请选择检索问题', trigger: 'change' }"
+        >
+          <NodeCascader ref="questionCascaderRef" v-model="formData.question_reference" :node-model="model" placeholder="请选择检索问题" />
+        </el-form-item>
+        <template v-else>
+          <div class="mb-2 flex items-center gap-2 text-sm text-N600">
+            满足以下
+            <el-select
+              v-model="formData.search_condition_type"
+              :teleported="false"
+              size="small"
+              class="w-18!"
+              @visible-change="anchorGuard.setOverlayVisible('condition-type', $event)"
+              @wheel="handleNodeWheel"
+            >
+              <el-option label="所有" value="AND" /><el-option label="任一" value="OR" />
+            </el-select>
+            条件
+          </div>
+          <div class="flex flex-col gap-2">
+            <div v-for="(condition, index) in formData.search_condition_list" :key="index" class="flex items-start gap-2">
+              <el-select
+                v-model="condition.key"
+                filterable
+                :filter-method="filterTags"
+                :teleported="false"
+                class="min-w-0 flex-1"
+                placeholder="请选择标签"
+                @visible-change="anchorGuard.setOverlayVisible(`tag-${index}`, $event)"
+                @wheel="handleNodeWheel"
+              >
+                <el-option v-for="tag in formData.knowledge_tags" :key="tag.key" :label="tag.key" :value="tag.key" />
+              </el-select>
+              <el-select
+                v-model="condition.compare"
+                :teleported="false"
+                class="w-24!"
+                @visible-change="anchorGuard.setOverlayVisible(`compare-${index}`, $event)"
+                @wheel="handleNodeWheel"
+              >
+                <el-option v-for="option in compareOptions" :key="option.value" :value="option.value" :label="option.label" />
+              </el-select>
+              <el-input v-model="condition.value" placeholder="值或变量" class="min-w-0 flex-1" />
+              <el-button text title="删除条件" @click="removeCondition(index)"
+                ><MkIcon name="icon_delete-trash_outlined" class="text-N600"
+              /></el-button>
+            </div>
+          </div>
+          <el-button link type="primary" class="mt-2" @click="addCondition"><MkIcon name="icon_add_outlined" />添加条件</el-button>
+        </template>
+      </el-form>
+    </div>
+    <SelectKnowledgeDialog ref="knowledgeDialogRef" @submit="updateKnowledge" />
+  </NodeContainer>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue b/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue
new file mode 100644
index 00000000000..9b371f29127
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue
@@ -0,0 +1,82 @@
+<script setup lang="ts">
+import { ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormInstance } from 'element-plus'
+import { KNOWLEDGE_SEARCH_MODE } from '@/api/enums'
+import { defaultSearchSetting, searchModeOptions } from '../constant'
+import type { KnowledgeSearchSetting } from '../types'
+
+defineOptions({ name: 'SearchKnowledgeSetting' })
+
+const setting = defineModel<KnowledgeSearchSetting>({ required: true })
+const visible = ref(false)
+const formData = ref<KnowledgeSearchSetting>(cloneDeep(defaultSearchSetting))
+const formRef = useTemplateRef<FormInstance>('formRef')
+
+function open() {
+  resetData()
+  formData.value = cloneDeep(setting.value)
+  visible.value = true
+}
+
+// 与旧版保持一致：全文检索重置为 0，向量和混合检索重置为 0.6。
+function changeSearchMode() {
+  formData.value.similarity = formData.value.search_mode === KNOWLEDGE_SEARCH_MODE.KEYWORDS ? 0 : 0.6
+}
+
+function submit() {
+  formRef.value?.validate((valid) => {
+    if (!valid) return
+    setting.value = cloneDeep(formData.value)
+    visible.value = false
+  })
+}
+function resetData() {
+  formData.value = cloneDeep(defaultSearchSetting)
+  formRef.value?.clearValidate()
+}
+</script>
+
+<template>
+  <el-button text type="primary" title="参数设置" @click="open"><MkIcon name="icon-setting" /></el-button>
+  <MkDialog v-model="visible" title="参数设置" @closed="resetData">
+    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
+      <el-form-item label="检索模式">
+        <el-radio-group v-model="formData.search_mode" class="space-y-2" @change="changeSearchMode">
+          <template v-for="option in searchModeOptions" :key="option.value">
+            <el-card shadow="hover" class="w-full" :class="{ 'border-primary!': formData.search_mode === option.value }">
+              <el-radio :value="option.value" class="mk-card-radio">
+                <h6>{{ option.label }}</h6>
+                <span class="mt-1 block text-sm text-N600">{{ option.description }}</span>
+              </el-radio>
+            </el-card>
+          </template>
+        </el-radio-group>
+      </el-form-item>
+      <div class="grid grid-cols-2 gap-3">
+        <el-form-item label="相似度高于">
+          <el-input-number
+            v-model="formData.similarity"
+            :min="0"
+            :max="formData.search_mode === KNOWLEDGE_SEARCH_MODE.BLEND ? 2 : 1"
+            :precision="3"
+            :step="0.1"
+            :value-on-clear="0"
+            controls-position="right"
+            align="left"
+          />
+        </el-form-item>
+        <el-form-item label="引用分段数 TOP">
+          <el-input-number v-model="formData.top_n" :min="1" :max="10000" :precision="0" :value-on-clear="1" controls-position="right" align="left" />
+        </el-form-item>
+      </div>
+      <el-form-item label="最多引用字符数">
+        <MkSlider v-model="formData.max_paragraph_char_number" show-input :min="500" :max="100000" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="submit">保存</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/search-scope/index.vue b/ui/src/workflow-canvas/nodes/search-knowledge-node/component/search-scope/index.vue
deleted file mode 100644
index 6010d7690c9..00000000000
--- a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/search-scope/index.vue
+++ /dev/null
@@ -1,131 +0,0 @@
-<script setup lang="ts">
-import { onBeforeUnmount, useTemplateRef } from 'vue'
-import { Close, Plus, Warning } from '@element-plus/icons-vue'
-import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
-import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
-import { createAnchorGuard } from '@/workflow-canvas/core/utils'
-import KnowledgeSelectionDialog from '@/components/business/knowledge-selection-dialog/index.vue'
-import type { KnowledgeSelection } from '@/components/business/knowledge-selection-dialog/types'
-import type { SearchKnowledgeNodeForm } from '../../types'
-
-defineOptions({ name: 'SearchKnowledgeNodeScope' })
-
-const props = defineProps<{
-  nodeModel: WorkflowNodeModel
-  knowledge: KnowledgeSelection[]
-  scopeType: SearchKnowledgeNodeForm['search_scope_type']
-  scopeSource: SearchKnowledgeNodeForm['search_scope_source']
-  scopeReference: string[]
-}>()
-const emit = defineEmits<{
-  'update:knowledge': [knowledge: KnowledgeSelection[]]
-  'update:scopeType': [value: SearchKnowledgeNodeForm['search_scope_type']]
-  'update:scopeSource': [value: SearchKnowledgeNodeForm['search_scope_source']]
-  'update:scopeReference': [value: string[]]
-}>()
-
-const selectionDialogRef = useTemplateRef<InstanceType<typeof KnowledgeSelectionDialog>>('selectionDialogRef')
-const referenceRef = useTemplateRef<InstanceType<typeof NodeCascader>>('referenceRef')
-const anchorGuard = createAnchorGuard(props.nodeModel)
-
-function removeKnowledge(knowledgeId: string) {
-  emit(
-    'update:knowledge',
-    props.knowledge.filter(({ id }) => id !== knowledgeId),
-  )
-}
-
-function changeScopeType(value: SearchKnowledgeNodeForm['search_scope_type']) {
-  anchorGuard.setOverlayVisible('reference', false)
-  anchorGuard.setOverlayVisible('source', false)
-  anchorGuard.setOverlayVisible('help', false)
-  emit('update:scopeType', value)
-}
-
-function validate() {
-  return props.scopeType === 'referencing' ? referenceRef.value?.validate() : Promise.resolve()
-}
-
-onBeforeUnmount(anchorGuard.reset)
-defineExpose({ validate })
-</script>
-
-<template>
-  <el-form-item>
-    <template #label>
-      <div class="flex-between w-full">
-        <span>检索范围</span>
-        <div class="flex items-center gap-2">
-          <el-button v-if="scopeType === 'custom'" link type="primary" title="添加关联知识库" @click="selectionDialogRef?.open(knowledge)">
-            <MkIcon :icon="Plus" />
-          </el-button>
-          <el-select
-            :model-value="scopeType"
-            :teleported="false"
-            size="small"
-            class="w-24!"
-            @change="changeScopeType"
-            @visible-change="anchorGuard.setOverlayVisible('type', $event)"
-          >
-            <el-option label="引用" value="referencing" />
-            <el-option label="自定义" value="custom" />
-          </el-select>
-        </div>
-      </div>
-    </template>
-    <div v-if="scopeType === 'custom'" class="w-full">
-      <span v-if="!knowledge.length" class="text-N600">请选择关联知识库</span>
-      <div v-else class="flex flex-col gap-1">
-        <div v-for="resource in knowledge" :key="resource.id" class="flex-between rounded-md border bg-white px-2 py-1">
-          <span class="flex min-w-0 items-center gap-2">
-            <KnowledgeIcon :type="resource.type" :size="20" class="shrink-0" />
-            <span class="truncate" :title="resource.name || resource.id">{{ resource.name || resource.id }}</span>
-          </span>
-          <el-button text title="移除知识库" @click="removeKnowledge(resource.id)"><MkIcon :icon="Close" /></el-button>
-        </div>
-      </div>
-    </div>
-    <el-form-item v-else class="w-full" prop="search_scope_reference" :rules="{ required: true, message: '请选择引用变量', trigger: 'change' }">
-      <template #label>
-        <div class="flex-between w-full">
-          <span class="flex items-center gap-1">
-            选择变量
-            <el-tooltip
-              :teleported="false"
-              placement="right"
-              @show="anchorGuard.setOverlayVisible('help', true)"
-              @hide="anchorGuard.setOverlayVisible('help', false)"
-            >
-              <template #content
-                ><span class="whitespace-pre-wrap font-mono">{{
-                  '["019d8ac3-e2c6-7ff2-8956-c9c98f0e11f4", "019d8ac3-e2c6-7ff2-8956-c9c98f0e11f3"]'
-                }}</span></template
-              >
-              <MkIcon :icon="Warning" class="text-N600" />
-            </el-tooltip>
-          </span>
-          <el-select
-            :model-value="scopeSource"
-            :teleported="false"
-            size="small"
-            class="w-28!"
-            @change="emit('update:scopeSource', $event)"
-            @visible-change="anchorGuard.setOverlayVisible('source', $event)"
-          >
-            <el-option label="知识库列表" value="knowledge" />
-            <el-option label="文档列表" value="document" />
-          </el-select>
-        </div>
-      </template>
-      <NodeCascader
-        ref="referenceRef"
-        :model-value="scopeReference"
-        :node-model="nodeModel"
-        placeholder="请选择引用变量"
-        @update:model-value="emit('update:scopeReference', $event)"
-        @visible-change="anchorGuard.setOverlayVisible('reference', $event)"
-      />
-    </el-form-item>
-  </el-form-item>
-  <KnowledgeSelectionDialog ref="selectionDialogRef" @submit="emit('update:knowledge', $event)" />
-</template>
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/search-setting/SearchSettingDialog.vue b/ui/src/workflow-canvas/nodes/search-knowledge-node/component/search-setting/SearchSettingDialog.vue
deleted file mode 100644
index c9e5215812e..00000000000
--- a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/search-setting/SearchSettingDialog.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, useTemplateRef } from 'vue'
-import { cloneDeep } from 'lodash'
-import type { FormInstance, FormRules } from 'element-plus'
-import { KNOWLEDGE_SEARCH_MODE } from '@/api/enums'
-import { defaultSearchSetting, searchModeOptions } from '../../config'
-import type { KnowledgeSearchSetting } from '../../types'
-
-const emit = defineEmits<{ submit: [setting: KnowledgeSearchSetting] }>()
-const visible = ref(false)
-const formData = ref<KnowledgeSearchSetting>(cloneDeep(defaultSearchSetting))
-const formRef = useTemplateRef<FormInstance>('formRef')
-const maxSimilarity = computed(() => (formData.value.search_mode === KNOWLEDGE_SEARCH_MODE.BLEND ? 2 : 1))
-const rules = computed<FormRules<KnowledgeSearchSetting>>(() => ({
-  search_mode: [{ required: true, message: '请选择检索模式', trigger: 'change' }],
-  similarity: [
-    { required: true, type: 'number', min: 0, max: maxSimilarity.value, message: `相似度范围为 0–${maxSimilarity.value}`, trigger: 'change' },
-  ],
-  top_n: [{ required: true, type: 'integer', min: 1, max: 10000, message: '引用分段数范围为 1–10000', trigger: 'change' }],
-  max_paragraph_char_number: [
-    { required: true, type: 'integer', min: 500, max: 100000, message: '最多引用字符数范围为 500–100000', trigger: 'change' },
-  ],
-}))
-
-function resetData() {
-  formData.value = cloneDeep(defaultSearchSetting)
-  formRef.value?.clearValidate()
-}
-
-function open(setting: KnowledgeSearchSetting) {
-  resetData()
-  formData.value = cloneDeep(setting)
-  visible.value = true
-}
-
-// 与旧版保持一致：全文检索重置为 0，向量和混合检索重置为 0.6。
-function changeSearchMode() {
-  formData.value.similarity = formData.value.search_mode === KNOWLEDGE_SEARCH_MODE.KEYWORDS ? 0 : 0.6
-}
-
-function submit() {
-  formRef.value?.validate((valid) => {
-    if (!valid) return
-    emit('submit', cloneDeep(formData.value))
-    visible.value = false
-  })
-}
-
-defineExpose({ open })
-</script>
-
-<template>
-  <MkDialog v-model="visible" title="参数设置" width="550" @closed="resetData">
-    <el-form ref="formRef" :model="formData" :rules="rules" label-position="top" require-asterisk-position="right" @submit.prevent>
-      <el-form-item label="检索模式" prop="search_mode">
-        <el-radio-group v-model="formData.search_mode" class="w-full flex-col gap-3" @change="changeSearchMode">
-          <el-radio
-            v-for="option in searchModeOptions"
-            :key="option.value"
-            :value="option.value"
-            class="m-0! h-auto! w-full rounded-md border p-3!"
-            :class="{ 'border-primary': formData.search_mode === option.value }"
-          >
-            <span class="block">{{ option.label }}</span>
-            <span class="mt-1 block whitespace-normal text-sm text-N600">{{ option.description }}</span>
-          </el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <div class="grid grid-cols-2 gap-3">
-        <el-form-item label="相似度高于" prop="similarity">
-          <el-input-number
-            v-model="formData.similarity"
-            :min="0"
-            :max="maxSimilarity"
-            :precision="3"
-            :step="0.1"
-            :value-on-clear="0"
-            controls-position="right"
-            align="left"
-
-          />
-        </el-form-item>
-        <el-form-item label="引用分段数 TOP" prop="top_n">
-          <el-input-number
-            v-model="formData.top_n"
-            :min="1"
-            :max="10000"
-            :precision="0"
-            :value-on-clear="1"
-            controls-position="right"
-            align="left"
-          />
-        </el-form-item>
-      </div>
-      <el-form-item label="最多引用字符数" prop="max_paragraph_char_number">
-        <MkSlider v-model="formData.max_paragraph_char_number" show-input :min="500" :max="100000" />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <el-button @click="visible = false">取消</el-button>
-      <el-button type="primary" @click="submit">保存</el-button>
-    </template>
-  </MkDialog>
-</template>
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/search-setting/index.vue b/ui/src/workflow-canvas/nodes/search-knowledge-node/component/search-setting/index.vue
deleted file mode 100644
index 0bb973a239c..00000000000
--- a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/search-setting/index.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<script setup lang="ts">
-import { computed, useTemplateRef } from 'vue'
-import { Setting } from '@element-plus/icons-vue'
-import { searchModeOptions } from '../../config'
-import type { KnowledgeSearchSetting } from '../../types'
-import SearchSettingDialog from './SearchSettingDialog.vue'
-
-defineOptions({ name: 'SearchKnowledgeNodeSetting' })
-
-const props = defineProps<{ setting: KnowledgeSearchSetting }>()
-const emit = defineEmits<{ update: [setting: KnowledgeSearchSetting] }>()
-const settingDialogRef = useTemplateRef<InstanceType<typeof SearchSettingDialog>>('settingDialogRef')
-const settingRows = computed(() => [
-  { label: '检索模式', value: searchModeOptions.find(({ value }) => value === props.setting.search_mode)?.label ?? props.setting.search_mode },
-  { label: '相似度高于', value: props.setting.similarity.toFixed(3) },
-  { label: '引用分段数 TOP', value: props.setting.top_n },
-  { label: '最多引用字符数', value: props.setting.max_paragraph_char_number },
-])
-</script>
-
-<template>
-  <el-form-item>
-    <template #label>
-      <div class="flex-between w-full">
-        <span>检索参数</span>
-        <el-button link type="primary" title="参数设置" @click="settingDialogRef?.open(setting)"><MkIcon :icon="Setting" /></el-button>
-      </div>
-    </template>
-    <dl class="grid w-full grid-cols-2 gap-y-1">
-      <template v-for="row in settingRows" :key="row.label">
-        <dt class="text-N600">{{ row.label }}</dt>
-        <dd>{{ row.value }}</dd>
-      </template>
-    </dl>
-  </el-form-item>
-  <SearchSettingDialog ref="settingDialogRef" @submit="emit('update', $event)" />
-</template>
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/config.ts b/ui/src/workflow-canvas/nodes/search-knowledge-node/config.ts
deleted file mode 100644
index 12f41178695..00000000000
--- a/ui/src/workflow-canvas/nodes/search-knowledge-node/config.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { KNOWLEDGE_SEARCH_MODE } from '@/api/enums'
-import type { KnowledgeSearchSetting } from './types'
-
-export const defaultSearchSetting: KnowledgeSearchSetting = {
-  top_n: 3,
-  similarity: 0.6,
-  max_paragraph_char_number: 5000,
-  search_mode: KNOWLEDGE_SEARCH_MODE.EMBEDDING,
-}
-
-export const searchModeOptions = [
-  { value: KNOWLEDGE_SEARCH_MODE.EMBEDDING, label: '向量检索', description: '基于向量相似度检索，适用于知识库中的大数据量场景。' },
-  { value: KNOWLEDGE_SEARCH_MODE.KEYWORDS, label: '全文检索', description: '基于文本相似度检索，适用于知识库中的小数据量场景。' },
-  { value: KNOWLEDGE_SEARCH_MODE.BLEND, label: '混合检索', description: '结合向量和文本相似度检索，适用于知识库中的中等数据量场景。' },
-]
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/constant.ts b/ui/src/workflow-canvas/nodes/search-knowledge-node/constant.ts
new file mode 100644
index 00000000000..f4da25cdeb3
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/search-knowledge-node/constant.ts
@@ -0,0 +1,23 @@
+import { KNOWLEDGE_SEARCH_MODE } from '@/api/enums'
+import type { KnowledgeSearchSetting } from './types'
+
+export const defaultSearchSetting: KnowledgeSearchSetting = {
+  top_n: 3,
+  similarity: 0.6,
+  max_paragraph_char_number: 5000,
+  search_mode: KNOWLEDGE_SEARCH_MODE.EMBEDDING,
+}
+
+export const searchModeOptions = [
+  {
+    value: KNOWLEDGE_SEARCH_MODE.EMBEDDING,
+    label: '向量检索',
+    description: '向量检索是一种基于向量相似度的检索方式，适用于知识库中的大数据量场景。',
+  },
+  { value: KNOWLEDGE_SEARCH_MODE.KEYWORDS, label: '全文检索', description: '全文检索是一种基于文本相似度的检索方式，适用于知识库中的小数据量场景。' },
+  {
+    value: KNOWLEDGE_SEARCH_MODE.BLEND,
+    label: '混合检索',
+    description: '混合检索是一种基于向量和文本相似度的检索方式，适用于知识库中的中等数据量场景。',
+  },
+]
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/index.vue b/ui/src/workflow-canvas/nodes/search-knowledge-node/index.vue
index 5d371045e9b..b1821380c17 100644
--- a/ui/src/workflow-canvas/nodes/search-knowledge-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/search-knowledge-node/index.vue
@@ -1,14 +1,15 @@
 <script setup lang="ts">
+import type { KnowledgeItem } from '@/api/types'
 import { computed, inject, onMounted, useTemplateRef } from 'vue'
 import { cloneDeep } from 'lodash'
 import type { FormInstance } from 'element-plus'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
-import type { KnowledgeSelection } from '@/components/business/knowledge-selection-dialog/types'
-import SearchScope from './component/search-scope/index.vue'
-import SearchSetting from './component/search-setting/index.vue'
-import { defaultSearchSetting } from './config'
+import NodeSearchScope from '@/workflow-canvas/component/node-search-scope/index.vue'
+import type { NodeSearchScopeData } from '@/workflow-canvas/component/node-search-scope/types'
+import SearchSetting from './component/SearchSetting.vue'
+import { defaultSearchSetting, searchModeOptions } from './constant.ts'
 import type { SearchKnowledgeNodeForm } from './types'
 
 defineOptions({ name: 'WorkflowSearchKnowledgeNode' })
@@ -16,21 +17,31 @@ defineOptions({ name: 'WorkflowSearchKnowledgeNode' })
 const getModel = inject('getModel') as () => WorkflowNodeModel
 const model = getModel()
 const formRef = useTemplateRef<FormInstance>('formRef')
-const searchScopeRef = useTemplateRef<InstanceType<typeof SearchScope>>('searchScopeRef')
 const questionReferenceRef = useTemplateRef<InstanceType<typeof NodeCascader>>('questionReferenceRef')
 
 // 初始化时补齐旧工作流缺失的字段，读取表单时不再改写节点数据。
-const savedData = (model.properties.node_data ?? {}) as Partial<SearchKnowledgeNodeForm>
+const defaultForm: SearchKnowledgeNodeForm = {
+  knowledge_id_list: [],
+  knowledge_list: [],
+  knowledge_setting: cloneDeep(defaultSearchSetting),
+  question_reference_address: [],
+  show_knowledge: false,
+  search_scope_type: 'custom',
+  search_scope_source: 'knowledge',
+  search_scope_reference: [],
+}
+const savedForm = model.properties.node_data as Partial<SearchKnowledgeNodeForm> | undefined
 model.properties.node_data = {
-  ...savedData,
-  knowledge_id_list: savedData.knowledge_id_list ?? [],
-  knowledge_list: savedData.knowledge_list ?? [],
-  knowledge_setting: { ...cloneDeep(defaultSearchSetting), ...savedData.knowledge_setting },
-  question_reference_address: savedData.question_reference_address ?? [],
-  show_knowledge: savedData.show_knowledge ?? false,
-  search_scope_type: savedData.search_scope_type ?? 'custom',
-  search_scope_source: savedData.search_scope_source ?? 'knowledge',
-  search_scope_reference: savedData.search_scope_reference ?? [],
+  ...defaultForm,
+  ...savedForm,
+  knowledge_id_list: Array.isArray(savedForm?.knowledge_id_list) ? savedForm.knowledge_id_list : [],
+  knowledge_list: Array.isArray(savedForm?.knowledge_list) ? savedForm.knowledge_list : [],
+  knowledge_setting: { ...defaultForm.knowledge_setting, ...savedForm?.knowledge_setting },
+  question_reference_address: Array.isArray(savedForm?.question_reference_address) ? savedForm.question_reference_address : [],
+  show_knowledge: savedForm?.show_knowledge ?? false,
+  search_scope_type: savedForm?.search_scope_type ?? defaultForm.search_scope_type,
+  search_scope_source: savedForm?.search_scope_source ?? defaultForm.search_scope_source,
+  search_scope_reference: Array.isArray(savedForm?.search_scope_reference) ? savedForm.search_scope_reference : [],
 } satisfies SearchKnowledgeNodeForm
 
 const formData = computed(() => model.properties.node_data as SearchKnowledgeNodeForm)
@@ -40,7 +51,7 @@ const selectedKnowledge = computed(() => {
 })
 
 // 节点统一写回关联数据，并保留旧工作流移除知识库时的缓存清理。
-function updateKnowledge(knowledge: KnowledgeSelection[]) {
+function updateKnowledge(knowledge: (Partial<KnowledgeItem> & { id: string })[]) {
   const knowledgeIds = knowledge.map(({ id }) => id)
   const removedIds = new Set(formData.value.knowledge_id_list.filter((id) => !knowledgeIds.includes(id)))
   formData.value.knowledge_id_list = knowledgeIds
@@ -51,14 +62,26 @@ function updateKnowledge(knowledge: KnowledgeSelection[]) {
   }
 }
 
-function updateScopeSource(source: SearchKnowledgeNodeForm['search_scope_source']) {
-  formData.value.search_scope_source = source
-  formData.value.search_scope_reference = []
+function updateSearchScope(patch: Partial<NodeSearchScopeData>) {
+  model.properties.node_data = { ...formData.value, ...patch }
 }
 
-// 两个变量选择器独立校验；自定义范围不校验隐藏的引用变量。
+// 检索参数由弹窗编辑，确认后统一写回。
+const settingRows = computed(() => [
+  {
+    label: '检索模式',
+    value:
+      searchModeOptions.find(({ value }) => value === formData.value.knowledge_setting.search_mode)?.label ??
+      formData.value.knowledge_setting.search_mode,
+  },
+  { label: '相似度高于', value: formData.value.knowledge_setting.similarity.toFixed(3) },
+  { label: '引用分段数 TOP', value: formData.value.knowledge_setting.top_n },
+  { label: '最多引用字符数', value: formData.value.knowledge_setting.max_paragraph_char_number },
+])
+
+// 检索范围由组件加入表单校验，检索问题保留原有引用有效性检查。
 function validate() {
-  return Promise.all([searchScopeRef.value?.validate(), questionReferenceRef.value?.validate(), formRef.value?.validate()]).catch((error) =>
+  return Promise.all([questionReferenceRef.value?.validate(), formRef.value?.validate()]).catch((error) =>
     Promise.reject({ node: model, errMessage: error }),
   )
 }
@@ -70,32 +93,45 @@ onMounted(() => {
 
 <template>
   <NodeContainer :node-model="model">
-    <h6 class="mb-3">节点设置</h6>
-    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-      <SearchScope
-        ref="searchScopeRef"
-        :node-model="model"
-        :knowledge="selectedKnowledge"
-        :scope-type="formData.search_scope_type"
-        :scope-source="formData.search_scope_source"
-        :scope-reference="formData.search_scope_reference"
-        @update:knowledge="updateKnowledge"
-        @update:scope-type="formData.search_scope_type = $event"
-        @update:scope-source="updateScopeSource"
-        @update:scope-reference="formData.search_scope_reference = $event"
-      />
-      <SearchSetting :setting="formData.knowledge_setting" @update="formData.knowledge_setting = $event" />
-      <el-form-item label="检索问题" prop="question_reference_address" :rules="{ required: true, message: '请选择检索问题', trigger: 'change' }">
-        <NodeCascader
-          ref="questionReferenceRef"
-          v-model="formData.question_reference_address"
+    <h6 class="mk-title-decoration mb-2">节点设置</h6>
+    <div class="mk-gray-card">
+      <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
+        <!-- 检索范围 -->
+        <NodeSearchScope
           :node-model="model"
-          placeholder="请选择检索问题"
+          :form-data="formData"
+          :selected-knowledge="selectedKnowledge"
+          @update="updateSearchScope"
+          @update:knowledge="updateKnowledge"
         />
-      </el-form-item>
-      <el-form-item label="结果显示在知识来源中" prop="show_knowledge" :rules="{ required: true, message: '请设置参数', trigger: 'change' }">
-        <el-switch v-model="formData.show_knowledge" size="small" />
-      </el-form-item>
-    </el-form>
+        <!-- 检索参数 -->
+        <el-form-item>
+          <template #label>
+            <div class="flex-between">
+              <span>检索参数</span>
+              <SearchSetting v-model="formData.knowledge_setting" />
+            </div>
+          </template>
+          <div class="mk-white-card w-full">
+            <ul class="space-y-2">
+              <li v-for="row in settingRows" :key="row.label" class="flex gap-4">
+                <span class="w-28 shrink-0 text-N600">{{ row.label }}</span>
+                <span class="min-w-0 flex-1 truncate" :title="String(row.value)">
+                  {{ row.value }}
+                </span>
+              </li>
+            </ul>
+          </div>
+        </el-form-item>
+        <!-- 检索问题 -->
+        <el-form-item label="检索问题" prop="question_reference_address" :rules="{ required: true, message: '请选择检索问题', trigger: 'change' }">
+          <NodeCascader ref="questionReferenceRef" v-model="formData.question_reference_address" :node-model="model" placeholder="请选择检索问题" />
+        </el-form-item>
+        <div class="flex-between">
+          <span>结果显示在知识来源中</span>
+          <el-switch v-model="formData.show_knowledge" size="small" />
+        </div>
+      </el-form>
+    </div>
   </NodeContainer>
 </template>
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/types.ts b/ui/src/workflow-canvas/nodes/search-knowledge-node/types.ts
index 7356a7be26d..e46d81243a1 100644
--- a/ui/src/workflow-canvas/nodes/search-knowledge-node/types.ts
+++ b/ui/src/workflow-canvas/nodes/search-knowledge-node/types.ts
@@ -1,5 +1,6 @@
+import type { KnowledgeItem } from '@/api/types'
+import type { NodeSearchScopeData } from '@/workflow-canvas/component/node-search-scope/types'
 import type { KNOWLEDGE_SEARCH_MODE } from '@/api/enums'
-import type { KnowledgeSelection } from '@/components/business/knowledge-selection-dialog/types'
 
 export interface KnowledgeSearchSetting {
   top_n: number
@@ -8,14 +9,11 @@ export interface KnowledgeSearchSetting {
   search_mode: (typeof KNOWLEDGE_SEARCH_MODE)[keyof typeof KNOWLEDGE_SEARCH_MODE]
 }
 
-export interface SearchKnowledgeNodeForm {
+export interface SearchKnowledgeNodeForm extends NodeSearchScopeData {
   knowledge_id_list: string[]
-  knowledge_list: KnowledgeSelection[]
+  knowledge_list: (Partial<KnowledgeItem> & { id: string })[]
   all_knowledge_id_list?: string[]
   knowledge_setting: KnowledgeSearchSetting
   question_reference_address: string[]
   show_knowledge: boolean
-  search_scope_type: 'custom' | 'referencing'
-  search_scope_source: 'knowledge' | 'document'
-  search_scope_reference: string[]
 }
diff --git a/ui/src/workflow-canvas/nodes/speech-to-text-node/index.vue b/ui/src/workflow-canvas/nodes/speech-to-text-node/index.vue
index 2d02c45d9fe..674d8310155 100644
--- a/ui/src/workflow-canvas/nodes/speech-to-text-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/speech-to-text-node/index.vue
@@ -2,7 +2,7 @@
 import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 
 import type { FormInstance } from 'element-plus'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import NodeModelSelect from '@/workflow-canvas/component/node-model-select/index.vue'
 import { fileTooltip } from '@/workflow-canvas/config/constants'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
@@ -56,15 +56,6 @@ const formData = computed<SpeechToTextNodeForm>({
   set: (value) => (model.properties.node_data = value),
 })
 
-const modelSetting = computed(() => {
-  const defaultModel = model.getDefaultModelConfig('STT')
-  const isDefaultModel = formData.value.stt_model_id_type === 'default'
-  return {
-    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.stt_model_id,
-    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
-  }
-})
-const modelFormProp = computed(() => (formData.value.stt_model_id_type === 'reference' ? 'stt_model_id_reference' : 'stt_model_id'))
 const showSettings = computed(() =>
   [WorkflowMode.Application, WorkflowMode.ApplicationLoop, WorkflowMode.Tool, WorkflowMode.ToolLoop].includes(workflowMode),
 )
@@ -73,22 +64,6 @@ function updateNodeData(setting: Partial<SpeechToTextNodeForm>) {
   model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function changeModelSource(source: SpeechToTextNodeForm['stt_model_id_type']) {
-  updateNodeData({ stt_model_id_reference: [], stt_model_id_type: source })
-}
-
-function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
-  if (formData.value.stt_model_id_type === 'reference') {
-    callback(formData.value.stt_model_id_reference.length ? undefined : new Error('请选择引用变量'))
-    return
-  }
-  callback(
-    modelSetting.value.model_id
-      ? undefined
-      : new Error(formData.value.stt_model_id_type === 'default' ? '请在默认模型设置中选择语音识别模型' : '请选择语音识别模型'),
-  )
-}
-
 async function validate() {
   return formRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
@@ -108,52 +83,16 @@ onMounted(() => {
     <h6 class="mk-title-decoration mb-2">节点设置</h6>
     <div class="mk-gray-card">
       <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-        <el-form-item class="mk-hide-asterisk" :prop="modelFormProp" :rules="{ validator: validateModel, trigger: 'change' }">
-          <template #label>
-            <div class="flex-between">
-              <span class="mk-required">语音识别模型</span>
-              <el-select
-                :model-value="formData.stt_model_id_type"
-                :teleported="false"
-                class="w-22!"
-                size="small"
-                @update:model-value="changeModelSource"
-              >
-                <el-option label="默认模型" value="default" />
-                <el-option label="引用变量" value="reference" />
-                <el-option label="自定义" value="custom" />
-              </el-select>
-            </div>
-          </template>
-          <ModelSelect
-            v-if="formData.stt_model_id_type === 'default'"
-            :model-value="modelSetting.model_id"
-            :model-params="modelSetting.model_params_setting"
-            disabled
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="未配置默认模型"
-          />
-          <ModelSelect
-            v-else-if="formData.stt_model_id_type === 'custom'"
-            :model-value="formData.stt_model_id"
-            :model-params="formData.model_params_setting"
-            can-edit-params
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="请选择语音识别模型"
-            @update:model-value="updateNodeData({ stt_model_id: $event })"
-            @update:model-params="updateNodeData({ model_params_setting: $event })"
-          />
-          <NodeCascader
-            v-else
-            ref="modelCascaderRef"
-            :model-value="formData.stt_model_id_reference"
-            :node-model="model"
-            placeholder="请选择变量"
-            @update:model-value="updateNodeData({ stt_model_id_reference: $event })"
-          />
-        </el-form-item>
+        <NodeModelSelect
+          :node-model="model"
+          :form-data="formData"
+          :fields="{ source: 'stt_model_id_type', id: 'stt_model_id', reference: 'stt_model_id_reference', params: 'model_params_setting' }"
+          model-type="STT"
+          label="语音识别模型"
+          :options="modelList"
+          :provider-options="providerOptions"
+          @update="updateNodeData"
+        />
 
         <!-- 语音文件 -->
         <el-form-item prop="audio_list" :rules="{ required: true, message: '请选择', trigger: 'change' }">
diff --git a/ui/src/workflow-canvas/nodes/text-to-speech-node/index.vue b/ui/src/workflow-canvas/nodes/text-to-speech-node/index.vue
index 07f4dd30fe8..0925de7ca65 100644
--- a/ui/src/workflow-canvas/nodes/text-to-speech-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/text-to-speech-node/index.vue
@@ -2,7 +2,7 @@
 import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 
 import type { FormInstance } from 'element-plus'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import NodeModelSelect from '@/workflow-canvas/component/node-model-select/index.vue'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
 import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
@@ -55,15 +55,6 @@ const formData = computed<TextToSpeechNodeForm>({
   set: (value) => (model.properties.node_data = value),
 })
 
-const modelSetting = computed(() => {
-  const defaultModel = model.getDefaultModelConfig('TTS')
-  const isDefaultModel = formData.value.tts_model_id_type === 'default'
-  return {
-    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.tts_model_id,
-    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
-  }
-})
-const modelFormProp = computed(() => (formData.value.tts_model_id_type === 'reference' ? 'tts_model_id_reference' : 'tts_model_id'))
 const showSettings = computed(() =>
   [WorkflowMode.Application, WorkflowMode.ApplicationLoop, WorkflowMode.Tool, WorkflowMode.ToolLoop].includes(workflowMode),
 )
@@ -72,22 +63,6 @@ function updateNodeData(setting: Partial<TextToSpeechNodeForm>) {
   model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function changeModelSource(source: TextToSpeechNodeForm['tts_model_id_type']) {
-  updateNodeData({ tts_model_id_reference: [], tts_model_id_type: source })
-}
-
-function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
-  if (formData.value.tts_model_id_type === 'reference') {
-    callback(formData.value.tts_model_id_reference.length ? undefined : new Error('请选择引用变量'))
-    return
-  }
-  callback(
-    modelSetting.value.model_id
-      ? undefined
-      : new Error(formData.value.tts_model_id_type === 'default' ? '请在默认模型设置中选择语音合成模型' : '请选择语音合成模型'),
-  )
-}
-
 async function validate() {
   return formRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
@@ -107,52 +82,16 @@ onMounted(() => {
     <h6 class="mk-title-decoration mb-2">节点设置</h6>
     <div class="mk-gray-card">
       <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-        <el-form-item class="mk-hide-asterisk" :prop="modelFormProp" :rules="{ validator: validateModel, trigger: 'change' }">
-          <template #label>
-            <div class="flex-between">
-              <span class="mk-required">语音合成模型</span>
-              <el-select
-                :model-value="formData.tts_model_id_type"
-                :teleported="false"
-                class="w-22!"
-                size="small"
-                @update:model-value="changeModelSource"
-              >
-                <el-option label="默认模型" value="default" />
-                <el-option label="引用变量" value="reference" />
-                <el-option label="自定义" value="custom" />
-              </el-select>
-            </div>
-          </template>
-          <ModelSelect
-            v-if="formData.tts_model_id_type === 'default'"
-            :model-value="modelSetting.model_id"
-            :model-params="modelSetting.model_params_setting"
-            disabled
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="未配置默认模型"
-          />
-          <ModelSelect
-            v-else-if="formData.tts_model_id_type === 'custom'"
-            :model-value="formData.tts_model_id"
-            :model-params="formData.model_params_setting"
-            can-edit-params
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="请选择语音合成模型"
-            @update:model-value="updateNodeData({ tts_model_id: $event })"
-            @update:model-params="updateNodeData({ model_params_setting: $event })"
-          />
-          <NodeCascader
-            v-else
-            ref="modelCascaderRef"
-            :model-value="formData.tts_model_id_reference"
-            :node-model="model"
-            placeholder="请选择变量"
-            @update:model-value="updateNodeData({ tts_model_id_reference: $event })"
-          />
-        </el-form-item>
+        <NodeModelSelect
+          :node-model="model"
+          :form-data="formData"
+          :fields="{ source: 'tts_model_id_type', id: 'tts_model_id', reference: 'tts_model_id_reference', params: 'model_params_setting' }"
+          model-type="TTS"
+          label="语音合成模型"
+          :options="modelList"
+          :provider-options="providerOptions"
+          @update="updateNodeData"
+        />
         <!-- 文本内容 -->
         <el-form-item prop="content_list" :rules="{ required: true, message: '请选择', trigger: 'change' }" label="文本内容">
           <NodeCascader ref="contentCascaderRef" v-model="formData.content_list" :node-model="model" placeholder="请选择" />
diff --git a/ui/src/workflow-canvas/nodes/text-to-video-node/index.vue b/ui/src/workflow-canvas/nodes/text-to-video-node/index.vue
index e55d6ce8292..29fa04363c7 100644
--- a/ui/src/workflow-canvas/nodes/text-to-video-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/text-to-video-node/index.vue
@@ -2,8 +2,7 @@
 import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 import type { FormInstance } from 'element-plus'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
-import ModelSelect from '@/components/business/model-select/index.vue'
-import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
+import NodeModelSelect from '@/workflow-canvas/component/node-model-select/index.vue'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
 import { handleNodeWheel } from '@/workflow-canvas/core/utils'
 import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
@@ -64,15 +63,6 @@ const formData = computed<TextToVideoNodeForm>({
   set: (value) => (model.properties.node_data = value),
 })
 
-const modelSetting = computed(() => {
-  const defaultModel = model.getDefaultModelConfig('TTV')
-  const isDefaultModel = formData.value.model_id_type === 'default'
-  return {
-    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.model_id,
-    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
-  }
-})
-const modelFormProp = computed(() => (formData.value.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'))
 const showSettings = computed(() =>
   [WorkflowMode.Application, WorkflowMode.ApplicationLoop, WorkflowMode.Tool, WorkflowMode.ToolLoop].includes(workflowMode),
 )
@@ -81,22 +71,6 @@ function updateNodeData(setting: Partial<TextToVideoNodeForm>) {
   model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function changeModelSource(source: TextToVideoNodeForm['model_id_type']) {
-  updateNodeData({ model_id_reference: [], model_id_type: source })
-}
-
-function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
-  if (formData.value.model_id_type === 'reference') {
-    callback(formData.value.model_id_reference.length ? undefined : new Error('请选择引用变量'))
-    return
-  }
-  callback(
-    modelSetting.value.model_id
-      ? undefined
-      : new Error(formData.value.model_id_type === 'default' ? '请在默认模型设置中选择文生视频模型' : '请选择文生视频模型'),
-  )
-}
-
 async function validate() {
   return formRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
@@ -116,46 +90,15 @@ onMounted(() => {
     <h6 class="mk-title-decoration mb-2">节点设置</h6>
     <div class="mk-gray-card">
       <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-        <el-form-item class="mk-hide-asterisk" :prop="modelFormProp" :rules="{ validator: validateModel, trigger: 'change' }">
-          <template #label>
-            <div class="flex-between">
-              <span class="mk-required">文生视频模型</span>
-              <el-select :model-value="formData.model_id_type" :teleported="false" class="w-22!" size="small" @update:model-value="changeModelSource">
-                <el-option label="默认模型" value="default" />
-                <el-option label="引用变量" value="reference" />
-                <el-option label="自定义" value="custom" />
-              </el-select>
-            </div>
-          </template>
-          <ModelSelect
-            v-if="formData.model_id_type === 'default'"
-            :model-value="modelSetting.model_id"
-            :model-params="modelSetting.model_params_setting"
-            disabled
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="未配置默认模型"
-          />
-          <ModelSelect
-            v-else-if="formData.model_id_type === 'custom'"
-            :model-value="formData.model_id"
-            :model-params="formData.model_params_setting"
-            can-edit-params
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="请选择文生视频模型"
-            @update:model-value="updateNodeData({ model_id: $event })"
-            @update:model-params="updateNodeData({ model_params_setting: $event })"
-          />
-          <NodeCascader
-            v-else
-            ref="modelCascaderRef"
-            :model-value="formData.model_id_reference"
-            :node-model="model"
-            placeholder="请选择变量"
-            @update:model-value="updateNodeData({ model_id_reference: $event })"
-          />
-        </el-form-item>
+        <NodeModelSelect
+          :node-model="model"
+          :form-data="formData"
+          model-type="TTV"
+          label="文生视频模型"
+          :options="modelList"
+          :provider-options="providerOptions"
+          @update="updateNodeData"
+        />
 
         <!-- 提示词(正向) -->
         <el-form-item class="mk-hide-asterisk" prop="prompt" :rules="{ required: true, message: '请输入正向提示词', trigger: 'blur' }">
diff --git a/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputFieldFormDialog.vue b/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputFieldFormDialog.vue
index 7e69076e046..586600e8969 100644
--- a/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputFieldFormDialog.vue
+++ b/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputFieldFormDialog.vue
@@ -73,7 +73,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <el-dialog
+  <MkDialog
     :title="isEdit ? '编辑参数' : '添加参数'"
     v-model="dialogVisible"
     :close-on-click-modal="false"
@@ -81,39 +81,15 @@ defineExpose({ open, close })
     :destroy-on-close="true"
     append-to-body
   >
-    <el-form
-      label-position="top"
-      ref="fieldFormRef"
-      :rules="rules"
-      :model="form"
-      require-asterisk-position="right"
-    >
+    <el-form label-position="top" ref="fieldFormRef" :rules="rules" :model="form" require-asterisk-position="right">
       <el-form-item label="参数名" prop="field">
-        <el-input
-          v-model="form.field"
-          placeholder="请输入参数名"
-          maxlength="64"
-          show-word-limit
-          @blur="form.field = form.field.trim()"
-        />
+        <el-input v-model="form.field" placeholder="请输入参数名" maxlength="64" show-word-limit @blur="form.field = form.field.trim()" />
       </el-form-item>
       <el-form-item label="显示名" prop="label">
-        <el-input
-          v-model="form.label"
-          placeholder="请输入显示名"
-          :maxlength="128"
-          show-word-limit
-          @blur="form.label = form.label?.trim()"
-        />
+        <el-input v-model="form.label" placeholder="请输入显示名" :maxlength="128" show-word-limit @blur="form.label = form.label?.trim()" />
       </el-form-item>
       <el-form-item label="描述">
-        <el-input
-          v-model="form.desc"
-          placeholder="请输入描述"
-          :maxlength="128"
-          show-word-limit
-          @blur="form.desc = form.desc?.trim()"
-        />
+        <el-input v-model="form.desc" placeholder="请输入描述" :maxlength="128" show-word-limit @blur="form.desc = form.desc?.trim()" />
       </el-form-item>
       <el-form-item label="数据类型">
         <el-select v-model="form.type">
@@ -133,5 +109,5 @@ defineExpose({ open, close })
         </el-button>
       </span>
     </template>
-  </el-dialog>
-</template>
\ No newline at end of file
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputTitleDialog.vue b/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputTitleDialog.vue
index 054c4f945fa..6299ec5edb4 100644
--- a/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputTitleDialog.vue
+++ b/ui/src/workflow-canvas/nodes/tool-base-node/component/input/InputTitleDialog.vue
@@ -12,9 +12,7 @@ const form = ref<any>({
 })
 
 const rules = reactive({
-  title: [
-    { required: true, message: '请输入标题', trigger: 'blur' },
-  ],
+  title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
 })
 
 const dialogVisible = ref<boolean>(false)
@@ -43,7 +41,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <el-dialog
+  <MkDialog
     title="设置"
     v-model="dialogVisible"
     :close-on-click-modal="false"
@@ -52,30 +50,16 @@ defineExpose({ open, close })
     :before-close="close"
     append-to-body
   >
-    <el-form
-      label-position="top"
-      ref="fieldFormRef"
-      :rules="rules"
-      :model="form"
-      require-asterisk-position="right"
-      @submit.prevent
-    >
+    <el-form label-position="top" ref="fieldFormRef" :rules="rules" :model="form" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="标题" prop="title">
-        <el-input
-          v-model="form.title"
-          maxlength="64"
-          show-word-limit
-          @blur="form.title = form.title.trim()"
-        />
+        <el-input v-model="form.title" maxlength="64" show-word-limit @blur="form.title = form.title.trim()" />
       </el-form-item>
     </el-form>
     <template #footer>
       <span class="dialog-footer">
         <el-button @click.prevent="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="submit(fieldFormRef)" :loading="loading">
-          保存
-        </el-button>
+        <el-button type="primary" @click="submit(fieldFormRef)" :loading="loading"> 保存 </el-button>
       </span>
     </template>
-  </el-dialog>
-</template>
\ No newline at end of file
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputFieldFormDialog.vue b/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputFieldFormDialog.vue
index ae72f4e6986..a279da6dff5 100644
--- a/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputFieldFormDialog.vue
+++ b/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputFieldFormDialog.vue
@@ -64,7 +64,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <el-dialog
+  <MkDialog
     :title="isEdit ? '编辑参数' : '添加参数'"
     v-model="dialogVisible"
     :close-on-click-modal="false"
@@ -72,31 +72,13 @@ defineExpose({ open, close })
     :destroy-on-close="true"
     append-to-body
   >
-    <el-form
-      label-position="top"
-      ref="fieldFormRef"
-      :rules="rules"
-      :model="form"
-      require-asterisk-position="right"
-    >
+    <el-form label-position="top" ref="fieldFormRef" :rules="rules" :model="form" require-asterisk-position="right">
       <el-form-item label="参数名" prop="field">
-        <el-input
-          v-model="form.field"
-          placeholder="请输入参数名"
-          maxlength="64"
-          show-word-limit
-          @blur="form.field = form.field.trim()"
-        />
+        <el-input v-model="form.field" placeholder="请输入参数名" maxlength="64" show-word-limit @blur="form.field = form.field.trim()" />
       </el-form-item>
 
       <el-form-item label="显示名">
-        <el-input
-          v-model="form.label"
-          placeholder="请输入显示名"
-          :maxlength="128"
-          show-word-limit
-          @blur="form.label = form.label?.trim()"
-        />
+        <el-input v-model="form.label" placeholder="请输入显示名" :maxlength="128" show-word-limit @blur="form.label = form.label?.trim()" />
       </el-form-item>
     </el-form>
     <template #footer>
@@ -107,5 +89,5 @@ defineExpose({ open, close })
         </el-button>
       </span>
     </template>
-  </el-dialog>
-</template>
\ No newline at end of file
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputTitleDialog.vue b/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputTitleDialog.vue
index 2f516d281f8..8f17024114d 100644
--- a/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputTitleDialog.vue
+++ b/ui/src/workflow-canvas/nodes/tool-base-node/component/output/OutputTitleDialog.vue
@@ -12,9 +12,7 @@ const form = ref<any>({
 })
 
 const rules = reactive({
-  title: [
-    { required: true, message: '请输入标题', trigger: 'blur' },
-  ],
+  title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
 })
 
 const dialogVisible = ref<boolean>(false)
@@ -43,7 +41,7 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <el-dialog
+  <MkDialog
     title="设置"
     v-model="dialogVisible"
     :close-on-click-modal="false"
@@ -52,30 +50,16 @@ defineExpose({ open, close })
     :before-close="close"
     append-to-body
   >
-    <el-form
-      label-position="top"
-      ref="fieldFormRef"
-      :rules="rules"
-      :model="form"
-      require-asterisk-position="right"
-      @submit.prevent
-    >
+    <el-form label-position="top" ref="fieldFormRef" :rules="rules" :model="form" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="标题" prop="title">
-        <el-input
-          v-model="form.title"
-          maxlength="64"
-          show-word-limit
-          @blur="form.title = form.title.trim()"
-        />
+        <el-input v-model="form.title" maxlength="64" show-word-limit @blur="form.title = form.title.trim()" />
       </el-form-item>
     </el-form>
     <template #footer>
       <span class="dialog-footer">
         <el-button @click.prevent="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="submit(fieldFormRef)" :loading="loading">
-          保存
-        </el-button>
+        <el-button type="primary" @click="submit(fieldFormRef)" :loading="loading"> 保存 </el-button>
       </span>
     </template>
-  </el-dialog>
-</template>
\ No newline at end of file
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/variable-aggregation-node/index.vue b/ui/src/workflow-canvas/nodes/variable-aggregation-node/index.vue
index d3ceb34dce1..678d36fefc1 100644
--- a/ui/src/workflow-canvas/nodes/variable-aggregation-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/variable-aggregation-node/index.vue
@@ -161,7 +161,7 @@ onBeforeUnmount(() => {
           </el-select>
         </el-form-item>
         <template v-for="(group, gIndex) in formData.group_list" :key="group.id">
-          <div class="mk-gray-card bg-white! mb-2">
+          <div class="mk-white-card mb-2">
             <div class="flex-between mb-2 gap-2">
               <span class="min-w-0 truncate" :title="group.label">{{ group.label }}</span>
               <div class="flex shrink-0 items-center gap-1">
diff --git a/ui/src/workflow-canvas/nodes/variable-splitting-node/component/variable-field/VariableFieldTable.vue b/ui/src/workflow-canvas/nodes/variable-splitting-node/component/variable-field/VariableFieldTable.vue
index 8117b2195ce..e8ab26af9a5 100644
--- a/ui/src/workflow-canvas/nodes/variable-splitting-node/component/variable-field/VariableFieldTable.vue
+++ b/ui/src/workflow-canvas/nodes/variable-splitting-node/component/variable-field/VariableFieldTable.vue
@@ -45,7 +45,7 @@ function saveField(data: VariableField, index?: number) {
       </el-button>
     </div>
 
-    <MkTable size="small" class="border" :data="variableList" row-key="field">
+    <MkTable v-if="variableList.length" size="small" class="border" :data="variableList" row-key="field">
       <el-table-column prop="field" label="变量">
         <template #default="{ row }">
           <span :title="row.field" class="block truncate">{{ row.field }}</span>
diff --git a/ui/src/workflow-canvas/nodes/video-understand-node/index.vue b/ui/src/workflow-canvas/nodes/video-understand-node/index.vue
index ad4eb7180cc..444b9cbd1b7 100644
--- a/ui/src/workflow-canvas/nodes/video-understand-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/video-understand-node/index.vue
@@ -3,7 +3,7 @@ import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 
 import type { FormInstance } from 'element-plus'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
-import ModelSelect from '@/components/business/model-select/index.vue'
+import NodeModelSelect from '@/workflow-canvas/component/node-model-select/index.vue'
 import { fileTooltip } from '@/workflow-canvas/config/constants'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
@@ -86,15 +86,6 @@ const formData = computed<VideoUnderstandNodeForm>({
   set: (value) => (model.properties.node_data = value),
 })
 
-const modelSetting = computed(() => {
-  const defaultModel = model.getDefaultModelConfig('IMAGE')
-  const isDefaultModel = formData.value.model_id_type === 'default'
-  return {
-    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.model_id,
-    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
-  }
-})
-const modelFormProp = computed(() => (formData.value.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'))
 const showSettings = computed(() =>
   [WorkflowMode.Application, WorkflowMode.ApplicationLoop, WorkflowMode.Tool, WorkflowMode.ToolLoop].includes(workflowMode),
 )
@@ -103,22 +94,6 @@ function updateNodeData(setting: Partial<VideoUnderstandNodeForm>) {
   model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function changeModelSource(source: VideoUnderstandNodeForm['model_id_type']) {
-  updateNodeData({ model_id_reference: [], model_id_type: source })
-}
-
-function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
-  if (formData.value.model_id_type === 'reference') {
-    callback(formData.value.model_id_reference.length ? undefined : new Error('请选择引用变量'))
-    return
-  }
-  callback(
-    modelSetting.value.model_id
-      ? undefined
-      : new Error(formData.value.model_id_type === 'default' ? '请在默认模型设置中选择视觉模型' : '请选择视觉模型'),
-  )
-}
-
 async function validate() {
   return formRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
@@ -138,46 +113,15 @@ onMounted(() => {
     <h6 class="mk-title-decoration mb-2">节点设置</h6>
     <div class="mk-gray-card">
       <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-        <el-form-item class="mk-hide-asterisk" :prop="modelFormProp" :rules="{ validator: validateModel, trigger: 'change' }">
-          <template #label>
-            <div class="flex-between">
-              <span class="mk-required">视觉模型</span>
-              <el-select :model-value="formData.model_id_type" :teleported="false" class="w-22!" size="small" @update:model-value="changeModelSource">
-                <el-option label="默认模型" value="default" />
-                <el-option label="引用变量" value="reference" />
-                <el-option label="自定义" value="custom" />
-              </el-select>
-            </div>
-          </template>
-          <ModelSelect
-            v-if="formData.model_id_type === 'default'"
-            :model-value="modelSetting.model_id"
-            :model-params="modelSetting.model_params_setting"
-            disabled
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="未配置默认模型"
-          />
-          <ModelSelect
-            v-else-if="formData.model_id_type === 'custom'"
-            :model-value="formData.model_id"
-            :model-params="formData.model_params_setting"
-            can-edit-params
-            :options="modelList"
-            :provider-options="providerOptions"
-            placeholder="请选择视觉模型"
-            @update:model-value="updateNodeData({ model_id: $event })"
-            @update:model-params="updateNodeData({ model_params_setting: $event })"
-          />
-          <NodeCascader
-            v-else
-            ref="modelCascaderRef"
-            :model-value="formData.model_id_reference"
-            :node-model="model"
-            placeholder="请选择变量"
-            @update:model-value="updateNodeData({ model_id_reference: $event })"
-          />
-        </el-form-item>
+        <NodeModelSelect
+          :node-model="model"
+          :form-data="formData"
+          model-type="IMAGE"
+          label="视觉模型"
+          :options="modelList"
+          :provider-options="providerOptions"
+          @update="updateNodeData"
+        />
 
         <!-- 系统提示词 -->
         <el-form-item>
@@ -253,7 +197,6 @@ onMounted(() => {
               <span class="mk-required">选择视频</span>
               <el-tooltip placement="right">
                 <template #content>
-                  <!-- // TODO: ? -->
                   <div class="font-mono whitespace-pre-wrap">{{ fileTooltip }}</div>
                 </template>
                 <MkIcon name="icon_info_outlined" class="text-N600!" />
diff --git a/ui/vite.config.ts b/ui/vite.config.ts
index e96c6a9d94c..eeec047910f 100644
--- a/ui/vite.config.ts
+++ b/ui/vite.config.ts
@@ -9,7 +9,7 @@ import tailwindcss from '@tailwindcss/vite'
 import Components from 'unplugin-vue-components/vite'
 
 const envDir = './env'
-const defaultBackendTarget = 'http://47.120.55.164:9090/'
+const defaultBackendTarget = 'http://47.120.55.164:38080'
 const projectRoot = fileURLToPath(new URL('.', import.meta.url))
 
 const renameHtmlPlugin = (outDir: string, entry: string) => {