diff --git a/ui/src/api/enums/tool.ts b/ui/src/api/enums/tool.ts
index 0d813184951..187edf89932 100644
--- a/ui/src/api/enums/tool.ts
+++ b/ui/src/api/enums/tool.ts
@@ -1,4 +1,4 @@
-/** TODO 后端 Workspace 工具作用域枚举值。 */
+/** 后端 Workspace 工具作用域枚举值。 */
 export const TOOL_SCOPE = { INTERNAL: 'INTERNAL', SHARED: 'SHARED', WORKSPACE: 'WORKSPACE' } as const
 
 /** 后端 Workspace 工具类型枚举值。 */
diff --git a/ui/src/workflow-canvas/WORKFLOW_README.md b/ui/src/workflow-canvas/WORKFLOW_README.md
index 2d18744843a..a28440cbf71 100644
--- a/ui/src/workflow-canvas/WORKFLOW_README.md
+++ b/ui/src/workflow-canvas/WORKFLOW_README.md
@@ -128,6 +128,12 @@ Vue Teleport 节点继承页面上下文；画布核心不负责模型参数接
 保留失效引用检查；节点级 `validate()` 统一调用表单校验。所有非登录表单仅使用 `@submit.prevent`，
 保存或添加由按钮触发。
 
+基本信息节点的用户输入、接口传参和会话变量分别由 `UserInputTable`、`ApiParameterTable`、
+`ConversationVariableTable` 通过 `v-model` 编辑，使用小尺寸 `MkTable` 支持排序。字段弹窗只负责
+收集和校验单个字段，通过 `submit(data, index?)` 提交；表格完成重名检查和写回后调用 `close()`。
+节点入口深拷贝写回列表并发送原有字段刷新事件，保留显隐条件引用校验。用户输入与接口传参继续
+交叉检查参数重名；`UserInputSettingDialog` 独立维护直接展示参数设置，删除字段时由表格清理对应设置。
+
 表单收集节点的 `component/form-setting/FormSettingTable` 通过 `v-model` 编辑动态表单的
 `FormField[]`，负责增删改、排序和重名检查；`FormFieldDialog` 复用 `MkDynamicsFormConstructor`，
 通过 `submit(data, index?)` 提交，由表格写回后调用 `close()`，关闭动画结束时重置编辑状态。
diff --git a/ui/src/workflow-canvas/core/NodeCascader.vue b/ui/src/workflow-canvas/core/NodeCascader.vue
index 39f6eaf6664..23aefe21e26 100644
--- a/ui/src/workflow-canvas/core/NodeCascader.vue
+++ b/ui/src/workflow-canvas/core/NodeCascader.vue
@@ -85,7 +85,7 @@ function validate() {
   const fieldGroup = getOptionsValue().find(({ value }) => value === nodeId)
   if (!fieldGroup?.children?.some(({ value }) => value === fieldValue)) {
     selectedValue.value = []
-    return Promise.reject('不存在的引用变量')
+    return Promise.reject('引用变量不存在')
   }
   return Promise.resolve()
 }
diff --git a/ui/src/workflow-canvas/icons/reply-node-icon.vue b/ui/src/workflow-canvas/icons/reply-node-icon.vue
index fec0921d630..78bb9e5b074 100644
--- a/ui/src/workflow-canvas/icons/reply-node-icon.vue
+++ b/ui/src/workflow-canvas/icons/reply-node-icon.vue
@@ -1,6 +1,6 @@
 <template>
   <el-avatar shape="square" class="bg-warning!">
-    <img src="@/assets/workflow/icon_reply.svg" style="width: 65%" alt="" />
+    <img src="@/assets/workflow/icon_reply.svg" style="width: 64%" alt="" />
   </el-avatar>
 </template>
 <script setup lang="ts"></script>
diff --git a/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue
index b76d0453686..5c0d0322142 100644
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue
@@ -134,6 +134,7 @@ function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error
 }
 
 function validate() {
+  // TODO 图片选择需要必填？为什么没有必填标记？
   return Promise.all([formData.value.vision ? imageCascaderRef.value?.validate() : Promise.resolve(), formRef.value?.validate()]).catch((error) =>
     Promise.reject({ node: model, errMessage: error }),
   )
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/ApiParameterDialog.vue b/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/ApiParameterDialog.vue
new file mode 100644
index 00000000000..af641697677
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/ApiParameterDialog.vue
@@ -0,0 +1,73 @@
+<script setup lang="ts">
+import { ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormInstance } from 'element-plus'
+import type { ApiInputField } from '../../types'
+
+const emit = defineEmits<{ submit: [data: ApiInputField, index?: number] }>()
+const dialogVisible = ref(false)
+const editingIndex = ref<number>()
+const formRef = useTemplateRef<FormInstance>('formRef')
+const currentField = ref<ApiInputField>(createField())
+
+function createField(): ApiInputField {
+  return { assignment_method: 'api_input', default_value: '', desc: '', is_required: true, type: 'input', variable: '' }
+}
+
+function open(field?: ApiInputField, index?: number) {
+  if (field) currentField.value = cloneDeep(field)
+  editingIndex.value = index
+  dialogVisible.value = true
+}
+
+function submitField() {
+  formRef.value
+    ?.validate()
+    .then(() => emit('submit', cloneDeep(currentField.value), editingIndex.value))
+    .catch(() => {})
+}
+
+function resetData() {
+  editingIndex.value = undefined
+  currentField.value = createField()
+  formRef.value?.clearValidate()
+}
+
+function close() {
+  dialogVisible.value = false
+}
+
+defineExpose({ open, close })
+</script>
+
+<template>
+  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" align-center @closed="resetData">
+    <el-form ref="formRef" :model="currentField" label-position="top" require-asterisk-position="right" @submit.prevent>
+      <el-form-item
+        label="参数"
+        prop="variable"
+        :rules="[
+          { required: true, message: '请输入参数', trigger: 'blur' },
+          { pattern: /^[a-zA-Z0-9_]+$/, message: '仅支持字母、数字和下划线', trigger: 'blur' },
+        ]"
+      >
+        <el-input
+          v-model="currentField.variable"
+          maxlength="64"
+          show-word-limit
+          @blur="currentField.variable = currentField.variable.trim()"
+          placeholder="请输入参数"
+        />
+      </el-form-item>
+      <el-form-item label="描述"><el-input v-model="currentField.desc" maxlength="64" show-word-limit placeholder="请输入描述" /></el-form-item>
+      <el-form-item label="是否必填"><el-switch v-model="currentField.is_required" size="small" /></el-form-item>
+      <el-form-item label="默认值" prop="default_value" :rules="{ required: currentField.is_required, message: '请输入默认值', trigger: 'blur' }">
+        <el-input v-model="currentField.default_value" placeholder="请输入默认值" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="dialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="submitField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/ApiParameterTable.vue b/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/ApiParameterTable.vue
new file mode 100644
index 00000000000..53518498d18
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/ApiParameterTable.vue
@@ -0,0 +1,69 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormField } from '@/components/mk-dynamics-form'
+import { MsgError } from '@/utils/message'
+import type { ApiInputField } from '../../types'
+import ApiParameterDialog from './ApiParameterDialog.vue'
+
+const props = defineProps<{ userFields: FormField[] }>()
+const inputFields = defineModel<ApiInputField[]>({ required: true })
+const fieldDialogRef = useTemplateRef<InstanceType<typeof ApiParameterDialog>>('fieldDialogRef')
+
+// 表格负责增删和重名检查，校验通过后关闭字段弹窗。
+function openDialog(field?: ApiInputField, index?: number) {
+  fieldDialogRef.value?.open(field, index)
+}
+
+function saveField(data: ApiInputField, index?: number) {
+  if (
+    inputFields.value.some((field, fieldIndex) => field.variable === data.variable && fieldIndex !== index) ||
+    props.userFields.some(({ field }) => field === data.variable)
+  ) {
+    MsgError(`参数已存在：${data.variable}`)
+    return
+  }
+  const fields = cloneDeep(inputFields.value)
+  if (index === undefined) fields.push(cloneDeep(data))
+  else fields.splice(index, 1, cloneDeep(data))
+  inputFields.value = fields
+  fieldDialogRef.value?.close()
+}
+
+function deleteField(index: number) {
+  inputFields.value = cloneDeep(inputFields.value.filter((_, fieldIndex) => fieldIndex !== index))
+}
+</script>
+
+<template>
+  <div class="w-full">
+    <div class="flex-between">
+      <span>接口传参</span>
+      <el-button text type="primary" @click="openDialog()"><MkIcon name="icon_add_outlined" /></el-button>
+    </div>
+    <MkTable
+      class="mt-2 border"
+      v-if="inputFields.length"
+      :datav-model:data="inputFields"
+      sortable
+      size="small"
+      row-key="variable"
+      :max-height="undefined"
+    >
+      <el-table-column label="参数" prop="variable" min-width="120" show-overflow-tooltip />
+      <el-table-column label="描述" prop="desc" min-width="120" show-overflow-tooltip />
+      <el-table-column label="默认值" prop="default_value" min-width="100" show-overflow-tooltip />
+      <el-table-column label="必填" width="55">
+        <template #default="{ row }"><el-switch :model-value="Boolean(row.is_required)" disabled size="small" /></template>
+      </el-table-column>
+      <el-table-column label="操作" width="80">
+        <template #default="{ row, $index }">
+          <el-button text type="primary" aria-label="编辑" @click="openDialog(row, $index)"><MkIcon name="icon_edit_outlined" /></el-button>
+          <el-button text type="primary" aria-label="删除" @click="deleteField($index)"><MkIcon name="icon_delete-trash_outlined" /></el-button>
+        </template>
+      </el-table-column>
+    </MkTable>
+  </div>
+
+  <ApiParameterDialog ref="fieldDialogRef" @submit="saveField" />
+</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/index.vue b/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/index.vue
deleted file mode 100644
index 2d95f677ddb..00000000000
--- a/ui/src/workflow-canvas/nodes/base-node/component/api-parameter/index.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<script setup lang="ts">
-import { ref, useTemplateRef } from 'vue'
-import { cloneDeep } from 'lodash'
-import type { FormInstance } from 'element-plus'
-import type { FormField } from '@/components/mk-dynamics-form'
-import { Delete, Edit } from '@element-plus/icons-vue'
-import { MsgError } from '@/utils/message'
-import type { ApiInputField } from '../../types'
-
-defineOptions({ name: 'BaseNodeApiParameter' })
-
-const props = defineProps<{ fields: ApiInputField[]; userFields: FormField[] }>()
-const emit = defineEmits<{ 'update:fields': [fields: ApiInputField[]] }>()
-
-const dialogVisible = ref(false)
-const editingIndex = ref<number>()
-const formRef = useTemplateRef<FormInstance>('formRef')
-const currentField = ref<ApiInputField>(createField())
-
-function createField(): ApiInputField {
-  return { assignment_method: 'api_input', default_value: '', desc: '', is_required: true, type: 'input', variable: '' }
-}
-
-function openDialog(field?: ApiInputField, index?: number) {
-  editingIndex.value = index
-  currentField.value = cloneDeep(field ?? createField())
-  dialogVisible.value = true
-}
-
-function submitField() {
-  formRef.value?.validate().then(() => {
-    const field = cloneDeep(currentField.value)
-    const duplicated =
-      props.fields.some((item, index) => item.variable === field.variable && index !== editingIndex.value) ||
-      props.userFields.some(({ field: userField }) => userField === field.variable)
-    if (duplicated) {
-      MsgError(`参数已存在：${field.variable}`)
-      return
-    }
-
-    const fields = [...props.fields]
-    if (editingIndex.value === undefined) fields.push(field)
-    else fields.splice(editingIndex.value, 1, field)
-    emit('update:fields', fields)
-    dialogVisible.value = false
-  })
-}
-
-function deleteField(index: number) {
-  emit(
-    'update:fields',
-    props.fields.filter((_field, fieldIndex) => fieldIndex !== index),
-  )
-}
-</script>
-
-<template>
-  <section>
-    <div class="flex-between mb-3">
-      <p>API 参数</p>
-      <el-button text type="primary" @click="openDialog()"><MkIcon name="icon_add_outlined" /></el-button>
-    </div>
-    <el-table v-if="fields.length" :data="fields" class="mb-4" table-layout="fixed">
-      <el-table-column label="参数" prop="variable" min-width="120" show-overflow-tooltip />
-      <el-table-column label="描述" prop="desc" min-width="120" show-overflow-tooltip />
-      <el-table-column label="默认值" prop="default_value" min-width="100" show-overflow-tooltip />
-      <el-table-column label="必填" width="64">
-        <template #default="{ row }"><el-switch v-model="row.is_required" disabled size="small" /></template>
-      </el-table-column>
-      <el-table-column label="操作" width="88">
-        <template #default="{ row, $index }">
-          <el-button link type="primary" title="编辑" @click="openDialog(row, $index)"><MkIcon :icon="Edit" /></el-button>
-          <el-button link type="danger" title="删除" @click="deleteField($index)"><MkIcon :icon="Delete" /></el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-  </section>
-
-  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加 API 参数' : '编辑 API 参数'" width="560">
-    <el-form ref="formRef" :model="currentField" label-position="top" require-asterisk-position="right" @submit.prevent>
-      <el-form-item
-        label="参数"
-        prop="variable"
-        :rules="[
-          { required: true, message: '请输入参数', trigger: 'blur' },
-          { pattern: /^[a-zA-Z0-9_]+$/, message: '仅支持字母、数字和下划线', trigger: 'blur' },
-        ]"
-      >
-        <el-input v-model="currentField.variable" maxlength="64" show-word-limit @blur="currentField.variable = currentField.variable.trim()" />
-      </el-form-item>
-      <el-form-item label="描述"><el-input v-model="currentField.desc" maxlength="64" show-word-limit /></el-form-item>
-      <el-form-item label="是否必填"><el-switch v-model="currentField.is_required" size="small" /></el-form-item>
-      <el-form-item label="默认值" prop="default_value" :rules="{ required: currentField.is_required, message: '请输入默认值', trigger: 'blur' }">
-        <el-input v-model="currentField.default_value" />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <el-button @click="dialogVisible = false">取消</el-button>
-      <el-button type="primary" @click="submitField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
-    </template>
-  </MkDialog>
-</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/ConversationVariableDialog.vue b/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/ConversationVariableDialog.vue
new file mode 100644
index 00000000000..6d32635a1c5
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/ConversationVariableDialog.vue
@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import { ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormInstance } from 'element-plus'
+import type { ChatInputField } from '../../types'
+
+const emit = defineEmits<{ submit: [data: ChatInputField, index?: number] }>()
+const dialogVisible = ref(false)
+const editingIndex = ref<number>()
+const formRef = useTemplateRef<FormInstance>('formRef')
+const currentField = ref<ChatInputField>(createField())
+
+function createField(): ChatInputField {
+  return { field: '', label: '' }
+}
+
+function open(field?: ChatInputField, index?: number) {
+  if (field) currentField.value = cloneDeep(field)
+  editingIndex.value = index
+  dialogVisible.value = true
+}
+
+function submitField() {
+  formRef.value
+    ?.validate()
+    .then(() => emit('submit', cloneDeep(currentField.value), editingIndex.value))
+    .catch(() => {})
+}
+
+function resetData() {
+  editingIndex.value = undefined
+  currentField.value = createField()
+  formRef.value?.clearValidate()
+}
+function close() {
+  dialogVisible.value = false
+}
+
+defineExpose({ open, close })
+</script>
+
+<template>
+  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" align-center @closed="resetData">
+    <el-form ref="formRef" :model="currentField" label-position="top" require-asterisk-position="right" @submit.prevent>
+      <el-form-item
+        label="参数"
+        prop="field"
+        :rules="[
+          { required: true, message: '请输入参数', trigger: 'blur' },
+          { pattern: /^[a-zA-Z0-9_]+$/, message: '仅支持字母、数字和下划线', trigger: 'blur' },
+        ]"
+      >
+        <el-input
+          v-model="currentField.field"
+          maxlength="64"
+          show-word-limit
+          placeholder="请输入参数"
+          @blur="currentField.field = currentField.field.trim()"
+        />
+      </el-form-item>
+      <el-form-item label="显示名称" prop="label" :rules="{ required: true, message: '请输入显示名称', trigger: 'blur' }">
+        <el-input v-model="currentField.label" maxlength="64" show-word-limit placeholder="请输入显示名称" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="dialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="submitField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/ConversationVariableTable.vue b/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/ConversationVariableTable.vue
new file mode 100644
index 00000000000..ac122e1e960
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/ConversationVariableTable.vue
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import { MsgError } from '@/utils/message'
+import type { ChatInputField } from '../../types'
+import ConversationVariableDialog from './ConversationVariableDialog.vue'
+
+const inputFields = defineModel<ChatInputField[]>({ required: true })
+const fieldDialogRef = useTemplateRef<InstanceType<typeof ConversationVariableDialog>>('fieldDialogRef')
+
+// 表格负责增删和重名检查，校验通过后关闭字段弹窗。
+function openDialog(field?: ChatInputField, index?: number) {
+  fieldDialogRef.value?.open(field, index)
+}
+
+function saveField(data: ChatInputField, index?: number) {
+  if (inputFields.value.some((field, fieldIndex) => field.field === data.field && fieldIndex !== index)) {
+    MsgError(`参数已存在：${data.field}`)
+    return
+  }
+  const fields = cloneDeep(inputFields.value)
+  if (index === undefined) fields.push(cloneDeep(data))
+  else fields.splice(index, 1, cloneDeep(data))
+  inputFields.value = fields
+  fieldDialogRef.value?.close()
+}
+
+function deleteField(index: number) {
+  inputFields.value = cloneDeep(inputFields.value.filter((_, fieldIndex) => fieldIndex !== index))
+}
+</script>
+
+<template>
+  <div class="w-full">
+    <div class="flex-between">
+      <span>会话变量</span>
+      <el-button text type="primary" @click="openDialog()"><MkIcon name="icon_add_outlined" /></el-button>
+    </div>
+    <MkTable class="mt-2 border" v-if="inputFields.length > 0" v-model:data="inputFields" size="small" row-key="field" :max-height="undefined">
+      <el-table-column label="参数" prop="field">
+        <template #default="{ row }">
+          <span :title="row.field" class="block truncate">{{ row.field }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="显示名称" prop="label">
+        <template #default="{ row }">
+          <span :title="row.label" class="block truncate">{{ row.label }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="80">
+        <template #default="{ row, $index }">
+          <el-button text type="primary" @click="openDialog(row, $index)"><MkIcon name="icon_edit_outlined" /></el-button>
+          <el-button text type="primary" @click="deleteField($index)"><MkIcon name="icon_delete-trash_outlined" /></el-button>
+        </template>
+      </el-table-column>
+    </MkTable>
+  </div>
+
+  <ConversationVariableDialog ref="fieldDialogRef" @submit="saveField" />
+</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/index.vue b/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/index.vue
deleted file mode 100644
index 97129bc27a6..00000000000
--- a/ui/src/workflow-canvas/nodes/base-node/component/conversation-variable/index.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<script setup lang="ts">
-import { ref, useTemplateRef } from 'vue'
-import { cloneDeep } from 'lodash'
-import type { FormInstance } from 'element-plus'
-import { Delete, Edit } from '@element-plus/icons-vue'
-import { MsgError } from '@/utils/message'
-import type { ChatInputField } from '../../types'
-
-defineOptions({ name: 'BaseNodeConversationVariable' })
-
-const props = defineProps<{ fields: ChatInputField[] }>()
-const emit = defineEmits<{ 'update:fields': [fields: ChatInputField[]] }>()
-
-const dialogVisible = ref(false)
-const editingIndex = ref<number>()
-const formRef = useTemplateRef<FormInstance>('formRef')
-const currentField = ref<ChatInputField>({ field: '', label: '' })
-
-function openDialog(field?: ChatInputField, index?: number) {
-  editingIndex.value = index
-  currentField.value = cloneDeep(field ?? { field: '', label: '' })
-  dialogVisible.value = true
-}
-
-function submitField() {
-  formRef.value?.validate().then(() => {
-    const field = cloneDeep(currentField.value)
-    if (props.fields.some((item, index) => item.field === field.field && index !== editingIndex.value)) {
-      MsgError(`参数已存在：${field.field}`)
-      return
-    }
-
-    const fields = [...props.fields]
-    if (editingIndex.value === undefined) fields.push(field)
-    else fields.splice(editingIndex.value, 1, field)
-    emit('update:fields', fields)
-    dialogVisible.value = false
-  })
-}
-
-function deleteField(index: number) {
-  emit(
-    'update:fields',
-    props.fields.filter((_field, fieldIndex) => fieldIndex !== index),
-  )
-}
-</script>
-
-<template>
-  <section>
-    <div class="flex-between mb-3">
-      <p>会话变量</p>
-      <el-button text type="primary" @click="openDialog()"><MkIcon name="icon_add_outlined" /></el-button>
-    </div>
-    <el-table v-if="fields.length" :data="fields" class="mb-4" table-layout="fixed">
-      <el-table-column label="参数" prop="field" show-overflow-tooltip />
-      <el-table-column label="显示名称" prop="label" show-overflow-tooltip />
-      <el-table-column label="操作" width="88">
-        <template #default="{ row, $index }">
-          <el-button link type="primary" title="编辑" @click="openDialog(row, $index)"><MkIcon :icon="Edit" /></el-button>
-          <el-button link type="danger" title="删除" @click="deleteField($index)"><MkIcon :icon="Delete" /></el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-  </section>
-
-  <MkDialog v-model="dialogVisible" :title="editingIndex === undefined ? '添加会话变量' : '编辑会话变量'" width="560">
-    <el-form ref="formRef" :model="currentField" label-position="top" require-asterisk-position="right" @submit.prevent>
-      <el-form-item
-        label="参数"
-        prop="field"
-        :rules="[
-          { required: true, message: '请输入参数', trigger: 'blur' },
-          { pattern: /^[a-zA-Z0-9_]+$/, message: '仅支持字母、数字和下划线', trigger: 'blur' },
-        ]"
-      >
-        <el-input v-model="currentField.field" maxlength="64" show-word-limit @blur="currentField.field = currentField.field.trim()" />
-      </el-form-item>
-      <el-form-item label="显示名称" prop="label" :rules="{ required: true, message: '请输入显示名称', trigger: 'blur' }">
-        <el-input v-model="currentField.label" maxlength="64" show-word-limit />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <el-button @click="dialogVisible = false">取消</el-button>
-      <el-button type="primary" @click="submitField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
-    </template>
-  </MkDialog>
-</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputFieldDialog.vue b/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputFieldDialog.vue
new file mode 100644
index 00000000000..8b39bac94cf
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputFieldDialog.vue
@@ -0,0 +1,80 @@
+<script setup lang="ts">
+import { computed, ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import { MkDynamicsFormConstructor, type FormField, type VisibilityFieldOption } from '@/components/mk-dynamics-form'
+import { MsgError } from '@/utils/message'
+
+const props = defineProps<{ formFields: FormField[]; nodeId: string }>()
+const emit = defineEmits<{ submit: [data: FormField, index?: number] }>()
+const fieldDialogVisible = ref(false)
+const editingIndex = ref<number>()
+const constructorRef = useTemplateRef<InstanceType<typeof MkDynamicsFormConstructor>>('constructorRef')
+const currentField = ref<Partial<FormField>>(createField())
+
+const visibilityOptions = computed<VisibilityFieldOption[]>(() => [
+  {
+    children: props.formFields
+      .filter((_field, index) => index !== editingIndex.value)
+      .map((field) => ({
+        attrs: field.attrs,
+        input_type: field.input_type,
+        label: formatLabel(field.label, field.field),
+        option_list: field.option_list,
+        value: field.field,
+      })),
+    label: '当前表单',
+    self: true,
+    value: props.nodeId,
+  },
+])
+
+function formatLabel(label: FormField['label'], fallback = '') {
+  return typeof label === 'string' ? label : (label?.label ?? fallback)
+}
+
+function createField(): Partial<FormField> {
+  return { input_type: 'TextInput', required: false, show_default_value: true }
+}
+
+function open(field?: FormField, index?: number) {
+  if (field) currentField.value = cloneDeep(field)
+  editingIndex.value = index
+  fieldDialogVisible.value = true
+}
+
+function submitField() {
+  const constructor = constructorRef.value
+  if (!constructor) return
+  constructor
+    .validate()
+    .then(() => {
+      const field = constructor.getData()
+      if (!field.field || !/^[a-zA-Z0-9_]+$/.test(field.field)) {
+        MsgError('参数仅支持字母、数字和下划线')
+        return
+      }
+      emit('submit', cloneDeep(field), editingIndex.value)
+    })
+    .catch(() => {})
+}
+
+function resetData() {
+  editingIndex.value = undefined
+  currentField.value = createField()
+}
+function close() {
+  fieldDialogVisible.value = false
+}
+
+defineExpose({ open, close })
+</script>
+
+<template>
+  <MkDialog v-model="fieldDialogVisible" :title="editingIndex === undefined ? '添加参数' : '编辑参数'" align-center @closed="resetData">
+    <MkDynamicsFormConstructor ref="constructorRef" v-model="currentField" enable-visibility :left-options="visibilityOptions" />
+    <template #footer>
+      <el-button @click="fieldDialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="submitField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputSettingDialog.vue b/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputSettingDialog.vue
new file mode 100644
index 00000000000..433ad419538
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputSettingDialog.vue
@@ -0,0 +1,61 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormField } from '@/components/mk-dynamics-form'
+import type { UserInputSetting } from '../../types'
+import { exposedInputTypes } from './constant'
+
+const props = defineProps<{ fields: FormField[] }>()
+const emit = defineEmits<{ submit: [setting: UserInputSetting] }>()
+const settingDialogVisible = ref(false)
+const currentSetting = ref<UserInputSetting>({ exposed_fields: [], menu_title: '用户输入' })
+const exposedFieldOptions = computed(() => props.fields.filter(({ input_type }) => exposedInputTypes.includes(input_type)))
+
+function formatLabel(label: FormField['label'], fallback = '') {
+  return typeof label === 'string' ? label : (label?.label ?? fallback)
+}
+
+function resetData() {
+  currentSetting.value = { exposed_fields: [], menu_title: '用户输入' }
+}
+
+function open(setting: UserInputSetting) {
+  resetData()
+  currentSetting.value = cloneDeep(setting)
+  settingDialogVisible.value = true
+}
+
+function submitSetting() {
+  emit('submit', cloneDeep(currentSetting.value))
+  settingDialogVisible.value = false
+}
+
+defineExpose({ open })
+</script>
+
+<template>
+  <MkDialog v-model="settingDialogVisible" title="设置" align-center @closed="resetData">
+    <el-form :model="currentSetting" label-position="top" require-asterisk-position="right" @submit.prevent>
+      <el-form-item>
+        <template #label>
+          <span class="flex items-center gap-1">
+            <span>外置参数设置（最多可显示3个）</span>
+            <el-tooltip placement="right" content="仅支持模型、知识库、开关、日期、树形选项卡、单选框、多选框组件类型">
+              <MkIcon name="icon_info_outlined" class="text-N600!" />
+            </el-tooltip>
+          </span>
+        </template>
+        <el-select v-model="currentSetting.exposed_fields" multiple :multiple-limit="3" placeholder="请选择">
+          <el-option v-for="field in exposedFieldOptions" :key="field.field" :label="formatLabel(field.label, field.field)" :value="field.field" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="其他参数收纳菜单标题" prop="menu_title" :rules="[{ required: true, message: '请输入', trigger: 'blur' }]">
+        <el-input v-model="currentSetting.menu_title" maxlength="64" show-word-limit placeholder="请输入" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="settingDialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="submitSetting">保存</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputTable.vue b/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputTable.vue
new file mode 100644
index 00000000000..bcedf60416f
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/component/user-input/UserInputTable.vue
@@ -0,0 +1,112 @@
+<script setup lang="ts">
+import { useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import { dynamicFormTypeOptions, type FormField } from '@/components/mk-dynamics-form'
+import { MsgError } from '@/utils/message'
+import type { ApiInputField, UserInputSetting } from '../../types'
+import UserInputFieldDialog from './UserInputFieldDialog.vue'
+import UserInputSettingDialog from './UserInputSettingDialog.vue'
+import { exposedInputTypes } from './constant'
+
+const props = defineProps<{ apiFields: ApiInputField[]; nodeId: string }>()
+const inputFields = defineModel<FormField[]>({ required: true })
+const setting = defineModel<UserInputSetting>('setting', { required: true })
+const fieldDialogRef = useTemplateRef<InstanceType<typeof UserInputFieldDialog>>('fieldDialogRef')
+const settingDialogRef = useTemplateRef<InstanceType<typeof UserInputSettingDialog>>('settingDialogRef')
+
+function formatDefaultValue(field: FormField) {
+  if (field.input_type === 'PasswordInput' && field.default_value) return '******'
+  if (Array.isArray(field.default_value)) return field.default_value.join('、')
+  return String(field.default_value ?? '')
+}
+
+function openFieldDialog(field?: FormField, index?: number) {
+  fieldDialogRef.value?.open(field, index)
+}
+
+// 用户输入与接口传参共用参数命名空间。
+function saveField(data: FormField, index?: number) {
+  if (
+    inputFields.value.some((field, fieldIndex) => field.field === data.field && fieldIndex !== index) ||
+    props.apiFields.some(({ variable }) => variable === data.field)
+  ) {
+    MsgError(`参数已存在：${data.field}`)
+    return
+  }
+  const fields = cloneDeep(inputFields.value)
+  if (index === undefined) fields.push(cloneDeep(data))
+  else fields.splice(index, 1, cloneDeep(data))
+  inputFields.value = fields
+  if (!exposedInputTypes.includes(data.input_type)) removeExposedField(data.field)
+  fieldDialogRef.value?.close()
+}
+
+// 删除字段时同步移除直接展示设置。
+function deleteField(index: number) {
+  const fields = cloneDeep(inputFields.value)
+  const [removed] = fields.splice(index, 1)
+  inputFields.value = fields
+  if (removed) removeExposedField(removed.field)
+}
+
+function removeExposedField(field: string) {
+  const nextSetting = cloneDeep(setting.value)
+  nextSetting.exposed_fields = nextSetting.exposed_fields.filter((exposedField) => exposedField !== field)
+  setting.value = nextSetting
+}
+</script>
+
+<template>
+  <div class="w-full">
+    <div class="flex-between">
+      <span>用户输入</span>
+      <div class="flex items-center">
+        <el-button text type="primary" title="用户输入设置" @click="settingDialogRef?.open(setting)">
+          <MkIcon name="icon-setting" />
+        </el-button>
+        <el-button text type="primary" @click="openFieldDialog()">
+          <MkIcon name="icon_add_outlined" />
+        </el-button>
+      </div>
+    </div>
+    <MkTable class="mt-2 border" v-if="inputFields.length" v-model:data="inputFields" sortable size="small" row-key="field" :max-height="undefined">
+      <el-table-column prop="field" label="参数">
+        <template #default="{ row }">
+          <span :title="row.field" class="block truncate">{{ row.field }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="显示名称">
+        <template #default="{ row }">
+          <span class="block truncate" :title="row.label.label" v-if="row.label && row.label.input_type === 'TooltipLabel'">{{
+            row.label.label
+          }}</span>
+          <span class="block truncate" :title="row.label" v-else>{{ row.label }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="组件类型" width="110">
+        <template #default="{ row }"
+          ><el-tag size="small" type="info">{{
+            dynamicFormTypeOptions.find(({ value }) => value === row.input_type)?.label ?? row.input_type
+          }}</el-tag></template
+        >
+      </el-table-column>
+      <el-table-column label="默认值">
+        <template #default="{ row }">
+          <span :title="formatDefaultValue(row)" class="block truncate">{{ formatDefaultValue(row) }}</span></template
+        >
+      </el-table-column>
+      <el-table-column label="必填" width="55">
+        <template #default="{ row }"><el-switch :model-value="Boolean(row.required)" disabled size="small" /></template>
+      </el-table-column>
+      <el-table-column label="操作" width="80">
+        <template #default="{ row, $index }">
+          <el-button text type="primary" @click="openFieldDialog(row, $index)"><MkIcon name="icon_edit_outlined" /></el-button>
+          <el-button text type="primary" @click="deleteField($index)"><MkIcon name="icon_delete-trash_outlined" /></el-button>
+        </template>
+      </el-table-column>
+    </MkTable>
+  </div>
+
+  <UserInputFieldDialog ref="fieldDialogRef" :form-fields="inputFields" :node-id="props.nodeId" @submit="saveField" />
+  <UserInputSettingDialog ref="settingDialogRef" :fields="inputFields" @submit="setting = $event" />
+</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/user-input/constant.ts b/ui/src/workflow-canvas/nodes/base-node/component/user-input/constant.ts
new file mode 100644
index 00000000000..9a9e1ca2ffe
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/component/user-input/constant.ts
@@ -0,0 +1 @@
+export const exposedInputTypes = ['TextInput', 'TextareaInput', 'PasswordInput', 'SingleSelect', 'MultiSelect', 'DatePicker', 'SwitchInput']
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/user-input/index.vue b/ui/src/workflow-canvas/nodes/base-node/component/user-input/index.vue
deleted file mode 100644
index 705c837d44a..00000000000
--- a/ui/src/workflow-canvas/nodes/base-node/component/user-input/index.vue
+++ /dev/null
@@ -1,172 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, useTemplateRef } from 'vue'
-import { cloneDeep } from 'lodash'
-import { Delete, Edit, Setting } from '@element-plus/icons-vue'
-import { MkDynamicsFormConstructor, dynamicFormTypeOptions, type FormField, type VisibilityFieldOption } from '@/components/mk-dynamics-form'
-import { MsgError } from '@/utils/message'
-import type { ApiInputField, UserInputSetting } from '../../types'
-
-defineOptions({ name: 'BaseNodeUserInput' })
-
-const props = defineProps<{
-  apiFields: ApiInputField[]
-  fields: FormField[]
-  nodeId: string
-  setting: UserInputSetting
-}>()
-const emit = defineEmits<{
-  'update:fields': [fields: FormField[]]
-  'update:setting': [setting: UserInputSetting]
-}>()
-
-const fieldDialogVisible = ref(false)
-const settingDialogVisible = ref(false)
-const editingIndex = ref<number>()
-const constructorRef = useTemplateRef<InstanceType<typeof MkDynamicsFormConstructor>>('constructorRef')
-const currentField = ref<Partial<FormField>>({ input_type: 'TextInput', required: false, show_default_value: true })
-const currentSetting = ref<UserInputSetting>({ exposed_fields: [], menu_title: '更多设置' })
-
-const exposedInputTypes = ['TextInput', 'TextareaInput', 'PasswordInput', 'SingleSelect', 'MultiSelect', 'DatePicker', 'SwitchInput']
-const exposedFieldOptions = computed(() => props.fields.filter(({ input_type }) => exposedInputTypes.includes(input_type)))
-const visibilityOptions = computed<VisibilityFieldOption[]>(() => [
-  {
-    children: props.fields
-      .filter((_field, index) => index !== editingIndex.value)
-      .map((field) => ({
-        attrs: field.attrs,
-        input_type: field.input_type,
-        label: formatLabel(field.label, field.field),
-        option_list: field.option_list,
-        value: field.field,
-      })),
-    label: '当前表单',
-    self: true,
-    value: props.nodeId,
-  },
-])
-
-function formatLabel(label: FormField['label'], fallback = '') {
-  return typeof label === 'string' ? label : (label?.label ?? fallback)
-}
-
-function formatDefaultValue(field: FormField) {
-  if (field.input_type === 'PasswordInput' && field.default_value) return '******'
-  if (Array.isArray(field.default_value)) return field.default_value.join('、')
-  return String(field.default_value ?? '')
-}
-
-function openFieldDialog(field?: FormField, index?: number) {
-  editingIndex.value = index
-  currentField.value = cloneDeep(field ?? { input_type: 'TextInput', required: false, show_default_value: true })
-  fieldDialogVisible.value = true
-}
-
-function submitField() {
-  constructorRef.value?.validate().then(() => {
-    const field = constructorRef.value?.getData()
-    if (!field?.field || !/^[a-zA-Z0-9_]+$/.test(field.field)) {
-      MsgError('参数仅支持字母、数字和下划线')
-      return
-    }
-    const duplicated =
-      props.fields.some((item, index) => item.field === field.field && index !== editingIndex.value) ||
-      props.apiFields.some(({ variable }) => variable === field.field)
-    if (duplicated) {
-      MsgError(`参数已存在：${field.field}`)
-      return
-    }
-
-    const fields = [...props.fields]
-    if (editingIndex.value === undefined) fields.push(field)
-    else fields.splice(editingIndex.value, 1, field)
-    emit('update:fields', fields)
-    if (!exposedInputTypes.includes(field.input_type)) removeExposedField(field.field)
-    fieldDialogVisible.value = false
-  })
-}
-
-function deleteField(index: number) {
-  const fields = [...props.fields]
-  const [removed] = fields.splice(index, 1)
-  emit('update:fields', fields)
-  if (removed) removeExposedField(removed.field)
-}
-
-function removeExposedField(field: string) {
-  const setting = cloneDeep(props.setting)
-  setting.exposed_fields = setting.exposed_fields.filter((exposedField) => exposedField !== field)
-  emit('update:setting', setting)
-}
-
-function openSettingDialog() {
-  currentSetting.value = cloneDeep(props.setting)
-  settingDialogVisible.value = true
-}
-
-function submitSetting() {
-  emit('update:setting', cloneDeep(currentSetting.value))
-  settingDialogVisible.value = false
-}
-</script>
-
-<template>
-  <section>
-    <div class="flex-between mb-3">
-      <p>用户输入</p>
-      <div class="flex items-center">
-        <el-button text type="primary" title="用户输入设置" @click="openSettingDialog">
-          <MkIcon :icon="Setting" />
-        </el-button>
-        <el-button text type="primary" @click="openFieldDialog()">
-          <MkIcon name="icon_add_outlined" />
-        </el-button>
-      </div>
-    </div>
-    <el-table v-if="fields.length" :data="fields" class="mb-4" table-layout="fixed">
-      <el-table-column label="参数" prop="field" min-width="110" show-overflow-tooltip />
-      <el-table-column label="显示名称" min-width="110" show-overflow-tooltip>
-        <template #default="{ row }">{{ formatLabel(row.label, row.field) }}</template>
-      </el-table-column>
-      <el-table-column label="类型" prop="input_type" min-width="100">
-        <template #default="{ row }">{{ dynamicFormTypeOptions.find(({ value }) => value === row.input_type)?.label ?? row.input_type }}</template>
-      </el-table-column>
-      <el-table-column label="默认值" min-width="90" show-overflow-tooltip>
-        <template #default="{ row }">{{ formatDefaultValue(row) }}</template>
-      </el-table-column>
-      <el-table-column label="必填" width="64">
-        <template #default="{ row }"><el-switch v-model="row.required" disabled size="small" /></template>
-      </el-table-column>
-      <el-table-column label="操作" width="88">
-        <template #default="{ row, $index }">
-          <el-button link type="primary" title="编辑" @click="openFieldDialog(row, $index)"><MkIcon :icon="Edit" /></el-button>
-          <el-button link type="danger" title="删除" @click="deleteField($index)"><MkIcon :icon="Delete" /></el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-  </section>
-
-  <MkDialog v-model="fieldDialogVisible" :title="editingIndex === undefined ? '添加用户输入参数' : '编辑用户输入参数'" width="700">
-    <MkDynamicsFormConstructor ref="constructorRef" v-model="currentField" enable-visibility :left-options="visibilityOptions" />
-    <template #footer>
-      <el-button @click="fieldDialogVisible = false">取消</el-button>
-      <el-button type="primary" @click="submitField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
-    </template>
-  </MkDialog>
-
-  <MkDialog v-model="settingDialogVisible" title="用户输入设置" width="520">
-    <el-form :model="currentSetting" label-position="top" @submit.prevent>
-      <el-form-item label="直接展示的参数">
-        <el-select v-model="currentSetting.exposed_fields" class="w-full" multiple :multiple-limit="3" placeholder="最多选择 3 个参数">
-          <el-option v-for="field in exposedFieldOptions" :key="field.field" :label="formatLabel(field.label, field.field)" :value="field.field" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="其余参数菜单标题">
-        <el-input v-model="currentSetting.menu_title" maxlength="64" show-word-limit />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <el-button @click="settingDialogVisible = false">取消</el-button>
-      <el-button type="primary" @click="submitSetting">保存</el-button>
-    </template>
-  </MkDialog>
-</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/index.vue b/ui/src/workflow-canvas/nodes/base-node/index.vue
index edc0aad584c..bd3396a01ca 100644
--- a/ui/src/workflow-canvas/nodes/base-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/index.vue
@@ -7,10 +7,11 @@ import ModelSelect from '@/components/business/model-select/index.vue'
 import type { FormField } from '@/components/mk-dynamics-form'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
 import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
+import { handleNodeWheel } from '@/workflow-canvas/core/utils'
 import { useWorkflowStore } from '@/workflow-canvas/store'
-import ApiParameter from './component/api-parameter/index.vue'
-import ConversationVariable from './component/conversation-variable/index.vue'
-import UserInput from './component/user-input/index.vue'
+import ApiParameterTable from './component/api-parameter/ApiParameterTable.vue'
+import ConversationVariableTable from './component/conversation-variable/ConversationVariableTable.vue'
+import UserInputTable from './component/user-input/UserInputTable.vue'
 import { defaultFileUploadSetting } from './constant'
 import { type ApiInputField, type BaseNodeForm, type ChatInputField, type UserInputSetting } from './types'
 
@@ -23,10 +24,7 @@ const store = useWorkflowStore(apiType)
 
 const formRef = useTemplateRef<FormInstance>('formRef')
 
-const sttModelOptions = ref<ModelItem[]>([])
-const ttsModelOptions = ref<ModelItem[]>([])
-const providerOptions = ref<ModelProviderItem[]>([])
-
+// 基本信息与节点数据初始化
 const defaultForm: BaseNodeForm = {
   desc: '',
   file_upload_enable: false,
@@ -72,20 +70,37 @@ const formData = computed<BaseNodeForm>({
   set: (value) => (model.properties.node_data = value),
 })
 
-function handleEditorWheel(event: WheelEvent) {
-  if (event.ctrlKey) event.preventDefault()
-  else event.stopPropagation()
+// 长期记忆
+function changeLongTermEnabled(enabled: boolean | number | string) {
+  formData.value.long_term_enable = Boolean(enabled)
+  if (enabled && !formData.value.long_term_model_id_type) formData.value.long_term_model_id_type = 'default'
+  model.graphModel.eventCenter.emit('refreshLongTermConfig', undefined)
 }
 
-// 子模块数据映射
-const userInputFields = computed(() => (model.properties.user_input_field_list ?? []) as FormField[])
-const apiInputFields = computed(() => (model.properties.api_input_field_list ?? []) as ApiInputField[])
-const conversationVariables = computed(() => (model.properties.chat_input_field_list ?? []) as ChatInputField[])
-const userInputSetting = computed<UserInputSetting>(() =>
-  cloneDeep((model.properties.user_input_field_list_setting as UserInputSetting | undefined) ?? { exposed_fields: [], menu_title: '更多设置' }),
-)
-const defaultSttModelSetting = computed(() => model.getDefaultModelConfig('STT'))
-const defaultTtsModelSetting = computed(() => model.getDefaultModelConfig('TTS'))
+// 文件上传
+function changeFileUploadEnabled(enabled: boolean | number | string) {
+  formData.value.file_upload_enable = Boolean(enabled)
+  if (enabled && !formData.value.file_upload_setting) {
+    formData.value.file_upload_setting = cloneDeep(defaultFileUploadSetting)
+  }
+  model.graphModel.eventCenter.emit('refreshFileUploadConfig', undefined)
+}
+
+// 用户输入：字段、展示设置与显隐引用校验
+const userInputFields = computed({
+  get: () => (model.properties.user_input_field_list ?? []) as FormField[],
+  set: (fields) => {
+    model.properties.user_input_field_list = cloneDeep(fields)
+    model.graphModel.eventCenter.emit('refreshFieldList', undefined)
+  },
+})
+const userInputSetting = computed<UserInputSetting>({
+  get: () =>
+    cloneDeep((model.properties.user_input_field_list_setting as UserInputSetting | undefined) ?? { exposed_fields: [], menu_title: '用户输入' }),
+  set: (setting) => {
+    model.properties.user_input_field_list_setting = cloneDeep(setting)
+  },
+})
 
 function validateUserFieldReferences() {
   for (const userField of userInputFields.value) {
@@ -93,14 +108,56 @@ function validateUserFieldReferences() {
       if (!condition.field?.[0] || !condition.field?.[1]) continue
       const isCurrentForm = condition.field[0] === model.id || (model.id === 'base-node' && condition.field[0] === 'global')
       if (isCurrentForm && !userInputFields.value.some(({ field }) => field === condition.field[1])) {
-        return Promise.reject('用户输入参数引用了已删除的变量')
+        return Promise.reject('引用变量不存在')
       }
     }
   }
   return Promise.resolve()
 }
 
+// 接口传参
+const apiInputFields = computed({
+  get: () => (model.properties.api_input_field_list ?? []) as ApiInputField[],
+  set: (fields) => {
+    model.properties.api_input_field_list = cloneDeep(fields)
+    model.graphModel.eventCenter.emit('refreshFieldList', undefined)
+  },
+})
+
+// 会话变量
+const conversationVariables = computed({
+  get: () => (model.properties.chat_input_field_list ?? []) as ChatInputField[],
+  set: (fields) => {
+    model.properties.chat_input_field_list = cloneDeep(fields)
+    model.graphModel.eventCenter.emit('chatFieldList', undefined)
+  },
+})
+
+// 语音输入
+const sttModelOptions = ref<ModelItem[]>([])
+const defaultSttModelSetting = computed(() => model.getDefaultModelConfig('STT'))
+
+function changeSpeechInputEnabled(enabled: boolean | number | string) {
+  if (!enabled) formData.value.stt_model_id = ''
+  if (!formData.value.stt_model_id_type) formData.value.stt_model_id_type = 'default'
+}
+
+// 语音播放
+const ttsModelOptions = ref<ModelItem[]>([])
+const defaultTtsModelSetting = computed(() => model.getDefaultModelConfig('TTS'))
+
+function changeSpeechPlaybackEnabled(enabled: boolean | number | string) {
+  if (enabled) return
+  formData.value.tts_model_id = ''
+  formData.value.tts_type = 'BROWSER'
+}
+
+// 语音模型共用的供应商选项
+const providerOptions = ref<ModelProviderItem[]>([])
+
+// 节点统一校验
 function validate() {
+  // TODO v2没有标记必填 但是需要校验 需要核对一下
   if (formData.value.tts_model_enable && formData.value.tts_type === 'CUSTOM' && !formData.value.tts_model_id) {
     return Promise.reject({ node: model, errMessage: '请选择语音播放模型' })
   }
@@ -119,51 +176,6 @@ function validate() {
   return Promise.all([validateUserFieldReferences(), formRef.value?.validate()]).catch((error) => Promise.reject({ node: model, errMessage: error }))
 }
 
-// 子模块数据更新
-function changeLongTermEnabled(enabled: boolean | number | string) {
-  formData.value.long_term_enable = Boolean(enabled)
-  if (enabled && !formData.value.long_term_model_id_type) formData.value.long_term_model_id_type = 'default'
-  model.graphModel.eventCenter.emit('refreshLongTermConfig', undefined)
-}
-
-function changeFileUploadEnabled(enabled: boolean | number | string) {
-  formData.value.file_upload_enable = Boolean(enabled)
-  if (enabled && !formData.value.file_upload_setting) {
-    formData.value.file_upload_setting = cloneDeep(defaultFileUploadSetting)
-  }
-  model.graphModel.eventCenter.emit('refreshFileUploadConfig', undefined)
-}
-
-function updateUserInputFields(fields: FormField[]) {
-  model.properties.user_input_field_list = fields
-  model.graphModel.eventCenter.emit('refreshFieldList', undefined)
-}
-
-function updateUserInputSetting(setting: UserInputSetting) {
-  model.properties.user_input_field_list_setting = setting
-}
-
-function updateApiInputFields(fields: ApiInputField[]) {
-  model.properties.api_input_field_list = fields
-  model.graphModel.eventCenter.emit('refreshFieldList', undefined)
-}
-
-function updateConversationVariables(fields: ChatInputField[]) {
-  model.properties.chat_input_field_list = fields
-  model.graphModel.eventCenter.emit('chatFieldList', undefined)
-}
-
-function changeSpeechInputEnabled(enabled: boolean | number | string) {
-  if (!enabled) formData.value.stt_model_id = ''
-  if (!formData.value.stt_model_id_type) formData.value.stt_model_id_type = 'default'
-}
-
-function changeSpeechPlaybackEnabled(enabled: boolean | number | string) {
-  if (enabled) return
-  formData.value.tts_model_id = ''
-  formData.value.tts_type = 'BROWSER'
-}
-
 onMounted(() => {
   model.validate = validate
   if (!Array.isArray(model.properties.user_input_field_list)) model.properties.user_input_field_list = []
@@ -195,7 +207,7 @@ onMounted(() => {
       </el-form-item>
 
       <el-form-item label="开场白">
-        <MdEditorMagnify v-model="formData.prologue" title="开场白" @wheel="handleEditorWheel" />
+        <MdEditorMagnify v-model="formData.prologue" title="开场白" @wheel="handleNodeWheel" />
       </el-form-item>
 
       <!-- 长期记忆 -->
@@ -234,20 +246,18 @@ onMounted(() => {
         </span>
       </div>
 
-      <!-- 用户输入 TODO 整理 -->
-      <UserInput
-        :api-fields="apiInputFields"
-        :fields="userInputFields"
-        :node-id="model.id"
-        :setting="userInputSetting"
-        @update:fields="updateUserInputFields"
-        @update:setting="updateUserInputSetting"
-      />
-      <!-- 接口传参 TODO 整理 -->
-      <ApiParameter :fields="apiInputFields" :user-fields="userInputFields" @update:fields="updateApiInputFields" />
-
-      <!-- 会话变量 TODO 整理 -->
-      <ConversationVariable :fields="conversationVariables" @update:fields="updateConversationVariables" />
+      <!-- 用户输入 -->
+      <el-form-item>
+        <UserInputTable v-model="userInputFields" v-model:setting="userInputSetting" :api-fields="apiInputFields" :node-id="model.id" />
+      </el-form-item>
+      <!-- 接口传参 -->
+      <el-form-item>
+        <ApiParameterTable v-model="apiInputFields" :user-fields="userInputFields" />
+      </el-form-item>
+      <!-- 会话变量 -->
+      <el-form-item>
+        <ConversationVariableTable v-model="conversationVariables" />
+      </el-form-item>
 
       <!-- 语音输入 -->
       <div class="flex-between">