From 11b708b89f6f3896e63c550cfd94eab745dbbeb0 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 3 Sep 2026 14:53:05 +0800
Subject: [PATCH] fix: tool list error

---
 ui/src/styles/STYLE_README.md                 |   9 +
 ui/src/styles/app.scss                        |  14 +-
 ui/src/views/tool/ToolView.vue                |   4 +-
 .../tool-form/tool-custom/ToolFormDrawer.vue  |   2 +-
 ui/src/workflow-canvas/config/node-data.ts    |   5 +-
 .../core/node-container/index.vue             |  24 +-
 ui/src/workflow-canvas/core/workflow-node.ts  |   2 +-
 .../nodes/base-node/BaseNodeFieldTables.vue   | 352 ++++++++++++++++++
 .../base-node/FileUploadSettingDialog.vue     | 149 ++++++++
 .../nodes/base-node/LongTermSettingDialog.vue | 209 +++++++++++
 .../nodes/base-node/ModelParamsDialog.vue     |  78 ++++
 .../nodes/base-node/PrologueEditor.vue        |  56 +++
 .../workflow-canvas/nodes/base-node/index.ts  |   2 +-
 .../workflow-canvas/nodes/base-node/index.vue | 308 ++++++++++++++-
 .../workflow-canvas/nodes/base-node/types.ts  |  69 ++++
 .../nodes/start-node/index.vue                |   9 +-
 16 files changed, 1251 insertions(+), 41 deletions(-)
 create mode 100644 ui/src/workflow-canvas/nodes/base-node/BaseNodeFieldTables.vue
 create mode 100644 ui/src/workflow-canvas/nodes/base-node/FileUploadSettingDialog.vue
 create mode 100644 ui/src/workflow-canvas/nodes/base-node/LongTermSettingDialog.vue
 create mode 100644 ui/src/workflow-canvas/nodes/base-node/ModelParamsDialog.vue
 create mode 100644 ui/src/workflow-canvas/nodes/base-node/PrologueEditor.vue
 create mode 100644 ui/src/workflow-canvas/nodes/base-node/types.ts

diff --git a/ui/src/styles/STYLE_README.md b/ui/src/styles/STYLE_README.md
index 3bc552fb218..50468c735c6 100644
--- a/ui/src/styles/STYLE_README.md
+++ b/ui/src/styles/STYLE_README.md
@@ -157,6 +157,15 @@ CSS 自定义属性同样按变量名排序。嵌套选择器、伪类和媒体
 仅在布局语义与工具类完全一致时使用。需要覆盖排列方向或对齐方式的响应式布局继续组合 Tailwind
 原子类，不为少量差异继续增加相似工具类。
 
+## 常用卡片样式
+
+`mk-gray-card` 用于需要 N100 灰色背景的内容卡片，统一使用 6px 圆角、12px 水平内边距和 8px
+垂直内边距。
+
+```html
+<div class="mk-gray-card">卡片内容</div>
+```
+
 ## 常用交互工具类
 
 `group-hover-visible` 用于列表项、卡片等父级带有 `group` 的悬浮操作区。操作区默认透明且不响应
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index 662f2b7941e..2b2ecf1c4d7 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -160,7 +160,6 @@ h6 {
   }
 }
 
-
 // 资源菜单的导入按钮
 .mk-import-button {
   width: 100%;
@@ -169,7 +168,6 @@ h6 {
   }
 }
 
-
 /*
   标题前带竖线样式
 */
@@ -207,6 +205,13 @@ h6 {
   }
 }
 
+// 灰色背景卡片
+.mk-gray-card {
+  background-color: var(--mk-N100) !important;
+  border-radius: 6px;
+  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
+}
+
 // 资源的card grid布局
 .mk-resource-card-grid {
   display: grid;
@@ -219,9 +224,8 @@ h6 {
   grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
 }
 
-
-
-.mk-scrollbar-right  {
+// 让一些组件内部滚动条 不会限制在padding内，滚动条贴在最右侧
+.mk-scrollbar-right {
   &.el-scrollbar {
     margin-right: calc(var(--spacing) * -4);
 
diff --git a/ui/src/views/tool/ToolView.vue b/ui/src/views/tool/ToolView.vue
index 0817da730e3..25ee02783c5 100644
--- a/ui/src/views/tool/ToolView.vue
+++ b/ui/src/views/tool/ToolView.vue
@@ -6,7 +6,7 @@ import ToolApi from '@/api/admin/workspace/tool/tool'
 import SharedApi from '@/api/admin/workspace/shared'
 import ToolStoreApi from '@/api/admin/tool-store.ts'
 import type { Dict, FolderItem, OptionItem, ToolItem, ToolStoreResponse, ToolType } from '@/api/types'
-import { RESOURCE_TYPE, TOOL_TYPE } from '@/api/enums'
+import { RESOURCE_TYPE, TOOL_TYPE, TOOL_SCOPE } from '@/api/enums'
 import { TOOL_TYPE_OPTIONS, FOLDER_ENTRIES, FOLDER_ENTRY_ID } from '@/constants'
 import FolderTree from '@/components/business/folder-tree/index.vue'
 import MoveToDialog from '@/components/business/folder-tree/MoveToDialog.vue'
@@ -68,7 +68,7 @@ const toolType = ref<ToolType | ''>('')
 
 function loadToolsPage(pagination: { currentPage: number; pageSize: number }) {
   const request = isShared.value ? SharedApi : ToolApi
-  const folderId = isShared.value ? {} : { folder_id: currentFolder.value.id || FOLDER_ENTRY_ID.ALL }
+  const folderId = isShared.value ? {} : { folder_id: currentFolder.value.id || FOLDER_ENTRY_ID.ALL, scope: TOOL_SCOPE.WORKSPACE }
   return request.getToolPage(pagination, { ...toolQuery.value, tool_type: toolType.value, ...folderId })
 }
 
diff --git a/ui/src/views/tool/tool-form/tool-custom/ToolFormDrawer.vue b/ui/src/views/tool/tool-form/tool-custom/ToolFormDrawer.vue
index 4a88ab61df8..61b73617519 100644
--- a/ui/src/views/tool/tool-form/tool-custom/ToolFormDrawer.vue
+++ b/ui/src/views/tool/tool-form/tool-custom/ToolFormDrawer.vue
@@ -175,7 +175,7 @@ defineExpose({ open })
           <h4 class="mk-title-decoration">输出参数</h4>
           <span class="text-N600">使用工具时显示</span>
         </div>
-        <div class="rounded-md bg-N100! px-3 py-2">结果 {result}</div>
+        <div class="mk-gray-card">结果 {result}</div>
       </section>
     </el-form>
 
diff --git a/ui/src/workflow-canvas/config/node-data.ts b/ui/src/workflow-canvas/config/node-data.ts
index 033dd0f11af..d9da5f0e87b 100644
--- a/ui/src/workflow-canvas/config/node-data.ts
+++ b/ui/src/workflow-canvas/config/node-data.ts
@@ -35,10 +35,14 @@ export const baseNode = {
       desc: '',
       prologue: '您好，我是 XXX 小助手，您可以向我提出 XXX 使用问题。\n- XXX 主要功能有什么？\n- XXX 如何收费？\n- 需要转人工服务',
       tts_type: 'BROWSER',
+      stt_model_id_type: 'default',
+      long_term_model_id_type: 'default',
     },
     config: {},
     showNode: true,
     user_input_config: { title: '用户输入' },
+    api_input_field_list: [],
+    chat_input_field_list: [],
     user_input_field_list: [],
   },
 }
@@ -108,7 +112,6 @@ export const aiChatNode = {
   type: WorkflowNodeType.AiChat,
   text: '与 AI 大模型进行对话',
   label: 'AI 对话',
-  height: 340,
   properties: {
     stepName: 'AI 对话',
     config: {
diff --git a/ui/src/workflow-canvas/core/node-container/index.vue b/ui/src/workflow-canvas/core/node-container/index.vue
index f3b0f86362e..ecc6fa7ea06 100644
--- a/ui/src/workflow-canvas/core/node-container/index.vue
+++ b/ui/src/workflow-canvas/core/node-container/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { BaseNodeModel, Model } from '@logicflow/core'
+import { reaction, type BaseNodeModel, type Model } from '@logicflow/core'
 import { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { cloneDeep, set } from 'lodash'
 import { iconComponent } from '@/workflow-canvas/icons/utils'
@@ -33,6 +33,13 @@ const getModel = inject('getModel') as () => BaseNodeModel
 const startDragNode = inject<(shapeItem: ShapeItem, event?: PointerEvent) => void>('startDragNode')
 const model = getModel()
 const nodeProperties = computed(() => model.properties as unknown as NodeContainerProperties)
+const nodeSelected = ref(model.isSelected)
+const disposeSelectionReaction = reaction(
+  () => model.isSelected,
+  (isSelected) => {
+    nodeSelected.value = isSelected
+  },
+)
 
 const showAnchor = ref(false)
 const nodeMenuDragClosing = ref(false)
@@ -242,6 +249,7 @@ const initResizeObserver = () => {
 }
 const stepContainerRef = ref<HTMLElement>()
 onBeforeUnmount(() => {
+  disposeSelectionReaction()
   resizeObserver?.disconnect()
   resizeObserver = null
   anchorGuard.reset()
@@ -252,7 +260,7 @@ onBeforeUnmount(() => {
     <div
       ref="stepContainerRef"
       class="step-container shadow-sm overflow-visible rounded-xl border-2 border-white bg-white p-4"
-      :class="{ isSelected: model.isSelected, error: node_status !== 200 }"
+      :class="{ isSelected: nodeSelected, error: node_status !== 200 }"
     >
       <div>
         <div class="flex-between">
@@ -289,15 +297,13 @@ onBeforeUnmount(() => {
             <slot />
             <template v-if="nodeFields.length > 0">
               <div class="flex-between">
-                <h5 class="my-2">
-                  {{ output_title }}
-                </h5>
-                <div v-if="exceptionNodeList.includes(String(model.type))" class="text-right">
-                  <span class="mr-2 mt-2 text-N600">异常捕获</span>
+                <h6 class="mk-title-decoration my-2">{{ output_title }}</h6>
+                <div v-if="exceptionNodeList.includes(String(model.type))" class="flex items-center gap-2">
+                  <span>异常捕获</span>
                   <el-switch v-model="enable_exception" size="small" />
                 </div>
               </div>
-              <div class="rounded-md bg-N100 px-3 py-1 text-N600">
+              <div class="mk-gray-card">
                 <template v-for="(item, index) in nodeFields" :key="index">
                   <div class="flex-between my-2" @mouseenter="showicon = index" @mouseleave="showicon = null">
                     <span class="break-all">{{ item.label }} {{ '{' + item.value + '}' }}</span>
@@ -310,7 +316,7 @@ onBeforeUnmount(() => {
                 </template>
               </div>
 
-              <div v-if="enable_exception" class="mt-2 rounded-md bg-N100 px-3 py-1 text-N600">
+              <div v-if="enable_exception" class="mk-gray-card">
                 <template v-for="(item, index) in abnormalNodeFields" :key="index">
                   <div class="flex-between my-2" @mouseenter="showicon = 'abnormal' + index" @mouseleave="showicon = null">
                     <span class="break-all">{{ item.label }} {{ '{' + item.value + '}' }}</span>
diff --git a/ui/src/workflow-canvas/core/workflow-node.ts b/ui/src/workflow-canvas/core/workflow-node.ts
index bae3d96bd2d..8f2e8652c5f 100644
--- a/ui/src/workflow-canvas/core/workflow-node.ts
+++ b/ui/src/workflow-canvas/core/workflow-node.ts
@@ -129,7 +129,7 @@ export class WorkflowNodeModel extends HtmlNodeModel<WorkflowNodeProperties> {
   validate?: () => Promise<unknown>
 
   setAttributes() {
-    this.width = Number(this.properties.width ?? (String(this.type) === WorkflowNodeType.Base ? 600 : 340))
+    this.width = Number(this.properties.width ?? 320)
     this.height = Number(this.properties.height ?? 300)
     this.text.editable = false
   }
diff --git a/ui/src/workflow-canvas/nodes/base-node/BaseNodeFieldTables.vue b/ui/src/workflow-canvas/nodes/base-node/BaseNodeFieldTables.vue
new file mode 100644
index 00000000000..abe0ee39b37
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/BaseNodeFieldTables.vue
@@ -0,0 +1,352 @@
+<script setup lang="ts">
+import { computed, ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormInstance } from 'element-plus'
+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 { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
+import type { ApiInputField, ChatInputField, UserInputField } from './types'
+
+defineOptions({ name: 'BaseNodeFieldTables' })
+
+const props = defineProps<{ nodeModel: WorkflowNodeModel }>()
+const nodeModel = props.nodeModel
+
+const userDialogVisible = ref(false)
+const apiDialogVisible = ref(false)
+const chatDialogVisible = ref(false)
+const settingsDialogVisible = ref(false)
+const editingIndex = ref<number>()
+const userConstructorRef = useTemplateRef<InstanceType<typeof MkDynamicsFormConstructor>>('userConstructorRef')
+const apiFormRef = useTemplateRef<FormInstance>('apiFormRef')
+const chatFormRef = useTemplateRef<FormInstance>('chatFormRef')
+
+const userFields = computed<UserInputField[]>({
+  get: () => (nodeModel.properties.user_input_field_list ?? []) as UserInputField[],
+  set: (fields) => (nodeModel.properties.user_input_field_list = fields),
+})
+const apiFields = computed<ApiInputField[]>({
+  get: () => (nodeModel.properties.api_input_field_list ?? []) as ApiInputField[],
+  set: (fields) => (nodeModel.properties.api_input_field_list = fields),
+})
+const chatFields = computed<ChatInputField[]>({
+  get: () => (nodeModel.properties.chat_input_field_list ?? []) as ChatInputField[],
+  set: (fields) => (nodeModel.properties.chat_input_field_list = fields),
+})
+
+const currentUserField = ref<Partial<FormField>>({ input_type: 'TextInput', required: false, show_default_value: true })
+const currentApiField = ref<ApiInputField>(createApiField())
+const currentChatField = ref<ChatInputField>({ field: '', label: '' })
+const userInputSetting = ref({ exposed_fields: [] as string[], menu_title: '更多设置' })
+
+const exposedInputTypes = ['TextInput', 'TextareaInput', 'PasswordInput', 'SingleSelect', 'MultiSelect', 'DatePicker', 'SwitchInput']
+const exposedFieldOptions = computed(() => userFields.value.filter(({ input_type }) => exposedInputTypes.includes(input_type)))
+const visibilityOptions = computed<VisibilityFieldOption[]>(() => [
+  {
+    children: userFields.value
+      .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: nodeModel.id,
+  },
+])
+
+function createApiField(): ApiInputField {
+  return { assignment_method: 'api_input', default_value: '', desc: '', is_required: true, type: 'input', variable: '' }
+}
+
+function formatLabel(label: FormField['label'], fallback = '') {
+  return typeof label === 'string' ? label : (label?.label ?? fallback)
+}
+
+function formatDefaultValue(field: UserInputField) {
+  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 notifyFieldsChanged(eventName = 'refreshFieldList') {
+  nodeModel.graphModel.eventCenter.emit(eventName, undefined)
+}
+
+function openUserDialog(field?: UserInputField, index?: number) {
+  editingIndex.value = index
+  currentUserField.value = cloneDeep(field ?? { input_type: 'TextInput', required: false, show_default_value: true })
+  userDialogVisible.value = true
+}
+
+function submitUserField() {
+  userConstructorRef.value?.validate().then(() => {
+    const field = userConstructorRef.value?.getData()
+    if (!field?.field || !/^[a-zA-Z0-9_]+$/.test(field.field)) {
+      MsgError('参数仅支持字母、数字和下划线')
+      return
+    }
+    const duplicated =
+      userFields.value.some((item, index) => item.field === field.field && index !== editingIndex.value) ||
+      apiFields.value.some(({ variable }) => variable === field.field)
+    if (duplicated) {
+      MsgError(`参数已存在：${field.field}`)
+      return
+    }
+    const fields = [...userFields.value]
+    if (editingIndex.value === undefined) fields.push(field)
+    else fields.splice(editingIndex.value, 1, field)
+    userFields.value = fields
+    if (!exposedInputTypes.includes(field.input_type)) removeExposedField(field.field)
+    notifyFieldsChanged()
+    userDialogVisible.value = false
+  })
+}
+
+function deleteUserField(index: number) {
+  const fields = [...userFields.value]
+  const [removed] = fields.splice(index, 1)
+  userFields.value = fields
+  if (removed) removeExposedField(removed.field)
+  notifyFieldsChanged()
+}
+
+function removeExposedField(field: string) {
+  const savedSetting = nodeModel.properties.user_input_field_list_setting as typeof userInputSetting.value | undefined
+  userInputSetting.value = cloneDeep(savedSetting ?? userInputSetting.value)
+  userInputSetting.value.exposed_fields = userInputSetting.value.exposed_fields.filter((item) => item !== field)
+  nodeModel.properties.user_input_field_list_setting = cloneDeep(userInputSetting.value)
+}
+
+function openSettingsDialog() {
+  const savedSetting = nodeModel.properties.user_input_field_list_setting as typeof userInputSetting.value | undefined
+  userInputSetting.value = cloneDeep(savedSetting ?? { exposed_fields: [], menu_title: '更多设置' })
+  settingsDialogVisible.value = true
+}
+
+function submitUserInputSetting() {
+  nodeModel.properties.user_input_field_list_setting = cloneDeep(userInputSetting.value)
+  settingsDialogVisible.value = false
+}
+
+function openApiDialog(field?: ApiInputField, index?: number) {
+  editingIndex.value = index
+  currentApiField.value = cloneDeep(field ?? createApiField())
+  apiDialogVisible.value = true
+}
+
+function submitApiField() {
+  apiFormRef.value?.validate().then(() => {
+    const field = cloneDeep(currentApiField.value)
+    const duplicated =
+      apiFields.value.some((item, index) => item.variable === field.variable && index !== editingIndex.value) ||
+      userFields.value.some(({ field: userField }) => userField === field.variable)
+    if (duplicated) {
+      MsgError(`参数已存在：${field.variable}`)
+      return
+    }
+    const fields = [...apiFields.value]
+    if (editingIndex.value === undefined) fields.push(field)
+    else fields.splice(editingIndex.value, 1, field)
+    apiFields.value = fields
+    notifyFieldsChanged()
+    apiDialogVisible.value = false
+  })
+}
+
+function deleteApiField(index: number) {
+  apiFields.value = apiFields.value.filter((_field, fieldIndex) => fieldIndex !== index)
+  notifyFieldsChanged()
+}
+
+function openChatDialog(field?: ChatInputField, index?: number) {
+  editingIndex.value = index
+  currentChatField.value = cloneDeep(field ?? { field: '', label: '' })
+  chatDialogVisible.value = true
+}
+
+function submitChatField() {
+  chatFormRef.value?.validate().then(() => {
+    const field = cloneDeep(currentChatField.value)
+    const duplicated = chatFields.value.some((item, index) => item.field === field.field && index !== editingIndex.value)
+    if (duplicated) {
+      MsgError(`参数已存在：${field.field}`)
+      return
+    }
+    const fields = [...chatFields.value]
+    if (editingIndex.value === undefined) fields.push(field)
+    else fields.splice(editingIndex.value, 1, field)
+    chatFields.value = fields
+    notifyFieldsChanged('chatFieldList')
+    chatDialogVisible.value = false
+  })
+}
+
+function deleteChatField(index: number) {
+  chatFields.value = chatFields.value.filter((_field, fieldIndex) => fieldIndex !== index)
+  notifyFieldsChanged('chatFieldList')
+}
+</script>
+
+<template>
+  <section>
+    <div class="flex-between mb-3">
+      <h6>用户输入</h6>
+      <div class="flex items-center gap-1">
+        <el-button link type="primary" title="用户输入设置" @click="openSettingsDialog">
+          <MkIcon :icon="Setting" />
+        </el-button>
+        <el-button link type="primary" @click="openUserDialog()">
+          <MkIcon name="icon_add_outlined" />
+          添加
+        </el-button>
+      </div>
+    </div>
+    <el-table v-if="userFields.length" :data="userFields" 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="openUserDialog(row, $index)"><MkIcon :icon="Edit" /></el-button>
+          <el-button link type="danger" title="删除" @click="deleteUserField($index)"><MkIcon :icon="Delete" /></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </section>
+
+  <section>
+    <div class="flex-between mb-3">
+      <h6>API 参数</h6>
+      <el-button link type="primary" @click="openApiDialog()"><MkIcon name="icon_add_outlined" />添加</el-button>
+    </div>
+    <el-table v-if="apiFields.length" :data="apiFields" 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="openApiDialog(row, $index)"><MkIcon :icon="Edit" /></el-button>
+          <el-button link type="danger" title="删除" @click="deleteApiField($index)"><MkIcon :icon="Delete" /></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </section>
+
+  <section>
+    <div class="flex-between mb-3">
+      <h6>会话变量</h6>
+      <el-button link type="primary" @click="openChatDialog()"><MkIcon name="icon_add_outlined" />添加</el-button>
+    </div>
+    <el-table v-if="chatFields.length" :data="chatFields" 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="openChatDialog(row, $index)"><MkIcon :icon="Edit" /></el-button>
+          <el-button link type="danger" title="删除" @click="deleteChatField($index)"><MkIcon :icon="Delete" /></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </section>
+
+  <MkDialog v-model="userDialogVisible" :title="editingIndex === undefined ? '添加用户输入参数' : '编辑用户输入参数'" width="700">
+    <MkDynamicsFormConstructor
+      ref="userConstructorRef"
+      v-model="currentUserField"
+      enable-visibility
+      :left-options="visibilityOptions"
+      label-position="top"
+      require-asterisk-position="right"
+    />
+    <template #footer>
+      <el-button @click="userDialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="submitUserField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
+    </template>
+  </MkDialog>
+
+  <MkDialog v-model="settingsDialogVisible" title="用户输入设置" width="520">
+    <el-form :model="userInputSetting" label-position="top" @submit.prevent>
+      <el-form-item label="直接展示的参数">
+        <el-select v-model="userInputSetting.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="userInputSetting.menu_title" maxlength="64" show-word-limit />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="settingsDialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="submitUserInputSetting">保存</el-button>
+    </template>
+  </MkDialog>
+
+  <MkDialog v-model="apiDialogVisible" :title="editingIndex === undefined ? '添加 API 参数' : '编辑 API 参数'" width="560">
+    <el-form ref="apiFormRef" :model="currentApiField" 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="currentApiField.variable"
+          maxlength="64"
+          show-word-limit
+          @blur="currentApiField.variable = currentApiField.variable.trim()"
+        />
+      </el-form-item>
+      <el-form-item label="描述"><el-input v-model="currentApiField.desc" maxlength="64" show-word-limit /></el-form-item>
+      <el-form-item label="是否必填"><el-switch v-model="currentApiField.is_required" size="small" /></el-form-item>
+      <el-form-item label="默认值" prop="default_value" :rules="{ required: currentApiField.is_required, message: '请输入默认值', trigger: 'blur' }">
+        <el-input v-model="currentApiField.default_value" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="apiDialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="submitApiField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
+    </template>
+  </MkDialog>
+
+  <MkDialog v-model="chatDialogVisible" :title="editingIndex === undefined ? '添加会话变量' : '编辑会话变量'" width="560">
+    <el-form ref="chatFormRef" :model="currentChatField" 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="currentChatField.field" maxlength="64" show-word-limit @blur="currentChatField.field = currentChatField.field.trim()" />
+      </el-form-item>
+      <el-form-item label="显示名称" prop="label" :rules="{ required: true, message: '请输入显示名称', trigger: 'blur' }">
+        <el-input v-model="currentChatField.label" maxlength="64" show-word-limit />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="chatDialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="submitChatField">{{ editingIndex === undefined ? '添加' : '保存' }}</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/FileUploadSettingDialog.vue b/ui/src/workflow-canvas/nodes/base-node/FileUploadSettingDialog.vue
new file mode 100644
index 00000000000..81e821e9652
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/FileUploadSettingDialog.vue
@@ -0,0 +1,149 @@
+<script setup lang="ts">
+import { nextTick, ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { InputInstance } from 'element-plus'
+import { MsgWarning } from '@/utils/message'
+import { defaultFileUploadSetting, type FileUploadSetting } from './types'
+
+defineOptions({ name: 'BaseNodeFileUploadSettingDialog' })
+
+const emit = defineEmits<{ submit: [setting: FileUploadSetting] }>()
+
+const visible = ref(false)
+const extensionInputVisible = ref(false)
+const extensionInput = ref('')
+const inputRef = useTemplateRef<InputInstance>('inputRef')
+const formData = ref<FileUploadSetting>(cloneDeep(defaultFileUploadSetting))
+
+const fileTypes = [
+  { field: 'document', label: '文档', description: 'TXT、MD、DOCX、HTML、CSV、XLSX、XLS、PDF' },
+  { field: 'image', label: '图片', description: 'JPG、JPEG、PNG、GIF' },
+  { field: 'audio', label: '音频', description: 'MP3、WAV、OGG、AAC、M4A' },
+  { field: 'video', label: '视频', description: 'MP4、AVI、MKV、MOV、FLV、WMV' },
+] as const
+
+const reservedExtensions = new Set(fileTypes.flatMap(({ description }) => description.split('、')))
+
+function resetData() {
+  formData.value = cloneDeep(defaultFileUploadSetting)
+  extensionInput.value = ''
+  extensionInputVisible.value = false
+}
+
+function open(setting?: Partial<FileUploadSetting>) {
+  resetData()
+  formData.value = { ...formData.value, ...cloneDeep(setting ?? {}) }
+  formData.value.otherExtensions = [...(setting?.otherExtensions ?? defaultFileUploadSetting.otherExtensions)]
+  visible.value = true
+}
+
+function showExtensionInput() {
+  extensionInputVisible.value = true
+  nextTick(() => inputRef.value?.focus())
+}
+
+function confirmExtension() {
+  const extension = extensionInput.value.trim().replace(/^\./, '').toUpperCase()
+  if (extension) {
+    if (reservedExtensions.has(extension) || formData.value.otherExtensions.includes(extension)) {
+      MsgWarning('该扩展名已存在')
+    } else {
+      formData.value.otherExtensions.push(extension)
+    }
+  }
+  extensionInput.value = ''
+  extensionInputVisible.value = false
+}
+
+function removeExtension(extension: string) {
+  formData.value.otherExtensions = formData.value.otherExtensions.filter((item) => item !== extension)
+}
+
+function submit() {
+  if (!formData.value.local_upload && !formData.value.url_upload) {
+    MsgWarning('请至少选择一种上传方式')
+    return
+  }
+  emit('submit', cloneDeep(formData.value))
+  visible.value = false
+}
+
+defineExpose({ open })
+</script>
+
+<template>
+  <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 :show-input-controls="false" />
+      </el-form-item>
+
+      <el-form-item label="单个文件大小限制（MB）">
+        <el-slider v-model="formData.fileLimit" :max="1000" :min="1" show-input :show-input-controls="false" />
+      </el-form-item>
+
+      <el-form-item label="允许上传的文件类型">
+        <div class="grid w-full grid-cols-2 gap-2">
+          <el-card
+            v-for="fileType in fileTypes"
+            :key="fileType.field"
+            class="cursor-pointer"
+            :class="{ 'border-primary': formData[fileType.field] }"
+            shadow="never"
+            @click="formData[fileType.field] = !formData[fileType.field]"
+          >
+            <div class="flex-between gap-3">
+              <div class="min-w-0">
+                <h6>{{ fileType.label }}</h6>
+                <p class="mt-1 break-all text-sm text-N600">{{ fileType.description }}</p>
+              </div>
+              <el-checkbox v-model="formData[fileType.field]" @click.stop />
+            </div>
+          </el-card>
+
+          <el-card
+            class="col-span-2 cursor-pointer"
+            :class="{ 'border-primary': formData.other }"
+            shadow="never"
+            @click="formData.other = !formData.other"
+          >
+            <div class="flex-between gap-3">
+              <div class="min-w-0 flex-1">
+                <h6>其他文件</h6>
+                <div class="mt-2 flex flex-wrap gap-2" @click.stop>
+                  <el-tag v-for="extension in formData.otherExtensions" :key="extension" closable type="info" @close="removeExtension(extension)">
+                    {{ extension }}
+                  </el-tag>
+                  <el-input
+                    v-if="extensionInputVisible"
+                    ref="inputRef"
+                    v-model="extensionInput"
+                    class="w-24!"
+                    size="small"
+                    @blur="confirmExtension"
+                    @keyup.enter="confirmExtension"
+                  />
+                  <el-button v-else size="small" @click="showExtensionInput">
+                    <MkIcon name="icon_add_outlined" />
+                    添加扩展名
+                  </el-button>
+                </div>
+              </div>
+              <el-checkbox v-model="formData.other" @click.stop />
+            </div>
+          </el-card>
+        </div>
+      </el-form-item>
+
+      <el-form-item label="上传方式" required>
+        <el-checkbox v-model="formData.local_upload">本地上传</el-checkbox>
+        <el-checkbox v-model="formData.url_upload">URL 上传</el-checkbox>
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="submit">确定</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/LongTermSettingDialog.vue b/ui/src/workflow-canvas/nodes/base-node/LongTermSettingDialog.vue
new file mode 100644
index 00000000000..ca8f872cf4e
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/LongTermSettingDialog.vue
@@ -0,0 +1,209 @@
+<script setup lang="ts">
+import { computed, ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormInstance } from 'element-plus'
+import { Operation } from '@element-plus/icons-vue'
+import ModelSelect from '@/components/business/model-select/index.vue'
+import type { ModelItem, ModelProviderItem } from '@/api/types'
+import ModelParamsDialog from './ModelParamsDialog.vue'
+import type { LongTermSetting } from './types'
+
+defineOptions({ name: 'BaseNodeLongTermSettingDialog' })
+
+defineProps<{ modelOptions: ModelItem[]; providerOptions: ModelProviderItem[] }>()
+const emit = defineEmits<{ submit: [setting: LongTermSetting] }>()
+
+const visible = ref(false)
+const formRef = useTemplateRef<FormInstance>('formRef')
+const modelParamsDialogRef = useTemplateRef<InstanceType<typeof ModelParamsDialog>>('modelParamsDialogRef')
+const formData = ref<LongTermSetting>({
+  long_term_model_id: '',
+  long_term_model_id_type: 'default',
+  long_term_model_params_setting: {},
+  long_term_trigger_setting: { rounds: 10 },
+  long_term_trigger_type: 'ROUND',
+})
+
+const times = Array.from({ length: 24 }, (_, hour) => {
+  const value = `${String(hour).padStart(2, '0')}:00`
+  return { label: value, value }
+})
+const scheduleOptions = [
+  { label: '每天', value: 'daily', children: times },
+  {
+    label: '每周',
+    value: 'weekly',
+    children: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'].map((label, index) => ({ label, value: index + 1, children: times })),
+  },
+  {
+    label: '每月',
+    value: 'monthly',
+    children: Array.from({ length: 31 }, (_, index) => ({ label: `${index + 1} 日`, value: String(index + 1), children: times })),
+  },
+  {
+    label: '按间隔',
+    value: 'interval',
+    children: [
+      { label: '小时', value: 'hours', children: Array.from({ length: 24 }, (_, index) => ({ label: `${index + 1} 小时`, value: index + 1 })) },
+      { label: '分钟', value: 'minutes', children: Array.from({ length: 60 }, (_, index) => ({ label: `${index + 1} 分钟`, value: index + 1 })) },
+    ],
+  },
+]
+
+const scheduleMode = computed<'cron' | 'preset'>({
+  get: () => (formData.value.long_term_trigger_setting.schedule_type === 'cron' ? 'cron' : 'preset'),
+  set: (mode) => {
+    formData.value.long_term_trigger_setting =
+      mode === 'cron' ? { schedule_type: 'cron', cron_expression: '' } : { schedule_type: 'daily', time: ['00:00'] }
+  },
+})
+
+const scheduleValue = computed<Array<number | string>>({
+  get: () => {
+    const setting = formData.value.long_term_trigger_setting
+    if (setting.schedule_type === 'interval') return ['interval', String(setting.interval_unit ?? 'hours'), Number(setting.interval_value ?? 1)]
+    if (setting.schedule_type === 'weekly') {
+      return ['weekly', Number((setting.days as unknown[] | undefined)?.[0] ?? 1), String((setting.time as unknown[] | undefined)?.[0] ?? '00:00')]
+    }
+    if (setting.schedule_type === 'monthly') {
+      return ['monthly', String((setting.days as unknown[] | undefined)?.[0] ?? '1'), String((setting.time as unknown[] | undefined)?.[0] ?? '00:00')]
+    }
+    return ['daily', String((setting.time as unknown[] | undefined)?.[0] ?? '00:00')]
+  },
+  set: (value) => {
+    const scheduleType = value[0]
+    if (scheduleType === 'interval') {
+      formData.value.long_term_trigger_setting = { schedule_type: 'interval', interval_unit: value[1], interval_value: value[2] }
+    } else if (scheduleType === 'weekly' || scheduleType === 'monthly') {
+      formData.value.long_term_trigger_setting = { schedule_type: scheduleType, days: [value[1]], time: [value[2]] }
+    } else {
+      formData.value.long_term_trigger_setting = { schedule_type: 'daily', time: [value[1]] }
+    }
+  },
+})
+
+function open(setting: LongTermSetting) {
+  formData.value = cloneDeep(setting)
+  if (!formData.value.long_term_trigger_setting || !Object.keys(formData.value.long_term_trigger_setting).length) {
+    formData.value.long_term_trigger_setting = { rounds: 10 }
+  }
+  visible.value = true
+}
+
+function changeTriggerType(triggerType: 'ROUND' | 'SCHEDULED') {
+  if (triggerType === 'ROUND' && !formData.value.long_term_trigger_setting.rounds) {
+    formData.value.long_term_trigger_setting = { rounds: 10 }
+  }
+  if (triggerType === 'SCHEDULED' && !formData.value.long_term_trigger_setting.schedule_type) {
+    formData.value.long_term_trigger_setting = { schedule_type: 'daily', time: ['00:00'] }
+  }
+}
+
+function validateCron(_rule: unknown, value: unknown, callback: (error?: Error) => void) {
+  const fields = String(value ?? '')
+    .trim()
+    .split(/\s+/)
+  if (fields.length !== 5 || fields.some((field) => !field)) {
+    callback(new Error('请输入有效的五段 Cron 表达式'))
+    return
+  }
+  callback()
+}
+
+function handleModelChange(modelId: string) {
+  formData.value.long_term_model_id = modelId
+  if (!modelId) {
+    formData.value.long_term_model_params_setting = {}
+    return
+  }
+  modelParamsDialogRef.value?.resetDefault(modelId).then((settings) => {
+    formData.value.long_term_model_params_setting = settings
+  })
+}
+
+function openModelParams() {
+  if (!formData.value.long_term_model_id) return
+  modelParamsDialogRef.value?.open(formData.value.long_term_model_id, formData.value.long_term_model_params_setting)
+}
+
+function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
+  if (formData.value.long_term_model_id_type === 'custom' && !formData.value.long_term_model_id) {
+    callback(new Error('请选择长期记忆模型'))
+    return
+  }
+  callback()
+}
+
+function submit() {
+  formRef.value?.validate().then(() => {
+    emit('submit', cloneDeep(formData.value))
+    visible.value = false
+  })
+}
+
+defineExpose({ open })
+</script>
+
+<template>
+  <MkDialog v-model="visible" title="长期记忆设置" width="600">
+    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
+      <el-form-item label="长期记忆模型" prop="long_term_model_id" :rules="{ validator: validateModel, trigger: 'change' }">
+        <el-radio-group v-model="formData.long_term_model_id_type" class="mb-2">
+          <el-radio value="default">默认模型</el-radio>
+          <el-radio value="custom">自定义</el-radio>
+        </el-radio-group>
+        <el-alert v-if="formData.long_term_model_id_type === 'default'" class="w-full" title="使用系统默认 AI 模型" type="info" :closable="false" />
+        <div v-else class="flex w-full gap-2">
+          <ModelSelect
+            v-model="formData.long_term_model_id"
+            :options="modelOptions"
+            :provider-options="providerOptions"
+            placeholder="请选择 AI 模型"
+            @change="handleModelChange"
+          />
+          <el-button :disabled="!formData.long_term_model_id" @click="openModelParams">
+            <MkIcon :icon="Operation" />
+          </el-button>
+        </div>
+      </el-form-item>
+
+      <el-form-item label="触发方式" prop="long_term_trigger_type" :rules="{ required: true, message: '请选择触发方式', trigger: 'change' }">
+        <el-radio-group v-model="formData.long_term_trigger_type" @change="changeTriggerType">
+          <el-radio-button value="ROUND">按对话轮次</el-radio-button>
+          <el-radio-button value="SCHEDULED">定时执行</el-radio-button>
+        </el-radio-group>
+      </el-form-item>
+
+      <el-form-item v-if="formData.long_term_trigger_type === 'ROUND'" label="触发间隔（轮）">
+        <el-input-number v-model="formData.long_term_trigger_setting.rounds" :max="100" :min="5" />
+      </el-form-item>
+
+      <template v-else>
+        <el-form-item label="定时方式">
+          <el-radio-group v-model="scheduleMode">
+            <el-radio value="preset">周期设置</el-radio>
+            <el-radio value="cron">Cron 表达式</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item v-if="scheduleMode === 'preset'" label="执行周期">
+          <el-cascader v-model="scheduleValue" :options="scheduleOptions" :teleported="false" class="w-full" />
+        </el-form-item>
+        <el-form-item
+          v-else
+          label="Cron 表达式"
+          prop="long_term_trigger_setting.cron_expression"
+          :rules="{ validator: validateCron, trigger: 'blur' }"
+        >
+          <el-input v-model="formData.long_term_trigger_setting.cron_expression" placeholder="例如：0 2 * * *" />
+        </el-form-item>
+      </template>
+    </el-form>
+
+    <ModelParamsDialog ref="modelParamsDialogRef" @submit="formData.long_term_model_params_setting = $event" />
+
+    <template #footer>
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="submit">保存</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/ModelParamsDialog.vue b/ui/src/workflow-canvas/nodes/base-node/ModelParamsDialog.vue
new file mode 100644
index 00000000000..7df25a29701
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/ModelParamsDialog.vue
@@ -0,0 +1,78 @@
+<script setup lang="ts">
+import { inject, ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { DynamicFormField } from '@/api/types'
+import { MkDynamicsForm, type FormField } from '@/components/mk-dynamics-form'
+
+defineOptions({ name: 'BaseNodeModelParamsDialog' })
+
+const emit = defineEmits<{ submit: [settings: Record<string, unknown>] }>()
+
+const getModelParamsForm = inject<(modelId: string) => Promise<DynamicFormField[]>>('getModelParamsForm')
+const visible = ref(false)
+const loading = ref(false)
+const formFields = ref<FormField[]>([])
+const formData = ref<Record<string, unknown>>({})
+const formRef = useTemplateRef<InstanceType<typeof MkDynamicsForm>>('formRef')
+
+function getDefaultSettings(fields: DynamicFormField[]) {
+  return fields.reduce<Record<string, unknown>>((settings, field) => {
+    if (field.show_default_value !== false) settings[field.field] = cloneDeep(field.default_value)
+    return settings
+  }, {})
+}
+
+function load(modelId: string) {
+  if (!getModelParamsForm) return Promise.resolve<Record<string, unknown>>({})
+  loading.value = true
+  return getModelParamsForm(modelId)
+    .then((fields) => {
+      formFields.value = fields as unknown as FormField[]
+      return getDefaultSettings(fields)
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+function open(modelId: string, settings?: Record<string, unknown>) {
+  visible.value = true
+  load(modelId).then((defaults) => {
+    const validFields = new Set(formFields.value.map(({ field }) => field))
+    const savedSettings = Object.fromEntries(Object.entries(settings ?? {}).filter(([field]) => validFields.has(field)))
+    formData.value = { ...defaults, ...cloneDeep(savedSettings) }
+  })
+}
+
+function resetDefault(modelId: string) {
+  return load(modelId)
+}
+
+function submit() {
+  formRef.value?.validate().then(() => {
+    emit('submit', cloneDeep(formData.value))
+    visible.value = false
+  })
+}
+
+function resetData() {
+  formFields.value = []
+  formData.value = {}
+  loading.value = false
+}
+
+defineExpose({ open, resetDefault })
+</script>
+
+<template>
+  <MkDialog v-model="visible" title="模型参数设置" width="600" @closed="resetData">
+    <div v-loading="loading">
+      <MkDynamicsForm ref="formRef" v-model="formData" :render-data="formFields" default-item-width="100%" />
+    </div>
+
+    <template #footer>
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" :loading="loading" @click="submit">确定</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/PrologueEditor.vue b/ui/src/workflow-canvas/nodes/base-node/PrologueEditor.vue
new file mode 100644
index 00000000000..52fa9a504a8
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/PrologueEditor.vue
@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { FullScreen } from '@element-plus/icons-vue'
+import { MdEditor } from 'md-editor-v3'
+import 'md-editor-v3/lib/style.css'
+
+defineOptions({ name: 'BaseNodePrologueEditor' })
+
+const modelValue = defineModel<string>({ required: true })
+const dialogVisible = ref(false)
+const dialogContent = ref('')
+const footers = [null, '=', 0] as unknown as string[]
+
+function openDialog() {
+  dialogContent.value = modelValue.value
+  dialogVisible.value = true
+}
+
+function submitDialog() {
+  modelValue.value = dialogContent.value
+  dialogVisible.value = false
+}
+
+function handleWheel(event: WheelEvent) {
+  if (event.ctrlKey) event.preventDefault()
+  else event.stopPropagation()
+}
+</script>
+
+<template>
+  <MdEditor v-model="modelValue" :footers="footers" :preview="false" :toolbars="[]" class="prologue-editor" @wheel="handleWheel">
+    <template #defFooters>
+      <el-button text title="放大编辑" @click="openDialog">
+        <MkIcon :icon="FullScreen" />
+      </el-button>
+    </template>
+  </MdEditor>
+
+  <MkDialog v-model="dialogVisible" title="开场白" width="800">
+    <MdEditor v-model="dialogContent" :footers="[]" :preview="false" :toolbars="[]" class="h-100!" @wheel="handleWheel" />
+    <template #footer>
+      <el-button @click="dialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="submitDialog">确定</el-button>
+    </template>
+  </MkDialog>
+</template>
+
+<style lang="scss" scoped>
+.prologue-editor {
+  height: 150px;
+
+  :deep(.md-editor-footer) {
+    border: 0;
+  }
+}
+</style>
diff --git a/ui/src/workflow-canvas/nodes/base-node/index.ts b/ui/src/workflow-canvas/nodes/base-node/index.ts
index aada180d049..7793fe7bcad 100644
--- a/ui/src/workflow-canvas/nodes/base-node/index.ts
+++ b/ui/src/workflow-canvas/nodes/base-node/index.ts
@@ -11,7 +11,7 @@ class BaseNodeView extends WorkflowNodeView {
 class BaseNodeModel extends WorkflowNodeModel {
   setAttributes() {
     super.setAttributes()
-    this.width = 340
+    this.width = 600
   }
 }
 
diff --git a/ui/src/workflow-canvas/nodes/base-node/index.vue b/ui/src/workflow-canvas/nodes/base-node/index.vue
index 9c37edf21c7..ee2e91eeb3f 100644
--- a/ui/src/workflow-canvas/nodes/base-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/index.vue
@@ -1,51 +1,323 @@
 <script setup lang="ts">
-import { computed, inject, onMounted, useTemplateRef } from 'vue'
-
-import { set } from 'lodash'
+import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
+import { cloneDeep, set } from 'lodash'
 import type { FormInstance } from 'element-plus'
+import { Operation, QuestionFilled } from '@element-plus/icons-vue'
+import ModelSelect from '@/components/business/model-select/index.vue'
+import type { ModelItem, ModelProviderItem } from '@/api/types'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
-import type { BaseNodeModel } from '@logicflow/core'
+import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
+import { useWorkflowStore } from '@/workflow-canvas/store'
+import BaseNodeFieldTables from './BaseNodeFieldTables.vue'
+import FileUploadSettingDialog from './FileUploadSettingDialog.vue'
+import LongTermSettingDialog from './LongTermSettingDialog.vue'
+import ModelParamsDialog from './ModelParamsDialog.vue'
+import PrologueEditor from './PrologueEditor.vue'
+import { defaultFileUploadSetting, type BaseNodeForm, type LongTermSetting, type UserInputField } from './types'
 
 defineOptions({ name: 'WorkflowBaseNode' })
-const getModel = inject('getModel') as () => BaseNodeModel
+
+const getModel = inject('getModel') as () => WorkflowNodeModel
+const apiType = (inject('apiType') as string) || 'workspace'
 const model = getModel()
-interface BaseNodeForm {
-  desc: string
-  name: string
-  prologue: string
-}
+const store = useWorkflowStore(apiType)
 
 const formRef = useTemplateRef<FormInstance>('formRef')
+const fileUploadDialogRef = useTemplateRef<InstanceType<typeof FileUploadSettingDialog>>('fileUploadDialogRef')
+const longTermDialogRef = useTemplateRef<InstanceType<typeof LongTermSettingDialog>>('longTermDialogRef')
+const ttsParamsDialogRef = useTemplateRef<InstanceType<typeof ModelParamsDialog>>('ttsParamsDialogRef')
+
+const sttModelOptions = ref<ModelItem[]>([])
+const ttsModelOptions = ref<ModelItem[]>([])
+const llmModelOptions = ref<ModelItem[]>([])
+const providerOptions = ref<ModelProviderItem[]>([])
+
+const defaultForm: BaseNodeForm = {
+  desc: '',
+  file_upload_enable: false,
+  file_upload_setting: cloneDeep(defaultFileUploadSetting),
+  long_term_enable: false,
+  long_term_model_id: '',
+  long_term_model_id_type: 'default',
+  long_term_model_params_setting: {},
+  long_term_trigger_setting: { rounds: 10 },
+  long_term_trigger_type: 'ROUND',
+  name: '',
+  prologue: '您好，我是 XXX 小助手，您可以向我提出 XXX 使用问题。\n- XXX 主要功能有什么？\n- XXX 如何收费？\n- 需要转人工服务',
+  stt_autosend: false,
+  stt_model_enable: false,
+  stt_model_id: '',
+  stt_model_id_type: 'default',
+  tts_autoplay: false,
+  tts_model_enable: false,
+  tts_model_id: '',
+  tts_model_params_setting: {},
+  tts_type: 'BROWSER',
+}
+
+function normalizeForm(data: Partial<BaseNodeForm>) {
+  const savedData = cloneDeep(data)
+  const normalized = Object.assign(data, cloneDeep(defaultForm), savedData) as BaseNodeForm
+  normalized.file_upload_setting = { ...cloneDeep(defaultFileUploadSetting), ...(savedData.file_upload_setting ?? {}) }
+  normalized.long_term_trigger_setting = savedData.long_term_trigger_setting ?? { rounds: 10 }
+  normalized.long_term_model_params_setting = savedData.long_term_model_params_setting ?? {}
+  normalized.tts_model_params_setting = savedData.tts_model_params_setting ?? {}
+  if (!normalized.stt_model_id_type) normalized.stt_model_id_type = 'default'
+  if (!normalized.long_term_model_id_type) normalized.long_term_model_id_type = 'default'
+  if (!normalized.tts_type) normalized.tts_type = 'BROWSER'
+  if ((normalized.tts_type as string) === 'TTS') normalized.tts_type = 'CUSTOM'
+  return normalized
+}
 
 const formData = computed<BaseNodeForm>({
   get: () => {
-    if (!model.properties.node_data) {
-      set(model.properties, 'node_data', { name: '', desc: '', prologue: '' })
-    }
-    return model.properties.node_data as BaseNodeForm
+    if (!model.properties.node_data) set(model.properties, 'node_data', cloneDeep(defaultForm))
+    return normalizeForm(model.properties.node_data as Partial<BaseNodeForm>)
   },
   set: (value) => set(model.properties, 'node_data', value),
 })
 
+function validateUserFieldReferences() {
+  const userFields = (model.properties.user_input_field_list ?? []) as UserInputField[]
+  for (const userField of userFields) {
+    for (const condition of userField.visibility_rules?.conditions ?? []) {
+      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 && !userFields.some(({ field }) => field === condition.field[1])) return Promise.reject('用户输入参数引用了已删除的变量')
+    }
+  }
+  return Promise.resolve()
+}
+
 function validate() {
-  return formRef.value?.validate().catch((error) => Promise.reject({ node: model, errMessage: error }))
+  if (formData.value.tts_model_enable && formData.value.tts_type === 'CUSTOM' && !formData.value.tts_model_id) {
+    return Promise.reject({ node: model, errMessage: '请选择语音播放模型' })
+  }
+  if (formData.value.stt_model_enable && formData.value.stt_model_id_type === 'custom' && !formData.value.stt_model_id) {
+    return Promise.reject({ node: model, errMessage: '请选择语音输入模型' })
+  }
+  if (formData.value.long_term_enable && formData.value.long_term_model_id_type === 'custom' && !formData.value.long_term_model_id) {
+    return Promise.reject({ node: model, errMessage: '请选择长期记忆模型' })
+  }
+  return Promise.all([validateUserFieldReferences(), formRef.value?.validate()]).catch((error) => Promise.reject({ node: model, errMessage: error }))
+}
+
+function switchLongTermMemory() {
+  if (formData.value.long_term_enable && !formData.value.long_term_model_id_type) formData.value.long_term_model_id_type = 'default'
+  model.graphModel.eventCenter.emit('refreshLongTermConfig', undefined)
+}
+
+function openLongTermSettings() {
+  const setting: LongTermSetting = {
+    long_term_model_id: formData.value.long_term_model_id,
+    long_term_model_id_type: formData.value.long_term_model_id_type,
+    long_term_model_params_setting: formData.value.long_term_model_params_setting,
+    long_term_trigger_setting: formData.value.long_term_trigger_setting,
+    long_term_trigger_type: formData.value.long_term_trigger_type,
+  }
+  longTermDialogRef.value?.open(setting)
+}
+
+function submitLongTermSettings(setting: LongTermSetting) {
+  Object.assign(formData.value, setting)
+  model.graphModel.eventCenter.emit('refreshLongTermConfig', undefined)
+}
+
+function switchFileUpload() {
+  if (formData.value.file_upload_enable && !formData.value.file_upload_setting) {
+    formData.value.file_upload_setting = cloneDeep(defaultFileUploadSetting)
+  }
+  model.graphModel.eventCenter.emit('refreshFileUploadConfig', undefined)
+}
+
+function submitFileUploadSettings(setting: BaseNodeForm['file_upload_setting']) {
+  formData.value.file_upload_setting = setting
+  model.graphModel.eventCenter.emit('refreshFileUploadConfig', undefined)
+}
+
+function switchSttModel() {
+  if (!formData.value.stt_model_enable) formData.value.stt_model_id = ''
+  if (!formData.value.stt_model_id_type) formData.value.stt_model_id_type = 'default'
+}
+
+function switchTtsModel() {
+  if (!formData.value.tts_model_enable) {
+    formData.value.tts_model_id = ''
+    formData.value.tts_type = 'BROWSER'
+  }
+}
+
+function changeTtsModel(modelId: string) {
+  formData.value.tts_model_id = modelId
+  if (!modelId) {
+    formData.value.tts_model_params_setting = {}
+    return
+  }
+  ttsParamsDialogRef.value?.resetDefault(modelId).then((settings) => {
+    formData.value.tts_model_params_setting = settings
+  })
+}
+
+function openTtsParams() {
+  if (!formData.value.tts_model_id) return
+  ttsParamsDialogRef.value?.open(formData.value.tts_model_id, formData.value.tts_model_params_setting)
 }
 
-onMounted(() => set(model, 'validate', validate))
+onMounted(() => {
+  model.validate = validate
+  if (!Array.isArray(model.properties.user_input_field_list)) model.properties.user_input_field_list = []
+  if (!Array.isArray(model.properties.api_input_field_list)) model.properties.api_input_field_list = []
+  if (!Array.isArray(model.properties.chat_input_field_list)) model.properties.chat_input_field_list = []
+  if (!model.properties.user_input_config) model.properties.user_input_config = { title: '用户输入' }
+
+  store.getModelList({ model_type: 'STT' }).then((models) => (sttModelOptions.value = models))
+  store.getModelList({ model_type: 'TTS' }).then((models) => (ttsModelOptions.value = models))
+  store.getModelList({ model_type: 'LLM' }).then((models) => (llmModelOptions.value = models))
+  store.getProviderList().then((providers) => (providerOptions.value = providers))
+})
 </script>
 
 <template>
   <NodeContainer :node-model="model">
     <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="名称" prop="name" :rules="{ required: true, message: '请输入智能体名称', trigger: 'blur' }">
-        <el-input v-model="formData.name" maxlength="64" placeholder="请输入智能体名称" show-word-limit @blur="formData.name = formData.name?.trim()" />
+        <el-input
+          v-model="formData.name"
+          maxlength="64"
+          placeholder="请输入智能体名称"
+          show-word-limit
+          @blur="formData.name = formData.name.trim()"
+        />
       </el-form-item>
+
       <el-form-item label="描述">
         <el-input v-model="formData.desc" maxlength="256" placeholder="描述该智能体的应用场景及用途" :rows="3" show-word-limit type="textarea" />
       </el-form-item>
+
       <el-form-item label="开场白">
-        <el-input v-model="formData.prologue" :rows="5" type="textarea" />
+        <PrologueEditor v-model="formData.prologue" />
+      </el-form-item>
+
+      <el-form-item>
+        <template #label>
+          <div class="flex-between w-full">
+            <span class="flex items-center gap-1">
+              长期记忆
+              <el-tooltip content="开启后，智能体会按配置从历史对话中提取长期记忆，可通过 {{开始.memory}} 引用" placement="right">
+                <MkIcon :icon="QuestionFilled" class="cursor-help text-N600" />
+              </el-tooltip>
+            </span>
+            <span class="flex items-center gap-2">
+              <el-button v-if="formData.long_term_enable" link type="primary" title="长期记忆设置" @click="openLongTermSettings">
+                <MkIcon :icon="Operation" />
+              </el-button>
+              <el-switch v-model="formData.long_term_enable" size="small" @change="switchLongTermMemory" />
+            </span>
+          </div>
+        </template>
+        <el-text v-if="formData.long_term_enable" type="info">长期记忆使用默认模型或设置中选择的自定义模型。</el-text>
+      </el-form-item>
+
+      <el-form-item>
+        <template #label>
+          <div class="flex-between w-full">
+            <span class="flex items-center gap-1">
+              文件上传
+              <el-tooltip content="允许用户在对话中上传文件，并限制文件数量、大小、类型和上传方式" placement="right">
+                <MkIcon :icon="QuestionFilled" class="cursor-help text-N600" />
+              </el-tooltip>
+            </span>
+            <span class="flex items-center gap-2">
+              <el-button
+                v-if="formData.file_upload_enable"
+                link
+                type="primary"
+                title="文件上传设置"
+                @click="fileUploadDialogRef?.open(formData.file_upload_setting)"
+              >
+                <MkIcon :icon="Operation" />
+              </el-button>
+              <el-switch v-model="formData.file_upload_enable" size="small" @change="switchFileUpload" />
+            </span>
+          </div>
+        </template>
+      </el-form-item>
+
+      <BaseNodeFieldTables :node-model="model" />
+
+      <el-form-item>
+        <template #label>
+          <div class="flex-between w-full">
+            <span>语音输入</span>
+            <span class="flex items-center gap-3">
+              <el-checkbox v-if="formData.stt_model_enable" v-model="formData.stt_autosend">识别后自动发送</el-checkbox>
+              <el-switch v-model="formData.stt_model_enable" size="small" @change="switchSttModel" />
+            </span>
+          </div>
+        </template>
+        <template v-if="formData.stt_model_enable">
+          <el-radio-group v-model="formData.stt_model_id_type" class="mb-2">
+            <el-radio value="default">默认模型</el-radio>
+            <el-radio value="custom">自定义</el-radio>
+          </el-radio-group>
+          <el-alert v-if="formData.stt_model_id_type === 'default'" class="w-full" title="使用系统默认语音识别模型" type="info" :closable="false" />
+          <ModelSelect
+            v-else
+            v-model="formData.stt_model_id"
+            :options="sttModelOptions"
+            :provider-options="providerOptions"
+            placeholder="请选择语音识别模型"
+          />
+        </template>
+      </el-form-item>
+
+      <el-form-item>
+        <template #label>
+          <div class="flex-between w-full">
+            <span>语音播放</span>
+            <span class="flex items-center gap-3">
+              <el-checkbox v-if="formData.tts_model_enable" v-model="formData.tts_autoplay">自动播放</el-checkbox>
+              <el-switch v-model="formData.tts_model_enable" size="small" @change="switchTtsModel" />
+            </span>
+          </div>
+        </template>
+        <template v-if="formData.tts_model_enable">
+          <el-radio-group v-model="formData.tts_type" class="mb-2">
+            <el-radio value="BROWSER">浏览器</el-radio>
+            <el-radio value="DEFAULT">默认模型</el-radio>
+            <el-radio value="CUSTOM">自定义</el-radio>
+          </el-radio-group>
+          <el-alert v-if="formData.tts_type === 'BROWSER'" class="w-full" title="使用浏览器内置语音播放" type="info" :closable="false" />
+          <el-alert v-else-if="formData.tts_type === 'DEFAULT'" class="w-full" title="使用系统默认语音合成模型" type="info" :closable="false" />
+          <div v-else class="flex w-full gap-2">
+            <ModelSelect
+              v-model="formData.tts_model_id"
+              :options="ttsModelOptions"
+              :provider-options="providerOptions"
+              placeholder="请选择语音合成模型"
+              @change="changeTtsModel"
+            />
+            <el-button :disabled="!formData.tts_model_id" title="模型参数设置" @click="openTtsParams">
+              <MkIcon :icon="Operation" />
+            </el-button>
+          </div>
+        </template>
       </el-form-item>
     </el-form>
+
+    <FileUploadSettingDialog ref="fileUploadDialogRef" @submit="submitFileUploadSettings" />
+    <LongTermSettingDialog
+      ref="longTermDialogRef"
+      :model-options="llmModelOptions"
+      :provider-options="providerOptions"
+      @submit="submitLongTermSettings"
+    />
+    <ModelParamsDialog ref="ttsParamsDialogRef" @submit="formData.tts_model_params_setting = $event" />
   </NodeContainer>
 </template>
+
+<style lang="scss" scoped>
+:deep(.el-form-item__label) {
+  width: 100%;
+}
+</style>
diff --git a/ui/src/workflow-canvas/nodes/base-node/types.ts b/ui/src/workflow-canvas/nodes/base-node/types.ts
new file mode 100644
index 00000000000..d0c8cbdeda9
--- /dev/null
+++ b/ui/src/workflow-canvas/nodes/base-node/types.ts
@@ -0,0 +1,69 @@
+import type { FormField } from '@/components/mk-dynamics-form'
+
+export interface ApiInputField {
+  assignment_method: 'api_input'
+  default_value: string
+  desc: string
+  is_required: boolean
+  type: 'input'
+  variable: string
+}
+
+export interface ChatInputField {
+  field: string
+  label: string
+}
+
+export interface FileUploadSetting {
+  audio: boolean
+  document: boolean
+  fileLimit: number
+  image: boolean
+  local_upload: boolean
+  maxFiles: number
+  other: boolean
+  otherExtensions: string[]
+  url_upload: boolean
+  video: boolean
+}
+
+export interface LongTermSetting {
+  long_term_model_id: string
+  long_term_model_id_type: 'custom' | 'default'
+  long_term_model_params_setting: Record<string, unknown>
+  long_term_trigger_setting: Record<string, unknown>
+  long_term_trigger_type: 'ROUND' | 'SCHEDULED'
+}
+
+export interface BaseNodeForm extends LongTermSetting {
+  desc: string
+  file_upload_enable: boolean
+  file_upload_setting: FileUploadSetting
+  long_term_enable: boolean
+  name: string
+  prologue: string
+  stt_autosend: boolean
+  stt_model_enable: boolean
+  stt_model_id: string
+  stt_model_id_type: 'custom' | 'default'
+  tts_autoplay: boolean
+  tts_model_enable: boolean
+  tts_model_id: string
+  tts_model_params_setting: Record<string, unknown>
+  tts_type: 'BROWSER' | 'CUSTOM' | 'DEFAULT'
+}
+
+export type UserInputField = FormField
+
+export const defaultFileUploadSetting: FileUploadSetting = {
+  audio: false,
+  document: true,
+  fileLimit: 50,
+  image: false,
+  local_upload: true,
+  maxFiles: 3,
+  other: false,
+  otherExtensions: ['PPT', 'DOC'],
+  url_upload: false,
+  video: false,
+}
diff --git a/ui/src/workflow-canvas/nodes/start-node/index.vue b/ui/src/workflow-canvas/nodes/start-node/index.vue
index fb3790173ce..629fbeb67e1 100644
--- a/ui/src/workflow-canvas/nodes/start-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/start-node/index.vue
@@ -42,7 +42,10 @@ function refreshFields() {
     label: field.name ?? field.variable,
     value: field.variable,
   }))
-  const chatInputFields = (cloneDeep(baseNode?.properties.chat_input_field_list ?? []) as SourceField[]).map((field: SourceField) => ({ label: field.label, value: field.field }))
+  const chatInputFields = (cloneDeep(baseNode?.properties.chat_input_field_list ?? []) as SourceField[]).map((field: SourceField) => ({
+    label: field.label,
+    value: field.field,
+  }))
 
   set(nodeConfig, 'fields', [{ label: '用户问题', value: 'question' }])
   set(nodeConfig, 'globalFields', [
@@ -73,7 +76,7 @@ onBeforeUnmount(() => {
 
 <template>
   <NodeContainer :node-model="model">
-    <h6 class="mb-2">全局变量</h6>
+    <h6 class="mk-title-decoration mb-2">全局变量</h6>
     <div class="rounded-md bg-N100 px-3 py-1 text-N600">
       <div v-for="field in globalFields" :key="field.value" class="flex items-center justify-between gap-2 py-2">
         <span>{{ field.label }} {{ formatFieldReference(field.value) }}</span>
@@ -84,7 +87,7 @@ onBeforeUnmount(() => {
     </div>
 
     <template v-if="chatFields.length">
-      <h6 class="mb-2 mt-4">会话变量</h6>
+      <h6 class="mk-title-decoration my-2">会话变量</h6>
       <div class="rounded-md bg-N100 px-3 py-1 text-N600">
         <div v-for="field in chatFields" :key="field.value" class="flex items-center justify-between gap-2 py-2">
           <span>{{ field.label }} {{ formatFieldReference(field.value) }}</span>