diff --git a/ui/src/components/COMPONENT_README.md b/ui/src/components/COMPONENT_README.md
index 3aed62e16b3..876b51c01c5 100644
--- a/ui/src/components/COMPONENT_README.md
+++ b/ui/src/components/COMPONENT_README.md
@@ -134,7 +134,7 @@ src/components/
 ├── mk-search-list/
 │   └── index.vue                 # 搜索框与剩余空间滚动列表，手动导入
 ├── mk-tags-edit/
-│   └── index.vue                 # 扩展名标签增删与重复检查，手动导入
+│   └── index.vue                 # 标签增删与重复检查，手动导入
 ├── mk-logo/
 │   ├── LogoFull.vue              # 带产品名称的完整 Logo，手动导入
 │   └── LogoIcon.vue              # 不带产品名称的图形 Logo，手动导入
@@ -854,12 +854,13 @@ import MkFilterableDropdown from '@/components/mk-filterable-dropdown/index.vue'
 ### MkTagsEdit
 
 手动导入 `@/components/mk-tags-edit/index.vue`，通过必填的 `string[]` 类型 `v-model`
-编辑扩展名。可选 `reservedExtensions` 接收已有的大写扩展名数组，默认为空；组件检查保留值与
-当前列表的重复项，并提示“该扩展名已存在”。输入失焦或按回车时去除首尾空格、一个前导点并转为
-大写，空值不添加。组件内部维护输入框显隐与自动聚焦，根节点阻止点击冒泡；外部间距通过 `class` 设置。
+编辑标签。可选 `reservedTags` 接收保留标签数组，默认为空；组件检查保留值与当前列表的
+重复项，并提示“该标签已存在”。输入失焦或按回车时去除首尾空格，空值不添加；默认保留大小写
+和前导点。业务需要格式化时通过 `normalizeTag(tag)` 传入转换函数，在重复检查前执行。
+`addText` 默认为“添加标签”。组件内部维护输入框显隐与自动聚焦，根节点阻止点击冒泡；外部间距通过 `class` 设置。
 
 ```vue
-<MkTagsEdit v-model="formData.otherExtensions" :reserved-extensions="reservedExtensions" class="mt-2" />
+<MkTagsEdit v-model="formData.tags" :reserved-tags="reservedTags" class="mt-2" />
 ```
 
 ### MkCardCheckbox
@@ -1161,17 +1162,28 @@ const formValue = ref<Dict<DynamicFormValue>>({})
 字段配置中的动态校验器和表格行表达式属于受信任的服务端协议，只允许加载可信配置；普通业务
 输入不得作为脚本传入。
 
-单选、多选和卡片单选配置器的自定义选项中，标签和选项值的必填校验跟随字段的“是否必填”；每行通过
+单选、多选、MultiRow、RadioRow 和卡片单选配置器的自定义选项中，标签和选项值的必填校验跟随字段的“是否必填”；每行通过
 `option_list.<index>.label`、`option_list.<index>.value` 参与配置表单校验。编辑中的不完整行
 保留在表单内，仅两项都填写且非纯空白的选项进入默认值选择区和 `getData()` 返回的 `option_list`。
 初始化、空配置回填和切回自定义赋值时保留一行空白选项。卡片单选仅在存在完整选项时显示默认值卡片区。
 引用变量模式继续保留变量路径，不应用自定义选项过滤。
+MultiRow 配置器的默认值复用 MultiRow 字段组件，通过 `el-checkbox-group` 和
+`el-checkbox-button` 以圆角边框内的横向按钮展示多选项，复用原生禁用、键盘操作和表单校验，
+选中项使用主题色文字和浅色背景；支持再次点击取消选择，不使用 Select。仅完整选项参与展示，
+无完整选项时显示填写提示；配置器与运行时共用样式，字段输出仍为 `MultiRow`。
+RadioRow 配置器沿用同样的选项编辑和完整性过滤，默认值复用 RadioRow 字段组件，
+通过 `el-radio-group` 和 `el-radio-button` 展示横向单选，沿用全局按钮式单选样式及原生校验、
+禁用和键盘交互；字段输出仍为 `RadioRow`。
 
 动态表单的 Model 字段使用 `SelectModel`，将 `attrs.provider_list` 中的模型快照映射为
 扁平 `ModelItem[]`，由选择器统一分组和展示供应商。旧快照未保存状态时保留可选行为，已保存的
 状态按 `SelectModel` 的可用性规则处理。切换模型一次性回写 `model_id` 和深拷贝后的
 `model_params_setting`；清空时回写空 ID 和空参数，避免修改原配置中的参数对象。
 
+Knowledge 配置器复用 `SelectKnowledgeDialog` 选择可选知识库，沿用文件夹、共享资源查询及
+相同 Embedding 模型约束。打开时传入已选快照，确认后回写可选知识库并清理已取消 ID 对应的
+默认值；取消不修改配置。
+
 Model 配置器的默认模型也使用 `SelectModel`，仅展示已选的可选模型，不开启参数设置入口。
 选择时将模型 ID 转换为包含已配置参数的 `default_value` 对象，清空时重置为空对象。
 
diff --git a/ui/src/components/business/select-knowledge-dialog/index.vue b/ui/src/components/business/select-knowledge-dialog/index.vue
index bbab6efdc5a..e8cb3f6aa3f 100644
--- a/ui/src/components/business/select-knowledge-dialog/index.vue
+++ b/ui/src/components/business/select-knowledge-dialog/index.vue
@@ -102,11 +102,11 @@ defineExpose({ open })
 </script>
 
 <template>
-  <MkDialog v-model="visible" align-center class="mk-aside-content-dialog" title="关联知识库" width="1200" @closed="resetData">
+  <MkDialog v-model="visible" align-center class="mk-aside-content-dialog" width="1200" @closed="resetData">
     <template #header="{ titleId }">
       <div class="flex-between pr-8">
         <div class="flex items-center gap-2">
-          <h4 :id="titleId">关联知识库</h4>
+          <h4 :id="titleId">知识库</h4>
           <span class="text-N600!">所选知识库必须使用相同的 Embedding 模型</span>
         </div>
 
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/KnowledgeConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/KnowledgeConstructor.vue
index b7b24fae2ef..3973e39fab1 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/KnowledgeConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/KnowledgeConstructor.vue
@@ -1,178 +1,123 @@
 <script setup lang="ts">
-import type { DynamicFormValue } from '../../type'
-import { computed, reactive, ref } from 'vue'
-import { CaretBottom } from '@element-plus/icons-vue'
+import { computed, nextTick, useTemplateRef } from 'vue'
+import type { FormItemInstance } from 'element-plus'
+import type { KnowledgeItem } from '@/api/types'
+import SelectKnowledgeDialog from '@/components/business/select-knowledge-dialog/index.vue'
 import Knowledge from '../../items/knowledge/Knowledge.vue'
-import MkCardCheckbox from '@/components/mk-card-checkbox/index.vue'
 import type { FormField } from '../../type'
-import KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
-import type { KnowledgeItem } from '@/api/types'
-import { FOLDER_ENTRY_ID } from '@/constants'
 
-const props = defineProps<{ modelValue: DynamicFormValue }>()
+type KnowledgeOption = Pick<KnowledgeItem, 'id'> & Partial<Pick<KnowledgeItem, 'name' | 'type' | 'embedding_model_id'>>
+interface KnowledgeConstructorValue {
+  field?: string
+  required?: boolean
+  knowledge_list?: KnowledgeOption[]
+  default_value?: string[]
+}
 
-const emit = defineEmits(['update:modelValue'])
+const props = defineProps<{ modelValue: KnowledgeConstructorValue }>()
+const emit = defineEmits<{ 'update:modelValue': [value: KnowledgeConstructorValue] }>()
 
-const collapseData = reactive({ optional_knowledge: true })
+// 配置回填与序列化：保留知识库快照及默认 ID 的字段协议。
 const formValue = computed({
-  set: (item: DynamicFormValue) => {
-    emit('update:modelValue', item)
-  },
-  get: () => {
-    return props.modelValue || { knowledge_list: [], default_value: [] }
-  },
+  get: () => props.modelValue || { knowledge_list: [], default_value: [] },
+  set: (value: KnowledgeConstructorValue) => emit('update:modelValue', value),
 })
-
-const formField = computed<FormField>(() => {
-  return { attrs: { knowledge_list: formValue.value.knowledge_list } } as DynamicFormValue
-})
-
-const getData = () => {
-  const knowledgeItemList = (formValue.value.knowledge_list || []).map((k: DynamicFormValue) => {
-    return { id: k.id, name: k.name, type: k.type, embedding_model_id: k.embedding_model_id }
-  })
-
-  return { input_type: 'Knowledge', default_value: formValue.value.default_value || [], attrs: { knowledge_list: knowledgeItemList } }
+const availableKnowledge = computed(() => formValue.value.knowledge_list || [])
+const formField = computed<FormField>(() => ({
+  field: formValue.value.field || '',
+  input_type: 'Knowledge',
+  attrs: { knowledge_list: availableKnowledge.value },
+}))
+
+function getData(): Partial<FormField> {
+  return {
+    input_type: 'Knowledge',
+    default_value: formValue.value.default_value || [],
+    attrs: {
+      knowledge_list: availableKnowledge.value.map(({ id, name, type, embedding_model_id }) => ({ id, name, type, embedding_model_id })),
+    },
+  }
 }
 
-const render = (formData: DynamicFormValue) => {
+function render(formData: FormField) {
   formValue.value.default_value = formData.default_value || []
   formValue.value.knowledge_list = formData.attrs?.knowledge_list || []
 }
 
 defineExpose({ getData, render })
 
-// ── 添加知识库 ─────────────────────────────────────────
-const knowledgeDialogVisible = ref(false)
-const knowledgeLoading = ref(false)
-const knowledgeSearch = ref('')
-const knowledgeList = ref<KnowledgeItem[]>([])
-const selectedKnowledgeIds = ref<Array<string>>([])
-
-function changeKnowledgeSelection(knowledgeId: string, checked: boolean) {
-  selectedKnowledgeIds.value = checked ? [...selectedKnowledgeIds.value, knowledgeId] : selectedKnowledgeIds.value.filter((id) => id !== knowledgeId)
+// 自定义选择列表不会自动触发表单校验，用户修改后等待字段更新再校验。
+const knowledgeFormItemRef = useTemplateRef<FormItemInstance>('knowledgeFormItemRef')
+function validateKnowledgeSelection() {
+  void nextTick(() => {
+    void knowledgeFormItemRef.value?.validate('change').catch(() => {
+      // 校验失败由表单项展示，避免产生未处理的 Promise 拒绝。
+    })
+  })
 }
 
-const filteredKnowledgeList = computed(() => {
-  const keyword = knowledgeSearch.value.trim().toLocaleLowerCase()
-  if (!keyword) return knowledgeList.value
-  return knowledgeList.value.filter((item) => item.name.toLocaleLowerCase().includes(keyword))
-})
+// 添加知识库：由公共弹窗管理查询和临时选择，确认后同步可选项及默认值。
+const knowledgeDialogRef = useTemplateRef<InstanceType<typeof SelectKnowledgeDialog>>('knowledgeDialogRef')
 
-const openAddKnowledgeDialog = async () => {
-  knowledgeDialogVisible.value = true
-  selectedKnowledgeIds.value = (formValue.value.knowledge_list || []).map((k: DynamicFormValue) => k.id)
-  knowledgeLoading.value = true
-  try {
-    const res = await KnowledgeApi.getKnowledgePage({ currentPage: 1, pageSize: 100 }, { folder_id: FOLDER_ENTRY_ID.ALL })
-    knowledgeList.value = res.records || []
-  } finally {
-    knowledgeLoading.value = false
-  }
+function openAddKnowledgeDialog() {
+  knowledgeDialogRef.value?.open(availableKnowledge.value)
 }
 
-const handleKnowledgeSelect = () => {
-  const selectIds = new Set(selectedKnowledgeIds.value)
-  const currentList = (formValue.value.knowledge_list || []).filter((k: DynamicFormValue) => selectIds.has(k.id))
-  knowledgeList.value.forEach((item) => {
-    if (selectIds.has(item.id) && !currentList.some((k: DynamicFormValue) => k.id === item.id)) {
-      currentList.push({ id: item.id, name: item.name, type: item.type, embedding_model_id: item.embedding_model_id })
-    }
-  })
-  formValue.value.knowledge_list = currentList
-  if (formValue.value.default_value) {
-    formValue.value.default_value = formValue.value.default_value.filter((id: string) => selectIds.has(id))
-  }
-  knowledgeDialogVisible.value = false
+function handleKnowledgeSelect(knowledge: (Partial<KnowledgeItem> & { id: string })[]) {
+  const selectedIds = new Set(knowledge.map(({ id }) => id))
+  formValue.value.knowledge_list = knowledge.map(({ id, name, type, embedding_model_id }) => ({ id, name, type, embedding_model_id }))
+  formValue.value.default_value = (formValue.value.default_value || []).filter((id) => selectedIds.has(id))
+  validateKnowledgeSelection()
 }
 
-function removeKnowledge(id: string) {
-  formValue.value.knowledge_list = formValue.value.knowledge_list.filter((k: DynamicFormValue) => k.id !== id)
-  if (formValue.value.default_value) {
-    formValue.value.default_value = formValue.value.default_value.filter((k_id: string) => k_id !== id)
-  }
+// 移除可选知识库时同步清理默认值，保留其他关联。
+function removeKnowledge(knowledgeId: string) {
+  formValue.value.knowledge_list = availableKnowledge.value.filter(({ id }) => id !== knowledgeId)
+  formValue.value.default_value = (formValue.value.default_value || []).filter((id) => id !== knowledgeId)
+  validateKnowledgeSelection()
 }
 </script>
 
 <template>
-  <el-form-item prop="knowledge_list" :rules="[{ message: '请选择可选知识库', type: 'array', min: 1 }]">
-    <template #label>
-      <div class="flex-between mb-2 cursor" @click="collapseData.optional_knowledge = !collapseData.optional_knowledge">
-        <div class="flex align-center">
-          <MkIcon
-            :icon="CaretBottom"
-            :size="14"
-            class="mr-1 text-N600! transition-transform"
-            :class="{ '-rotate-90': !collapseData.optional_knowledge }"
-          />
-          <span class="lighter"
-            >可选知识库
-            <span class="text-danger">*</span>
-          </span>
-          <span class="ml-1" v-if="formValue.knowledge_list?.length">({{ formValue.knowledge_list.length }})</span>
-        </div>
-        <el-button type="primary" link @click.stop="openAddKnowledgeDialog">
-          <MkIcon name="icon_add_outlined" class="mr-1" />
-          添加
-        </el-button>
-      </div>
-    </template>
-    <div class="w-full" v-if="collapseData.optional_knowledge">
-      <div v-if="formValue.knowledge_list?.length > 0">
-        <template v-for="(item, index) in formValue.knowledge_list" :key="index">
-          <div class="flex-between border border-r-6 white-bg mb-8" style="padding: 3px 12px">
-            <div class="flex align-center" style="width: 80%">
-              <KnowledgeIcon :type="item.type" class="mr-8" :size="20" style="--el-avatar-border-radius: 6px" />
+  <el-form-item ref="knowledgeFormItemRef" prop="knowledge_list" :rules="[{ required: true, message: '请选择可选知识库', type: 'array', min: 1 }]">
+    <MkCollapse class="w-full" trigger-class="pt-0 pb-2">
+      <template #label>
+        <div class="flex-between w-full">
+          <div class="flex items-center">
+            <span class="mk-required">可选知识库</span>
+            <span v-if="availableKnowledge.length">({{ availableKnowledge.length }})</span>
+          </div>
 
-              <span class="ellipsis cursor" :title="item.name"> {{ item.name }}</span>
+          <el-button type="primary" text @click.stop="openAddKnowledgeDialog">
+            <MkIcon name="icon_add_outlined" />
+          </el-button>
+        </div>
+      </template>
+      <div v-if="availableKnowledge.length" class="space-y-2">
+        <template v-for="knowledge in availableKnowledge" :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" />
+                <span class="min-w-0 flex-1 truncate" :title="knowledge.name">{{ knowledge.name }}</span>
+              </span>
+              <el-button text @click="removeKnowledge(knowledge.id)"><MkIcon name="icon_close_outlined" /></el-button>
             </div>
-            <el-button text @click="removeKnowledge(item.id)">
-              <el-icon><Close /></el-icon>
-            </el-button>
-          </div>
+          </el-card>
         </template>
       </div>
-      <el-text type="info" v-else> 请选择可选知识库 </el-text>
-    </div>
+      <el-text v-else type="info">请选择可选知识库</el-text>
+    </MkCollapse>
   </el-form-item>
   <el-form-item
+    v-if="availableKnowledge.length"
     label="默认知识库"
     prop="default_value"
     :required="formValue.required"
     :rules="formValue.required ? [{ message: '请选择知识库', type: 'array', min: 1 }] : []"
-    v-if="formValue.knowledge_list && formValue.knowledge_list.length > 0"
   >
-    <div class="w-full" v-if="formValue.knowledge_list?.length > 0">
-      <Knowledge v-model="formValue.default_value" :form-field="formField" />
-    </div>
+    <Knowledge v-model="formValue.default_value" :form-field="formField" />
   </el-form-item>
 
-  <MkDialog v-model="knowledgeDialogVisible" title="添加知识库" width="600px" append-to-body>
-    <el-input v-model="knowledgeSearch" placeholder="按名称搜索" clearable class="mb-3">
-      <template #prefix>
-        <MkIcon name="icon_magnify_outlined" />
-      </template>
-    </el-input>
-    <div v-loading="knowledgeLoading" class="max-h-[360px] overflow-auto">
-      <div class="space-y-2">
-        <MkCardCheckbox
-          v-for="knowledge in filteredKnowledgeList"
-          :key="knowledge.id"
-          :model-value="selectedKnowledgeIds.includes(knowledge.id)"
-          :label="knowledge.name"
-          @update:model-value="changeKnowledgeSelection(knowledge.id, $event)"
-        >
-          <div class="flex min-w-0 items-center gap-2">
-            <KnowledgeIcon :type="knowledge.type" :size="20" class="shrink-0" style="--el-avatar-border-radius: 6px" />
-            <span class="min-w-0 flex-1 truncate" :title="knowledge.name">{{ knowledge.name }}</span>
-          </div>
-        </MkCardCheckbox>
-      </div>
-      <el-empty v-if="!knowledgeLoading && filteredKnowledgeList.length === 0" description="暂无知识库" :image-size="60" />
-    </div>
-    <template #footer>
-      <el-button @click="knowledgeDialogVisible = false">取消</el-button>
-      <el-button type="primary" @click="handleKnowledgeSelect">确定</el-button>
-    </template>
-  </MkDialog>
+  <SelectKnowledgeDialog ref="knowledgeDialogRef" @submit="handleKnowledgeSelect" />
 </template>
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 78b3ba81258..2a5c49e9d68 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue
@@ -145,14 +145,13 @@ defineExpose({ getData, render })
 </script>
 
 <template>
-  <el-form-item label="模型类型" required prop="model_type" :rules="[{ required: true, message: '请选择模型类型' }]">
+  <el-form-item label="模型类型" prop="model_type" :rules="[{ required: true, message: '请选择模型类型' }]">
     <el-select v-model="formValue.model_type" placeholder="请选择模型类型" @change="handleModelTypeChange">
       <el-option v-for="(label, value) in MODEL_TYPE_LABELS" :key="value" :label="label" :value="value" />
     </el-select>
   </el-form-item>
 
-  <el-form-item label="可选模型" required prop="provider_list" :rules="[{ required: true, message: '请选择模型', type: 'array' }]">
-    <!-- // TODO  -->
+  <el-form-item label="可选模型" prop="provider_list" :rules="[{ required: true, message: '请选择模型', type: 'array' }]">
     <SelectModel
       multiple
       v-model="selectedIds"
@@ -170,7 +169,6 @@ defineExpose({ getData, render })
     :rules="formValue.required ? [{ required: true, message: '请选择模型' }] : []"
     v-if="formValue.provider_list && formValue.provider_list.length > 0"
   >
-    <!-- // TODO  -->
     <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/MultiRowConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/MultiRowConstructor.vue
index 6ec34ed3774..72c1709a7e3 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/MultiRowConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/MultiRowConstructor.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { referenceOptionsHelp } from '../../constant'
 import { computed, onMounted, inject } from 'vue'
-import MultiRow from '@/components/mk-dynamics-form/items/MultiRow.vue'
+import MultiRow from '../../items/MultiRow.vue'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import type { DynamicFormConstructorOption, DynamicFormValidatorCallback, DynamicFormValue, FormField } from '../../type'
 const getModel = inject<() => DynamicFormValue>('getModel')
@@ -47,29 +47,45 @@ const addOption = () => {
   formValue.value.option_list.push({ value: '', label: '' })
 }
 
+const resetOptions = () => {
+  formValue.value.option_list = []
+  if (formValue.value.assignment_method === 'custom') addOption()
+}
+
 const handleOptionRemove = (option: DynamicFormConstructorOption) => {
   if (Array.isArray(formValue.value.default_value)) {
     formValue.value.default_value = formValue.value.default_value.filter((value: DynamicFormValue) => value !== option.value)
   }
 }
-const formField = computed<FormField>(() => {
-  return { field: '', ...getData() }
+
+// 编辑中的空行保留在表单内，仅完整选项参与默认值选择和配置输出。
+const completeOptions = computed<DynamicFormConstructorOption[]>(() => {
+  if (formValue.value.assignment_method === 'ref_variables') return []
+  return (formValue.value.option_list || []).filter(
+    (option: DynamicFormConstructorOption) => String(option.label ?? '').trim() && String(option.value ?? '').trim(),
+  )
 })
+
 const getData = () => {
   return {
     input_type: 'MultiRow',
     attrs: {},
     default_value: formValue.value.default_value,
+    show_default_value: formValue.value.show_default_value,
     text_field: 'label',
     value_field: 'value',
-    option_list: formValue.value.option_list,
+    option_list: formValue.value.assignment_method === 'ref_variables' ? formValue.value.option_list : completeOptions.value,
     assignment_method: formValue.value.assignment_method || 'custom',
   }
 }
+const formField = computed<FormField>(() => ({ field: 'default_value', ...getData() }))
+
 const render = (formData: DynamicFormValue) => {
   formValue.value.option_list = formData.option_list || []
   formValue.value.default_value = formData.default_value
   formValue.value.assignment_method = formData.assignment_method || 'custom'
+  // 空配置回填后仍保留一行，供用户填写首个选项。
+  if (formValue.value.assignment_method === 'custom' && !formValue.value.option_list.length) addOption()
 }
 
 defineExpose({ getData, render })
@@ -86,10 +102,11 @@ onMounted(() => {
 
 <template>
   <el-form-item v-if="getModel" label="赋值方式">
-    <el-radio-group @change="formValue.option_list = []" v-model="formValue.assignment_method">
+    <el-radio-group @change="resetOptions" v-model="formValue.assignment_method">
       <el-radio :value="item.value" v-for="(item, index) in assignmentMethodOptions" :key="index">
         <span class="flex items-center gap-1">
           {{ item.label }}
+
           <el-tooltip placement="right" v-if="item.value === 'ref_variables'">
             <template #content>
               <div class="whitespace-pre-wrap">{{ referenceOptionsHelp }}</div>
@@ -103,6 +120,7 @@ onMounted(() => {
   <el-form-item v-if="formValue.assignment_method === 'ref_variables'" :required="true" prop="option_list" :rules="[referenceVariableRule]">
     <NodeCascader ref="nodeCascaderRef" :nodeModel="model" placeholder="请选择变量" v-model="formValue.option_list" />
   </el-form-item>
+
   <div v-if="formValue.assignment_method === 'custom'" class="mb-4">
     <div class="flex-between mb-2">
       <span>选项值</span>
@@ -114,10 +132,20 @@ onMounted(() => {
     <div class="w-full mk-gray-card">
       <MkFormList v-model="formValue.option_list" :default-item="{ label: '', value: '' }" :show-add-button="false" @remove="handleOptionRemove">
         <template #default="{ index, item: option }">
-          <el-form-item :label="index === 0 ? '标签' : ''" class="flex-1">
-            <el-input v-model="option.label" placeholder="请输入选项标签" />
+          <el-form-item
+            :label="index === 0 ? '标签' : ''"
+            :prop="`option_list.${index}.label`"
+            :rules="[{ required: formValue.required, message: '请输入标签', trigger: ['blur', 'change'] }]"
+            class="flex-1 small"
+          >
+            <el-input v-model="option.label" placeholder="请输入标签" />
           </el-form-item>
-          <el-form-item :label="index === 0 ? '选项值' : ''" class="flex-1">
+          <el-form-item
+            :label="index === 0 ? '选项值' : ''"
+            :prop="`option_list.${index}.value`"
+            :rules="[{ required: formValue.required, message: '请输入选项值', trigger: ['blur', 'change'] }]"
+            class="flex-1 small"
+          >
             <el-input v-model="option.value" placeholder="请输入选项值" />
           </el-form-item>
         </template>
@@ -137,7 +165,6 @@ onMounted(() => {
         <el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
       </div>
     </template>
-    <MultiRow :form-field="formField" v-model="formValue.default_value" :other-params="{}" field="default_value"> </MultiRow>
+    <MultiRow v-if="completeOptions.length" v-model="formValue.default_value" :form-field="formField" :other-params="{}" field="default_value" />
   </el-form-item>
 </template>
-<style lang="scss" scoped></style>
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/RadioCardConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/RadioCardConstructor.vue
index 87bd25f5f28..fb07939b5af 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/RadioCardConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/RadioCardConstructor.vue
@@ -152,7 +152,6 @@ onMounted(() => {
   </div>
   <el-form-item
     class="mk-hide-asterisk"
-    v-if="formValue.assignment_method === 'custom' && completeOptions.length > 0"
     :required="formValue.required"
     prop="default_value"
     :rules="formValue.required ? [{ required: true, message: '请输入默认值' }] : []"
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/RadioRowConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/RadioRowConstructor.vue
index cd3c9be599d..4b8a5a0cd22 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/RadioRowConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/RadioRowConstructor.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import { referenceOptionsHelp } from '../../constant'
 import { computed, onMounted, inject } from 'vue'
-import RadioRow from '@/components/mk-dynamics-form/items/radio/RadioRow.vue'
+import RadioRow from '../../items/radio/RadioRow.vue'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import type { DynamicFormConstructorOption, DynamicFormValidatorCallback, DynamicFormValue, FormField } from '../../type'
-
 const getModel = inject<() => DynamicFormValue>('getModel')
 
 const assignmentMethodOptions = computed(() => {
@@ -48,29 +47,45 @@ const addOption = () => {
   formValue.value.option_list.push({ value: '', label: '' })
 }
 
+const resetOptions = () => {
+  formValue.value.option_list = []
+  if (formValue.value.assignment_method === 'custom') addOption()
+}
+
 const handleOptionRemove = (option: DynamicFormConstructorOption) => {
   if (option.value && formValue.value.default_value === option.value) {
     formValue.value.default_value = ''
   }
 }
-const formField = computed<FormField>(() => {
-  return { field: '', ...getData() }
+
+// 编辑中的空行保留在表单内，仅完整选项参与默认值选择和配置输出。
+const completeOptions = computed<DynamicFormConstructorOption[]>(() => {
+  if (formValue.value.assignment_method === 'ref_variables') return []
+  return (formValue.value.option_list || []).filter(
+    (option: DynamicFormConstructorOption) => String(option.label ?? '').trim() && String(option.value ?? '').trim(),
+  )
 })
+
 const getData = () => {
   return {
     input_type: 'RadioRow',
     attrs: {},
     default_value: formValue.value.default_value,
+    show_default_value: formValue.value.show_default_value,
     text_field: 'label',
     value_field: 'value',
-    option_list: formValue.value.option_list,
+    option_list: formValue.value.assignment_method === 'ref_variables' ? formValue.value.option_list : completeOptions.value,
     assignment_method: formValue.value.assignment_method || 'custom',
   }
 }
+const formField = computed<FormField>(() => ({ field: 'default_value', ...getData() }))
+
 const render = (formData: DynamicFormValue) => {
   formValue.value.option_list = formData.option_list || []
   formValue.value.default_value = formData.default_value
   formValue.value.assignment_method = formData.assignment_method || 'custom'
+  // 空配置回填后仍保留一行，供用户填写首个选项。
+  if (formValue.value.assignment_method === 'custom' && !formValue.value.option_list.length) addOption()
 }
 
 defineExpose({ getData, render })
@@ -87,7 +102,7 @@ onMounted(() => {
 
 <template>
   <el-form-item v-if="getModel" label="赋值方式">
-    <el-radio-group @change="formValue.option_list = []" v-model="formValue.assignment_method">
+    <el-radio-group @change="resetOptions" v-model="formValue.assignment_method">
       <el-radio :value="item.value" v-for="(item, index) in assignmentMethodOptions" :key="index">
         <span class="flex items-center gap-1">
           {{ item.label }}
@@ -105,6 +120,7 @@ onMounted(() => {
   <el-form-item v-if="formValue.assignment_method === 'ref_variables'" :required="true" prop="option_list" :rules="[referenceVariableRule]">
     <NodeCascader ref="nodeCascaderRef" :nodeModel="model" placeholder="请选择变量" v-model="formValue.option_list" />
   </el-form-item>
+
   <div v-if="formValue.assignment_method === 'custom'" class="mb-4">
     <div class="flex-between mb-2">
       <span>选项值</span>
@@ -116,10 +132,20 @@ onMounted(() => {
     <div class="w-full mk-gray-card">
       <MkFormList v-model="formValue.option_list" :default-item="{ label: '', value: '' }" :show-add-button="false" @remove="handleOptionRemove">
         <template #default="{ index, item: option }">
-          <el-form-item :label="index === 0 ? '标签' : ''" class="flex-1">
-            <el-input v-model="option.label" placeholder="请输入选项标签" />
+          <el-form-item
+            :label="index === 0 ? '标签' : ''"
+            :prop="`option_list.${index}.label`"
+            :rules="[{ required: formValue.required, message: '请输入标签', trigger: ['blur', 'change'] }]"
+            class="flex-1 small"
+          >
+            <el-input v-model="option.label" placeholder="请输入标签" />
           </el-form-item>
-          <el-form-item :label="index === 0 ? '选项值' : ''" class="flex-1">
+          <el-form-item
+            :label="index === 0 ? '选项值' : ''"
+            :prop="`option_list.${index}.value`"
+            :rules="[{ required: formValue.required, message: '请输入选项值', trigger: ['blur', 'change'] }]"
+            class="flex-1 small"
+          >
             <el-input v-model="option.value" placeholder="请输入选项值" />
           </el-form-item>
         </template>
@@ -139,7 +165,6 @@ onMounted(() => {
         <el-checkbox v-model="formValue.show_default_value" label="显示默认值" />
       </div>
     </template>
-    <RadioRow :form-field="formField" v-model="formValue.default_value" :other-params="{}" field="default_value"> </RadioRow>
+    <RadioRow v-if="completeOptions.length" v-model="formValue.default_value" :form-field="formField" :other-params="{}" field="default_value" />
   </el-form-item>
 </template>
-<style lang="scss" scoped></style>
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 7b20a7766b8..3f2cb630932 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/TreeSelectConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/TreeSelectConstructor.vue
@@ -284,12 +284,8 @@ function removeNodeById(list: TreeNode[], targetId: string): boolean {
   </el-form-item>
   <!-- 添加弹窗 -->
   <MkDialog
-    :close-on-click-modal="true"
-    :close-on-press-escape="true"
     v-model="addDialog.visible"
     :title="addDialog.mode === 'root' ? '添加一级选项' : '添加子选项'"
-    width="520px"
-    destroy-on-close
     label-position="top"
     require-asterisk-position="right"
     @submit.prevent
@@ -377,8 +373,4 @@ function removeNodeById(list: TreeNode[], targetId: string): boolean {
     </template>
   </MkDialog>
 </template>
-<style lang="scss" scoped>
-.tag-list-max-list {
-  max-height: calc(100vh - 260px);
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/UploadInputConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/UploadInputConstructor.vue
index a162d9e2e7e..28a5560c1aa 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/UploadInputConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/UploadInputConstructor.vue
@@ -1,35 +1,9 @@
 <script setup lang="ts">
 import type { DynamicFormValue } from '../../type'
-import { computed, onMounted, ref, nextTick } from 'vue'
-import { ElMessage, type InputInstance } from 'element-plus'
+import { computed, onMounted } from 'vue'
+import MkTagsEdit from '@/components/mk-tags-edit/index.vue'
 const props = defineProps<{ modelValue: DynamicFormValue }>()
 
-const inputValue = ref('')
-
-const inputVisible = ref(false)
-const inputRef = ref<InputInstance>()
-const handleClose = (tag: string) => {
-  formValue.value.accept.splice(formValue.value.accept.indexOf(tag), 1)
-}
-
-const showInput = () => {
-  inputVisible.value = true
-  nextTick(() => {
-    inputRef.value!.input!.focus()
-  })
-}
-
-const handleInputConfirm = () => {
-  if (formValue.value.accept.find((item: string) => item === inputValue.value)) {
-    ElMessage.warning('该扩展名已存在')
-    return
-  }
-  if (inputValue.value) {
-    formValue.value.accept.push(inputValue.value)
-  }
-  inputVisible.value = false
-  inputValue.value = ''
-}
 const emit = defineEmits(['update:modelValue'])
 const formValue = computed({
   set: (item) => {
@@ -89,22 +63,6 @@ onMounted(() => {
     <el-input-number style="width: 100%" v-model="formValue.max_file_size" :min="0" controls-position="right" align="left" />
   </el-form-item>
   <el-form-item label="文件类型" required prop="accept" :rules="[{ required: true, message: '文件类型必填', trigger: 'change' }]">
-    <el-space wrap :size="6" class="mt-4">
-      <el-tag v-for="tag in formValue.accept" :key="tag" closable :disable-transitions="false" @close="handleClose(tag)" type="info" effect="plain">
-        {{ tag }}
-      </el-tag>
-      <el-input
-        v-if="inputVisible"
-        ref="inputRef"
-        v-model="inputValue"
-        size="small"
-        @keyup.enter="handleInputConfirm"
-        @blur="handleInputConfirm"
-        :style="{ '--el-input-border-radius': '4px' }"
-      />
-      <el-button v-else class="button-new-tag" size="small" @click="showInput">
-        <MkIcon name="icon_add_outlined" class="mr-4"></MkIcon>添加扩展名
-      </el-button>
-    </el-space>
+    <MkTagsEdit v-model="formValue.accept" />
   </el-form-item>
 </template>
diff --git a/ui/src/components/mk-dynamics-form/items/MultiRow.vue b/ui/src/components/mk-dynamics-form/items/MultiRow.vue
index c816b81eafc..9bd45d99926 100644
--- a/ui/src/components/mk-dynamics-form/items/MultiRow.vue
+++ b/ui/src/components/mk-dynamics-form/items/MultiRow.vue
@@ -1,9 +1,8 @@
 <script setup lang="ts">
 import type { DynamicFormValue } from '../type'
-import { computed, inject } from 'vue'
+import { computed } from 'vue'
 import type { FormField } from '@/components/mk-dynamics-form/type'
-import { useFormDisabled, formItemContextKey } from 'element-plus'
-const inputDisabled = useFormDisabled()
+import type { CheckboxValueType } from 'element-plus'
 const props = defineProps<{
   formValue?: DynamicFormValue
   formfieldList?: FormField[]
@@ -14,29 +13,15 @@ const props = defineProps<{
   // 选中的值
   modelValue?: DynamicFormValue
 }>()
-const elFormItem = inject(formItemContextKey, void 0)
-const selected = (activeValue: string | number) => {
-  if (_value.value.includes(activeValue)) {
-    emit(
-      'update:modelValue',
-      props.modelValue.filter((i: DynamicFormValue) => i !== activeValue),
-    )
-  } else {
-    emit('update:modelValue', reset(activeValue))
-  }
-  if (elFormItem?.validate) {
-    elFormItem.validate('change')
-  }
-}
-const reset = (activeValue: string | number) => {
-  const _result = props.modelValue ? [...props.modelValue, activeValue] : [activeValue]
-  return _result.filter((r) => optionValues.value.includes(r))
-}
+const emit = defineEmits<{ 'update:modelValue': [value: CheckboxValueType[]] }>()
 
-const _value = computed(() => {
-  return props.modelValue ? props.modelValue : []
+// 兼容旧配置的空字符串；新增选择时沿用原有逻辑，清理已不在选项中的值。
+const selectedValues = computed<CheckboxValueType[]>({
+  get: () => (Array.isArray(props.modelValue) ? props.modelValue : []),
+  set: (values) => {
+    emit('update:modelValue', values.length > selectedValues.value.length ? values.filter((value) => optionValues.value.includes(value)) : values)
+  },
 })
-const emit = defineEmits(['update:modelValue'])
 
 const textField = computed(() => {
   return props.formField.text_field ? props.formField.text_field : 'key'
@@ -54,59 +39,9 @@ const options = computed(() => {
 </script>
 
 <template>
-  <!-- // TODO 重新设计 -->
-  <div class="multi_row">
-    <div
-      v-for="item in options"
-      :key="item.value"
-      class="item"
-      :class="[inputDisabled ? 'is-disabled' : '', _value.includes(item[valueField]) ? 'active' : '']"
-      @click="selected(item[valueField])"
-    >
-      {{ item[textField] }}
-    </div>
-  </div>
+  <el-checkbox-group v-model="selectedValues">
+    <el-checkbox-button v-for="option in options" :key="option[valueField]" :value="option[valueField]">
+      {{ option[textField] }}
+    </el-checkbox-button>
+  </el-checkbox-group>
 </template>
-<style lang="scss" scoped>
-.multi_row {
-  // height: 32px;
-  display: inline-flex;
-  border: 1px solid #bbbfc4;
-  border-radius: 4px;
-  font-weight: 400;
-  font-size: 14px;
-  color: var(--el-text-color-primary);
-  padding: 3px 4px;
-  box-sizing: border-box;
-  white-space: nowrap;
-  .is-disabled {
-    border: 1px solid var(--el-card-border-color);
-    background-color: var(--el-fill-color-light);
-    color: var(--el-text-color-placeholder);
-    cursor: not-allowed;
-    &:hover {
-      cursor: not-allowed;
-    }
-  }
-  .active {
-    border-radius: 4px;
-    background: var(--el-color-primary-light-9);
-    color: var(--el-color-primary);
-  }
-  .item {
-    cursor: pointer;
-    margin: 0px 2px;
-    padding: 2px 8px;
-    height: 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    &:last-child {
-      margin: 0 4px 0 2px;
-    }
-    &:first-child {
-      margin: 0 2px 0 4px;
-    }
-  }
-}
-</style>
diff --git a/ui/src/components/mk-dynamics-form/items/knowledge/Knowledge.vue b/ui/src/components/mk-dynamics-form/items/knowledge/Knowledge.vue
index 736d222871c..0d136486256 100644
--- a/ui/src/components/mk-dynamics-form/items/knowledge/Knowledge.vue
+++ b/ui/src/components/mk-dynamics-form/items/knowledge/Knowledge.vue
@@ -1,47 +1,44 @@
 <script setup lang="ts">
-import type { DynamicFormValue } from '../../type'
 import { computed } from 'vue'
+import type { KnowledgeItem } from '@/api/types'
 import type { FormField } from '../../type'
-const props = withDefaults(defineProps<{ modelValue?: string[]; formField: FormField }>(), { modelValue: () => [] })
 
 defineOptions({ name: 'DynamicFormKnowledge', inheritAttrs: false })
 
-const emit = defineEmits(['update:modelValue', 'change'])
+type KnowledgeOption = Pick<KnowledgeItem, 'id' | 'name' | 'type'>
 
-const modelValueProxy = computed({
-  get: () => props.modelValue.filter((id: string) => availableList.value.some((item) => item.id === id)) || [],
-  set: (value: string[]) => {
-    emit('update:modelValue', value)
-    emit('change', props.formField)
-  },
-})
-// 可用
-const availableList = computed(() => {
-  return (props.formField.attrs?.knowledge_list as DynamicFormValue[]) || []
-})
+const props = withDefaults(defineProps<{ modelValue?: string[]; formField: FormField }>(), { modelValue: () => [] })
+const emit = defineEmits<{
+  'update:modelValue': [knowledgeIds: string[]]
+  change: [formField: FormField]
+}>()
 
-const selectedIds = computed({
-  get: () => modelValueProxy.value || [],
-  set: (ids: string[]) => {
-    modelValueProxy.value = ids
+// 可选知识库与选中值：仅展示配置内的 ID，用户选择时再回写表单。
+const availableKnowledge = computed<KnowledgeOption[]>(() => props.formField.attrs?.knowledge_list || [])
+const knowledgeById = computed(() => new Map(availableKnowledge.value.map((knowledge) => [knowledge.id, knowledge])))
+const selectedKnowledgeIds = computed({
+  get: () => props.modelValue.filter((knowledgeId) => knowledgeById.value.has(knowledgeId)),
+  set: (knowledgeIds: string[]) => {
+    emit('update:modelValue', knowledgeIds)
+    emit('change', props.formField)
   },
 })
 </script>
 
 <template>
   <div class="w-full">
-    <el-select v-model="selectedIds" multiple v-bind="$attrs" class="w-full" placeholder="请选择知识库">
-      <el-option v-for="item in availableList" :key="item.id" :label="item.name" :value="item.id">
-        <el-space :size="8">
-          <KnowledgeIcon :type="item.type" :size="20" style="--el-avatar-border-radius: 6px" />
-          <span>{{ item.name }}</span>
-        </el-space>
+    <el-select v-model="selectedKnowledgeIds" multiple v-bind="$attrs" class="w-full" placeholder="请选择知识库">
+      <el-option v-for="knowledge in availableKnowledge" :key="knowledge.id" :label="knowledge.name" :value="knowledge.id">
+        <div 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.name }}</span>
+        </div>
       </el-option>
       <template #label="{ label, value }">
-        <el-space :size="8">
-          <KnowledgeIcon :type="availableList.find((item) => item.id === value)?.type" :size="14" style="--el-avatar-border-radius: 4px" />
-          <span>{{ label }}</span>
-        </el-space>
+        <span class="inline-flex max-w-full items-center gap-2">
+          <KnowledgeIcon :type="knowledgeById.get(value)?.type" :size="14" class="shrink-0" style="--el-avatar-border-radius: 4px" />
+          <span class="truncate" :title="label">{{ label }}</span>
+        </span>
       </template>
     </el-select>
   </div>
diff --git a/ui/src/components/mk-dynamics-form/items/radio/RadioButton.vue b/ui/src/components/mk-dynamics-form/items/radio/RadioButton.vue
deleted file mode 100644
index b36d207a47c..00000000000
--- a/ui/src/components/mk-dynamics-form/items/radio/RadioButton.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import type { DynamicFormValue } from '../../type'
-import { computed } from 'vue'
-import type { FormField } from '@/components/mk-dynamics-form/type'
-
-const props = defineProps<{ formValue?: DynamicFormValue; formfieldList?: FormField[]; field: string; otherParams: DynamicFormValue; formField: FormField; view?: boolean }>()
-
-const textField = computed(() => {
-  return props.formField.text_field ? props.formField.text_field : 'key'
-})
-
-const valueField = computed(() => {
-  return props.formField.value_field ? props.formField.value_field : 'value'
-})
-
-const options = computed(() => {
-  return props.formField.option_list ? props.formField.option_list : []
-})
-
-const label = (option: DynamicFormValue) => {
-  return option[textField.value]
-}
-</script>
-
-<template>
-  <el-radio-group v-bind="$attrs">
-    <el-radio-button v-for="(item, index) in options" :key="index" :label="item[valueField]">
-      <div v-html="label(item)"></div>
-    </el-radio-button>
-  </el-radio-group>
-</template>
diff --git a/ui/src/components/mk-dynamics-form/items/radio/RadioRow.vue b/ui/src/components/mk-dynamics-form/items/radio/RadioRow.vue
index 384d3c8e9c6..8823df27336 100644
--- a/ui/src/components/mk-dynamics-form/items/radio/RadioRow.vue
+++ b/ui/src/components/mk-dynamics-form/items/radio/RadioRow.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
 import type { DynamicFormValue } from '../../type'
-import { computed, inject } from 'vue'
+import { computed } from 'vue'
 import type { FormField } from '@/components/mk-dynamics-form/type'
-import { useFormDisabled, formItemContextKey } from 'element-plus'
-const inputDisabled = useFormDisabled()
 const props = defineProps<{
   formValue?: DynamicFormValue
   formfieldList?: FormField[]
@@ -14,14 +12,13 @@ const props = defineProps<{
   // 选中的值
   modelValue?: DynamicFormValue
 }>()
-const elFormItem = inject(formItemContextKey, void 0)
-const selected = (activeValue: string | number) => {
-  emit('update:modelValue', activeValue)
-  if (elFormItem?.validate) {
-    elFormItem.validate('change')
-  }
-}
-const emit = defineEmits(['update:modelValue'])
+const emit = defineEmits<{ 'update:modelValue': [value: string | number | boolean | undefined] }>()
+
+// 由原生单选组处理键盘操作、禁用状态及外层表单校验。
+const selectedValue = computed({
+  get: () => props.modelValue,
+  set: (value: string | number | boolean | undefined) => emit('update:modelValue', value),
+})
 
 const textField = computed(() => {
   return props.formField.text_field ? props.formField.text_field : 'key'
@@ -37,59 +34,9 @@ const options = computed(() => {
 </script>
 
 <template>
-  <!-- // TODO 重新设计 -->
-  <div class="radio-row">
-    <div
-      v-for="item in options"
-      :key="item.value"
-      class="item"
-      :class="[inputDisabled ? 'is-disabled' : '', modelValue === item[valueField] ? 'active' : '']"
-      @click="selected(item[valueField])"
-    >
-      {{ item[textField] }}
-    </div>
-  </div>
+  <el-radio-group v-model="selectedValue">
+    <el-radio-button v-for="option in options" :key="option[valueField]" :value="option[valueField]">
+      {{ option[textField] }}
+    </el-radio-button>
+  </el-radio-group>
 </template>
-<style lang="scss" scoped>
-.radio-row {
-  // height: 32px;
-  display: inline-flex;
-  border: 1px solid #bbbfc4;
-  border-radius: 4px;
-  font-weight: 400;
-  font-size: 14px;
-  color: var(--el-text-color-primary);
-  padding: 3px 4px;
-  box-sizing: border-box;
-  white-space: nowrap;
-  .is-disabled {
-    border: 1px solid var(--el-card-border-color);
-    background-color: var(--el-fill-color-light);
-    color: var(--el-text-color-placeholder);
-    cursor: not-allowed;
-    &:hover {
-      cursor: not-allowed;
-    }
-  }
-  .active {
-    border-radius: 4px;
-    background: var(--el-color-primary-light-9);
-    color: var(--el-color-primary);
-  }
-  .item {
-    cursor: pointer;
-    margin: 0px 2px;
-    padding: 2px 8px;
-    height: 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    &:last-child {
-      margin: 0 4px 0 2px;
-    }
-    &:first-child {
-      margin: 0 2px 0 4px;
-    }
-  }
-}
-</style>
diff --git a/ui/src/components/mk-dynamics-form/items/tree/Tree.vue b/ui/src/components/mk-dynamics-form/items/tree/Tree.vue
index 68fcf7059ae..dba17757b70 100644
--- a/ui/src/components/mk-dynamics-form/items/tree/Tree.vue
+++ b/ui/src/components/mk-dynamics-form/items/tree/Tree.vue
@@ -40,7 +40,12 @@ const options = computed(() => {
   return props.formField.option_list ? props.formField.option_list : []
 })
 const propsData = computed(() => {
-  return { label: textField, children: childrenField, isLeaf: (data: DynamicFormValue) => data.leaf, disabled: (data: DynamicFormValue) => data.disabled }
+  return {
+    label: textField,
+    children: childrenField,
+    isLeaf: (data: DynamicFormValue) => data.leaf,
+    disabled: (data: DynamicFormValue) => data.disabled,
+  }
 })
 
 const attrs = useAttrs() as DynamicFormValue
@@ -54,10 +59,13 @@ function renderTemplate(template: string, data: DynamicFormValue) {
 
 const loadNode: LoadFunction = (node, resolve) => {
   requestCall(request, {
-    url: renderTemplate('/workspace/${current_workspace_id}/knowledge/${current_knowledge_id}/datasource/tool/${current_tool_id}/' + attrs.fetch_list_function, {
-      ...props.otherParams,
-      ...(getExtra ? getExtra() : {}),
-    }),
+    url: renderTemplate(
+      '/workspace/${current_workspace_id}/knowledge/${current_knowledge_id}/datasource/tool/${current_tool_id}/' + attrs.fetch_list_function,
+      {
+        ...props.otherParams,
+        ...(getExtra ? getExtra() : {}),
+      },
+    ),
     body: { current_node: node.level === 0 ? undefined : node.data },
     then: (res: DynamicFormValue) => {
       resolve(res.data)
@@ -70,7 +78,9 @@ const loadNode: LoadFunction = (node, resolve) => {
     loading: loading,
   })
 }
-const props = withDefaults(defineProps<{ modelValue?: DynamicFormValue; formField: FormField; otherParams: DynamicFormValue }>(), { modelValue: () => [] })
+const props = withDefaults(defineProps<{ modelValue?: DynamicFormValue; formField: FormField; otherParams: DynamicFormValue }>(), {
+  modelValue: () => [],
+})
 
 const emit = defineEmits(['update:modelValue', 'change'])
 
@@ -133,8 +143,8 @@ const loading = ref<boolean>(false)
               <span class="ml-4">{{ node.label }}</span>
             </div>
           </template>
-        </el-tree></el-scrollbar
-      >
+        </el-tree>
+      </el-scrollbar>
     </div>
   </div>
 </template>
diff --git a/ui/src/components/mk-tags-edit/index.vue b/ui/src/components/mk-tags-edit/index.vue
index 2e156c4fd61..339e05a967b 100644
--- a/ui/src/components/mk-tags-edit/index.vue
+++ b/ui/src/components/mk-tags-edit/index.vue
@@ -5,56 +5,74 @@ import { MsgWarning } from '@/utils/message'
 
 defineOptions({ name: 'MkTagsEdit' })
 
-const extensions = defineModel<string[]>({ required: true })
-const props = withDefaults(defineProps<{ reservedExtensions?: readonly string[] }>(), {
-  reservedExtensions: () => [],
+const tags = defineModel<string[]>({ required: true })
+const props = withDefaults(defineProps<{ reservedTags?: readonly string[]; normalizeTag?: (tag: string) => string }>(), {
+  reservedTags: () => [],
 })
 
-// 扩展名编辑：自动聚焦，确认时归一化并检查重复值。
-const extensionInputVisible = ref(false)
-const extensionInput = ref('')
+// 标签编辑：自动聚焦，确认时清理输入并检查重复值。
+const tagInputVisible = ref(false)
+const tagInput = ref('')
 const inputRef = useTemplateRef<InputInstance>('inputRef')
 
-function showExtensionInput() {
-  extensionInputVisible.value = true
+function showTagInput() {
+  tagInputVisible.value = true
   nextTick(() => inputRef.value?.focus())
 }
 
-function confirmExtension() {
-  const extension = extensionInput.value.trim().replace(/^\./, '').toUpperCase()
-  if (extension) {
-    if (props.reservedExtensions.includes(extension) || extensions.value.includes(extension)) {
-      MsgWarning('该扩展名已存在')
+function confirmTag() {
+  const input = tagInput.value.trim()
+  const tag = props.normalizeTag ? props.normalizeTag(input) : input
+  if (tag) {
+    if (props.reservedTags.includes(tag) || tags.value.includes(tag)) {
+      MsgWarning('文件后缀已存在')
     } else {
-      extensions.value = [...extensions.value, extension]
+      tags.value = [...tags.value, tag]
     }
   }
-  extensionInput.value = ''
-  extensionInputVisible.value = false
+  tagInput.value = ''
+  tagInputVisible.value = false
 }
 
-function removeExtension(extension: string) {
-  extensions.value = extensions.value.filter((currentExtension) => currentExtension !== extension)
+function removeTag(tag: string) {
+  tags.value = tags.value.filter((currentTag) => currentTag !== tag)
 }
 </script>
 
 <template>
-  <div class="flex flex-wrap gap-2" @click.stop>
-    <el-tag v-for="extension in extensions" :key="extension" closable effect="plain" type="info" @close="removeExtension(extension)">
-      {{ extension }}
-    </el-tag>
+  <div class="mk-tags-edit flex flex-wrap gap-2" @click.stop>
+    <template v-for="tag in tags" :key="tag">
+      <el-tag closable effect="plain" type="info" :disable-transitions="true" @close="removeTag(tag)">
+        {{ tag }}
+      </el-tag>
+    </template>
+
     <el-input
-      v-if="extensionInputVisible"
+      v-if="tagInputVisible"
       ref="inputRef"
-      v-model="extensionInput"
-      class="w-24!"
+      v-model="tagInput"
+      class="w-26!"
       size="small"
-      @blur="confirmExtension"
-      @keyup.enter="confirmExtension"
+      placeholder="添加后缀名"
+      @blur="confirmTag"
+      @keyup.enter="confirmTag"
     />
-    <el-button v-else size="small" @click="showExtensionInput">
-      <MkIcon name="icon_add_outlined" />
-      添加扩展名
+    <el-button class="add-tag-button" plain v-else size="small" @click="showTagInput">
+      <MkIcon name="icon_add_outlined" size="14" />
+      <span>添加后缀名</span>
     </el-button>
   </div>
 </template>
+<style lang="scss" scoped>
+.mk-tags-edit {
+  .add-tag-button {
+    padding: 0 8px;
+    height: 24px;
+    line-height: 24px;
+    font-size: 14px;
+    border: 1px dashed var(--el-border-color);
+    border-radius: var(--el-border-radius-small);
+    color: var(--mk-N500);
+  }
+}
+</style>
diff --git a/ui/src/styles/STYLE_README.md b/ui/src/styles/STYLE_README.md
index d6f4ccb440b..98e28007dc8 100644
--- a/ui/src/styles/STYLE_README.md
+++ b/ui/src/styles/STYLE_README.md
@@ -397,6 +397,11 @@ Tailwind v4 的 `border` 只设置边框宽度和样式，不提供 `--tw-border
 所有 `el-button` 的 `:active` 和 `.is-active` 视觉统一复用各自的 hover 样式，不额外加深背景、
 边框或文字颜色；普通、plain、text、link、circle 及各语义类型按钮均遵循该规则。
 
+按钮式多选使用 `el-checkbox-group` 和 `el-checkbox-button`，外观与按钮式单选一致：
+组容器提供圆角边框、4px 内边距和间距，选中项使用主题色文字与浅色背景，不显示相邻按钮连接阴影。
+规则统一维护在 `element-plus.scss` 的 checkbox 分组；仅包含 `el-checkbox-button` 的组容器
+应用该布局，普通复选框组不受影响。保留禁用状态和键盘焦点提示。
+
 Element Plus 所需的 `light-3` 至 `light-9` 和 `dark-2` 色阶使用 `color-mix()` 根据主题色生成。业务代码通常不需要直接修改 `--el-color-primary-*`。
 
 项目内所有 Select 下拉弹层统一隐藏 Popper 箭头，并将 Element Plus 默认的 `12px` 偏移回收
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index c8430f79040..140be912dd2 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -62,7 +62,7 @@
 /* anchor */
 .el-anchor {
   --el-anchor-font-size: 14px;
-  --el-anchor-color: var(--mk-N900);
+  --el-anchor-color: var(--el-text-color-primary);
   font-weight: 500;
   &__list {
     display: flex;
@@ -323,6 +323,46 @@
   }
 }
 
+.el-checkbox-button {
+  --el-checkbox-button-checked-bg-color: var(--mk-primary-transparent-10);
+  --el-checkbox-button-checked-text-color: var(--el-color-primary);
+
+  &.is-checked {
+    .el-checkbox-button__inner {
+      box-shadow: none !important;
+      font-weight: 500 !important;
+    }
+  }
+  &:not(.is-disabled) .el-checkbox-button__inner:hover {
+    background-color: rgb(var(--mk-N900-rgb) / 10%);
+    color: var(--el-text-color-primary);
+  }
+  &__inner {
+    border: none !important;
+    border-radius: var(--el-border-radius-small) !important;
+    color: var(--el-text-color-primary);
+    font-weight: 400;
+    outline: none !important;
+    padding: 5px calc(var(--spacing) * 2);
+  }
+  &__original:focus-visible + .el-checkbox-button__inner {
+    outline: 2px solid var(--mk-primary) !important;
+    outline-offset: 2px;
+  }
+}
+
+.el-checkbox-group {
+  &:has(.el-checkbox-button) {
+    align-items: center;
+    border: 1px solid var(--el-border-color);
+    border-radius: var(--el-border-radius-base);
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: var(--spacing);
+    padding: var(--spacing);
+  }
+}
+
 /* dialog */
 .el-date-editor {
   .el-range__icon {
@@ -522,6 +562,9 @@
     --el-input-focus-border-color: var(--el-input-border-color);
     --el-input-hover-border-color: var(--el-input-border-color);
   }
+  &--small {
+    --el-input-border-radius: var(--el-border-radius-small);
+  }
 }
 /* input-number */
 .el-input-number {
@@ -745,6 +788,9 @@
   &__input {
     height: 22px;
   }
+  &__tags-text {
+    color: var(--el-text-color-primary);
+  }
 }
 
 .el-select-dropdown {
@@ -885,7 +931,7 @@
         font-weight: 400;
       }
       &.is-success {
-        color: var(--mk-N900);
+        color: var(--el-text-color-primary);
       }
     }
 
@@ -1040,9 +1086,9 @@
 /* tag */
 .el-tag {
   max-width: 115px;
-
   padding: 0 6px;
   font-weight: 400 !important;
+  line-height: 21px;
   &__content {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1056,7 +1102,7 @@
   }
   &--plain {
     &.el-tag--info {
-      --el-tag-border-color: var(--mk-primary-transparent-10);
+      --el-tag-border-color: rgb(var(--mk-N900-rgb) / 15%) !important;
       --el-tag-text-color: var(--mk-N600);
       font-weight: 500 !important;
     }
@@ -1091,9 +1137,25 @@
     }
   }
 
+  &.is-closable {
+    &.el-tag--plain.el-tag--info {
+      --el-tag-text-color: var(--el-text-color-primary) !important;
+    }
+    .el-tag__content {
+      font-weight: 400;
+    }
+  }
+
   &__close {
+    margin-left: 4px !important;
     .el-icon {
-      color: var(--el-text-color-regular);
+      color: rgb(var(--mk-N900-rgb) / 60%) !important;
+    }
+    &:hover {
+      .el-icon {
+        color: var(--el-text-color-primary) !important;
+      }
+      background: none !important;
     }
   }
   .el-icon {
diff --git a/ui/src/views/application/ApplicationView.vue b/ui/src/views/application/ApplicationView.vue
index c6e3505ac3a..52ceb85e93c 100644
--- a/ui/src/views/application/ApplicationView.vue
+++ b/ui/src/views/application/ApplicationView.vue
@@ -220,7 +220,12 @@ function handleBatchDelete() {
                 @selected="handleApplicationSelect(application.id, $event)"
               >
                 <template #action-dropdown>
+                  <!-- 设置 -->
                   <SettingApplicationAction label="设置" :application="application" />
+                  <!-- 资源授权 -->
+                  <AuthorizeApplicationAction label="资源授权" :application="application" @refresh="refreshApplications" />
+                  <!-- TODO 关联资源 -->
+                  <!-- 移动到 -->
                   <MoveApplicationAction
                     v-model:loading="applicationOperationLoading"
                     label="移动到"
@@ -229,14 +234,14 @@ function handleBatchDelete() {
                     :current-folder-id="currentFolder.id"
                     @delete="handleDeleteApplication"
                   />
+                  <!-- 导出 -->
                   <ExportApplicationAction
                     v-model:loading="applicationOperationLoading"
                     label="导出"
                     :api="ApplicationApi"
                     :application="application"
                   />
-                  <!-- 资源授权 -->
-                  <AuthorizeApplicationAction label="资源授权" :application="application" @refresh="refreshApplications" />
+                  <!-- 删除 -->
                   <DeleteApplicationAction
                     v-model:loading="applicationOperationLoading"
                     label="删除"
diff --git a/ui/src/views/knowledge/KnowledgeView.vue b/ui/src/views/knowledge/KnowledgeView.vue
index 6c80c1e1c7d..46421056a35 100644
--- a/ui/src/views/knowledge/KnowledgeView.vue
+++ b/ui/src/views/knowledge/KnowledgeView.vue
@@ -208,6 +208,11 @@ function handleBatchDelete() {
                 @selected="handleKnowledgeSelect(knowledge.id, $event)"
               >
                 <template v-if="!isShared" #action-dropdown>
+                  <!-- 资源授权 -->
+                  <AuthorizeKnowledgeAction label="资源授权" :knowledge="knowledge" @refresh="refreshKnowledge" />
+
+                  <!-- TODO 关联资源 -->
+                  <!-- 转移到 -->
                   <MoveKnowledgeAction
                     v-model:loading="knowledgeOperationLoading"
                     label="转移到"
@@ -217,8 +222,7 @@ function handleBatchDelete() {
                     @delete="handleDeleteKnowledge"
                     @move="handleMoveKnowledge"
                   />
-                  <!-- 资源授权 -->
-                  <AuthorizeKnowledgeAction label="资源授权" :knowledge="knowledge" @refresh="refreshKnowledge" />
+                  <!-- 删除 -->
                   <DeleteKnowledgeAction
                     v-model:loading="knowledgeOperationLoading"
                     label="删除"
diff --git a/ui/src/views/tool/ToolView.vue b/ui/src/views/tool/ToolView.vue
index d39c573f2e2..8586ab32bd5 100644
--- a/ui/src/views/tool/ToolView.vue
+++ b/ui/src/views/tool/ToolView.vue
@@ -250,6 +250,8 @@ onMounted(() => {
                     :api="ToolApi"
                     :tool="tool"
                   />
+                  <!-- 资源授权 -->
+                  <AuthorizeToolAction label="资源授权" :tool="tool" @refresh="refreshTool" />
 
                   <!-- // TODO: 触发器 (item.tool_type === 'CUSTOM' || item.tool_type === 'WORKFLOW')-->
                   <!-- // TODO: 查看关联资源-->
@@ -265,8 +267,6 @@ onMounted(() => {
                     @delete="handleDeleteTool"
                   />
                   <ExportToolAction v-if="!tool.template_id" v-model:loading="toolOperationLoading" label="导出" :api="ToolApi" :tool="tool" />
-                  <!-- 资源授权 -->
-                  <AuthorizeToolAction label="资源授权" :tool="tool" @refresh="refreshTool" />
                   <DeleteToolAction v-model:loading="toolOperationLoading" label="删除" :api="ToolApi" :tool="tool" @delete="handleDeleteTool" />
                 </template>
               </ToolCard>
diff --git a/ui/src/workflow-canvas/WORKFLOW_README.md b/ui/src/workflow-canvas/WORKFLOW_README.md
index fefa96ab66b..8ec2c6e7db3 100644
--- a/ui/src/workflow-canvas/WORKFLOW_README.md
+++ b/ui/src/workflow-canvas/WORKFLOW_README.md
@@ -179,7 +179,8 @@ AI 对话、意图识别、问题优化、参数提取、图片理解、视频
 的表单必填校验，取消不修改节点，关闭动画结束后统一清理草稿与校验状态。
 文件类型与其他文件选择复用手动导入的 `MkCardCheckbox`；扩展名编辑复用非全局组件
 `MkTagsEdit`，通过 `v-model` 编辑草稿的 `otherExtensions`，文件类型中已有的扩展名通过
-`reservedExtensions` 传入用于重复检查。组件内部阻止点击冒泡，避免增删扩展名时切换文件类型；
+`reservedTags` 传入用于重复检查。文件上传设置通过 `normalizeTag` 传入去除一个前导点并转为
+大写的扩展名规则，通过 `addText` 设置“添加后缀名”。组件内部阻止点击冒泡，避免增删扩展名时切换文件类型；
 输入临时状态随弹窗内容卸载而清理。
 
 表单收集节点的 `component/form-setting/FormSettingTable` 通过 `v-model` 编辑动态表单的
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 2973b4c650a..71a1f950561 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
@@ -112,27 +112,30 @@ function removeId(field: 'application_ids' | 'mcp_tool_ids' | 'skill_tool_ids' |
           <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>
+          <el-button text type="primary" @click.stop="mcpDialogRef?.open(setting)"><MkIcon name="icon_add_outlined" /></el-button>
         </div>
       </template>
 
       <div v-if="mcpCount" class="mt-2 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" class="shrink-0 small" :type="resource.tool_type" />
-              <span class="truncate" :title="resource.name">{{ resource.name }}</span>
-            </span>
-            <el-button text title="移除 MCP" @click="removeId('mcp_tool_ids', resource.id)"><MkIcon name="icon_close_outlined" /></el-button>
-          </div>
-        </el-card>
+        <template v-for="resource in selectedMcpTools" :key="resource.id">
+          <el-card 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 @click="removeId('mcp_tool_ids', resource.id)"><MkIcon name="icon_close_outlined" /></el-button>
+            </div>
+          </el-card>
+        </template>
+
         <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" class="shrink-0 small" type="MCP" />
               <span>自定义 MCP 服务</span>
             </span>
-            <el-button text title="移除自定义 MCP 服务" @click="updateSetting({ mcp_servers: '' })"><MkIcon name="icon_close_outlined" /></el-button>
+            <el-button text @click="updateSetting({ mcp_servers: '' })"><MkIcon name="icon_close_outlined" /></el-button>
           </div>
         </el-card>
       </div>
@@ -142,8 +145,8 @@ function removeId(field: 'application_ids' | 'mcp_tool_ids' | 'skill_tool_ids' |
       <template #label>
         <div class="flex-between min-w-0 flex-1">
           <span
-            >工具<span v-if="selectedTools.length">（{{ selectedTools.length }}）</span></span
-          >
+            >工具<span v-if="selectedTools.length">（{{ selectedTools.length }}）</span>
+          </span>
           <el-button text type="primary" title="添加工具" @click.stop="openToolDialog(false)">
             <MkIcon name="icon_add_outlined" />
           </el-button>
@@ -151,15 +154,17 @@ function removeId(field: 'application_ids' | 'mcp_tool_ids' | 'skill_tool_ids' |
       </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>
+        <template v-for="resource in selectedTools" :key="resource.id">
+          <el-card 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 @click="removeId('tool_ids', resource.id)"><MkIcon name="icon_close_outlined" /></el-button>
+            </div>
+          </el-card>
+        </template>
       </div>
     </MkCollapse>
     <!-- Skills -->
@@ -176,15 +181,17 @@ function removeId(field: 'application_ids' | 'mcp_tool_ids' | 'skill_tool_ids' |
       </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>
+        <template v-for="resource in selectedSkills" :key="resource.id">
+          <el-card 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 @click="removeId('skill_tool_ids', resource.id)"><MkIcon name="icon_close_outlined" /></el-button>
+            </div>
+          </el-card>
+        </template>
       </div>
     </MkCollapse>
     <!-- 智能体 -->
@@ -194,22 +201,24 @@ function removeId(field: 'application_ids' | 'mcp_tool_ids' | 'skill_tool_ids' |
           <span
             >智能体<span v-if="selectedApplications.length">（{{ selectedApplications.length }}）</span></span
           >
-          <el-button text type="primary" title="添加智能体" @click.stop="applicationDialogRef?.open(selectedApplications)">
+          <el-button text type="primary" @click.stop="applicationDialogRef?.open(selectedApplications)">
             <MkIcon name="icon_add_outlined" />
           </el-button>
         </div>
       </template>
 
       <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>
+        <template v-for="resource in selectedApplications" :key="resource.id">
+          <el-card 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 @click="removeId('application_ids', resource.id)"><MkIcon name="icon_close_outlined" /></el-button>
+            </div>
+          </el-card>
+        </template>
       </div>
     </MkCollapse>
   </div>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSetting.vue b/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSetting.vue
index 642bfaef072..a8b3c815b95 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSetting.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSetting.vue
@@ -40,6 +40,10 @@ const fileTypes = [
 
 const reservedExtensions = fileTypes.flatMap(({ description }) => description.split('、'))
 
+function normalizeExtension(extension: string) {
+  return extension.replace(/^\./, '').toUpperCase()
+}
+
 function submit() {
   formRef.value?.validate((valid) => {
     if (!valid) return
@@ -98,8 +102,13 @@ function resetData() {
             <div class="flex min-w-0 items-center gap-3">
               <img class="shrink-0 w-6" src="@/assets/file-type/unknown-icon.svg" />
               <div class="min-w-0 flex-1">
-                <h6>其他文件</h6>
-                <MkTagsEdit v-model="formData.otherExtensions" :reserved-extensions="reservedExtensions" class="mt-2" />
+                <h6 class="mb-2">其他文件</h6>
+                <MkTagsEdit
+                  v-model="formData.otherExtensions"
+                  :reserved-tags="reservedExtensions"
+                  :normalize-tag="normalizeExtension"
+                  add-text="添加后缀名"
+                />
               </div>
             </div>
           </MkCardCheckbox>