From c967346eeb7312e3467591372d02e06ae8c23340 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Sat, 5 Sep 2026 00:30:05 +0800
Subject: [PATCH] feat: default mode

---
 ui/src/api/API_README.md                      |   2 +
 ui/src/api/types/application.ts               |   3 +
 ui/src/api/types/model.ts                     |   9 +
 ui/src/components/COMPONENT_README.md         |  15 +-
 .../business/model-select/index.vue           | 123 ++++++---
 ui/src/constants/model.ts                     |  14 +-
 ui/src/router/ROUTE_README.md                 |   1 +
 ui/src/router/admin/workflow/index.ts         |   4 +-
 ui/src/styles/element-plus.scss               |   9 +
 ui/src/views/VIEW_README.md                   |  59 +++-
 ui/src/views/model/ModelView.vue              |  11 +-
 .../model/create-model/CreateModelDrawer.vue  |  28 +-
 .../model/create-model/ModelCreateButton.vue  |  22 +-
 .../shared-resources/SharedModelview.vue      |   2 +-
 .../workflow/ApplicationWorkflowView.vue      |  87 ++++--
 ui/src/views/workflow/ToolWorkflowView.vue    |  20 +-
 .../components/DefaultModelSetting.vue        | 255 -----------------
 .../DefaultModelSettingButton.vue             |  55 ++++
 .../DefaultModelSettingDrawer.vue             | 256 ++++++++++++++++++
 ui/src/workflow-canvas/WORKFLOW_README.md     |  15 +-
 ui/src/workflow-canvas/core/workflow-node.ts  |   5 +
 ui/src/workflow-canvas/index.vue              |   4 +
 .../node-menu/ResourceNodeMenu.vue            |   2 +
 .../model-setting/ModelParamsDialog.vue       |  78 ------
 .../component/model-setting/index.vue         |  76 ++----
 .../nodes/ai-chat-node/index.vue              | 149 +++-------
 .../LongTermSettingDialog.vue                 |   2 +-
 .../component/speech-input/index.vue          |  18 +-
 .../component/speech-playback/index.vue       |  51 ++--
 .../workflow-canvas/nodes/base-node/index.vue |   7 +-
 .../workflow-canvas/nodes/base-node/types.ts  |   1 +
 .../nodes/image-generate-node/index.vue       |  44 +--
 .../nodes/image-understand-node/index.vue     |  68 ++---
 .../nodes/intent-node/index.vue               |  50 +---
 .../nodes/parameter-extraction-node/index.vue |  23 +-
 .../nodes/question-node/index.vue             |  51 +---
 .../nodes/speech-to-text-node/index.vue       |  30 +-
 .../nodes/text-to-speech-node/index.vue       |   8 +-
 .../nodes/text-to-video-node/index.vue        |  44 +--
 39 files changed, 814 insertions(+), 887 deletions(-)
 delete mode 100644 ui/src/views/workflow/components/DefaultModelSetting.vue
 create mode 100644 ui/src/views/workflow/components/default-model-setting/DefaultModelSettingButton.vue
 create mode 100644 ui/src/views/workflow/components/default-model-setting/DefaultModelSettingDrawer.vue
 delete mode 100644 ui/src/workflow-canvas/nodes/ai-chat-node/component/model-setting/ModelParamsDialog.vue

diff --git a/ui/src/api/API_README.md b/ui/src/api/API_README.md
index 7e4fdc5612e..22abb3cb4a7 100644
--- a/ui/src/api/API_README.md
+++ b/ui/src/api/API_README.md
@@ -114,6 +114,8 @@ API 枚举与类型统一在 `src/api` 范围内管理，相关规则由本文
 - 同一业务边界内的重复类型提取到最近共同目录的 `common.ts`；`common.ts` 不得成为无关类型
   的集合。
 - API 与 View 或 Component 使用同一业务类型时只保留一份声明，不得在两层分别定义。
+- 智能体详情及保存参数中的 `default_model_setting` 共用模型类别 `DefaultModelType` 和单项
+  配置 `ModelConfig`（`types/model.ts`），工作流页面及设置抽屉从 `@/api/types` 引用。
 - 名称相同但业务含义或字段约束不同的类型不要强行合并，应使用明确的领域名称区分。
 - 使用 `interface` 描述对象结构，使用 `type` 描述联合类型、交叉类型、工具类型结果或别名。
 - 类型名称必须体现业务含义，避免使用 `Data`、`Item`、`Info` 等脱离领域后含义不清的名称。
diff --git a/ui/src/api/types/application.ts b/ui/src/api/types/application.ts
index 7b6f89a7249..36e7f93549e 100644
--- a/ui/src/api/types/application.ts
+++ b/ui/src/api/types/application.ts
@@ -2,10 +2,12 @@
 
 import type LogicFlow from '@logicflow/core'
 import { APPLICATION_TYPE } from '@/api/enums'
+import type { DefaultModelType, ModelConfig } from './model'
 
 export type ApplicationType = (typeof APPLICATION_TYPE)[keyof typeof APPLICATION_TYPE]
 
 export interface ApplicationDetail {
+  default_model_setting?: Partial<Record<DefaultModelType, ModelConfig>>
   create_time?: string
   desc?: string | null
   folder?: string
@@ -27,6 +29,7 @@ export interface ApplicationDetail {
 }
 
 export interface ApplicationFormPayload {
+  default_model_setting?: ApplicationDetail['default_model_setting']
   name?: string
   desc?: string
   model_id?: string
diff --git a/ui/src/api/types/model.ts b/ui/src/api/types/model.ts
index 09f660e6a92..7f1cc7f46e9 100644
--- a/ui/src/api/types/model.ts
+++ b/ui/src/api/types/model.ts
@@ -1,9 +1,18 @@
 /** Workspace 模型与工具页面共用的业务类型。 */
 
 import { MODEL_STATUS } from '@/api/enums'
+import type { Dict } from './common'
 
 export type ModelStatus = (typeof MODEL_STATUS)[keyof typeof MODEL_STATUS]
 
+/** 智能体默认模型配置支持的模型类别。 */
+export type DefaultModelType = 'LLM' | 'TTS' | 'STT' | 'IMAGE' | 'TTI' | 'TTV' | 'ITV' | 'RERANKER'
+
+export interface ModelConfig {
+  model_id?: string
+  model_params_setting?: Dict<unknown>
+}
+
 export interface ModelProviderItem {
   icon: string
   name: string
diff --git a/ui/src/components/COMPONENT_README.md b/ui/src/components/COMPONENT_README.md
index c50e3dc7554..da0a933fe72 100644
--- a/ui/src/components/COMPONENT_README.md
+++ b/ui/src/components/COMPONENT_README.md
@@ -1053,11 +1053,22 @@ import FolderTree from '@/components/business/folder-tree/index.vue'
 按供应商分组展示模型，通过 `v-model` 控制模型 ID，并在选择变化时触发 `change`。`options` 为
 `ModelItem[]`，`providerOptions` 为 `ModelProviderItem[]`，模型列表和供应商列表均由使用方查询。
 
-`showModelParams` 默认为 `false`，设为 `true` 时显示参数按钮，设为 `false` 时隐藏。
+`canEditParams` 默认为 `false`，设为 `true` 时显示参数按钮，设为 `false` 时隐藏。
+参数按钮位于选择框右侧内部，与选择框共用外边框，并通过短竖线与下拉箭头分隔。
 未选择模型或传入 `disabled` 时按钮禁用；点击打开组件内的 `ModelParamsDialog`。
 通过 `v-model:model-params` 绑定参数：切换模型时加载默认值，清空模型时清空参数，弹窗确认后
 回写配置，取消不修改已保存参数。参数表单沿用上层提供的 `getModelParamsForm(modelId)` 注入方法；
 隐藏参数入口时，组件只处理模型选择，不加载或修改参数。
+使用方开启参数入口后应绑定对应参数字段，并移除独立的参数按钮、弹窗和默认参数请求。
+通过 Props 与事件回写设置的子组件，应分别发送模型 ID 和参数的局部更新，由父级合并，避免
+同次交互连续更新时使用旧 Props 覆盖刚选中的模型。
+
+`canAdd` 默认为 `false`，开启后在下拉列表底部显示“添加模型”，复用 `ModelCreateButton` 的
+供应商选择和模型创建流程。组件通过 `isWorkspaceResource()`、`isSystemSharedResource()` 读取
+`resourceScope`：Workspace 传入 `ModelApi`，System 共享资源传入 `SystemSharedModelApi`；
+其他范围暂不展示创建入口。创建成功后触发 `refresh`，使用方重新加载原业务范围的模型选项，
+不自动替换当前选中模型。`footer` 插槽仍可覆盖默认创建入口。
+
 
 ```vue
 <script setup lang="ts">
@@ -1067,7 +1078,7 @@ import ModelSelect from '@/components/business/model-select/index.vue'
 <ModelSelect
   v-model="selectedModelId"
   v-model:model-params="modelParams"
-  show-model-params
+  can-edit-params
   :options="modelOptions"
   :provider-options="providerOptions"
   placeholder="请选择模型"
diff --git a/ui/src/components/business/model-select/index.vue b/ui/src/components/business/model-select/index.vue
index a3f4e3a7754..e0925cdb7e3 100644
--- a/ui/src/components/business/model-select/index.vue
+++ b/ui/src/components/business/model-select/index.vue
@@ -1,10 +1,14 @@
 <script setup lang="ts">
-import { computed, onBeforeUnmount, ref, useTemplateRef } from 'vue'
-import { Check, Operation } from '@element-plus/icons-vue'
+import { computed, ref, useTemplateRef } from 'vue'
+import type { SelectInstance } from 'element-plus'
 import { MODEL_STATUS } from '@/api/enums'
 import type { ModelProviderItem, ModelItem } from '@/api/types'
 import { groupBy } from 'lodash'
 import ModelParamsDialog from './ModelParamsDialog.vue'
+import ModelCreateButton from '@/views/model/create-model/ModelCreateButton.vue'
+import ModelApi from '@/api/admin/workspace/model/model'
+import SystemSharedModelApi from '@/api/admin/system/shared-resources/model'
+import { isWorkspaceResource, isSystemSharedResource } from '@/utils/resource-context'
 defineOptions({ name: 'ModelSelect', inheritAttrs: false })
 
 interface ModelOptionGroup {
@@ -19,7 +23,8 @@ const props = withDefaults(
     modelValue: string
     options: ModelItem[]
     providerOptions: ModelProviderItem[]
-    showModelParams?: boolean
+    canEditParams?: boolean
+    canAdd?: boolean
     modelParams?: Record<string, unknown>
     disabled?: boolean
   }>(),
@@ -27,20 +32,41 @@ const props = withDefaults(
     modelValue: '',
     options: () => [],
     providerOptions: () => [],
-    showModelParams: false,
+    canEditParams: false,
+    canAdd: false,
     modelParams: () => ({}),
     disabled: false,
   },
 )
-const _options = computed(() => {
-  return groupBy(props.options, 'provider')
-})
+
 const emit = defineEmits<{
   change: [modelId: string]
+  refresh: []
   'update:modelValue': [modelId: string]
   'update:modelParams': [settings: Record<string, unknown>]
 }>()
 
+const modelOptionGroups = computed<ModelOptionGroup[]>(() => {
+  const providerMap = new Map(props.providerOptions.map((provider) => [provider.provider, provider]))
+
+  return Object.entries(_options.value ?? {}).map(([provider, models]) => {
+    const providerOption = providerMap.get(provider)
+    return {
+      icon: providerOption?.icon ?? '',
+      models: [...models].sort((left, right) => Number(right.status === MODEL_STATUS.SUCCESS) - Number(left.status === MODEL_STATUS.SUCCESS)),
+      name: providerOption?.name ?? provider,
+      provider,
+    }
+  })
+})
+
+const selectedProviderIcon = computed(
+  () => modelOptionGroups.value.find(({ models }) => models.some(({ id }) => id === selectedModelId.value))?.icon ?? '',
+)
+const _options = computed(() => {
+  return groupBy(props.options, 'provider')
+})
+
 const loading = ref(false)
 
 const selectedModelId = computed({
@@ -52,17 +78,30 @@ const selectedModelId = computed({
   },
 })
 
+// 创建模型：根据当前资源范围传入完整 API，创建后由调用方刷新选项。
+const selectRef = useTemplateRef<SelectInstance>('selectRef')
+const allModelProvider: ModelProviderItem = { icon: '', name: '全部模型', provider: 'all' }
+const createModelApi = computed(() => {
+  if (isWorkspaceResource()) return ModelApi
+  if (isSystemSharedResource()) return SystemSharedModelApi
+  return undefined
+})
+
+function handleOpenCreateModel(open: () => void) {
+  if (props.disabled || !props.canAdd || !createModelApi.value) return
+  selectRef.value?.blur()
+  open()
+}
+
 // 模型参数：切换模型加载默认值，确认弹窗后回写配置。
 const modelParamsDialogRef = useTemplateRef<InstanceType<typeof ModelParamsDialog>>('modelParamsDialogRef')
-let modelParamsRequestId = 0
 
 function resetModelParams(modelId: string) {
-  const requestId = ++modelParamsRequestId
-  if (!props.showModelParams) return
+  if (!props.canEditParams) return
   emit('update:modelParams', {})
   if (!modelId) return
   modelParamsDialogRef.value?.resetDefault(modelId).then((settings) => {
-    if (requestId !== modelParamsRequestId || props.modelValue !== modelId || !props.showModelParams) return
+    if (props.modelValue !== modelId || !props.canEditParams) return
     emit('update:modelParams', settings)
   })
 }
@@ -71,36 +110,16 @@ function openModelParams() {
   if (!props.modelValue || props.disabled) return
   modelParamsDialogRef.value?.open(props.modelValue, props.modelParams)
 }
-
-onBeforeUnmount(() => {
-  modelParamsRequestId += 1
-})
-
-const modelOptionGroups = computed<ModelOptionGroup[]>(() => {
-  const providerMap = new Map(props.providerOptions.map((provider) => [provider.provider, provider]))
-
-  return Object.entries(_options.value ?? {}).map(([provider, models]) => {
-    const providerOption = providerMap.get(provider)
-    return {
-      icon: providerOption?.icon ?? '',
-      models: [...models].sort((left, right) => Number(right.status === MODEL_STATUS.SUCCESS) - Number(left.status === MODEL_STATUS.SUCCESS)),
-      name: providerOption?.name ?? provider,
-      provider,
-    }
-  })
-})
-
-const selectedProviderIcon = computed(
-  () => modelOptionGroups.value.find(({ models }) => models.some(({ id }) => id === selectedModelId.value))?.icon ?? '',
-)
 </script>
 
 <template>
-  <div class="flex w-full items-center gap-2">
+  <div class="relative w-full" :class="{ 'model-select--with-params': canEditParams }">
     <el-select
+      ref="selectRef"
       v-model="selectedModelId"
+      placeholder="请选择模型"
       v-bind="$attrs"
-      class="min-w-0 flex-1"
+      class="w-full"
       :disabled="disabled"
       clearable
       filterable
@@ -120,7 +139,6 @@ const selectedProviderIcon = computed(
             <span class="min-w-0 flex-1 truncate" :title="model.name">{{ model.name }}</span>
             <el-tag v-if="model.source === 'shared'" size="small" type="info">共享</el-tag>
             <span v-if="model.status !== MODEL_STATUS.SUCCESS" class="text-danger">不可用</span>
-            <Check v-if="model.id === selectedModelId" class="h-4 w-4 shrink-0 text-primary" />
           </div>
         </el-option>
       </el-option-group>
@@ -132,13 +150,34 @@ const selectedProviderIcon = computed(
         </div>
       </template>
 
-      <template #empty>
-        <MkEmpty description="暂无可用模型" />
+      <template v-if="canAdd && createModelApi" #footer>
+        <slot name="footer">
+          <ModelCreateButton :api="createModelApi" :current-provider="allModelProvider" :providers="providerOptions" @refresh="emit('refresh')">
+            <template #default="{ open }">
+              <el-button type="primary" link :disabled="disabled" @click.stop="handleOpenCreateModel(open)">
+                <MkIcon name="icon_add_outlined" />
+                <span>添加模型</span>
+              </el-button>
+            </template>
+          </ModelCreateButton>
+        </slot>
       </template>
     </el-select>
-    <el-button v-if="showModelParams" :disabled="disabled || !modelValue" title="模型参数设置" aria-label="模型参数设置" @click="openModelParams">
-      <MkIcon :icon="Operation" />
-    </el-button>
+    <div v-if="canEditParams" class="absolute inset-y-px right-3 flex items-center gap-3">
+      <el-divider direction="vertical" />
+      <el-button link :disabled="disabled || !modelValue" title="模型参数设置" @click.stop="openModelParams">
+        <MkIcon name="icon_preferences_outlined" />
+      </el-button>
+    </div>
   </div>
-  <ModelParamsDialog v-if="showModelParams" ref="modelParamsDialogRef" @submit="emit('update:modelParams', $event)" />
+  <ModelParamsDialog v-if="canEditParams" ref="modelParamsDialogRef" @submit="emit('update:modelParams', $event)" />
 </template>
+
+<style scoped>
+/* 参数入口与选择器共用外边框，为原生下拉箭头和清空按钮预留空间。 */
+.model-select--with-params {
+  :deep(.el-select__wrapper) {
+    padding-right: calc(var(--spacing) * 14);
+  }
+}
+</style>
diff --git a/ui/src/constants/model.ts b/ui/src/constants/model.ts
index e1d73bbbd07..26193938a03 100644
--- a/ui/src/constants/model.ts
+++ b/ui/src/constants/model.ts
@@ -1,11 +1,11 @@
 export const MODEL_TYPE_LABELS: Record<string, string> = {
+  LLM: 'AI 模型',
   EMBEDDING: '向量模型',
-  IMAGE: '图像模型',
-  ITV: '图生视频',
-  LLM: '大语言模型',
+  IMAGE: '视觉模型',
+  ITV: '图生视频模型',
+  STT: '语音识别模型',
+  TTI: '图片生成模型',
+  TTS: '语音合成模型',
+  TTV: '文生视频模型',
   RERANKER: '重排模型',
-  STT: '语音识别',
-  TTI: '文生图',
-  TTS: '语音合成',
-  TTV: '文生视频',
 }
diff --git a/ui/src/router/ROUTE_README.md b/ui/src/router/ROUTE_README.md
index 06bc90ae3b5..482e084f54b 100644
--- a/ui/src/router/ROUTE_README.md
+++ b/ui/src/router/ROUTE_README.md
@@ -67,6 +67,7 @@ Login、Workflow 路由没有挂载 `AppLayout`，因此不会出现在左侧导
 - `login`：登录及账户相关独立页面。
 - `workflow`：集中维护各业务的全屏画布路由，当前包含智能体和工具工作流，后续知识库等画布
   继续在 `admin/workflow/index.ts` 中注册。
+- Workspace 的全屏 Workflow 路由显式设置 `resourceScope: 'workspace'`，使模型创建等资源操作使用 Workspace API。
 - Workflow 路由保留当前 Workspace 和资源标识；智能体工作流地址为
   `/workspace/:workspaceId/application/:applicationId/workflow`，工具工作流地址为
   `/workspace/:workspaceId/tool/:toolId/workflow`。两个页面均可从资源操作入口进入，按住 Ctrl 或
diff --git a/ui/src/router/admin/workflow/index.ts b/ui/src/router/admin/workflow/index.ts
index bb32098a67e..bab28c97b50 100644
--- a/ui/src/router/admin/workflow/index.ts
+++ b/ui/src/router/admin/workflow/index.ts
@@ -6,12 +6,12 @@ export const workflowRoutes: RouteRecordRaw[] = [
     path: '/workspace/:workspaceId/application/:applicationId/workflow',
     name: 'workflow-application',
     component: () => import('@/views/workflow/ApplicationWorkflowView.vue'),
-    meta: { title: '智能体工作流' },
+    meta: { title: '智能体工作流', resourceScope: 'workspace' },
   },
   {
     path: '/workspace/:workspaceId/tool/:toolId/workflow',
     name: 'workflow-tool',
     component: () => import('@/views/workflow/ToolWorkflowView.vue'),
-    meta: { title: '工具工作流' },
+    meta: { title: '工具工作流', resourceScope: 'workspace' },
   },
 ]
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index d527afaa193..3767a6d2795 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -417,6 +417,8 @@
 
 /* drawer */
 .el-drawer {
+  box-shadow: -6px 0px 24px 0px rgb(var(--mk-N900-rgb) / 8%);
+
   &__header {
     position: relative;
     border-bottom: 1px solid var(--el-border-color);
@@ -779,6 +781,13 @@
   }
 }
 
+.el-select-group {
+  &__title {
+    color: var(--mk-N500);
+    font-size: var(--mk-font-size-base);
+  }
+}
+
 /* steps */
 .el-steps {
   align-items: center;
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index 174fea5632d..8b80daf677e 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -286,15 +286,50 @@ Dialog。新增或重命名文件时，应同步更新所有导入和页面功
 
 ## 工作流默认模型设置
 
-`workflow/components/DefaultModelSetting.vue` 维护默认模型面板，按模型类型组织本地暂存配置。
-调用方通过 `show` 控制显示，通过 `v-model` 接收保存后的配置，通过 `save` 执行页面持久化，
-通过 `close` 关闭面板。只读场景传入 `readonly`。编辑与参数弹窗不直接修改父级配置；有修改时
-点击面板外会区分保存、丢弃和取消。
-
-模型查询通过必填的完整 `modelApi` 对象执行（类型使用 `typeof ModelApi`），可用 `modelQuery`
-补充资源范围需要的查询参数；调用方负责选择 API，组件不从 URL 推断资源范围。供应商列表通过
-当前公共供应商接口查询。模型选择及参数设置复用 `ModelSelect`，重排序模型隐藏参数入口。
-
-传入 `workflowRef` 后支持“应用到所有节点”：只切换节点的模型来源，保留自定义模型 ID 和参数，
-递归处理循环体，并保留基本信息节点中关闭的语音/长期记忆配置及浏览器语音播放模式。
-该操作修改画布，由页面原有保存流程持久化，不自动提交面板内暂存的默认模型设置。
+`workflow/components/default-model-setting/DefaultModelSettingButton.vue` 负责顶部“默认模型设置”按钮与抽屉按需挂载，
+由 `ApplicationWorkflowView` 在 `WorkflowViewLayout` 的 `actions` 插槽中接入。同目录的
+`DefaultModelSettingDrawer.vue` 负责抽屉、模型查询、暂存表单及应用与关闭确认。入口挂载后
+通过组件 Ref 调用 `open(settings)`；抽屉内部管理显隐，打开时先重置再回填配置，关闭动画结束后
+清理状态并触发 `closed`，入口据此卸载。保存事件由入口转发。抽屉复用 `MkDrawer`，
+顶部使用 `top-header` 留出页面头栏，高度使用
+`h-layout-content`，不显示遮罩，也不阻挡头栏和左侧画布交互。表单由抽屉统一滚动，页脚固定显示
+应用到所有节点、取消和保存。
+
+通过 `modelValue` 接收详情配置；`disabled` 控制顶部按钮。
+编辑及参数弹窗只修改抽屉副本，通过 `save(settings)` 提交副本；取消或关闭时选择不保存，
+直接丢弃副本，详情中的原配置不受影响。API 与组件共用的模型类别
+`DefaultModelType` 和单项配置 `ModelConfig` 维护在 `api/types/model.ts`；按类别组织的配置直接使用
+`Partial<Record<DefaultModelType, ModelConfig>>`，不再声明与组件名称相近的配置集合类型。
+`ApplicationWorkflowView` 用 `applicationDetail` 保存完整详情，用 `defaultModelSetting` 单独承接
+模型配置，在详情加载或保存成功后从接口的 `default_model_setting` 深拷贝回填，缺省为空对象。
+抽屉的 `save(settings)` 调用页面 `handleSaveDefaultModelSetting(settings)`，先暂存到
+`defaultModelSetting`，再复用 `handleSave()` 和 `saveApplication` 将配置与 `work_flow` 一起提交。
+页面顶部保存使用当前 `defaultModelSetting`；保存成功更新详情，失败则从详情深拷贝回滚配置，
+提示错误并继续抛出异常，阻止保存并退出、保存后调试等成功分支。
+点击保存后抽屉保持打开；`modelValue` 更新时刷新比较基准，`hasChanges` 自动重新计算。
+提交时比较基准会暂时更新，失败回滚后恢复；抽屉编辑副本不被覆盖，保存期间继续编辑的内容仍保留。
+页面将 `defaultModelSetting` 通过画布的 `defaultModelSettings` Props 传入，AI 对话节点通过节点 model
+获取当前 `LLM` 模型及参数；提交期间使用暂存配置，失败后随页面回滚，不通过 `provide` 同步抽屉草稿。
+
+模型查询通过必填的完整 `modelApi` 对象执行（类型使用 `typeof ModelApi`）；调用方负责选择 API，
+组件不从 URL 推断资源范围。每次打开或刷新只查询一次模型列表，保存在 `models` 中，由
+`getModelOptions(type)` 按 `model_type` 过滤。默认模型类型保留页面展示顺序，标签复用
+`MODEL_TYPE_LABELS`。供应商列表通过当前公共供应商接口查询。模型选择及参数设置复用
+`ModelSelect`，通过 `canEditParams` 控制参数入口，重排序模型隐藏该入口。
+默认模型抽屉开启 `canAdd`，创建成功后通过 `refresh` 重新加载模型列表。
+
+入口接收 `getGraphData` 函数并传给抽屉。“应用到所有节点”确认后，抽屉调用该函数获取最新图数据，
+克隆后切换节点的模型来源，保留自定义模型 ID 和参数，递归处理循环体，并保留基本信息节点中
+关闭的语音/长期记忆配置及浏览器语音播放模式。存在变更时触发 `applyToAll(graphData)`，入口
+转发给 `ApplicationWorkflowView`，页面只负责通过自己的画布 Ref 渲染结果，抽屉不接收画布实例。
+`disabled` 同时控制顶部入口和应用操作，确认完成后再次检查，避免保存期间修改画布。
+该操作修改画布，由页面原有保存流程持久化，不自动提交抽屉内暂存的默认模型设置。
+
+## 模型创建入口
+
+`model/create-model/ModelCreateButton.vue` 和 `CreateModelDrawer.vue` 通过必填的 `api` 接收完整
+模型 API 对象。Workspace 模型页传入 `ModelApi`，System 共享模型页传入 `SystemSharedApi`；
+创建抽屉只调用传入的 API，不再自行判断资源范围。
+`ModelCreateButton` 默认渲染主按钮，也支持通过默认作用域插槽的 `open()` 定制触发按钮，
+`ModelSelect` 的下拉页脚使用该插槽复用同一创建流程。创建成功后保留基础资料刷新，再触发
+`refresh` 通知调用方重新加载模型列表。
diff --git a/ui/src/views/model/ModelView.vue b/ui/src/views/model/ModelView.vue
index 27b1dd12fa1..821ae9a0ba4 100644
--- a/ui/src/views/model/ModelView.vue
+++ b/ui/src/views/model/ModelView.vue
@@ -92,13 +92,20 @@ onMounted(() => {
         <h4>{{ currentProvider.name }}</h4>
         <div class="flex items-center">
           <MkComplexSearch :fields="searchFields" @change="handleSearchChange" />
-          <ModelCreateButton v-if="!isShared" :current-provider="currentProvider" :providers="modelProviders" @refresh="loadModels" />
+          <ModelCreateButton v-if="!isShared" :current-provider="currentProvider" :providers="modelProviders" @refresh="loadModels" :api="ModelApi" />
         </div>
       </component>
       <div v-loading="loading">
         <div v-if="ModelItems.length" class="mk-resource-card-grid">
           <template v-for="model in ModelItems" :key="model.id">
-            <ModelCard :api="ModelApi" :model="model" :provider="getModelProvider(model)" :refresh="loadModels" :shared="isShared" :disabled="isShared">
+            <ModelCard
+              :api="ModelApi"
+              :model="model"
+              :provider="getModelProvider(model)"
+              :refresh="loadModels"
+              :shared="isShared"
+              :disabled="isShared"
+            >
               <template #action-dropdown>
                 <EditModelAction label="编辑" :api="ModelApi" :model="model" :provider="getModelProvider(model)" @refresh="loadModels" />
                 <ParamSettingAction v-if="model.model_type !== 'RERANKER'" label="模型参数设置" :api="ModelApi" :model="model" />
diff --git a/ui/src/views/model/create-model/CreateModelDrawer.vue b/ui/src/views/model/create-model/CreateModelDrawer.vue
index 646ac80aa4f..7d1e08ae7f3 100644
--- a/ui/src/views/model/create-model/CreateModelDrawer.vue
+++ b/ui/src/views/model/create-model/CreateModelDrawer.vue
@@ -1,20 +1,18 @@
 <script setup lang="ts">
 import { computed, reactive, ref } from 'vue'
 import type { BaseModelOption, Dict, DynamicFormField, ModelPayload, ModelProviderItem, ModelTypeOption } from '@/api/types'
-import SystemSharedModelApi from '@/api/admin/system/shared-resources/model'
-import ModelApi from '@/api/admin/workspace/model/model'
+import type ModelApi from '@/api/admin/workspace/model/model'
 import ProviderApi from '@/api/admin/model-provider'
 import { MkDynamicsForm, type DynamicFormValue, type FormField } from '@/components/mk-dynamics-form'
 import { useStore } from '@/stores'
 import { MsgSuccess } from '@/utils/message'
-import { isSystemSharedResource } from '@/utils/resource-context'
 import ModelAdvancedSettings from '@/views/model/advanced-settings-table/AdvancedSettingsTable.vue'
 
 defineOptions({ name: 'CreateModelDrawer' })
 
 const { auth } = useStore()
 
-const props = withDefaults(defineProps<{ providers?: ModelProviderItem[] }>(), { providers: () => [] })
+const props = withDefaults(defineProps<{ providers?: ModelProviderItem[]; api: typeof ModelApi }>(), { providers: () => [] })
 const emit = defineEmits<{ back: []; refresh: [] }>()
 
 const visible = ref(false)
@@ -126,7 +124,7 @@ function handleSubmit() {
   dynamicsFormRef.value?.validate().then(() => {
     loading.value = true
     const payload = { ...modelForm, model_params_form: modelParamsForm.value }
-    const request = isSystemSharedResource() ? SystemSharedModelApi.postModel(payload) : ModelApi.postModel(payload)
+    const request = props.api.postModel(payload)
 
     return request
       .then(() => {
@@ -226,7 +224,12 @@ defineExpose({ open })
                     </el-tooltip>
                   </span>
                 </template>
-                <el-input v-model="modelForm.name" maxlength="64" placeholder="请给基础模型设置一个名称" @blur="modelForm.name = modelForm.name.trim()" />
+                <el-input
+                  v-model="modelForm.name"
+                  maxlength="64"
+                  placeholder="请给基础模型设置一个名称"
+                  @blur="modelForm.name = modelForm.name.trim()"
+                />
               </el-form-item>
 
               <el-form-item class="mk-hide-asterisk" prop="model_type" :rules="{ required: true, message: '请选择模型类型', trigger: 'change' }">
@@ -254,7 +257,11 @@ defineExpose({ open })
                 </el-select>
               </el-form-item>
 
-              <el-form-item class="mk-hide-asterisk" prop="model_name" :rules="{ required: true, message: '请选择基础模型，自定义输入基础模型后回车即可', trigger: 'change' }">
+              <el-form-item
+                class="mk-hide-asterisk"
+                prop="model_name"
+                :rules="{ required: true, message: '请选择基础模型，自定义输入基础模型后回车即可', trigger: 'change' }"
+              >
                 <template #label>
                   <span class="inline-flex items-center gap-2">
                     <span class="mk-required"> 基础模型</span>
@@ -286,7 +293,12 @@ defineExpose({ open })
           </MkDynamicsForm>
 
           <!-- 高级设置 -->
-          <MkCollapse class="mt-2" v-if="modelForm.model_name && modelForm.model_type && modelForm.model_type !== 'RERANKER'" indicator-position="after" trigger-class="mb-2 w-fit">
+          <MkCollapse
+            class="mt-2"
+            v-if="modelForm.model_name && modelForm.model_type && modelForm.model_type !== 'RERANKER'"
+            indicator-position="after"
+            trigger-class="mb-2 w-fit"
+          >
             <template #label>
               <h6>高级设置</h6>
             </template>
diff --git a/ui/src/views/model/create-model/ModelCreateButton.vue b/ui/src/views/model/create-model/ModelCreateButton.vue
index 44513a08f8b..1a5bf251115 100644
--- a/ui/src/views/model/create-model/ModelCreateButton.vue
+++ b/ui/src/views/model/create-model/ModelCreateButton.vue
@@ -1,14 +1,16 @@
 <script setup lang="ts">
 import { useTemplateRef } from 'vue'
+import type ModelApi from '@/api/admin/workspace/model/model'
 import type { ModelProviderItem } from '@/api/types'
 import CreateModelDrawer from './CreateModelDrawer.vue'
 import SelectProviderDrawer from './SelectProviderDrawer.vue'
 
 defineOptions({ name: 'ModelCreate' })
 
-const props = defineProps<{ currentProvider: ModelProviderItem; providers: ModelProviderItem[] }>()
+const props = defineProps<{ currentProvider: ModelProviderItem; providers: ModelProviderItem[]; api: typeof ModelApi }>()
 
 const emit = defineEmits<{ refresh: [] }>()
+defineSlots<{ default(props: { open: () => void }): unknown }>()
 
 /* 创建模型 */
 const selectProviderDrawerRef = useTemplateRef<InstanceType<typeof SelectProviderDrawer>>('selectProviderDrawerRef')
@@ -32,10 +34,18 @@ function handleBackToProviderSelect() {
 </script>
 
 <template>
-  <el-button type="primary" class="ml-3" @click="handleOpenCreateModel">
-    <MkIcon name="icon_add_outlined" />
-    <span>添加模型</span>
-  </el-button>
+  <slot :open="handleOpenCreateModel">
+    <el-button type="primary" class="ml-3" @click="handleOpenCreateModel">
+      <MkIcon name="icon_add_outlined" />
+      <span>添加模型</span>
+    </el-button>
+  </slot>
   <SelectProviderDrawer ref="selectProviderDrawerRef" @select="handleCreateProviderSelect" />
-  <CreateModelDrawer ref="createModelDrawerRef" :providers="providers" @back="handleBackToProviderSelect" @refresh="emit('refresh')" />
+  <CreateModelDrawer
+    ref="createModelDrawerRef"
+    :providers="providers"
+    @back="handleBackToProviderSelect"
+    @refresh="emit('refresh')"
+    :api="props.api"
+  />
 </template>
diff --git a/ui/src/views/system/shared-resources/SharedModelview.vue b/ui/src/views/system/shared-resources/SharedModelview.vue
index e678529308d..e5872b6eebc 100644
--- a/ui/src/views/system/shared-resources/SharedModelview.vue
+++ b/ui/src/views/system/shared-resources/SharedModelview.vue
@@ -85,7 +85,7 @@ onMounted(() => {
         <h4>{{ currentProvider.name }}</h4>
         <div class="flex items-center">
           <MkComplexSearch :fields="searchFields" @change="handleSearchChange" />
-          <ModelCreateButton :current-provider="currentProvider" :providers="modelProviders" @refresh="loadModels" />
+          <ModelCreateButton :api="SystemSharedApi" :current-provider="currentProvider" :providers="modelProviders" @refresh="loadModels" />
         </div>
       </component>
       <div v-loading="loading">
diff --git a/ui/src/views/workflow/ApplicationWorkflowView.vue b/ui/src/views/workflow/ApplicationWorkflowView.vue
index 0359407e67c..113e02448b2 100644
--- a/ui/src/views/workflow/ApplicationWorkflowView.vue
+++ b/ui/src/views/workflow/ApplicationWorkflowView.vue
@@ -1,23 +1,27 @@
 <script setup lang="ts">
-import { nextTick, onMounted, ref, useTemplateRef } from 'vue'
+import { nextTick, onMounted, provide, ref, useTemplateRef } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import type LogicFlow from '@logicflow/core'
 import type { Action } from 'element-plus'
 import { Aim, Close, FullScreen } from '@element-plus/icons-vue'
 import { cloneDeep } from 'lodash'
 import ApplicationApi from '@/api/admin/workspace/application/application.ts'
-import { RESOURCE_TYPE } from '@/api/enums'
+import ModelApi from '@/api/admin/workspace/model/model'
 import type { ApplicationDetail } from '@/api/types'
-import { MsgConfirm, MsgSuccess } from '@/utils/message'
+import { MsgConfirm, MsgError, MsgSuccess } from '@/utils/message'
 import WorkflowCanvas from '@/workflow-canvas/index.vue'
 import { defaultApplicationNodes } from '@/workflow-canvas/config/node-mapping'
 import { WorkflowMode, type ShapeItem } from '@/workflow-canvas/types'
+import DefaultModelSettingButton from './components/default-model-setting/DefaultModelSettingButton.vue'
 import CreateNodeMenu from './components/CreateNodeMenu.vue'
 import WorkflowViewLayout from './components/WorkflowViewLayout.vue'
 import Conversation from '@/components/conversation/index.vue'
 
 defineOptions({ name: 'ApplicationWorkflowView' })
 
+// 为画布节点中的 ModelSelect 提供参数表单接口。
+provide('getModelParamsForm', ModelApi.getModelParamsForm)
+
 const DEFAULT_WORKFLOW: LogicFlow.GraphConfigData = {
   nodes: cloneDeep(defaultApplicationNodes),
   edges: [],
@@ -43,26 +47,6 @@ const saving = ref(false)
 const savedWorkflow = ref<LogicFlow.GraphData>()
 const saveTime = ref<Date | string>()
 
-/* 调试对话 */
-const debugVisible = ref(false)
-const debugExpanded = ref(false)
-
-function closeDebug() {
-  debugVisible.value = false
-  debugExpanded.value = false
-}
-
-function handleDebug() {
-  // 未保存的画布改动先落库，保证调试对话命中最新的工作流。
-  if (hasUnsavedChanges()) {
-    saveApplication(undefined, false).then(() => {
-      debugVisible.value = true
-    })
-    return
-  }
-  debugVisible.value = true
-}
-
 function getGraphData() {
   return workflowRef.value?.getGraphData()
 }
@@ -82,21 +66,61 @@ function saveApplication(graphData = getGraphData(), showMessage = false) {
   if (!graphData) return Promise.resolve<ApplicationDetail | undefined>(undefined)
 
   saving.value = true
-  return ApplicationApi.putApplication(applicationId, { work_flow: graphData })
+  return ApplicationApi.putApplication(applicationId, { work_flow: graphData, default_model_setting: cloneDeep(defaultModelSetting.value) })
     .then((application) => {
       applicationDetail.value = application
+      defaultModelSetting.value = cloneDeep(application.default_model_setting ?? {})
       saveTime.value = application.update_time || new Date()
       setSavedWorkflow(graphData)
       if (showMessage) MsgSuccess('保存成功')
       return application
     })
+    .catch((error) => {
+      defaultModelSetting.value = cloneDeep(applicationDetail.value?.default_model_setting ?? {})
+      MsgError('保存失败')
+      throw error
+    })
     .finally(() => {
       saving.value = false
     })
 }
 
 function handleSave() {
-  saveApplication(undefined, true)
+  // 保存失败已提示并回滚，页面按钮在此结束处理。
+  return saveApplication(undefined, true).catch(() => {})
+}
+
+/* 应用默认模型设置：抽屉提交后暂存，保存失败时从详情回滚。 */
+const defaultModelSetting = ref<NonNullable<ApplicationDetail['default_model_setting']>>({})
+
+function handleApplyDefaultModelToAll(graphData: LogicFlow.GraphData) {
+  workflowRef.value?.renderGraphData(graphData)
+}
+
+function handleSaveDefaultModelSetting(settings: NonNullable<ApplicationDetail['default_model_setting']>) {
+  defaultModelSetting.value = cloneDeep(settings)
+  return handleSave()
+}
+
+/* 调试对话 */
+const debugVisible = ref(false)
+const debugExpanded = ref(false)
+
+function closeDebug() {
+  debugVisible.value = false
+  debugExpanded.value = false
+}
+
+function handleDebug() {
+  // 未保存的画布改动先落库，保证调试对话命中最新的工作流。
+  if (hasUnsavedChanges()) {
+    return saveApplication(undefined, false)
+      .then(() => {
+        debugVisible.value = true
+      })
+      .catch(() => {})
+  }
+  debugVisible.value = true
 }
 
 function loadApplicationDetail() {
@@ -104,6 +128,7 @@ function loadApplicationDetail() {
   return ApplicationApi.getApplicationDetail(applicationId)
     .then((application) => {
       applicationDetail.value = application
+      defaultModelSetting.value = cloneDeep(application.default_model_setting ?? {})
       saveTime.value = application.update_time
 
       const workflow = application.work_flow?.nodes?.length ? application.work_flow : DEFAULT_WORKFLOW
@@ -246,7 +271,15 @@ onMounted(() => {
   <WorkflowViewLayout :loading="loading" :title="applicationDetail?.name" :save-time="saveTime" @back="handleBack">
     <template #actions>
       <CreateNodeMenu :workflow-mode="WorkflowMode.Application" @select="handleAddNode" />
-      <el-button plain :loading="saving && !publishing" :disabled="loading || saving || publishing" @click="handleSave"> 保存 </el-button>
+      <DefaultModelSettingButton
+        :model-value="defaultModelSetting"
+        :model-api="ModelApi"
+        :get-graph-data="getGraphData"
+        :disabled="loading || saving || publishing"
+        @save="handleSaveDefaultModelSetting"
+        @apply-to-all="handleApplyDefaultModelToAll"
+      />
+      <el-button plain :loading="saving && !publishing" :disabled="loading || saving || publishing" @click="handleSave()"> 保存 </el-button>
       <el-button type="primary" plain :disabled="loading || saving" @click="handleDebug"> 调试 </el-button>
       <!-- <el-button
         v-if="canPublish"
@@ -282,7 +315,7 @@ onMounted(() => {
     <WorkflowCanvas
       ref="workflowRef"
       class="min-h-0 flex-1"
-      :current-resource="{ id: applicationId, source: RESOURCE_TYPE.APPLICATION }"
+      :default-model-settings="defaultModelSetting"
       :loop-workflow-mode="WorkflowMode.ApplicationLoop"
       :workflow-mode="WorkflowMode.Application"
     />
diff --git a/ui/src/views/workflow/ToolWorkflowView.vue b/ui/src/views/workflow/ToolWorkflowView.vue
index a0baea63a71..a931b85c4cc 100644
--- a/ui/src/views/workflow/ToolWorkflowView.vue
+++ b/ui/src/views/workflow/ToolWorkflowView.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { nextTick, onMounted, ref, useTemplateRef } from 'vue'
+import { nextTick, onMounted, provide, ref, useTemplateRef } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import type LogicFlow from '@logicflow/core'
 import type { Action } from 'element-plus'
 import { cloneDeep } from 'lodash'
+import ModelApi from '@/api/admin/workspace/model/model'
 import ToolApi from '@/api/admin/workspace/tool/tool'
 import ToolWorkflowApi from '@/api/admin/workspace/tool/workflow'
 import { RESOURCE_TYPE } from '@/api/enums'
@@ -17,6 +18,9 @@ import WorkflowViewLayout from './components/WorkflowViewLayout.vue'
 
 defineOptions({ name: 'ToolWorkflowView' })
 
+// 为画布节点中的 ModelSelect 提供参数表单接口。
+provide('getModelParamsForm', ModelApi.getModelParamsForm)
+
 const DEFAULT_WORKFLOW: LogicFlow.GraphConfigData = {
   nodes: cloneDeep(defaultToolNodes),
   edges: [],
@@ -34,7 +38,6 @@ function handleAddNode(shapeItem: ShapeItem) {
   workflowRef.value?.addNode(shapeItem)
 }
 
-
 /* 工具工作流加载与保存 */
 const toolDetail = ref<ToolItem>()
 const loading = ref(false)
@@ -137,19 +140,10 @@ onMounted(() => {
 <template>
   <WorkflowViewLayout :loading="loading" :title="toolDetail?.name" :save-time="saveTime" @back="handleBack">
     <template #actions>
-      <CreateNodeMenu
-        :workflow-mode="WorkflowMode.Tool"
-        @select="handleAddNode"
-      />
+      <CreateNodeMenu :workflow-mode="WorkflowMode.Tool" @select="handleAddNode" />
       <el-button plain :loading="saving" :disabled="loading || saving" @click="handleSave"> 保存 </el-button>
     </template>
 
-    <WorkflowCanvas
-      ref="workflowRef"
-      class="min-h-0 flex-1"
-      :current-resource="{ id: toolId, source: RESOURCE_TYPE.TOOL }"
-      :loop-workflow-mode="WorkflowMode.ToolLoop"
-      :workflow-mode="WorkflowMode.Tool"
-    />
+    <WorkflowCanvas ref="workflowRef" class="min-h-0 flex-1" :loop-workflow-mode="WorkflowMode.ToolLoop" :workflow-mode="WorkflowMode.Tool" />
   </WorkflowViewLayout>
 </template>
diff --git a/ui/src/views/workflow/components/DefaultModelSetting.vue b/ui/src/views/workflow/components/DefaultModelSetting.vue
deleted file mode 100644
index ec16e588286..00000000000
--- a/ui/src/views/workflow/components/DefaultModelSetting.vue
+++ /dev/null
@@ -1,255 +0,0 @@
-<script setup lang="ts">
-import { computed, onBeforeUnmount, provide, ref, watch } from 'vue'
-import { ClickOutside as vClickOutside } from 'element-plus'
-import { cloneDeep, isEqual } from 'lodash'
-import type LogicFlow from '@logicflow/core'
-import type ModelApi from '@/api/admin/workspace/model/model'
-import ModelProviderApi from '@/api/admin/model-provider'
-import type { Dict, ModelItem, ModelProviderItem } from '@/api/types'
-import ModelSelect from '@/components/business/model-select/index.vue'
-import { MsgConfirm, MsgSuccess } from '@/utils/message'
-import type WorkflowCanvas from '@/workflow-canvas/index.vue'
-import { WorkflowNodeType } from '@/workflow-canvas/types'
-
-defineOptions({ name: 'DefaultModelSetting' })
-
-const defaultModelTypes = [
-  { type: 'LLM', label: '大语言模型' },
-  { type: 'TTS', label: '语音合成模型' },
-  { type: 'STT', label: '语音识别模型' },
-  { type: 'IMAGE', label: '图片理解模型' },
-  { type: 'TTI', label: '图片生成模型' },
-  { type: 'TTV', label: '文本生成视频模型' },
-  { type: 'ITV', label: '图片生成视频模型' },
-  { type: 'RERANKER', label: '重排序模型' },
-] as const
-
-type DefaultModelType = (typeof defaultModelTypes)[number]['type']
-interface ModelSetting {
-  model_id?: string
-  model_params_setting?: Dict<unknown>
-}
-type DefaultModelSettings = Partial<Record<DefaultModelType, ModelSetting>>
-type ModelSourceField =
-  | 'model_id_type'
-  | 'stt_model_id_type'
-  | 'tts_model_id_type'
-  | 'reranker_model_id_type'
-  | 'long_term_model_id_type'
-  | 'tts_type'
-interface ModelNodeData extends Partial<Record<ModelSourceField, string>> {
-  stt_model_enable?: boolean
-  tts_model_enable?: boolean
-  long_term_enable?: boolean
-  loop_body?: LogicFlow.GraphConfigData
-}
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: DefaultModelSettings
-    modelApi: typeof ModelApi
-    modelQuery?: Dict<unknown>
-    show?: boolean
-    workflowRef?: InstanceType<typeof WorkflowCanvas> | null
-    readonly?: boolean
-  }>(),
-  { modelValue: () => ({}), modelQuery: () => ({}), show: false, workflowRef: null, readonly: false },
-)
-const emit = defineEmits<{
-  'update:modelValue': [settings: DefaultModelSettings]
-  save: []
-  close: []
-}>()
-
-// 暂存模型设置：编辑和参数弹窗只修改副本，保存时才通知页面提交。
-function normalizeSettings(settings: DefaultModelSettings) {
-  return Object.fromEntries(
-    defaultModelTypes.map(({ type }) => [
-      type,
-      {
-        ...cloneDeep(settings[type]),
-        model_id: settings[type]?.model_id || '',
-        model_params_setting: cloneDeep(settings[type]?.model_params_setting || {}),
-      },
-    ]),
-  ) as Record<DefaultModelType, ModelSetting & { model_id: string; model_params_setting: Dict<unknown> }>
-}
-
-const modelSettings = ref(normalizeSettings(props.modelValue))
-const hasChanges = computed(() => !props.readonly && !isEqual(modelSettings.value, normalizeSettings(props.modelValue)))
-
-function resetSettings() {
-  modelSettings.value = normalizeSettings(props.modelValue)
-}
-
-function handleModelChange(modelType: DefaultModelType) {
-  modelSettings.value[modelType].model_params_setting = {}
-}
-
-function handleSave() {
-  if (props.readonly || !hasChanges.value) return
-  emit('update:modelValue', cloneDeep(modelSettings.value))
-  emit('save')
-}
-
-// 模型资源：调用方选择当前范围的完整 API，组件不通过 URL 推断资源范围。
-const modelOptions = ref<Partial<Record<DefaultModelType, ModelItem[]>>>({})
-const providerOptions = ref<ModelProviderItem[]>([])
-const loading = ref(false)
-let loadSequence = 0
-
-provide('getModelParamsForm', (modelId: string) => props.modelApi.getModelParamsForm(modelId))
-
-function loadModelOptions() {
-  const sequence = ++loadSequence
-  loading.value = true
-  modelOptions.value = {}
-  providerOptions.value = []
-  const providerRequest = ModelProviderApi.getProviderList().then((providers) => {
-    if (sequence === loadSequence) providerOptions.value = providers
-  })
-  const modelRequests = defaultModelTypes.map(({ type }) =>
-    props.modelApi.getModelList({ ...props.modelQuery, model_type: type }).then((models) => {
-      if (sequence === loadSequence) modelOptions.value[type] = models
-    }),
-  )
-  // 请求层统一提示失败；单个类别失败不阻断其他类别展示。
-  return Promise.allSettled([providerRequest, ...modelRequests]).finally(() => {
-    if (sequence === loadSequence) loading.value = false
-  })
-}
-
-watch(
-  () => props.show,
-  (visible) => {
-    if (!visible) {
-      loadSequence += 1
-      return
-    }
-    resetSettings()
-    loadModelOptions()
-  },
-  { immediate: true },
-)
-onBeforeUnmount(() => {
-  loadSequence += 1
-})
-
-// 应用默认来源：保留自定义模型配置，并递归处理循环体中的节点。
-const applying = ref(false)
-
-function applyDefaultSources(graph: LogicFlow.GraphData) {
-  let changedCount = 0
-  const pendingNodes: LogicFlow.NodeConfig[] = [...graph.nodes]
-  const updateSource = (nodeData: ModelNodeData, field: ModelSourceField, source = 'default') => {
-    if (nodeData[field] === source) return
-    nodeData[field] = source
-    changedCount += 1
-  }
-
-  while (pendingNodes.length) {
-    const node = pendingNodes.pop()!
-    const nodeData = node.properties?.node_data as ModelNodeData | undefined
-    if (!nodeData) continue
-
-    if (node.type === WorkflowNodeType.Base) {
-      if (nodeData.stt_model_enable) updateSource(nodeData, 'stt_model_id_type')
-      if (nodeData.tts_model_enable && nodeData.tts_type !== 'BROWSER') updateSource(nodeData, 'tts_type', 'DEFAULT')
-      if (nodeData.long_term_enable) updateSource(nodeData, 'long_term_model_id_type')
-      continue
-    }
-
-    if (node.type === WorkflowNodeType.SpeechToTextNode) updateSource(nodeData, 'stt_model_id_type')
-    else if (node.type === WorkflowNodeType.TextToSpeechNode) updateSource(nodeData, 'tts_model_id_type')
-    else if (node.type === WorkflowNodeType.RerankerNode) updateSource(nodeData, 'reranker_model_id_type')
-    else if (nodeData.model_id_type !== undefined) updateSource(nodeData, 'model_id_type')
-
-    if (node.type === WorkflowNodeType.LoopNode && nodeData.loop_body?.nodes) pendingNodes.push(...nodeData.loop_body.nodes)
-  }
-  return changedCount
-}
-
-function handleApplyToAll() {
-  if (props.readonly || !props.workflowRef || applying.value) return
-  applying.value = true
-  return MsgConfirm('应用到所有节点', '将所有支持的节点（包括循环体内节点）切换为使用默认模型，是否继续？', {
-    type: 'warning',
-    confirmButtonText: '应用',
-    confirmButtonType: 'primary',
-  })
-    .then(() => {
-      if (props.readonly || !props.show) return
-      const graph = props.workflowRef?.getGraphData()
-      if (!graph) return
-      const changedCount = applyDefaultSources(graph)
-      if (changedCount > 0) props.workflowRef?.renderGraphData(graph)
-      MsgSuccess(changedCount > 0 ? `已将 ${changedCount} 项模型配置切换为默认模型` : '所有适用节点已使用默认模型')
-    })
-    .catch(() => {})
-    .finally(() => {
-      applying.value = false
-    })
-}
-
-// 关闭面板：保存、丢弃与取消分别处理，避免重复弹出确认框。
-const confirmingClose = ref(false)
-
-function handleClickOutside(event: MouseEvent) {
-  if (!props.show || confirmingClose.value || applying.value) return
-  const target = event.target
-  if (target instanceof Element && target.closest('.el-overlay')) return
-  if (!hasChanges.value) {
-    emit('close')
-    return
-  }
-
-  confirmingClose.value = true
-  return MsgConfirm('提示', '默认模型设置尚未保存，是否保存修改？', {
-    confirmButtonText: '保存修改',
-    cancelButtonText: '不保存',
-    confirmButtonType: 'primary',
-    distinguishCancelAndClose: true,
-  })
-    .then(() => {
-      handleSave()
-      emit('close')
-    })
-    .catch((action: unknown) => {
-      if (action !== 'cancel') return
-      resetSettings()
-      emit('close')
-    })
-    .finally(() => {
-      confirmingClose.value = false
-    })
-}
-</script>
-
-<template>
-  <div v-if="show" v-click-outside="handleClickOutside" class="w-100 max-w-full rounded-md border bg-white shadow-lg">
-    <div class="p-3">
-      <h4 class="mb-1">默认模型设置</h4>
-      <p class="text-sm text-N600">配置各类型节点使用的默认模型，节点选择默认模型时将使用此处设置。</p>
-    </div>
-    <el-scrollbar max-height="calc(100vh - 220px)">
-      <el-form v-loading="loading" label-position="top" class="px-3" :disabled="readonly" @submit.prevent>
-        <el-form-item v-for="modelType in defaultModelTypes" :key="modelType.type" :label="modelType.label">
-          <ModelSelect
-            v-model="modelSettings[modelType.type].model_id"
-            v-model:model-params="modelSettings[modelType.type].model_params_setting"
-            :options="modelOptions[modelType.type] ?? []"
-            :provider-options="providerOptions"
-            :show-model-params="modelType.type !== 'RERANKER'"
-            :disabled="readonly"
-            placeholder="请选择模型"
-            @change="handleModelChange(modelType.type)"
-          />
-        </el-form-item>
-      </el-form>
-    </el-scrollbar>
-    <div class="flex-between gap-3 border-t p-3">
-      <el-button :disabled="readonly || !workflowRef || confirmingClose" :loading="applying" @click="handleApplyToAll">应用到所有节点</el-button>
-      <el-button type="primary" :disabled="readonly || !hasChanges || confirmingClose || applying" @click="handleSave">保存</el-button>
-    </div>
-  </div>
-</template>
diff --git a/ui/src/views/workflow/components/default-model-setting/DefaultModelSettingButton.vue b/ui/src/views/workflow/components/default-model-setting/DefaultModelSettingButton.vue
new file mode 100644
index 00000000000..e8f97aa1108
--- /dev/null
+++ b/ui/src/views/workflow/components/default-model-setting/DefaultModelSettingButton.vue
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import { nextTick, ref, useTemplateRef } from 'vue'
+import type LogicFlow from '@logicflow/core'
+import type ModelApi from '@/api/admin/workspace/model/model'
+import type { DefaultModelType, ModelConfig } from '@/api/types'
+import DefaultModelSettingDrawer from './DefaultModelSettingDrawer.vue'
+
+defineOptions({ name: 'DefaultModelSettingButton' })
+
+const props = withDefaults(
+  defineProps<{
+    modelValue?: Partial<Record<DefaultModelType, ModelConfig>>
+    modelApi: typeof ModelApi
+    getGraphData: () => LogicFlow.GraphData | undefined
+    disabled?: boolean
+  }>(),
+  { modelValue: () => ({}), disabled: false },
+)
+const emit = defineEmits<{
+  save: [settings: Partial<Record<DefaultModelType, ModelConfig>>]
+  applyToAll: [graphData: LogicFlow.GraphData]
+}>()
+
+const drawerMounted = ref(false)
+const drawerRef = useTemplateRef<InstanceType<typeof DefaultModelSettingDrawer>>('drawerRef')
+
+function handleOpen() {
+  if (props.disabled || drawerMounted.value) return
+  drawerMounted.value = true
+  void nextTick(() => drawerRef.value?.open(props.modelValue))
+}
+
+function handleDrawerClosed() {
+  drawerMounted.value = false
+}
+</script>
+
+<template>
+  <el-button plain :disabled="disabled" @click="handleOpen">
+    <MkIcon name="icon_admin_outlined" />
+    <span> 默认模型设置 </span>
+  </el-button>
+
+  <DefaultModelSettingDrawer
+    v-if="drawerMounted"
+    ref="drawerRef"
+    :model-value="modelValue"
+    :model-api="modelApi"
+    :get-graph-data="getGraphData"
+    :disabled="disabled"
+    @save="emit('save', $event)"
+    @apply-to-all="emit('applyToAll', $event)"
+    @closed="handleDrawerClosed"
+  />
+</template>
diff --git a/ui/src/views/workflow/components/default-model-setting/DefaultModelSettingDrawer.vue b/ui/src/views/workflow/components/default-model-setting/DefaultModelSettingDrawer.vue
new file mode 100644
index 00000000000..fd806fb6d25
--- /dev/null
+++ b/ui/src/views/workflow/components/default-model-setting/DefaultModelSettingDrawer.vue
@@ -0,0 +1,256 @@
+<script setup lang="ts">
+import { computed, provide, ref, watch } from 'vue'
+import { cloneDeep, isEqual } from 'lodash'
+import type LogicFlow from '@logicflow/core'
+import { WorkflowNodeType } from '@/workflow-canvas/types'
+import type ModelApi from '@/api/admin/workspace/model/model'
+import ModelProviderApi from '@/api/admin/model-provider'
+import type { DefaultModelType, ModelConfig, ModelItem, ModelProviderItem } from '@/api/types'
+import ModelSelect from '@/components/business/model-select/index.vue'
+import { MsgConfirm, MsgSuccess } from '@/utils/message'
+import { MODEL_TYPE_LABELS } from '@/constants/model'
+
+defineOptions({ name: 'DefaultModelSettingDrawer' })
+
+const defaultModelTypes = ['LLM', 'TTS', 'STT', 'IMAGE', 'TTI', 'TTV', 'ITV', 'RERANKER'] as const
+
+const props = defineProps<{
+  modelValue?: Partial<Record<DefaultModelType, ModelConfig>>
+  modelApi: typeof ModelApi
+  getGraphData: () => LogicFlow.GraphData | undefined
+  disabled?: boolean
+}>()
+const emit = defineEmits<{
+  save: [settings: Partial<Record<DefaultModelType, ModelConfig>>]
+  applyToAll: [graphData: LogicFlow.GraphData]
+  closed: []
+}>()
+
+const visible = ref(false)
+const savedSettings = ref<Partial<Record<DefaultModelType, ModelConfig>>>({})
+
+// 模型资源：调用方选择当前范围的完整 API，组件不通过 URL 推断资源范围。
+const models = ref<ModelItem[]>([])
+const providerOptions = ref<ModelProviderItem[]>([])
+const loading = ref(false)
+
+provide('getModelParamsForm', (modelId: string) => props.modelApi.getModelParamsForm(modelId))
+
+function loadModelOptions() {
+  loading.value = true
+  models.value = []
+  providerOptions.value = []
+  const providerRequest = ModelProviderApi.getProviderList().then((providers) => {
+    providerOptions.value = providers
+  })
+  const modelRequest = props.modelApi.getModelList().then((modelList) => {
+    models.value = modelList
+  })
+  // 模型列表只查询一次，各类型选择器从完整列表中过滤选项。
+  return Promise.all([providerRequest, modelRequest]).finally(() => {
+    loading.value = false
+  })
+}
+
+function getModelOptions(modelType: DefaultModelType) {
+  return models.value.filter((model) => model.model_type === modelType)
+}
+
+// 暂存模型设置：编辑和参数弹窗只修改副本，保存时才通知页面提交。
+function normalizeSettings(settings: Partial<Record<DefaultModelType, ModelConfig>>) {
+  return Object.fromEntries(
+    defaultModelTypes.map((type) => [
+      type,
+      {
+        ...cloneDeep(settings[type]),
+        model_id: settings[type]?.model_id || '',
+        model_params_setting: cloneDeep(settings[type]?.model_params_setting || {}),
+      },
+    ]),
+  ) as Record<DefaultModelType, Required<ModelConfig>>
+}
+
+const modelSettings = ref(normalizeSettings(savedSettings.value))
+const hasChanges = computed(() => !isEqual(modelSettings.value, normalizeSettings(savedSettings.value)))
+
+// 接口保存成功后详情配置更新，只刷新比较基准，保留保存期间继续编辑的内容。
+watch(
+  () => props.modelValue,
+  (settings) => {
+    savedSettings.value = cloneDeep(settings ?? {})
+  },
+)
+
+function resetSettings() {
+  modelSettings.value = normalizeSettings(savedSettings.value)
+}
+
+function handleModelChange(modelType: DefaultModelType) {
+  modelSettings.value[modelType].model_params_setting = {}
+}
+
+function handleSave() {
+  if (props.disabled || !hasChanges.value) return
+  emit('save', cloneDeep(modelSettings.value))
+}
+
+// 应用默认来源：保留自定义模型配置，并递归处理循环体中的节点。
+type ModelSourceField =
+  | 'model_id_type'
+  | 'stt_model_id_type'
+  | 'tts_model_id_type'
+  | 'reranker_model_id_type'
+  | 'long_term_model_id_type'
+  | 'tts_type'
+interface ModelNodeData extends Partial<Record<ModelSourceField, string>> {
+  stt_model_enable?: boolean
+  tts_model_enable?: boolean
+  long_term_enable?: boolean
+  loop_body?: LogicFlow.GraphConfigData
+}
+
+function applyDefaultSources(graph: LogicFlow.GraphData) {
+  let changedCount = 0
+  const pendingNodes: LogicFlow.NodeConfig[] = [...graph.nodes]
+  const updateSource = (nodeData: ModelNodeData, field: ModelSourceField, source = 'default') => {
+    if (nodeData[field] === source) return
+    nodeData[field] = source
+    changedCount += 1
+  }
+
+  while (pendingNodes.length) {
+    const node = pendingNodes.pop()!
+    const nodeData = node.properties?.node_data as ModelNodeData | undefined
+    if (!nodeData) continue
+
+    if (node.type === WorkflowNodeType.Base) {
+      if (nodeData.stt_model_enable) updateSource(nodeData, 'stt_model_id_type')
+      if (nodeData.tts_model_enable && nodeData.tts_type !== 'BROWSER') updateSource(nodeData, 'tts_type', 'DEFAULT')
+      if (nodeData.long_term_enable) updateSource(nodeData, 'long_term_model_id_type')
+      continue
+    }
+
+    if (node.type === WorkflowNodeType.SpeechToTextNode) updateSource(nodeData, 'stt_model_id_type')
+    else if (node.type === WorkflowNodeType.TextToSpeechNode) updateSource(nodeData, 'tts_model_id_type')
+    else if (node.type === WorkflowNodeType.RerankerNode) updateSource(nodeData, 'reranker_model_id_type')
+    else if (nodeData.model_id_type !== undefined) updateSource(nodeData, 'model_id_type')
+
+    if (node.type === WorkflowNodeType.LoopNode && nodeData.loop_body?.nodes) pendingNodes.push(...nodeData.loop_body.nodes)
+  }
+  return changedCount
+}
+const applying = ref(false)
+
+function handleApplyToAll() {
+  if (props.disabled || applying.value) return
+  applying.value = true
+  return MsgConfirm('应用到所有节点', '将把所有节点的模型来源统一改为「默认模型」，会覆盖它们当前的「自定义 / 引用变量」，请谨慎操作。', {
+    type: 'warning',
+    confirmButtonText: '应用',
+    confirmButtonType: 'primary',
+  })
+    .then(() => {
+      if (props.disabled || !visible.value) return
+      const currentGraph = props.getGraphData()
+      if (!currentGraph) return
+      const graphData = cloneDeep(currentGraph)
+      const changedCount = applyDefaultSources(graphData)
+      if (changedCount > 0) emit('applyToAll', graphData)
+      MsgSuccess('应用成功!')
+    })
+    .catch(() => {})
+    .finally(() => {
+      applying.value = false
+    })
+}
+
+function open(settings: Partial<Record<DefaultModelType, ModelConfig>> = {}) {
+  savedSettings.value = cloneDeep(settings)
+  resetSettings()
+  visible.value = true
+  loadModelOptions()
+}
+
+function handleClosed() {
+  resetData()
+  emit('closed')
+}
+
+function resetData() {
+  savedSettings.value = {}
+  modelSettings.value = normalizeSettings({})
+  models.value = []
+  providerOptions.value = []
+  loading.value = false
+  applying.value = false
+}
+
+function handleBeforeClose(
+  done = () => {
+    visible.value = false
+  },
+) {
+  if (!hasChanges.value) {
+    done()
+    return
+  }
+  return MsgConfirm('提示', '默认模型设置尚未保存，是否保存修改？', {
+    confirmButtonText: '保存',
+    cancelButtonText: '直接关闭',
+    confirmButtonType: 'primary',
+    distinguishCancelAndClose: true,
+  })
+    .then(() => {
+      handleSave()
+    })
+    .catch((action) => {
+      if (action === 'cancel') done()
+    })
+}
+defineExpose({ open })
+</script>
+
+<template>
+  <MkDrawer
+    v-model="visible"
+    title="默认模型设置"
+    size="420"
+    class="top-header! h-layout-content! max-w-full rounded-tl-xl!"
+    :modal="false"
+    :lock-scroll="false"
+    :before-close="handleBeforeClose"
+    @closed="handleClosed"
+  >
+    <template #header>
+      <div>
+        <h4 class="mb-1">默认模型设置</h4>
+        <p class="text-sm text-N600">节点选择「默认模型」时，将使用以下配置</p>
+      </div>
+    </template>
+
+    <el-form v-loading="loading" label-position="top" @submit.prevent>
+      <el-form-item v-for="modelType in defaultModelTypes" :key="modelType" :label="MODEL_TYPE_LABELS[modelType]">
+        <ModelSelect
+          v-model="modelSettings[modelType].model_id"
+          v-model:model-params="modelSettings[modelType].model_params_setting"
+          :options="getModelOptions(modelType)"
+          :provider-options="providerOptions"
+          can-add
+          @refresh="loadModelOptions"
+          :can-edit-params="modelType !== 'RERANKER'"
+          @change="handleModelChange(modelType)"
+        />
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <div class="flex-between gap-3">
+        <el-button :disabled="disabled" :loading="applying" @click="handleApplyToAll">应用到所有节点</el-button>
+        <div class="flex items-center">
+          <el-button :disabled="applying" @click="visible = false">取消</el-button>
+          <el-button type="primary" :disabled="disabled || !hasChanges || applying" @click="handleSave">保存</el-button>
+        </div>
+      </div>
+    </template>
+  </MkDrawer>
+</template>
diff --git a/ui/src/workflow-canvas/WORKFLOW_README.md b/ui/src/workflow-canvas/WORKFLOW_README.md
index d2f6b2cb6df..203db2756e2 100644
--- a/ui/src/workflow-canvas/WORKFLOW_README.md
+++ b/ui/src/workflow-canvas/WORKFLOW_README.md
@@ -82,8 +82,19 @@ src/workflow-canvas/
 `index.vue`。节点注册由 `index.vue` 中的 `import.meta.glob('./nodes/**/index.ts')` 自动收集，
 不要再维护一份逐项导入列表。
 
-长期记忆模型选择使用 `ModelSelect` 的 `showModelParams` 和 `v-model:model-params`，由公共组件
-维护参数按钮、弹窗和切换模型后的默认值；语音播放的参数弹窗复用该组件目录中的 `ModelParamsDialog.vue`。
+工作流中的单模型选择统一使用 `ModelSelect` 的 `canEditParams` 和 `v-model:model-params`，
+由公共组件维护参数按钮、弹窗和切换模型后的默认值，节点不再单独创建参数弹窗或请求默认值。
+AI 对话及基本信息的语音子组件通过局部更新事件回写字段，父节点合并更新，避免模型 ID 与参数
+连续更新时被旧 Props 覆盖。语音输入使用 `stt_model_params_setting`，语音播放使用
+`tts_model_params_setting`，其他模型节点使用各自已有的参数字段。
+`ApplicationWorkflowView` 和 `ToolWorkflowView` 提供 `getModelParamsForm` 注入接口，画布中的
+Vue Teleport 节点继承页面上下文；画布核心不负责模型参数接口选择。
+智能体页面将详情加载或保存成功返回的配置通过 `defaultModelSettings` Props 传给画布。
+`WorkflowNodeModel.getDefaultModelConfig(type)` 通过画布的配置读取函数获取对应模型，不使用
+默认配置的 `provide/inject`，也不写入节点持久化数据。AI 对话节点在默认来源下读取保存后的
+`LLM` 模型 ID 和参数，使用禁用且隐藏参数按钮的 `ModelSelect` 展示；自定义来源继续编辑
+节点自身配置，引用来源使用 `NodeCascader`。默认配置只用于解析当前使用的模型，不覆盖节点
+保存的自定义配置；表单校验按当前来源检查实际模型或引用变量。
 
 节点自身的表单、状态和专属校验留在节点目录；多个节点共享且属于画布基础协议的能力才上移到
 `core`。节点应复用 `core/node-container/index.vue`，需要选择上游节点字段时复用
diff --git a/ui/src/workflow-canvas/core/workflow-node.ts b/ui/src/workflow-canvas/core/workflow-node.ts
index 9ef42c47f55..60bec26313d 100644
--- a/ui/src/workflow-canvas/core/workflow-node.ts
+++ b/ui/src/workflow-canvas/core/workflow-node.ts
@@ -1,5 +1,6 @@
 import { createApp, reactive, shallowReactive, type Component } from 'vue'
 import { cloneDeep } from 'lodash'
+import type { DefaultModelType, ModelConfig } from '@/api/types'
 import {
   Component as LogicFlowComponent,
   createRef,
@@ -140,6 +141,10 @@ export class WorkflowNodeModel extends HtmlNodeModel<WorkflowNodeProperties> {
   openNodeMenu?: (anchorData: Model.AnchorConfig) => void
   validate?: () => Promise<unknown>
 
+  getDefaultModelConfig(modelType: DefaultModelType): ModelConfig | undefined {
+    return this.graphModel.getDefaultModelSettings?.()?.[modelType]
+  }
+
   setAttributes() {
     this.width = Number(this.properties.width ?? 320)
     this.height = Number(this.properties.height ?? 300)
diff --git a/ui/src/workflow-canvas/index.vue b/ui/src/workflow-canvas/index.vue
index 34eb6d4964a..2544235d514 100644
--- a/ui/src/workflow-canvas/index.vue
+++ b/ui/src/workflow-canvas/index.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { nextTick, onBeforeUnmount, onMounted, ref, shallowRef, useTemplateRef } from 'vue'
 import { cloneDeep } from 'lodash'
+import type { ApplicationDetail } from '@/api/types'
 import LogicFlow, { type GraphModel } from '@logicflow/core'
 import '@logicflow/core/dist/index.css'
 import { SelectionSelect } from '@logicflow/extension'
@@ -19,6 +20,7 @@ type CanvasWorkflowNodeModel = WorkflowNodeModel & { set_loop_body?: () => void
 const props = withDefaults(
   defineProps<{
     data?: LogicFlow.GraphConfigData | null
+    defaultModelSettings?: ApplicationDetail['default_model_setting']
     loopWorkflowMode?: WorkflowMode
     workflowMode?: WorkflowMode
   }>(),
@@ -63,6 +65,8 @@ function renderGraphData(data: LogicFlow.GraphConfigData = props.data ?? {}) {
   })
 
   initDefaultShortcut(lf.value, lf.value.graphModel)
+  // 节点按需读取页面传入的已保存配置，保持与保存响应一致。
+  lf.value.graphModel.getDefaultModelSettings = () => props.defaultModelSettings
   lf.value.batchRegister([...Object.values(nodeModules).map(({ default: node }) => node), AppEdge])
   lf.value.setDefaultEdgeType('app-edge')
   lf.value.render(data ? data : {})
diff --git a/ui/src/workflow-canvas/node-menu/ResourceNodeMenu.vue b/ui/src/workflow-canvas/node-menu/ResourceNodeMenu.vue
index 9813a2b442a..28921487cc0 100644
--- a/ui/src/workflow-canvas/node-menu/ResourceNodeMenu.vue
+++ b/ui/src/workflow-canvas/node-menu/ResourceNodeMenu.vue
@@ -70,6 +70,7 @@ function createApplicationNode(application: ApplicationDetail): NodeMenuItem {
 }
 
 function loadTools(folder?: FolderItem) {
+  // TODO 共享资源和资源管理需要不同的api，后续需要拆分
   const isSharedFolder = folder?.id === FOLDER_ENTRY_ID.SHARED
   const requestApi = isSharedFolder ? SharedApi : ToolApi
   const folderQuery = {
@@ -92,6 +93,7 @@ function loadTools(folder?: FolderItem) {
 }
 
 function loadApplications(folder?: FolderItem) {
+    // TODO 共享资源和资源管理需要不同的api，后续需要拆分
   const folderQuery = { folder_id: folder?.id || FOLDER_ENTRY_ID.ALL }
 
   return ApplicationApi.getAllApplication({ ...folderQuery, publish_status: 'published' }).then((res) => {
diff --git a/ui/src/workflow-canvas/nodes/ai-chat-node/component/model-setting/ModelParamsDialog.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/component/model-setting/ModelParamsDialog.vue
deleted file mode 100644
index f81cfc759ce..00000000000
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/component/model-setting/ModelParamsDialog.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<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: 'AiChatNodeModelParamsDialog' })
-
-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/ai-chat-node/component/model-setting/index.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/component/model-setting/index.vue
index 198bf451f25..4b526051cb7 100644
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/component/model-setting/index.vue
+++ b/ui/src/workflow-canvas/nodes/ai-chat-node/component/model-setting/index.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { computed, useTemplateRef } from 'vue'
-import { Operation } from '@element-plus/icons-vue'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
 import ModelSelect from '@/components/business/model-select/index.vue'
 import NodeCascader from '@/workflow-canvas/core/NodeCascader.vue'
 import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
 import type { AiModelSetting, AiModelSource } from '../../types'
-import ModelParamsDialog from './ModelParamsDialog.vue'
 
 defineOptions({ name: 'AiChatNodeModelSetting' })
 
@@ -16,34 +14,27 @@ const props = defineProps<{
   providerOptions: ModelProviderItem[]
   setting: AiModelSetting
 }>()
-const emit = defineEmits<{ update: [setting: AiModelSetting] }>()
+const emit = defineEmits<{ update: [setting: Partial<AiModelSetting>] }>()
 
 const nodeCascaderRef = useTemplateRef<InstanceType<typeof NodeCascader>>('nodeCascaderRef')
-const paramsDialogRef = useTemplateRef<InstanceType<typeof ModelParamsDialog>>('paramsDialogRef')
-let modelChangeSequence = 0
 
 const modelFormProp = computed(() => (props.setting.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'))
-const modelRequired = computed(() => props.setting.model_id_type !== 'default')
 
 function updateSetting(changes: Partial<AiModelSetting>) {
-  emit('update', { ...props.setting, ...changes })
+  emit('update', changes)
 }
 
 function changeSource(source: AiModelSource) {
   updateSetting({ model_id_reference: [], model_id_type: source })
 }
 
-function changeModel(modelId: string) {
-  const sequence = ++modelChangeSequence
-  if (!modelId) {
-    updateSetting({ model_id: '', model_params_setting: {} })
+function validateModel(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
+  const { model_id_type, model_id, model_id_reference } = props.setting
+  if (model_id_type === 'reference') {
+    callback(model_id_reference.length ? undefined : new Error('请选择引用变量'))
     return
   }
-  updateSetting({ model_id: modelId, model_params_setting: {} })
-  paramsDialogRef.value?.resetDefault(modelId).then((defaults) => {
-    if (sequence !== modelChangeSequence) return
-    updateSetting({ model_id: modelId, model_params_setting: defaults })
-  })
+  callback(model_id ? undefined : new Error(model_id_type === 'default' ? '请在默认模型设置中选择 AI 模型' : '请选择 AI 模型'))
 }
 
 function validate() {
@@ -54,41 +45,36 @@ defineExpose({ validate })
 </script>
 
 <template>
-  <el-form-item
-    :prop="modelFormProp"
-    :rules="{ required: modelRequired, message: setting.model_id_type === 'reference' ? '请选择引用变量' : '请选择 AI 模型', trigger: 'change' }"
-  >
+  <el-form-item class="mk-hide-asterisk" :prop="modelFormProp" :rules="{ validator: validateModel, trigger: 'change' }">
     <template #label>
-      <div class="flex-between w-full gap-3">
-        <span>AI 模型</span>
-        <el-select :model-value="setting.model_id_type" :teleported="false" class="w-24!" size="small" @update:model-value="changeSource">
+      <div class="flex-between">
+        <span class="mk-required">AI 模型</span>
+        <el-select :model-value="setting.model_id_type" :teleported="false" class="w-22!" size="small" @update:model-value="changeSource">
           <el-option label="默认模型" value="default" />
           <el-option label="引用变量" value="reference" />
           <el-option label="自定义" value="custom" />
         </el-select>
       </div>
     </template>
-
-    <div v-if="setting.model_id_type === 'custom'" class="flex w-full items-center gap-2">
-      <ModelSelect
-        :model-value="setting.model_id"
-        :options="modelOptions"
-        :provider-options="providerOptions"
-        placeholder="请选择 AI 模型"
-        @change="changeModel"
-      />
-      <el-button :disabled="!setting.model_id" title="模型参数设置" @click="paramsDialogRef?.open(setting.model_id, setting.model_params_setting)">
-        <MkIcon :icon="Operation" />
-      </el-button>
-    </div>
-
-    <el-alert
-      v-else-if="setting.model_id_type === 'default'"
-      class="w-full"
-      :closable="false"
-      show-icon
-      title="使用智能体配置的默认 LLM 模型"
-      type="info"
+    <ModelSelect
+      v-if="setting.model_id_type === 'default'"
+      :model-value="setting.model_id"
+      :model-params="setting.model_params_setting"
+      :disabled="setting.model_id_type === 'default'"
+      :options="modelOptions"
+      :provider-options="providerOptions"
+      placeholder="未配置默认模型"
+    />
+    <ModelSelect
+      v-else-if="setting.model_id_type === 'custom'"
+      :model-value="setting.model_id"
+      :model-params="setting.model_params_setting"
+      can-edit-params
+      :options="modelOptions"
+      :provider-options="providerOptions"
+      placeholder="请选择 AI 模型"
+      @update:model-value="updateSetting({ model_id: $event })"
+      @update:model-params="updateSetting({ model_params_setting: $event })"
     />
 
     <NodeCascader
@@ -101,6 +87,4 @@ defineExpose({ validate })
       @update:model-value="updateSetting({ model_id_reference: $event })"
     />
   </el-form-item>
-
-  <ModelParamsDialog ref="paramsDialogRef" @submit="updateSetting({ model_params_setting: $event })" />
 </template>
diff --git a/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue b/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue
index 6ba5a67fbcc..7e4b5e9e8a8 100644
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue
@@ -3,11 +3,7 @@ import { computed, inject, onMounted, ref, useTemplateRef } from 'vue'
 import { useRoute } from 'vue-router'
 import { cloneDeep } from 'lodash'
 import type { FormInstance } from 'element-plus'
-import { TOOL_TYPE } from '@/api/enums'
-import ApplicationApi from '@/api/admin/workspace/application/application'
-import SharedApi from '@/api/admin/workspace/shared'
-import ToolApi from '@/api/admin/workspace/tool/tool'
-import type { ApplicationDetail, ModelItem, ModelProviderItem, ToolItem } from '@/api/types'
+import type { ModelItem, ModelProviderItem } from '@/api/types'
 import NodeContainer from '@/workflow-canvas/core/node-container/index.vue'
 import { isLastNode } from '@/workflow-canvas/core/utils'
 import type { WorkflowNodeModel } from '@/workflow-canvas/core/workflow-node'
@@ -17,18 +13,14 @@ import HistorySetting from './component/history-setting/index.vue'
 import ModelSetting from './component/model-setting/index.vue'
 import PromptSetting from './component/prompt-setting/index.vue'
 import ReasoningSetting from './component/reasoning-setting/index.vue'
-import ResourceSetting from './component/resource-setting/index.vue'
 import ResultSetting from './component/result-setting/index.vue'
 import VisionSetting from './component/vision-setting/index.vue'
 import type {
   AiChatNodeForm,
   AiModelSetting as AiModelSettingValue,
-  ApplicationResourceOption,
   HistorySetting as HistorySettingValue,
   PromptSetting as PromptSettingValue,
   ReasoningSetting as ReasoningSettingValue,
-  ResourceSetting as ResourceSettingValue,
-  ToolResourceOption,
   VisionSetting as VisionSettingValue,
 } from './types'
 
@@ -47,10 +39,6 @@ const visionSettingRef = useTemplateRef<InstanceType<typeof VisionSetting>>('vis
 
 const modelOptions = ref<ModelItem[]>([])
 const providerOptions = ref<ModelProviderItem[]>([])
-const toolOptions = ref<ToolResourceOption[]>([])
-const mcpOptions = ref<ToolResourceOption[]>([])
-const skillOptions = ref<ToolResourceOption[]>([])
-const applicationOptions = ref<ApplicationResourceOption[]>([])
 
 const defaultReasoningSetting: ReasoningSettingValue = {
   reasoning_content_enable: false,
@@ -117,17 +105,19 @@ function normalizeForm(data: Partial<AiChatNodeForm> & { mcp_tool_id?: string })
 if (!model.properties.node_data) model.properties.node_data = cloneDeep(defaultForm)
 normalizeForm(model.properties.node_data as Partial<AiChatNodeForm>)
 
-const formData = computed<AiChatNodeForm>({
-  get: () => model.properties.node_data as AiChatNodeForm,
-  set: (value) => (model.properties.node_data = value),
+const formData = computed(() => model.properties.node_data as AiChatNodeForm)
+
+// 默认来源读取保存后的 LLM 配置，节点内保留原有自定义模型和参数。
+const modelSetting = computed<AiModelSettingValue>(() => {
+  const defaultModel = model.getDefaultModelConfig('LLM')
+  const isDefaultModel = formData.value.model_id_type === 'default'
+  return {
+    model_id: isDefaultModel ? (defaultModel?.model_id ?? '') : formData.value.model_id,
+    model_id_reference: formData.value.model_id_reference,
+    model_id_type: formData.value.model_id_type,
+    model_params_setting: isDefaultModel ? (defaultModel?.model_params_setting ?? {}) : formData.value.model_params_setting,
+  }
 })
-
-const modelSetting = computed<AiModelSettingValue>(() => ({
-  model_id: formData.value.model_id,
-  model_id_reference: formData.value.model_id_reference,
-  model_id_type: formData.value.model_id_type,
-  model_params_setting: formData.value.model_params_setting,
-}))
 const promptSetting = computed<PromptSettingValue>(() => ({ prompt: formData.value.prompt, system: formData.value.system }))
 const historySetting = computed<HistorySettingValue>(() => ({
   dialogue_number: formData.value.dialogue_number,
@@ -138,15 +128,7 @@ const visionSetting = computed<VisionSettingValue>(() => ({
   video_list: formData.value.video_list,
   vision: formData.value.vision,
 }))
-const resourceSetting = computed<ResourceSettingValue>(() => ({
-  application_ids: formData.value.application_ids,
-  mcp_output_enable: formData.value.mcp_output_enable,
-  mcp_servers: formData.value.mcp_servers,
-  mcp_source: formData.value.mcp_source,
-  mcp_tool_ids: formData.value.mcp_tool_ids,
-  skill_tool_ids: formData.value.skill_tool_ids,
-  tool_ids: formData.value.tool_ids,
-}))
+
 const applicationId = computed(() => {
   const value = route.params.applicationId
   return Array.isArray(value) ? (value[0] ?? '') : (value ?? '')
@@ -154,52 +136,11 @@ const applicationId = computed(() => {
 const showConversationSettings = computed(() =>
   [WorkflowMode.Application, WorkflowMode.ApplicationLoop, WorkflowMode.Tool, WorkflowMode.ToolLoop].includes(workflowMode),
 )
-const showApplications = computed(() => apiType !== 'systemShare')
-
-function updateModelSetting(setting: AiModelSettingValue) {
-  Object.assign(formData.value, setting)
-}
 
-function updatePromptSetting(setting: PromptSettingValue) {
-  Object.assign(formData.value, setting)
+function updateNodeData(setting: Partial<AiChatNodeForm>) {
+  model.properties.node_data = { ...formData.value, ...setting }
 }
 
-function updateHistorySetting(setting: HistorySettingValue) {
-  Object.assign(formData.value, setting)
-}
-
-function updateVisionSetting(setting: VisionSettingValue) {
-  Object.assign(formData.value, setting)
-}
-
-function updateResourceSetting(setting: ResourceSettingValue) {
-  Object.assign(formData.value, setting)
-}
-
-function updateReasoningSetting(setting: ReasoningSettingValue) {
-  formData.value.model_setting = setting
-}
-
-function uniqueTools(tools: ToolItem[]) {
-  return [...new Map(tools.map((tool) => [tool.id, tool])).values()]
-}
-
-async function loadResourceOptions() {
-  const [workspaceToolsResult, sharedToolsResult, applicationsResult] = await Promise.allSettled([
-    ToolApi.getAllTool(),
-    SharedApi.getAllTool(),
-    ApplicationApi.getAllApplication(),
-  ])
-  const workspaceTools = workspaceToolsResult.status === 'fulfilled' ? workspaceToolsResult.value : []
-  const sharedTools = sharedToolsResult.status === 'fulfilled' ? sharedToolsResult.value : []
-  const applications: ApplicationDetail[] = applicationsResult.status === 'fulfilled' ? applicationsResult.value : []
-  const tools = uniqueTools([...workspaceTools, ...sharedTools]).filter(({ is_active }) => is_active)
-
-  toolOptions.value = tools.filter(({ tool_type }) => tool_type === TOOL_TYPE.CUSTOM || tool_type === TOOL_TYPE.WORKFLOW)
-  mcpOptions.value = tools.filter(({ tool_type }) => tool_type === TOOL_TYPE.MCP)
-  skillOptions.value = tools.filter(({ tool_type }) => tool_type === TOOL_TYPE.SKILL)
-  applicationOptions.value = applications.filter(({ id, is_publish }) => is_publish && id !== applicationId.value)
-}
 
 function validate() {
   return Promise.all([modelSettingRef.value?.validate(), visionSettingRef.value?.validate(), formRef.value?.validate()]).catch((error) =>
@@ -211,42 +152,36 @@ onMounted(() => {
   model.validate = validate
   store.getModelList({ model_type: 'LLM' }).then((models) => (modelOptions.value = models))
   store.getProviderList().then((providers) => (providerOptions.value = providers))
-  void loadResourceOptions()
 })
 </script>
 
 <template>
   <NodeContainer :node-model="model">
-    <h6 class="mb-3">节点设置</h6>
-    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
-      <ModelSetting
-        ref="modelSettingRef"
-        :model-options="modelOptions"
-        :node-model="model"
-        :provider-options="providerOptions"
-        :setting="modelSetting"
-        @update="updateModelSetting"
-      />
-
-      <PromptSetting :application-id="applicationId" :model-setting="modelSetting" :setting="promptSetting" @update="updatePromptSetting" />
-
-      <HistorySetting v-if="showConversationSettings" :setting="historySetting" @update="updateHistorySetting" />
-
-      <VisionSetting ref="visionSettingRef" :node-model="model" :setting="visionSetting" @update="updateVisionSetting" />
-
-      <ResourceSetting
-        :application-options="applicationOptions"
-        :mcp-options="mcpOptions"
-        :setting="resourceSetting"
-        :show-applications="showApplications"
-        :skill-options="skillOptions"
-        :tool-options="toolOptions"
-        @update="updateResourceSetting"
-      />
-
-      <ReasoningSetting :setting="formData.model_setting" @update="updateReasoningSetting" />
-
-      <ResultSetting v-if="showConversationSettings" :enabled="formData.is_result" @update:enabled="formData.is_result = $event" />
-    </el-form>
+    <h6 class="mk-title-decoration mb-3">节点设置</h6>
+    <div class="mk-gray-card">
+      <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
+        <!-- AI模型 -->
+        <ModelSetting
+          ref="modelSettingRef"
+          :model-options="modelOptions"
+          :node-model="model"
+          :provider-options="providerOptions"
+          :setting="modelSetting"
+          @update="updateNodeData"
+        />
+
+        <PromptSetting :application-id="applicationId" :model-setting="modelSetting" :setting="promptSetting" @update="updateNodeData" />
+
+        <HistorySetting v-if="showConversationSettings" :setting="historySetting" @update="updateNodeData" />
+
+        <VisionSetting ref="visionSettingRef" :node-model="model" :setting="visionSetting" @update="updateNodeData" />
+
+        <!-- <ResourceSetting :setting="resourceSetting" :show-applications="showApplications" @update="updateNodeData" /> -->
+
+        <ReasoningSetting :setting="formData.model_setting" @update="updateNodeData" />
+
+        <ResultSetting v-if="showConversationSettings" :enabled="formData.is_result" @update:enabled="formData.is_result = $event" />
+      </el-form>
+    </div>
   </NodeContainer>
 </template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/long-term-memory/LongTermSettingDialog.vue b/ui/src/workflow-canvas/nodes/base-node/component/long-term-memory/LongTermSettingDialog.vue
index 994152b978b..f6de2f99cd5 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/long-term-memory/LongTermSettingDialog.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/long-term-memory/LongTermSettingDialog.vue
@@ -138,7 +138,7 @@ defineExpose({ open })
           v-else
           v-model="formData.long_term_model_id"
           v-model:model-params="formData.long_term_model_params_setting"
-          show-model-params
+          can-edit-params
           :options="modelOptions"
           :provider-options="providerOptions"
           placeholder="请选择 AI 模型"
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/speech-input/index.vue b/ui/src/workflow-canvas/nodes/base-node/component/speech-input/index.vue
index 590e13de733..f964822e521 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/speech-input/index.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/speech-input/index.vue
@@ -7,10 +7,10 @@ import type { SpeechInputSetting } from '../../types'
 defineOptions({ name: 'BaseNodeSpeechInput' })
 
 const props = defineProps<{ modelOptions: ModelItem[]; providerOptions: ModelProviderItem[]; setting: SpeechInputSetting }>()
-const emit = defineEmits<{ update: [setting: SpeechInputSetting] }>()
+const emit = defineEmits<{ update: [setting: Partial<SpeechInputSetting>] }>()
 
 function updateSetting(patch: Partial<SpeechInputSetting>) {
-  emit('update', { ...props.setting, ...patch })
+  emit('update', patch)
 }
 
 const enabled = computed({
@@ -35,6 +35,10 @@ const modelId = computed({
   get: () => props.setting.stt_model_id,
   set: (value: string) => updateSetting({ stt_model_id: value }),
 })
+const modelParams = computed({
+  get: () => props.setting.stt_model_params_setting,
+  set: (value: Record<string, unknown>) => updateSetting({ stt_model_params_setting: value }),
+})
 </script>
 
 <template>
@@ -54,7 +58,15 @@ const modelId = computed({
         <el-radio value="custom">自定义</el-radio>
       </el-radio-group>
       <el-alert v-if="modelIdType === 'default'" class="w-full" title="使用系统默认语音识别模型" type="info" :closable="false" />
-      <ModelSelect v-else v-model="modelId" :options="modelOptions" :provider-options="providerOptions" placeholder="请选择语音识别模型" />
+      <ModelSelect
+        v-else
+        v-model="modelId"
+        v-model:model-params="modelParams"
+        can-edit-params
+        :options="modelOptions"
+        :provider-options="providerOptions"
+        placeholder="请选择语音识别模型"
+      />
     </template>
   </el-form-item>
 </template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/component/speech-playback/index.vue b/ui/src/workflow-canvas/nodes/base-node/component/speech-playback/index.vue
index 00203f9bcaf..89308787826 100644
--- a/ui/src/workflow-canvas/nodes/base-node/component/speech-playback/index.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/component/speech-playback/index.vue
@@ -1,27 +1,21 @@
 <script setup lang="ts">
-import { computed, useTemplateRef } from 'vue'
-import { Operation } from '@element-plus/icons-vue'
+import { computed } from 'vue'
 import ModelSelect from '@/components/business/model-select/index.vue'
 import type { ModelItem, ModelProviderItem } from '@/api/types'
-import ModelParamsDialog from '@/components/business/model-select/ModelParamsDialog.vue'
 import type { SpeechPlaybackSetting } from '../../types'
 
 defineOptions({ name: 'BaseNodeSpeechPlayback' })
 
 const props = defineProps<{ modelOptions: ModelItem[]; providerOptions: ModelProviderItem[]; setting: SpeechPlaybackSetting }>()
-const emit = defineEmits<{ update: [setting: SpeechPlaybackSetting] }>()
-
-const paramsDialogRef = useTemplateRef<InstanceType<typeof ModelParamsDialog>>('paramsDialogRef')
-let paramsRequestId = 0
+const emit = defineEmits<{ update: [setting: Partial<SpeechPlaybackSetting>] }>()
 
 function updateSetting(patch: Partial<SpeechPlaybackSetting>) {
-  emit('update', { ...props.setting, ...patch })
+  emit('update', patch)
 }
 
 const enabled = computed({
   get: () => props.setting.tts_model_enable,
   set: (value: boolean) => {
-    if (!value) paramsRequestId += 1
     updateSetting({
       tts_model_enable: value,
       tts_model_id: value ? props.setting.tts_model_id : '',
@@ -39,24 +33,12 @@ const speechType = computed({
 })
 const modelId = computed({
   get: () => props.setting.tts_model_id,
-  set: (value: string) => {
-    const requestId = ++paramsRequestId
-    if (!value) {
-      updateSetting({ tts_model_id: '', tts_model_params_setting: {} })
-      return
-    }
-    updateSetting({ tts_model_id: value })
-    paramsDialogRef.value?.resetDefault(value).then((settings) => {
-      if (requestId !== paramsRequestId) return
-      emit('update', { ...props.setting, tts_model_id: value, tts_model_params_setting: settings })
-    })
-  },
+  set: (value: string) => updateSetting({ tts_model_id: value }),
+})
+const modelParams = computed({
+  get: () => props.setting.tts_model_params_setting,
+  set: (value: Record<string, unknown>) => updateSetting({ tts_model_params_setting: value }),
 })
-
-function openParams() {
-  if (!props.setting.tts_model_id) return
-  paramsDialogRef.value?.open(props.setting.tts_model_id, props.setting.tts_model_params_setting)
-}
 </script>
 
 <template>
@@ -78,14 +60,15 @@ function openParams() {
       </el-radio-group>
       <el-alert v-if="speechType === 'BROWSER'" class="w-full" title="使用浏览器内置语音播放" type="info" :closable="false" />
       <el-alert v-else-if="speechType === 'DEFAULT'" class="w-full" title="使用系统默认语音合成模型" type="info" :closable="false" />
-      <div v-else class="flex w-full gap-2">
-        <ModelSelect v-model="modelId" :options="modelOptions" :provider-options="providerOptions" placeholder="请选择语音合成模型" />
-        <el-button :disabled="!modelId" title="模型参数设置" @click="openParams">
-          <MkIcon :icon="Operation" />
-        </el-button>
-      </div>
+      <ModelSelect
+        v-else
+        v-model="modelId"
+        v-model:model-params="modelParams"
+        can-edit-params
+        :options="modelOptions"
+        :provider-options="providerOptions"
+        placeholder="请选择语音合成模型"
+      />
     </template>
   </el-form-item>
-
-  <ModelParamsDialog ref="paramsDialogRef" @submit="updateSetting({ tts_model_params_setting: $event })" />
 </template>
diff --git a/ui/src/workflow-canvas/nodes/base-node/index.vue b/ui/src/workflow-canvas/nodes/base-node/index.vue
index a653c5c8f6d..c351c115b56 100644
--- a/ui/src/workflow-canvas/nodes/base-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/index.vue
@@ -55,6 +55,7 @@ const defaultForm: BaseNodeForm = {
   stt_autosend: false,
   stt_model_enable: false,
   stt_model_id: '',
+  stt_model_params_setting: {},
   stt_model_id_type: 'default',
   tts_autoplay: false,
   tts_model_enable: false,
@@ -69,6 +70,7 @@ function normalizeForm(data: Partial<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.stt_model_params_setting = savedData.stt_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'
@@ -109,6 +111,7 @@ const speechInputSetting = computed<SpeechInputSetting>(() => ({
   stt_autosend: formData.value.stt_autosend,
   stt_model_enable: formData.value.stt_model_enable,
   stt_model_id: formData.value.stt_model_id,
+  stt_model_params_setting: formData.value.stt_model_params_setting,
   stt_model_id_type: formData.value.stt_model_id_type,
 }))
 const speechPlaybackSetting = computed<SpeechPlaybackSetting>(() => ({
@@ -189,11 +192,11 @@ function updateConversationVariables(fields: ChatInputField[]) {
   model.graphModel.eventCenter.emit('chatFieldList', undefined)
 }
 
-function updateSpeechInput(setting: SpeechInputSetting) {
+function updateSpeechInput(setting: Partial<SpeechInputSetting>) {
   Object.assign(formData.value, setting)
 }
 
-function updateSpeechPlayback(setting: SpeechPlaybackSetting) {
+function updateSpeechPlayback(setting: Partial<SpeechPlaybackSetting>) {
   Object.assign(formData.value, setting)
 }
 
diff --git a/ui/src/workflow-canvas/nodes/base-node/types.ts b/ui/src/workflow-canvas/nodes/base-node/types.ts
index afebc0f58c1..6c415b432b5 100644
--- a/ui/src/workflow-canvas/nodes/base-node/types.ts
+++ b/ui/src/workflow-canvas/nodes/base-node/types.ts
@@ -37,6 +37,7 @@ export interface SpeechInputSetting {
   stt_autosend: boolean
   stt_model_enable: boolean
   stt_model_id: string
+  stt_model_params_setting: Record<string, unknown>
   stt_model_id_type: 'custom' | 'default'
 }
 
diff --git a/ui/src/workflow-canvas/nodes/image-generate-node/index.vue b/ui/src/workflow-canvas/nodes/image-generate-node/index.vue
index 6eb8bdc8eab..ddcc6946b7c 100644
--- a/ui/src/workflow-canvas/nodes/image-generate-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/image-generate-node/index.vue
@@ -75,13 +75,7 @@ onMounted(() => {
 <template>
   <NodeContainer :node-model="model">
     <h6 class="mb-3">节点设置</h6>
-    <el-form
-      ref="formRef"
-      :model="formData"
-      label-position="top"
-      require-asterisk-position="right"
-      @submit.prevent
-    >
+    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item
         :prop="formData.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'"
         :rules="{ required: true, message: '请选择或填写图片生成模型', trigger: 'change' }"
@@ -89,13 +83,7 @@ onMounted(() => {
         <template #label>
           <div class="flex-between gap-3 w-full">
             <span>图片生成模型</span>
-            <el-select
-              v-model="formData.model_id_type"
-              :teleported="false"
-              class="w-30!"
-              size="small"
-              @change="formData.model_id_reference = []"
-            >
+            <el-select v-model="formData.model_id_type" :teleported="false" class="w-30!" size="small" @change="formData.model_id_reference = []">
               <el-option label="引用变量" value="reference" />
               <el-option label="自定义" value="custom" />
             </el-select>
@@ -111,18 +99,16 @@ onMounted(() => {
         />
         <ModelSelect
           v-else
-          placeholder="请输入图片生成模型 ID"
+          v-model="formData.model_id"
+          v-model:model-params="formData.model_params_setting"
+          can-edit-params
           :options="modelList"
           :provider-options="providerOptions"
-          v-model="formData.model_id"
-        ></ModelSelect>
+          placeholder="请选择图片生成模型"
+        />
       </el-form-item>
 
-      <el-form-item
-        label="提示词(正向)"
-        prop="prompt"
-        :rules="{ required: true, message: '请输入正向提示词', trigger: 'blur' }"
-      >
+      <el-form-item label="提示词(正向)" prop="prompt" :rules="{ required: true, message: '请输入正向提示词', trigger: 'blur' }">
         <template #label>
           <div class="flex items-center gap-1">
             <span>提示词(正向)</span>
@@ -131,12 +117,7 @@ onMounted(() => {
             </el-tooltip>
           </div>
         </template>
-        <el-input
-          v-model="formData.prompt"
-          :rows="5"
-          :placeholder="`正向提示词，可以引用变量，如 {{开始.question}}`"
-          type="textarea"
-        />
+        <el-input v-model="formData.prompt" :rows="5" :placeholder="`正向提示词，可以引用变量，如 {{开始.question}}`" type="textarea" />
       </el-form-item>
 
       <el-form-item label="提示词(负向)" prop="negative_prompt">
@@ -148,12 +129,7 @@ onMounted(() => {
             </el-tooltip>
           </div>
         </template>
-        <el-input
-          v-model="formData.negative_prompt"
-          :rows="4"
-          placeholder="请描述不想生成的图片内容，比如：颜色、血腥内容"
-          type="textarea"
-        />
+        <el-input v-model="formData.negative_prompt" :rows="4" placeholder="请描述不想生成的图片内容，比如：颜色、血腥内容" type="textarea" />
       </el-form-item>
     </el-form>
   </NodeContainer>
diff --git a/ui/src/workflow-canvas/nodes/image-understand-node/index.vue b/ui/src/workflow-canvas/nodes/image-understand-node/index.vue
index 7b099db4976..58b89704568 100644
--- a/ui/src/workflow-canvas/nodes/image-understand-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/image-understand-node/index.vue
@@ -17,6 +17,7 @@ const model = getModel()
 
 interface ImageUnderstandNodeForm {
   model_id: string
+  model_params_setting: Record<string, unknown>
   model_id_type: 'custom' | 'reference'
   model_id_reference: string[]
   model_setting: { reasoning_content_enable: boolean }
@@ -39,6 +40,7 @@ const providerOptions = ref<Array<ModelProviderItem>>([])
 if (!model.properties.node_data) {
   model.properties.node_data = {
     model_id: '',
+    model_params_setting: {},
     model_id_type: 'custom',
     model_id_reference: [],
     model_setting: { reasoning_content_enable: false },
@@ -50,6 +52,7 @@ if (!model.properties.node_data) {
   }
 }
 const initialNodeData = model.properties.node_data as ImageUnderstandNodeForm
+if (!initialNodeData.model_params_setting) initialNodeData.model_params_setting = {}
 if (initialNodeData.model_id_type === undefined) initialNodeData.model_id_type = 'custom'
 if (!Array.isArray(initialNodeData.model_id_reference)) initialNodeData.model_id_reference = []
 if (!initialNodeData.model_setting) initialNodeData.model_setting = { reasoning_content_enable: false }
@@ -88,13 +91,7 @@ onMounted(() => {
 <template>
   <NodeContainer :node-model="model">
     <h6 class="mb-3">节点设置</h6>
-    <el-form
-      ref="formRef"
-      :model="formData"
-      label-position="top"
-      require-asterisk-position="right"
-      @submit.prevent
-    >
+    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item
         :prop="formData.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'"
         :rules="{ required: true, message: '请选择或填写视觉模型', trigger: 'change' }"
@@ -102,13 +99,7 @@ onMounted(() => {
         <template #label>
           <div class="flex-between gap-3 w-full">
             <span>视觉模型</span>
-            <el-select
-              v-model="formData.model_id_type"
-              :teleported="false"
-              class="w-30!"
-              size="small"
-              @change="formData.model_id_reference = []"
-            >
+            <el-select v-model="formData.model_id_type" :teleported="false" class="w-30!" size="small" @change="formData.model_id_reference = []">
               <el-option label="引用变量" value="reference" />
               <el-option label="自定义" value="custom" />
             </el-select>
@@ -124,11 +115,13 @@ onMounted(() => {
         />
         <ModelSelect
           v-else
-          placeholder="请输入视觉模型 ID"
+          v-model="formData.model_id"
+          v-model:model-params="formData.model_params_setting"
+          can-edit-params
           :options="modelList"
           :provider-options="providerOptions"
-          v-model="formData.model_id"
-        ></ModelSelect>
+          placeholder="请选择视觉模型"
+        />
       </el-form-item>
 
       <el-form-item>
@@ -140,19 +133,10 @@ onMounted(() => {
             </el-tooltip>
           </div>
         </template>
-        <el-input
-          v-model="formData.system"
-          :rows="4"
-          :placeholder="`系统提示词，可以引用变量，如 {{开始.question}}`"
-          type="textarea"
-        />
+        <el-input v-model="formData.system" :rows="4" :placeholder="`系统提示词，可以引用变量，如 {{开始.question}}`" type="textarea" />
       </el-form-item>
 
-      <el-form-item
-        label="用户提示词"
-        prop="prompt"
-        :rules="{ required: true, message: '请输入用户提示词', trigger: 'blur' }"
-      >
+      <el-form-item label="用户提示词" prop="prompt" :rules="{ required: true, message: '请输入用户提示词', trigger: 'blur' }">
         <template #label>
           <div class="flex items-center gap-1">
             <span>用户提示词</span>
@@ -161,24 +145,14 @@ onMounted(() => {
             </el-tooltip>
           </div>
         </template>
-        <el-input
-          v-model="formData.prompt"
-          :rows="5"
-          :placeholder="`用户提示词，可以引用变量，如 {{开始.question}}`"
-          type="textarea"
-        />
+        <el-input v-model="formData.prompt" :rows="5" :placeholder="`用户提示词，可以引用变量，如 {{开始.question}}`" type="textarea" />
       </el-form-item>
 
       <el-form-item label="历史聊天记录">
         <template #label>
           <div class="flex-between gap-3 w-full">
             <span class="whitespace-nowrap">历史聊天记录</span>
-            <el-select
-              v-model="formData.dialogue_type"
-              :teleported="false"
-              class="w-20"
-              size="small"
-            >
+            <el-select v-model="formData.dialogue_type" :teleported="false" class="w-20" size="small">
               <el-option label="节点" value="NODE" />
               <el-option label="工作流" value="WORKFLOW" />
             </el-select>
@@ -195,18 +169,8 @@ onMounted(() => {
         />
       </el-form-item>
 
-      <el-form-item
-        label="选择图片"
-        prop="image_list"
-        :rules="{ required: true, message: '请选择图片', trigger: 'change' }"
-      >
-        <NodeCascader
-          ref="imageCascaderRef"
-          v-model="formData.image_list"
-          :node-model="model"
-          class="w-full"
-          placeholder="选择图片"
-        />
+      <el-form-item label="选择图片" prop="image_list" :rules="{ required: true, message: '请选择图片', trigger: 'change' }">
+        <NodeCascader ref="imageCascaderRef" v-model="formData.image_list" :node-model="model" class="w-full" placeholder="选择图片" />
       </el-form-item>
 
       <el-form-item label="返回思考过程">
diff --git a/ui/src/workflow-canvas/nodes/intent-node/index.vue b/ui/src/workflow-canvas/nodes/intent-node/index.vue
index e5813c00d14..da35b5e6472 100644
--- a/ui/src/workflow-canvas/nodes/intent-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/intent-node/index.vue
@@ -130,13 +130,7 @@ onMounted(() => {
 <template>
   <NodeContainer :node-model="model">
     <h6 class="mb-3">节点设置</h6>
-    <el-form
-      ref="formRef"
-      :model="formData"
-      label-position="top"
-      require-asterisk-position="right"
-      @submit.prevent
-    >
+    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item
         :prop="formData.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'"
         :rules="{ required: true, message: '请选择或填写 AI 模型', trigger: 'change' }"
@@ -144,13 +138,7 @@ onMounted(() => {
         <template #label>
           <div class="flex-between gap-3 w-full">
             <span>AI 模型</span>
-            <el-select
-              v-model="formData.model_id_type"
-              :teleported="false"
-              class="w-30!"
-              size="small"
-              @change="formData.model_id_reference = []"
-            >
+            <el-select v-model="formData.model_id_type" :teleported="false" class="w-30!" size="small" @change="formData.model_id_reference = []">
               <el-option label="引用变量" value="reference" />
               <el-option label="自定义" value="custom" />
             </el-select>
@@ -166,37 +154,24 @@ onMounted(() => {
         />
         <ModelSelect
           v-else
-          placeholder="请输入 AI 模型 ID"
+          v-model="formData.model_id"
+          v-model:model-params="formData.model_params_setting"
+          can-edit-params
           :options="modelList"
           :provider-options="providerOptions"
-          v-model="formData.model_id"
-        ></ModelSelect>
+          placeholder="请选择 AI 模型"
+        />
       </el-form-item>
 
-      <el-form-item
-        prop="content_list"
-        :rules="{ required: true, message: '请选择文本内容', trigger: 'change' }"
-        label="输入"
-      >
-        <NodeCascader
-          ref="contentCascaderRef"
-          v-model="formData.content_list"
-          :node-model="model"
-          class="w-full"
-          placeholder="选择文本内容"
-        />
+      <el-form-item prop="content_list" :rules="{ required: true, message: '请选择文本内容', trigger: 'change' }" label="输入">
+        <NodeCascader ref="contentCascaderRef" v-model="formData.content_list" :node-model="model" class="w-full" placeholder="选择文本内容" />
       </el-form-item>
 
       <el-form-item label="历史聊天记录">
         <template #label>
           <div class="flex-between gap-3 w-full">
             <span class="whitespace-nowrap">历史聊天记录</span>
-            <el-select
-              v-model="formData.dialogue_type"
-              :teleported="false"
-              class="w-20"
-              size="small"
-            >
+            <el-select v-model="formData.dialogue_type" :teleported="false" class="w-20" size="small">
               <el-option label="节点" value="NODE" />
               <el-option label="工作流" value="WORKFLOW" />
             </el-select>
@@ -226,10 +201,7 @@ onMounted(() => {
         </template>
         <div class="w-full">
           <div v-for="(item, index) in formData.branch" :key="item.id" class="mb-0">
-            <el-form-item
-              :prop="`branch.${index}.content`"
-              :rules="{ required: true, message: '请输入', trigger: 'blur' }"
-            >
+            <el-form-item :prop="`branch.${index}.content`" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
               <div class="flex items-center gap-2 w-full">
                 <div class="min-w-0 flex-1">
                   <el-input v-model="item.content" :disabled="item.isOther" placeholder="请输入" />
diff --git a/ui/src/workflow-canvas/nodes/parameter-extraction-node/index.vue b/ui/src/workflow-canvas/nodes/parameter-extraction-node/index.vue
index 354680085d6..018681f8b1e 100644
--- a/ui/src/workflow-canvas/nodes/parameter-extraction-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/parameter-extraction-node/index.vue
@@ -16,20 +16,10 @@
             </el-select>
           </div>
         </template>
-        <NodeCascader
-          ref="modelCascaderRef"
-          v-model="formData.model_id_reference"
-          :node-model="model"
-          class="w-full"
-          placeholder="请选择变量"
-        />
+        <NodeCascader ref="modelCascaderRef" v-model="formData.model_id_reference" :node-model="model" class="w-full" placeholder="请选择变量" />
       </el-form-item>
 
-      <el-form-item
-        v-else
-        prop="model_id"
-        :rules="{ required: true, message: '请选择 AI 模型', trigger: 'change' }"
-      >
+      <el-form-item v-else prop="model_id" :rules="{ required: true, message: '请选择 AI 模型', trigger: 'change' }">
         <template #label>
           <div class="flex-between gap-3 w-full">
             <span>AI 模型<span class="text-danger">*</span></span>
@@ -39,7 +29,14 @@
             </el-select>
           </div>
         </template>
-        <ModelSelect placeholder="请输入 AI 模型 ID" :options="modelList" :provider-options="providerOptions" v-model="formData.model_id" />
+        <ModelSelect
+          v-model="formData.model_id"
+          v-model:model-params="formData.model_params_setting"
+          can-edit-params
+          :options="modelList"
+          :provider-options="providerOptions"
+          placeholder="请选择 AI 模型"
+        />
       </el-form-item>
 
       <el-form-item prop="input_variable" :rules="{ required: true, message: '请选择输入变量', trigger: 'change' }">
diff --git a/ui/src/workflow-canvas/nodes/question-node/index.vue b/ui/src/workflow-canvas/nodes/question-node/index.vue
index b84e7a9d8d2..09369153ecb 100644
--- a/ui/src/workflow-canvas/nodes/question-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/question-node/index.vue
@@ -86,13 +86,7 @@ onMounted(() => {
 <template>
   <NodeContainer :node-model="model">
     <h6 class="mb-3">节点设置</h6>
-    <el-form
-      ref="formRef"
-      :model="formData"
-      label-position="top"
-      require-asterisk-position="right"
-      @submit.prevent
-    >
+    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item
         :prop="formData.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'"
         :rules="{ required: true, message: '请选择或填写 AI 模型', trigger: 'change' }"
@@ -100,13 +94,7 @@ onMounted(() => {
         <template #label>
           <div class="flex-between gap-3 w-full">
             <span>AI 模型</span>
-            <el-select
-              v-model="formData.model_id_type"
-              :teleported="false"
-              class="w-30!"
-              size="small"
-              @change="formData.model_id_reference = []"
-            >
+            <el-select v-model="formData.model_id_type" :teleported="false" class="w-30!" size="small" @change="formData.model_id_reference = []">
               <el-option label="引用变量" value="reference" />
               <el-option label="自定义" value="custom" />
             </el-select>
@@ -122,11 +110,13 @@ onMounted(() => {
         />
         <ModelSelect
           v-else
-          placeholder="请输入 AI 模型 ID"
+          v-model="formData.model_id"
+          v-model:model-params="formData.model_params_setting"
+          can-edit-params
           :options="modelList"
           :provider-options="providerOptions"
-          v-model="formData.model_id"
-        ></ModelSelect>
+          placeholder="请选择 AI 模型"
+        />
       </el-form-item>
 
       <el-form-item>
@@ -138,19 +128,10 @@ onMounted(() => {
             </el-tooltip>
           </div>
         </template>
-        <el-input
-          v-model="formData.system"
-          :rows="4"
-          :placeholder="`系统提示词，可以引用变量，如 {{开始.question}}`"
-          type="textarea"
-        />
+        <el-input v-model="formData.system" :rows="4" :placeholder="`系统提示词，可以引用变量，如 {{开始.question}}`" type="textarea" />
       </el-form-item>
 
-      <el-form-item
-        label="用户提示词"
-        prop="prompt"
-        :rules="{ required: true, message: '请输入用户提示词', trigger: 'blur' }"
-      >
+      <el-form-item label="用户提示词" prop="prompt" :rules="{ required: true, message: '请输入用户提示词', trigger: 'blur' }">
         <template #label>
           <div class="flex items-center gap-1">
             <span>用户提示词</span>
@@ -159,24 +140,14 @@ onMounted(() => {
             </el-tooltip>
           </div>
         </template>
-        <el-input
-          v-model="formData.prompt"
-          :rows="5"
-          :placeholder="`用户提示词，可以引用变量，如 {{开始.question}}`"
-          type="textarea"
-        />
+        <el-input v-model="formData.prompt" :rows="5" :placeholder="`用户提示词，可以引用变量，如 {{开始.question}}`" type="textarea" />
       </el-form-item>
 
       <el-form-item label="历史聊天记录">
         <template #label>
           <div class="flex-between gap-3 w-full">
             <span class="whitespace-nowrap">历史聊天记录</span>
-            <el-select
-              v-model="formData.dialogue_type"
-              :teleported="false"
-              class="w-20"
-              size="small"
-            >
+            <el-select v-model="formData.dialogue_type" :teleported="false" class="w-20" size="small">
               <el-option label="节点" value="NODE" />
               <el-option label="工作流" value="WORKFLOW" />
             </el-select>
diff --git a/ui/src/workflow-canvas/nodes/speech-to-text-node/index.vue b/ui/src/workflow-canvas/nodes/speech-to-text-node/index.vue
index d7ac3f38e4b..ffbec4bfee6 100644
--- a/ui/src/workflow-canvas/nodes/speech-to-text-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/speech-to-text-node/index.vue
@@ -73,13 +73,7 @@ onMounted(() => {
 <template>
   <NodeContainer :node-model="model">
     <h6 class="mb-3">节点设置</h6>
-    <el-form
-      ref="formRef"
-      :model="formData"
-      label-position="top"
-      require-asterisk-position="right"
-      @submit.prevent
-    >
+    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item
         :prop="formData.stt_model_id_type === 'reference' ? 'stt_model_id_reference' : 'stt_model_id'"
         :rules="{ required: true, message: '请选择或填写语音识别模型', trigger: 'change' }"
@@ -109,25 +103,17 @@ onMounted(() => {
         />
         <ModelSelect
           v-else
-          placeholder="请输入语音识别模型 ID"
+          v-model="formData.stt_model_id"
+          v-model:model-params="formData.model_params_setting"
+          can-edit-params
           :options="modelList"
           :provider-options="providerOptions"
-          v-model="formData.stt_model_id"
-        ></ModelSelect>
+          placeholder="请选择语音识别模型"
+        />
       </el-form-item>
 
-      <el-form-item
-        prop="audio_list"
-        :rules="{ required: true, message: '请选择语音文件', trigger: 'change' }"
-        label="语音文件"
-      >
-        <NodeCascader
-          ref="contentCascaderRef"
-          v-model="formData.audio_list"
-          :node-model="model"
-          class="w-full"
-          placeholder="选择语音文件"
-        />
+      <el-form-item prop="audio_list" :rules="{ required: true, message: '请选择语音文件', trigger: 'change' }" label="语音文件">
+        <NodeCascader ref="contentCascaderRef" v-model="formData.audio_list" :node-model="model" class="w-full" placeholder="选择语音文件" />
       </el-form-item>
     </el-form>
   </NodeContainer>
diff --git a/ui/src/workflow-canvas/nodes/text-to-speech-node/index.vue b/ui/src/workflow-canvas/nodes/text-to-speech-node/index.vue
index 567629bc508..c0a939c4a5f 100644
--- a/ui/src/workflow-canvas/nodes/text-to-speech-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/text-to-speech-node/index.vue
@@ -103,11 +103,13 @@ onMounted(() => {
         />
         <ModelSelect
           v-else
-          placeholder="请输入语音合成模型 ID"
+          v-model="formData.tts_model_id"
+          v-model:model-params="formData.model_params_setting"
+          can-edit-params
           :options="modelList"
           :provider-options="providerOptions"
-          v-model="formData.tts_model_id"
-        ></ModelSelect>
+          placeholder="请选择语音合成模型"
+        />
       </el-form-item>
 
       <el-form-item prop="content_list" :rules="{ required: true, message: '请选择文本内容', trigger: 'change' }" label="文本内容">
diff --git a/ui/src/workflow-canvas/nodes/text-to-video-node/index.vue b/ui/src/workflow-canvas/nodes/text-to-video-node/index.vue
index 7d278a4b4b0..73fab5dc2be 100644
--- a/ui/src/workflow-canvas/nodes/text-to-video-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/text-to-video-node/index.vue
@@ -75,13 +75,7 @@ onMounted(() => {
 <template>
   <NodeContainer :node-model="model">
     <h6 class="mb-3">节点设置</h6>
-    <el-form
-      ref="formRef"
-      :model="formData"
-      label-position="top"
-      require-asterisk-position="right"
-      @submit.prevent
-    >
+    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item
         :prop="formData.model_id_type === 'reference' ? 'model_id_reference' : 'model_id'"
         :rules="{ required: true, message: '请选择或填写文生视频模型', trigger: 'change' }"
@@ -89,13 +83,7 @@ onMounted(() => {
         <template #label>
           <div class="flex-between gap-3 w-full">
             <span>文生视频模型</span>
-            <el-select
-              v-model="formData.model_id_type"
-              :teleported="false"
-              class="w-30!"
-              size="small"
-              @change="formData.model_id_reference = []"
-            >
+            <el-select v-model="formData.model_id_type" :teleported="false" class="w-30!" size="small" @change="formData.model_id_reference = []">
               <el-option label="引用变量" value="reference" />
               <el-option label="自定义" value="custom" />
             </el-select>
@@ -111,18 +99,16 @@ onMounted(() => {
         />
         <ModelSelect
           v-else
-          placeholder="请输入文生视频模型 ID"
+          v-model="formData.model_id"
+          v-model:model-params="formData.model_params_setting"
+          can-edit-params
           :options="modelList"
           :provider-options="providerOptions"
-          v-model="formData.model_id"
-        ></ModelSelect>
+          placeholder="请选择文生视频模型"
+        />
       </el-form-item>
 
-      <el-form-item
-        label="提示词(正向)"
-        prop="prompt"
-        :rules="{ required: true, message: '请输入正向提示词', trigger: 'blur' }"
-      >
+      <el-form-item label="提示词(正向)" prop="prompt" :rules="{ required: true, message: '请输入正向提示词', trigger: 'blur' }">
         <template #label>
           <div class="flex items-center gap-1">
             <span>提示词(正向)</span>
@@ -131,12 +117,7 @@ onMounted(() => {
             </el-tooltip>
           </div>
         </template>
-        <el-input
-          v-model="formData.prompt"
-          :rows="5"
-          :placeholder="`正向提示词，可以引用变量，如 {{开始.question}}`"
-          type="textarea"
-        />
+        <el-input v-model="formData.prompt" :rows="5" :placeholder="`正向提示词，可以引用变量，如 {{开始.question}}`" type="textarea" />
       </el-form-item>
 
       <el-form-item label="提示词(负向)" prop="negative_prompt">
@@ -148,12 +129,7 @@ onMounted(() => {
             </el-tooltip>
           </div>
         </template>
-        <el-input
-          v-model="formData.negative_prompt"
-          :rows="4"
-          placeholder="请描述不想生成的图片内容，比如：颜色、血腥内容"
-          type="textarea"
-        />
+        <el-input v-model="formData.negative_prompt" :rows="4" placeholder="请描述不想生成的图片内容，比如：颜色、血腥内容" type="textarea" />
       </el-form-item>
     </el-form>
   </NodeContainer>