diff --git a/ui/src/components.d.ts b/ui/src/components.d.ts
index 48a1e707d1f..8909bad2b5a 100644
--- a/ui/src/components.d.ts
+++ b/ui/src/components.d.ts
@@ -32,6 +32,7 @@ declare module 'vue' {
     MkInfiniteScroll: typeof import('./components/global/mk-infinite-scroll/index.vue')['default']
     MkListItem: typeof import('./components/global/mk-list-item/index.vue')['default']
     MkSearchInput: typeof import('./components/global/mk-search-input/index.vue')['default']
+    MkSlider: typeof import('./components/global/mk-slider/index.vue')['default']
     MkStatusLabel: typeof import('./components/global/mk-status-label/index.vue')['default']
     MkTable: typeof import('./components/global/mk-table/index.vue')['default']
     MkTableFilter: typeof import('./components/global/mk-table/mk-table-filter.vue')['default']
@@ -66,6 +67,7 @@ declare global {
   const MkInfiniteScroll: typeof import('./components/global/mk-infinite-scroll/index.vue')['default']
   const MkListItem: typeof import('./components/global/mk-list-item/index.vue')['default']
   const MkSearchInput: typeof import('./components/global/mk-search-input/index.vue')['default']
+  const MkSlider: typeof import('./components/global/mk-slider/index.vue')['default']
   const MkStatusLabel: typeof import('./components/global/mk-status-label/index.vue')['default']
   const MkTable: typeof import('./components/global/mk-table/index.vue')['default']
   const MkTableFilter: typeof import('./components/global/mk-table/mk-table-filter.vue')['default']
diff --git a/ui/src/components/COMPONENT_README.md b/ui/src/components/COMPONENT_README.md
index 4d16d830899..2bb54378f8b 100644
--- a/ui/src/components/COMPONENT_README.md
+++ b/ui/src/components/COMPONENT_README.md
@@ -91,6 +91,8 @@ src/components/
 │   │   └── index.vue             # 带默认搜索图标的输入框
 │   ├── mk-status-label/
 │   │   └── index.vue             # 布尔状态图标和文案
+│   ├── mk-slider/
+│   │   └── index.vue             # 滑块与右置控制按钮的数值输入框
 │   ├── mk-table/
 │   │   ├── index.vue             # 表格、分页、列宽拖拽和批量操作
 │   │   ├── mk-table-filter.vue   # 表头多选筛选器
@@ -563,6 +565,22 @@ Element Plus 的 `v-infinite-scroll`。组件通过 `v-model` 管理已经加载
 <MkSearchInput v-model="searchKeyword" placeholder="搜索工作空间" />
 ```
 
+### MkSlider
+
+全局滑块组件，组合 `el-slider` 和 `el-input-number`，默认显示数值输入框，控制按钮固定在
+右侧，输入内容左对齐。输入框的 `controls` 固定为 `true`，始终显示加减按钮；
+`show-input-controls` 不作为组件配置使用，调用方无需传入，传入也不会改变按钮显隐。
+其余 Element Plus Slider Props 和 `update:modelValue`、`input`、`change` 事件保持可用；
+`class`、`style` 作用于外层布局。通过 `:show-input="false"` 隐藏输入框。
+`range` 或 `step="mark"` 模式不显示
+单值输入框；垂直模式下输入框位于滑块下方。输入框与滑块共用范围、步长、禁用状态，
+输入框清空并提交后回退到最小值，表单变更校验由滑块统一触发。
+
+```vue
+<MkSlider v-model="temperature" :min="0" :max="1" :step="0.1" />
+<MkSlider v-model="score" :show-input="false" />
+```
+
 ### MkStatusLabel
 
 用于展示布尔状态。`active` 控制启用或禁用，默认文案为“已启用”和“已禁用”；通过
@@ -1008,6 +1026,20 @@ const formValue = ref<Dict<DynamicFormValue>>({})
 字段配置中的动态校验器和表格行表达式属于受信任的服务端协议，只允许加载可信配置；普通业务
 输入不得作为脚本传入。
 
+单选、多选和卡片单选配置器的自定义选项中，标签和选项值的必填校验跟随字段的“是否必填”；每行通过
+`option_list.<index>.label`、`option_list.<index>.value` 参与配置表单校验。编辑中的不完整行
+保留在表单内，仅两项都填写且非纯空白的选项进入默认值选择区和 `getData()` 返回的 `option_list`。
+初始化、空配置回填和切回自定义赋值时保留一行空白选项。卡片单选仅在存在完整选项时显示默认值卡片区。
+引用变量模式继续保留变量路径，不应用自定义选项过滤。
+
+动态表单的 Model 字段使用 `ModelSelect`，将 `attrs.provider_list` 中的模型快照映射为
+扁平 `ModelItem[]`，由选择器统一分组和展示供应商。旧快照未保存状态时保留可选行为，已保存的
+状态按 `ModelSelect` 的可用性规则处理。切换模型一次性回写 `model_id` 和深拷贝后的
+`model_params_setting`；清空时回写空 ID 和空参数，避免修改原配置中的参数对象。
+
+Model 配置器的默认模型也使用 `ModelSelect`，仅展示已选的可选模型，不开启参数设置入口。
+选择时将模型 ID 转换为包含已配置参数的 `default_value` 对象，清空时重置为空对象。
+
 ## 跨页面业务组件
 
 业务组件可以调用其固定业务 API，但应将通用展示部分拆成内部纯 UI 组件；页面继续负责资源列表
diff --git a/ui/src/components/global/mk-slider/index.vue b/ui/src/components/global/mk-slider/index.vue
new file mode 100644
index 00000000000..19d5e31a577
--- /dev/null
+++ b/ui/src/components/global/mk-slider/index.vue
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { sliderEmits, sliderProps } from 'element-plus'
+
+defineOptions({ name: 'MkSlider' })
+
+/* input-number 的controls始终是true，el-slider上的show-input-controls不需要*/
+const props = defineProps({
+  ...sliderProps,
+  showInput: { type: Boolean, default: true },
+})
+const emit = defineEmits(sliderEmits)
+
+// 区间和标记步长模式沿用原生滑块，不显示单值输入框。
+const showNumberInput = computed(() => props.showInput && !props.range && props.step !== 'mark')
+
+function updateInputValue(value: number | undefined) {
+  if (value === undefined) return
+  emit('update:modelValue', value)
+  emit('input', value)
+}
+
+function changeInputValue(value: number | undefined) {
+  if (value !== undefined) emit('change', value)
+}
+</script>
+
+<template>
+  <div class="flex w-full items-center gap-4" :class="{ 'flex-col': props.vertical }">
+    <el-slider
+      v-bind="props"
+      :show-input="false"
+      :class="{ 'min-w-0 flex-1': !props.vertical }"
+      @update:model-value="emit('update:modelValue', $event)"
+      @input="emit('input', $event)"
+      @change="emit('change', $event)"
+    />
+    <el-input-number
+      v-if="showNumberInput"
+      :model-value="typeof props.modelValue === 'number' ? props.modelValue : props.min"
+      :min="props.min"
+      :max="props.max"
+      :step="typeof props.step === 'number' ? props.step : 1"
+      :disabled="props.disabled"
+      :size="props.inputSize || props.size"
+      :controls="true"
+      :aria-label="props.ariaLabel"
+      :validate-event="false"
+      value-on-clear="min"
+      controls-position="right"
+      align="left"
+      class="w-30! shrink-0"
+      @update:model-value="updateInputValue"
+      @change="changeInputValue"
+    />
+  </div>
+</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 9368e27c49c..c93b784ce0f 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/ModelConstructor.vue
@@ -1,21 +1,9 @@
 <script setup lang="ts">
 import type { DynamicFormValue } from '../../type'
 import { computed, inject, ref } from 'vue'
-import { groupBy } from 'lodash'
 import ModelSelect from '@/components/business/model-select/index.vue'
 import { providerList as providerOptions } from '../../items/model/provider-data'
-import { relatedObject } from '@/utils/common'
-const modelTypeList = [
-  { text: 'LLM', value: 'LLM' },
-  { text: 'EMBEDDING', value: 'EMBEDDING' },
-  { text: 'RERANKER', value: 'RERANKER' },
-  { text: 'STT', value: 'STT' },
-  { text: 'TTS', value: 'TTS' },
-  { text: 'IMAGE', value: 'IMAGE' },
-  { text: 'TTI', value: 'TTI' },
-  { text: 'ITV', value: 'ITV' },
-  { text: 'TTV', value: 'TTV' },
-]
+import { MODEL_TYPE_LABELS } from '@/constants/model'
 const getSelectModelList = inject<(params: { model_type: string }) => Promise<DynamicFormValue>>('getSelectModelList')
 const getModelParamsForm = inject<(modelId: string) => Promise<DynamicFormValue>>('getModelParamsForm')
 
@@ -58,8 +46,7 @@ const selectedIds = computed({
 
 const selectedModelsOptions = computed(() => {
   const ids = (formValue.value.provider_list || []).map((p: DynamicFormValue) => p.model_id)
-  const filtered = rawModelOptions.value.filter((m: DynamicFormValue) => ids.includes(m.id))
-  return groupBy(filtered, 'provider')
+  return rawModelOptions.value.filter((model: DynamicFormValue) => ids.includes(model.id))
 })
 
 function fetchDefaultParams(modelId: string) {
@@ -84,7 +71,6 @@ function fetchDefaultParams(modelId: string) {
   })
 }
 const rawModelOptions = ref<DynamicFormValue[]>([])
-const groupedModelOptions = ref<Record<string, any[]>>({})
 
 const fetchModelByType = (type: string) => {
   if (!type || !getSelectModelList) return
@@ -101,7 +87,6 @@ const handleModelTypeChange = (val: string) => {
     fetchModelByType(val)
   } else {
     rawModelOptions.value = []
-    groupedModelOptions.value = {}
   }
 }
 
@@ -120,6 +105,13 @@ const getProviderItem = (modelId: string) => {
   return { model_id: modelId, model_params_setting: {} }
 }
 
+const defaultModelId = computed({
+  get: () => formValue.value.default_value?.model_id ?? '',
+  set: (modelId: string) => {
+    formValue.value.default_value = modelId ? getProviderItem(modelId) : {}
+  },
+})
+
 const getData = () => {
   const providerList = (formValue.value.provider_list || []).map((p: DynamicFormValue) => {
     const modelInfo = getModelInfo(p.model_id)
@@ -131,7 +123,12 @@ const getData = () => {
       model_form_field: p.model_form_field || [],
     }
   })
-  return { input_type: 'Model', model_type: formValue.value.model_type, default_value: formValue.value.default_value, attrs: { provider_list: providerList } }
+  return {
+    input_type: 'Model',
+    model_type: formValue.value.model_type,
+    default_value: formValue.value.default_value,
+    attrs: { provider_list: providerList },
+  }
 }
 
 const render = (formData: DynamicFormValue) => {
@@ -150,15 +147,21 @@ defineExpose({ getData, render })
 <template>
   <el-form-item label="模型类型" required prop="model_type" :rules="[{ required: true, message: '请选择模型类型' }]">
     <el-select v-model="formValue.model_type" placeholder="请选择模型类型" @change="handleModelTypeChange">
-      <el-option v-for="item in modelTypeList" :key="item.value" :label="item.text" :value="item.value" />
+      <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' }]">
-    <div class="flex-between w-full">
-      <ModelSelect multiple v-model="selectedIds" placeholder="请选择模型" :options="rawModelOptions" :provider-options="providerOptions" :model-type="formValue.model_type">
-      </ModelSelect>
-    </div>
+    <!-- // TODO  -->
+    <ModelSelect
+      multiple
+      v-model="selectedIds"
+      placeholder="请选择模型"
+      :options="rawModelOptions"
+      :provider-options="providerOptions"
+      :model-type="formValue.model_type"
+    >
+    </ModelSelect>
   </el-form-item>
   <el-form-item
     label="默认模型"
@@ -167,29 +170,7 @@ defineExpose({ getData, render })
     :rules="formValue.required ? [{ required: true, message: '请选择模型' }] : []"
     v-if="formValue.provider_list && formValue.provider_list.length > 0"
   >
-    <div class="flex-between w-full">
-      <el-select v-model="formValue.default_value" value-key="model_id" placeholder="请选择模型">
-        <el-option-group
-          v-for="(modelList, providerName) in selectedModelsOptions"
-          :key="providerName"
-          :label="relatedObject(providerOptions, String(providerName), 'provider')?.name"
-        >
-          <el-option v-for="item in modelList" :key="item.id" :label="item.name" :value="getProviderItem(item.id)">
-            <el-space :size="8">
-              <span :innerHTML="String(relatedObject(providerOptions, String(providerName), 'provider')?.icon ?? '')" class="select-model-icon" style="margin-top: -7px"></span>
-              <span>{{ item.name }}</span>
-            </el-space>
-          </el-option>
-        </el-option-group>
-        <template #label="{ label, value }">
-          <el-space :size="8" v-if="value?.model_id">
-            <span class="select-model-icon" :innerHTML="String(relatedObject(providerOptions, getModelInfo(value.model_id)?.provider, 'provider')?.icon ?? '')"> </span>
-            <span>
-              <span>{{ label }}</span>
-            </span>
-          </el-space>
-        </template>
-      </el-select>
-    </div>
+    <!-- // TODO  -->
+    <ModelSelect v-model="defaultModelId" placeholder="请选择模型" :options="selectedModelsOptions" :provider-options="providerOptions" />
   </el-form-item>
 </template>
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/MultiSelectConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/MultiSelectConstructor.vue
index caa0579cd83..0b9a15ba3cb 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/MultiSelectConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/MultiSelectConstructor.vue
@@ -46,12 +46,25 @@ 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 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: 'MultiSelect',
@@ -60,7 +73,7 @@ const getData = () => {
     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',
   }
 }
@@ -68,6 +81,8 @@ 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 })
@@ -85,7 +100,7 @@ onMounted(() => {
 <template>
   <el-form-item v-if="getModel" label="赋值方式">
     <!-- // TODO 赋值方式待调整 -->
-    <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 align-center">
           {{ item.label }}
@@ -122,13 +137,23 @@ onMounted(() => {
       </el-button>
     </div>
 
-    <div class="w-full mk-gray-card">
+    <div class="w-full mk-gray-card py-3!">
       <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>
@@ -149,7 +174,7 @@ onMounted(() => {
       </div>
     </template>
     <el-select multiple collapse-tags filterable clearable :reserve-keyword="false" v-model="formValue.default_value">
-      <el-option v-for="(option, index) in formValue.option_list" :key="index" :label="option.label" :value="option.value" />
+      <el-option v-for="(option, index) in completeOptions" :key="index" :label="option.label" :value="option.value" />
     </el-select>
   </el-form-item>
 </template>
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/PasswordInputConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/PasswordInputConstructor.vue
index 9e1c7e541f0..b3a244a5803 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/PasswordInputConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/PasswordInputConstructor.vue
@@ -85,25 +85,24 @@ onMounted(() => {
 </script>
 
 <template>
-  <el-form-item label="文本长度" required>
-    <div class="flex w-full items-start gap-2">
-      <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最小长度', trigger: 'change' }]" prop="minlength">
-        <el-input-number v-model="formValue.minlength" class="w-full!" :min="1" :step="1" controls-position="right" align="left" step-strictly />
-      </el-form-item>
-      <span class="flex-center shrink-0">-</span>
-      <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最大长度', trigger: 'change' }]" prop="maxlength">
-        <el-input-number
-          v-model="formValue.maxlength"
-          class="w-full!"
-          :min="formValue.minlength > formValue.maxlength ? formValue.minlength : 1"
-          :step="1"
-          controls-position="right"
-          align="left"
-          step-strictly
-        />
-      </el-form-item>
-    </div>
-  </el-form-item>
+  <div class="mk-required mb-2">文本长度</div>
+  <div class="flex w-full items-start gap-2">
+    <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最小长度', trigger: 'change' }]" prop="minlength">
+      <el-input-number v-model="formValue.minlength" class="w-full!" :min="1" :step="1" controls-position="right" align="left" step-strictly />
+    </el-form-item>
+    <span class="flex-center shrink-0 h-8">-</span>
+    <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最大长度', trigger: 'change' }]" prop="maxlength">
+      <el-input-number
+        v-model="formValue.maxlength"
+        class="w-full!"
+        :min="formValue.minlength > formValue.maxlength ? formValue.minlength : 1"
+        :step="1"
+        controls-position="right"
+        align="left"
+        step-strictly
+      />
+    </el-form-item>
+  </div>
 
   <el-form-item
     class="mk-hide-asterisk"
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 5188bb893e2..4dd8f93a0b5 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/RadioCardConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/RadioCardConstructor.vue
@@ -31,7 +31,6 @@ const formValue = computed({
     return props.modelValue
   },
 })
-const hasOptionValue = computed(() => formValue.value.option_list?.some((option: DynamicFormConstructorOption) => Boolean(option.value)) ?? false)
 const referenceVariableRule = {
   required: true,
   validator: (_rule: unknown, value: DynamicFormValue, callback: DynamicFormValidatorCallback) => {
@@ -47,11 +46,24 @@ 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 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 formField = computed<FormField>(() => {
   return { field: '', ...getData() }
 })
@@ -63,7 +75,7 @@ const getData = () => {
     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',
   }
 }
@@ -71,6 +83,8 @@ 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 })
@@ -88,7 +102,7 @@ onMounted(() => {
 <template>
   <el-form-item v-if="getModel" label="赋值方式">
     <!-- // TODO 赋值方式待调整 -->
-    <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 align-center">
           {{ item.label }}
@@ -124,23 +138,32 @@ onMounted(() => {
       </el-button>
     </div>
 
-    <div class="w-full mk-gray-card">
+    <div class="w-full mk-gray-card py-3!">
       <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>
       </MkFormList>
     </div>
   </div>
-
   <el-form-item
     class="mk-hide-asterisk"
-    v-if="formValue.assignment_method === 'custom' && hasOptionValue"
+    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/SingleSelectConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/SingleSelectConstructor.vue
index 6b894951688..194c629485d 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/SingleSelectConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/SingleSelectConstructor.vue
@@ -46,12 +46,25 @@ 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 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: 'SingleSelect',
@@ -60,7 +73,7 @@ const getData = () => {
     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',
   }
 }
@@ -69,6 +82,8 @@ const render = (formData: DynamicFormValue) => {
   formValue.value.default_value = formData.default_value
   formValue.value.show_default_value = formData.show_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 })
@@ -85,7 +100,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">
       <!-- // TODO 赋值方式待调整 -->
       <el-radio :value="item.value" v-for="(item, index) in assignmentMethodOptions" :key="index">
         <span class="flex align-center">
@@ -122,13 +137,23 @@ onMounted(() => {
       </el-button>
     </div>
 
-    <div class="w-full mk-gray-card">
+    <div class="w-full mk-gray-card py-3!">
       <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>
@@ -149,7 +174,7 @@ onMounted(() => {
       </div>
     </template>
     <el-select v-model="formValue.default_value">
-      <el-option v-for="(option, index) in formValue.option_list" :key="index" :label="option.label" :value="option.value" />
+      <el-option v-for="(option, index) in completeOptions" :key="index" :label="option.label" :value="option.value" />
     </el-select>
   </el-form-item>
 </template>
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/SliderConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/SliderConstructor.vue
index e76d6703097..8e34c222c01 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/SliderConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/SliderConstructor.vue
@@ -77,33 +77,27 @@ onBeforeMount(() => {
   <el-form-item label="是否带输入框" required prop="showInput" @click.prevent>
     <el-switch v-model="formValue.showInput" />
   </el-form-item>
-  <!-- // TODO 待调整 -->
-  <el-form-item label="取值范围" required>
-    <el-col :span="11" style="padding-left: 0">
-      <el-form-item :rules="[{ required: true, message: '最小值必填', trigger: 'change' }]" prop="min">
-        <el-input-number style="width: 100%" v-model="formValue.min" controls-position="right" align="left"
-      /></el-form-item>
-    </el-col>
-    <el-col :span="2" class="text-center">
-      <span class="text-gray-500">-</span>
-    </el-col>
-    <el-col :span="11">
-      <el-form-item :rules="[{ required: true, message: '最大值必填', trigger: 'change' }]" prop="max"
-        ><el-input-number
-          prop="max"
-          style="width: 100%"
-          v-model="formValue.max"
-          :min="formValue.min > formValue.max ? formValue.min : undefined"
-          controls-position="right"
-          align="left"
-      /></el-form-item>
-    </el-col>
-  </el-form-item>
-  <el-col :span="11" style="padding-left: 0">
-    <el-form-item label="步长值" required prop="step" :rules="stepRules">
-      <el-input-number style="width: 100%" v-model="formValue.step" :min="0" controls-position="right" align="left" />
+  <!-- 取值范围 -->
+  <div class="mk-required mb-2">取值范围</div>
+  <div class="flex w-full items-start gap-2">
+    <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '最小值必填', trigger: 'change' }]" prop="min">
+      <el-input-number v-model="formValue.min" class="w-full!" controls-position="right" align="left" />
+    </el-form-item>
+    <span class="flex-center shrink-0 h-8">-</span>
+    <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '最大值必填', trigger: 'change' }]" prop="max">
+      <el-input-number
+        v-model="formValue.max"
+        class="w-full!"
+        :min="formValue.min > formValue.max ? formValue.min : undefined"
+        controls-position="right"
+        align="left"
+      />
     </el-form-item>
-  </el-col>
+  </div>
+
+  <el-form-item label="步长值" required prop="step" :rules="stepRules">
+    <el-input-number class="w-full!" v-model="formValue.step" :min="0" controls-position="right" align="left" />
+  </el-form-item>
 
   <el-form-item
     label="默认值"
@@ -111,7 +105,7 @@ onBeforeMount(() => {
     prop="default_value"
     :rules="formValue.required ? [{ required: true, message: '为必填属性' }] : []"
   >
-    <el-slider
+    <MkSlider
       v-model="formValue.default_value"
       :show-input="formValue.showInput"
       :max="formValue.max"
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/TextInputConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/TextInputConstructor.vue
index f1941dd97ff..ba3fad2d245 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/TextInputConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/TextInputConstructor.vue
@@ -75,25 +75,24 @@ onMounted(() => {
 </script>
 
 <template>
-  <el-form-item label="文本长度" required>
-    <div class="flex w-full items-start gap-2">
-      <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最小长度', trigger: 'change' }]" prop="minlength">
-        <el-input-number v-model="formValue.minlength" class="w-full!" :min="1" :step="1" controls-position="right" align="left" step-strictly />
-      </el-form-item>
-      <span class="flex-center shrink-0">-</span>
-      <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最大长度', trigger: 'change' }]" prop="maxlength">
-        <el-input-number
-          v-model="formValue.maxlength"
-          class="w-full!"
-          :min="formValue.minlength > formValue.maxlength ? formValue.minlength : 1"
-          :step="1"
-          controls-position="right"
-          align="left"
-          step-strictly
-        />
-      </el-form-item>
-    </div>
-  </el-form-item>
+  <div class="mk-required mb-2">文本长度</div>
+  <div class="flex w-full items-start gap-2">
+    <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最小长度', trigger: 'change' }]" prop="minlength">
+      <el-input-number v-model="formValue.minlength" class="w-full!" :min="1" :step="1" controls-position="right" align="left" step-strictly />
+    </el-form-item>
+    <span class="flex-center shrink-0 h-8">-</span>
+    <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最大长度', trigger: 'change' }]" prop="maxlength">
+      <el-input-number
+        v-model="formValue.maxlength"
+        class="w-full!"
+        :min="formValue.minlength > formValue.maxlength ? formValue.minlength : 1"
+        :step="1"
+        controls-position="right"
+        align="left"
+        step-strictly
+      />
+    </el-form-item>
+  </div>
 
   <el-form-item
     class="mk-hide-asterisk"
diff --git a/ui/src/components/mk-dynamics-form/constructor/items/TextareaInputConstructor.vue b/ui/src/components/mk-dynamics-form/constructor/items/TextareaInputConstructor.vue
index e28a992df35..e6c9accc3e8 100644
--- a/ui/src/components/mk-dynamics-form/constructor/items/TextareaInputConstructor.vue
+++ b/ui/src/components/mk-dynamics-form/constructor/items/TextareaInputConstructor.vue
@@ -75,25 +75,24 @@ onMounted(() => {
 </script>
 
 <template>
-  <el-form-item label="文本长度" required>
-    <div class="flex w-full items-start gap-2">
-      <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最小长度', trigger: 'change' }]" prop="minlength">
-        <el-input-number v-model="formValue.minlength" class="w-full!" :min="1" :step="1" controls-position="right" align="left" step-strictly />
-      </el-form-item>
-      <span class="flex-center shrink-0">-</span>
-      <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最大长度', trigger: 'change' }]" prop="maxlength">
-        <el-input-number
-          v-model="formValue.maxlength"
-          class="w-full!"
-          :min="formValue.minlength > formValue.maxlength ? formValue.minlength : 1"
-          :step="1"
-          controls-position="right"
-          align="left"
-          step-strictly
-        />
-      </el-form-item>
-    </div>
-  </el-form-item>
+  <div class="mk-required mb-2">文本长度</div>
+  <div class="flex w-full items-start gap-2">
+    <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最小长度', trigger: 'change' }]" prop="minlength">
+      <el-input-number v-model="formValue.minlength" class="w-full!" :min="1" :step="1" controls-position="right" align="left" step-strictly />
+    </el-form-item>
+    <span class="flex-center shrink-0 h-8">-</span>
+    <el-form-item class="min-w-0 flex-1" :rules="[{ required: true, message: '请输入最大长度', trigger: 'change' }]" prop="maxlength">
+      <el-input-number
+        v-model="formValue.maxlength"
+        class="w-full!"
+        :min="formValue.minlength > formValue.maxlength ? formValue.minlength : 1"
+        :step="1"
+        controls-position="right"
+        align="left"
+        step-strictly
+      />
+    </el-form-item>
+  </div>
 
   <el-form-item
     class="mk-hide-asterisk"
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 a170570a623..e6177d990f7 100644
--- a/ui/src/components/mk-dynamics-form/items/model/Model.vue
+++ b/ui/src/components/mk-dynamics-form/items/model/Model.vue
@@ -1,80 +1,63 @@
 <script setup lang="ts">
-import type { DynamicFormValue } from '../../type'
 import { computed } from 'vue'
-import { groupBy, flatMap } from 'lodash'
-import { relatedObject } from '@/utils/common'
+import { cloneDeep } from 'lodash'
+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'
 
-defineOptions({ name: 'DynamicFormModel' })
+defineOptions({ name: 'DynamicFormModel', inheritAttrs: false })
 
-const props = withDefaults(defineProps<{ modelValue?: { model_id: string; model_params_setting: Record<string, DynamicFormValue> } | null; formField: FormField }>(), {
-  modelValue: null,
-})
-
-const emit = defineEmits(['update:modelValue', 'change'])
-
-const modelValueProxy = computed({
-  get: () => props.modelValue,
-  set: (value) => {
-    emit('update:modelValue', value)
-    emit('change', props.formField)
-  },
-})
-
-const groupedOptions = computed(() => {
-  const list = (props.formField.attrs?.provider_list as DynamicFormValue[]) || []
-  return groupBy(list, 'provider')
-})
+interface ConfiguredModelOption {
+  model_id: string
+  model_name: string
+  provider: string
+  model_params_setting?: Dict<unknown>
+  status?: ModelItem['status']
+  source?: ModelItem['source']
+}
 
-const getModelProvider = computed(() => {
-  return (id: string) => {
-    const item = flatMap(groupedOptions.value)?.find((item: DynamicFormValue) => item.model_id === id)
-    return (item as DynamicFormValue)?.provider || ''
-  }
+const props = withDefaults(defineProps<{ modelValue?: ModelConfig | null; formField: FormField }>(), {
+  modelValue: null,
 })
 
-const handleModelChange = (selectedId: string) => {
-  const list = (props.formField.attrs?.provider_list as DynamicFormValue[]) || []
-  const selectedItem = list.find((p) => p.model_id === selectedId)
-  modelValueProxy.value = { model_id: selectedId, model_params_setting: selectedItem?.model_params_setting || {} }
+const emit = defineEmits<{
+  'update:modelValue': [value: ModelConfig]
+  change: [field: FormField]
+}>()
+
+// 将动态表单保存的模型快照转换为 ModelSelect 的扁平选项。
+const configuredModels = computed<ConfiguredModelOption[]>(() => props.formField.attrs?.provider_list ?? [])
+const modelOptions = computed<ModelItem[]>(() =>
+  configuredModels.value.map((model) => ({
+    id: model.model_id,
+    name: model.model_name,
+    model_name: model.model_name,
+    model_type: props.formField.model_type ?? '',
+    provider: model.provider,
+    status: model.status ?? MODEL_STATUS.SUCCESS,
+    source: model.source,
+  })),
+)
+
+function handleModelChange(modelId: string) {
+  const selectedModel = configuredModels.value.find((model) => model.model_id === modelId)
+  emit('update:modelValue', {
+    model_id: modelId,
+    model_params_setting: cloneDeep(selectedModel?.model_params_setting ?? {}),
+  })
+  emit('change', props.formField)
 }
 </script>
 
 <template>
-  <div class="complex-select flex align-center w-full">
-    <el-select class="complex-select__left" :model-value="modelValueProxy?.model_id" @change="handleModelChange" v-bind="$attrs" popper-class="select-model">
-      <el-option-group v-for="(modelList, providerName) in groupedOptions" :key="providerName" :label="relatedObject(providerList, String(providerName), 'provider')?.name">
-        <el-option v-for="item in modelList" :key="item.model_id" :label="item.model_name" :value="item.model_id">
-          <el-space :size="8">
-            <span :innerHTML="String(relatedObject(providerList, String(providerName), 'provider')?.icon ?? '')" class="select-model-icon" style="margin-top: -7px"> </span>
-            <span>{{ item.model_name }}</span>
-          </el-space>
-        </el-option>
-      </el-option-group>
-      <template #label="{ label, value }">
-        <el-space :size="8" v-if="value">
-          <span class="select-model-icon" :innerHTML="String(relatedObject(providerList, getModelProvider(value), 'provider')?.icon ?? '')"> </span>
-          <span>
-            <span>{{ label }}</span>
-          </span>
-        </el-space>
-      </template>
-    </el-select>
-  </div>
+  <!-- // TODO  -->
+  <ModelSelect
+    v-bind="$attrs"
+    :model-value="props.modelValue?.model_id ?? ''"
+    :options="modelOptions"
+    :provider-options="providerList"
+    @update:model-value="handleModelChange"
+  />
 </template>
-<style lang="scss" scoped>
-// AI模型选择：添加模型hover样式
-.select-model {
-  .el-select-dropdown__footer {
-    &:hover {
-      background-color: var(--el-fill-color-light);
-    }
-  }
-
-  .check-icon {
-    position: absolute;
-    right: 10px;
-  }
-}
-</style>
diff --git a/ui/src/components/mk-dynamics-form/items/radio/RadioCard.vue b/ui/src/components/mk-dynamics-form/items/radio/RadioCard.vue
index 3953cefd606..c91899c6583 100644
--- a/ui/src/components/mk-dynamics-form/items/radio/RadioCard.vue
+++ b/ui/src/components/mk-dynamics-form/items/radio/RadioCard.vue
@@ -54,7 +54,7 @@ const options = computed(() => {
     <div
       v-for="(item, index) in options"
       :key="item[valueField] ?? index"
-      class="cursor-pointer break-all rounded-md border px-4 py-[3px] text-center"
+      class="cursor-pointer break-all rounded-md border px-4 py-2 text-center"
       :class="[inputDisabled ? 'cursor-not-allowed! bg-N100! text-N600!' : '', isOptionActive(item[valueField]) ? 'border-primary! text-primary!' : '']"
       @click="selectOption(item[valueField])"
     >
diff --git a/ui/src/components/mk-dynamics-form/items/slider/Slider.vue b/ui/src/components/mk-dynamics-form/items/slider/Slider.vue
index 1733b8596eb..8d72d311c1e 100644
--- a/ui/src/components/mk-dynamics-form/items/slider/Slider.vue
+++ b/ui/src/components/mk-dynamics-form/items/slider/Slider.vue
@@ -3,5 +3,5 @@ defineOptions({ name: 'DynamicFormSlider' })
 </script>
 
 <template>
-  <el-slider v-bind="$attrs" show-input :show-input-controls="true" />
+  <MkSlider v-bind="$attrs" show-input :show-input-controls="true" />
 </template>
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index 6d27771fccf..e1a0886d4fd 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -792,6 +792,22 @@
   }
 }
 
+/* slider */
+.el-slider {
+  --el-slider-button-wrapper-size: 16px;
+  --el-slider-button-size: 16px;
+  --el-slider-button-wrapper-offset: -9px;
+  --el-slider-runway-bg-color: rgb(var(--mk-N900-rgb) / 16%);
+  --el-slider-height: 4px;
+  &__button {
+    border: solid 1px var(--mk-N400);
+    box-shadow: var(--el-box-shadow-lighter);
+    &:hover {
+      border: 2px solid var(--el-color-primary);
+    }
+  }
+}
+
 /* steps */
 .el-steps {
   align-items: center;
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSettingDialog.vue b/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSettingDialog.vue
index 6985d259c97..9231147d38d 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSettingDialog.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/FileUploadSettingDialog.vue
@@ -74,11 +74,11 @@ defineExpose({ open })
   <MkDialog v-model="visible" title="文件上传设置" width="800" @closed="resetData">
     <el-form :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="单次最多上传文件数">
-        <el-slider v-model="formData.maxFiles" :max="100" :min="1" show-input />
+        <MkSlider v-model="formData.maxFiles" :max="100" :min="1" show-input />
       </el-form-item>
 
       <el-form-item label="单个文件大小限制（MB）">
-        <el-slider v-model="formData.fileLimit" :max="1000" :min="1" show-input />
+        <MkSlider v-model="formData.fileLimit" :max="1000" :min="1" show-input />
       </el-form-item>
 
       <el-form-item label="允许上传的文件类型">
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
index bfdd635c4a1..c25acfae2be 100644
--- 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
@@ -94,7 +94,7 @@ defineExpose({ open })
         </el-form-item>
       </div>
       <el-form-item label="最多引用字符数" prop="max_paragraph_char_number">
-        <el-slider v-model="formData.max_paragraph_char_number" show-input :min="500" :max="100000" />
+        <MkSlider v-model="formData.max_paragraph_char_number" show-input :min="500" :max="100000" />
       </el-form-item>
     </el-form>
     <template #footer>