From 71242687b874bf32c55c1a2b5813917740c7e399 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 20 Oct 2026 14:52:29 +0800
Subject: [PATCH] feat: application setting

---
 ui/src/api/API_README.md                      |   5 +
 ui/src/api/types/application.ts               |  11 +-
 .../components/global/mk-list-item/index.vue  |   2 +-
 ui/src/views/VIEW_README.md                   |  19 +
 .../components/ButtonKnowledgeSetting.vue     | 151 +++++
 .../components/ButtonLongTermSetting.vue      | 273 +++++++++
 .../application-detail/setting/index.vue      | 531 +++++++++++++++++-
 .../application-detail/setting/settings.ts    | 169 ++++++
 .../publish-history/PublishHistoryDrawer.vue  |   7 +-
 .../component/node-search-scope/index.vue     |   9 +-
 .../nodes/ai-chat-node/index.vue              |   4 +-
 .../workflow-canvas/nodes/base-node/index.vue |   2 +-
 .../component/SearchSetting.vue               |   2 +-
 13 files changed, 1166 insertions(+), 19 deletions(-)
 create mode 100644 ui/src/views/application-detail/setting/components/ButtonKnowledgeSetting.vue
 create mode 100644 ui/src/views/application-detail/setting/components/ButtonLongTermSetting.vue
 create mode 100644 ui/src/views/application-detail/setting/settings.ts

diff --git a/ui/src/api/API_README.md b/ui/src/api/API_README.md
index 0e310e5f54d..051e8aa2f36 100644
--- a/ui/src/api/API_README.md
+++ b/ui/src/api/API_README.md
@@ -636,6 +636,11 @@ Workspace 清除策略通过 PUT `batch_clean_time` 提交当前智能体的单
 知识库及目标文档选项通过当前范围 Knowledge／Document API 查询，文档使用 `getAllDocuments(knowledgeId)`。
 聊天记录与标注接口保留在同一 API 文件；日志详情使用现有 `LogConversation`，其聊天记录查询仍使用 Workspace API。
 
+简易智能体详情的 `model`、`stt_model`、`tts_model`、`long_term_model` 为模型 ID 响应别名，
+`knowledge_list` 为已关联知识库快照；保存映射到对应的 `*_model_id` 字段（主模型为 `model_id`）。
+语音及长期记忆模型的空 ID 使用 `null`，不提交空 UUID 字符串；简易设置不将详情的 `work_flow`
+回传，避免触发工作流配置提取。
+
 ### 智能体发布渠道
 
 `admin/workspace/application/access.ts` 和 `admin/system/resource-management/application/access.ts`
diff --git a/ui/src/api/types/application.ts b/ui/src/api/types/application.ts
index 1d6e796e417..bbbb04e2f9c 100644
--- a/ui/src/api/types/application.ts
+++ b/ui/src/api/types/application.ts
@@ -5,6 +5,7 @@ import { APPLICATION_ACCESS_PLATFORM, APPLICATION_TYPE } from '@/api/enums'
 import type { DefaultModelSettingPayload } from './model'
 import type { WorkflowStoreTemplate } from './workflow-template'
 import type { Dict } from './common'
+import type { KnowledgeItem } from './knowledge'
 
 export type ApplicationType = (typeof APPLICATION_TYPE)[keyof typeof APPLICATION_TYPE]
 
@@ -26,6 +27,10 @@ export interface ApplicationAccessStatusPayload {
 export interface ApplicationDetail extends Omit<ApplicationFormPayload, 'desc'> {
   /** 详情接口返回的主模型 ID。 */
   model?: string | null
+  stt_model?: string | null
+  tts_model?: string | null
+  long_term_model?: string | null
+  knowledge_list?: KnowledgeItem[]
   default_model_setting?: DefaultModelSettingPayload
   create_time?: string
   desc?: string | null
@@ -67,8 +72,8 @@ export interface ApplicationFormPayload {
   model_params_setting?: Record<string, unknown>
   tts_model_params_setting?: Record<string, unknown>
   stt_model_params_setting?: Record<string, unknown>
-  stt_model_id?: string
-  tts_model_id?: string
+  stt_model_id?: string | null
+  tts_model_id?: string | null
   stt_model_enable?: boolean
   tts_model_enable?: boolean
   tts_type?: string
@@ -88,7 +93,7 @@ export interface ApplicationFormPayload {
   mcp_output_enable?: boolean
   work_flow_template?: Record<string, unknown>
   long_term_enable?: boolean
-  long_term_model_id?: string
+  long_term_model_id?: string | null
   long_term_model_params_setting?: Record<string, unknown>
   long_term_trigger_setting?: Record<string, unknown>
   long_term_trigger_type?: string
diff --git a/ui/src/components/global/mk-list-item/index.vue b/ui/src/components/global/mk-list-item/index.vue
index 7374de4534e..a4de4c2b98f 100644
--- a/ui/src/components/global/mk-list-item/index.vue
+++ b/ui/src/components/global/mk-list-item/index.vue
@@ -27,7 +27,7 @@ const hasActionDropdown = computed(() => hasRenderableSlotContent(slots['action-
 
 <template>
   <div
-    class="group flex-align-center cursor-pointer rounded-md px-2 py-[9px] hover:bg-N900/10"
+    class="group flex-align-center cursor-pointer rounded-md p-2 hover:bg-N900/10"
     :class="{ 'bg-primary/10 font-medium text-primary hover:bg-primary/10': active }"
     @click="emit('click')"
   >
diff --git a/ui/src/views/VIEW_README.md b/ui/src/views/VIEW_README.md
index 5c48f319ea0..a4ab89e3b89 100644
--- a/ui/src/views/VIEW_README.md
+++ b/ui/src/views/VIEW_README.md
@@ -121,6 +121,25 @@
 提交入口同时阻止共享写入。System 文档、标签与分段 API 已装配，具体服务能力仍需对应部署支持。
 知识库全屏 WorkflowView 的加载、保存、模型查询仍直接使用 Workspace API，其他来源仅完成导航，不能视为范围接入完成。
 
+### 简易智能体设置
+
+`application-detail/setting/` 使用可折叠配置表单和调试预览占位双栏布局，仅模型设置和知识库
+通过 `:expanded="true"` 默认展开，未绑定更新事件时由组件内部切换状态。通过详情上下文按
+Workspace／System 资源管理范围保存、发布，发布前先保存当前配置；草稿独立深拷贝，保存失败
+保留输入，保存成功后用返回详情回填。详情返回的模型别名统一回填，空语音模型 ID 提交
+`null`，简易设置不提交详情中的画布或只读字段，保留范围外配置。
+
+知识库、智能体、技能和工具复用公共资源选择弹窗，保留未能查询到的关联 ID；智能体排除自身。
+技能区域复用 AI 对话节点的 `ResourceSetting`，统一选择、移除及 MCP 来源配置；资源 ID 与回显
+快照回写页面草稿，保存时剔除回显快照。详情回填时，有关联智能体 ID 才查询智能体列表，
+有工具、Skills 或 MCP ID 才查询工具列表，用于补全名称和图标。长期记忆使用功能本地 `ButtonLongTermSetting`，沿用工作流的轮次、周期和 Cron 交互，
+直接选择模型与参数，不提供默认模型选项；打开时若未配置模型，选中首个可用模型，
+选项异步返回后同样补选，已有选择不覆盖。简易接口提交具体模型 ID。语音输入直接选择模型，语音播放提供浏览器播放和自定义模型，
+不提供默认语音模型选项；启用后显示自动发送／播放，关闭时清空对应模型，播放恢复浏览器方式。输出思考复用工作流的 `ThinkingSetting`，确认时合并思考字段并保留系统和用户提示词。
+知识库检索、无引用处理和问题优化由功能本地 `ButtonKnowledgeSetting` 维护，按钮与弹窗封装在同一组件，
+弹窗确认只更新页面草稿。模型使用当前范围的共享模型查询和参数接口。系统提示词生成复用
+工作流的 `PromptGenerate`，由页面注入 `resourceScope`，使用当前模型与参数生成后回填草稿。
+
 ### 创建与设置
 
 四类知识库创建入口集中在 `knowledge/create-knowledge/`：`BaseKnowledgeDialog`、
diff --git a/ui/src/views/application-detail/setting/components/ButtonKnowledgeSetting.vue b/ui/src/views/application-detail/setting/components/ButtonKnowledgeSetting.vue
new file mode 100644
index 00000000000..1388d8e2f42
--- /dev/null
+++ b/ui/src/views/application-detail/setting/components/ButtonKnowledgeSetting.vue
@@ -0,0 +1,151 @@
+<script setup lang="ts">
+import { ref, useTemplateRef } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormInstance } from 'element-plus'
+import { KNOWLEDGE_SEARCH_MODE } from '@/api/enums'
+import { KNOWLEDGE_SEARCH_MODE_OPTIONS } from '@/constants/knowledge'
+import { createSettings, DEFAULT_DESIGNATED_ANSWER, DEFAULT_PROBLEM_OPTIMIZATION_PROMPT, type ApplicationSettings } from '../settings'
+
+defineOptions({ name: 'ButtonKnowledgeSetting' })
+
+const props = defineProps<{ setting: ApplicationSettings }>()
+const emit = defineEmits<{ submit: [settings: Partial<ApplicationSettings>] }>()
+const visible = ref(false)
+const formData = ref(createSettings())
+const noReferenceAnswers = ref<Record<string, string>>({ ai_questioning: '{question}', designated_answer: DEFAULT_DESIGNATED_ANSWER })
+function changeNoReferenceStatus(status: string | number | boolean | undefined) {
+  formData.value.knowledge_setting.no_references_setting.value = noReferenceAnswers.value[String(status)] ?? '{question}'
+}
+const formRef = useTemplateRef<FormInstance>('formRef')
+function open() {
+  formData.value = cloneDeep(props.setting)
+  const responseSetting = props.setting.knowledge_setting.no_references_setting
+  const answer = responseSetting.value || noReferenceAnswers.value[responseSetting.status] || '{question}'
+  noReferenceAnswers.value[responseSetting.status] = answer
+  formData.value.knowledge_setting.no_references_setting.value = answer
+  visible.value = true
+}
+// 全文检索切换为 0，其余模式恢复为 0.6，与工作流参数设置保持一致。
+function changeSearchMode() {
+  formData.value.knowledge_setting.similarity = formData.value.knowledge_setting.search_mode === KNOWLEDGE_SEARCH_MODE.KEYWORDS ? 0 : 0.6
+}
+function submit() {
+  formRef.value?.validate((valid) => {
+    if (!valid) return
+    const settings = formData.value
+    emit(
+      'submit',
+      cloneDeep({
+        knowledge_setting: settings.knowledge_setting,
+        problem_optimization: settings.problem_optimization,
+        problem_optimization_prompt: settings.problem_optimization_prompt,
+      }),
+    )
+    visible.value = false
+  })
+}
+function resetData() {
+  formRef.value?.clearValidate()
+  formData.value = createSettings()
+  noReferenceAnswers.value = { ai_questioning: '{question}', designated_answer: DEFAULT_DESIGNATED_ANSWER }
+}
+</script>
+
+<template>
+  <!-- 配置知识库检索参数 -->
+  <el-button text type="primary" @click.stop="open">
+    <MkIcon name="icon_setting" />
+  </el-button>
+  <MkDialog v-model="visible" title="参数设置" @closed="resetData" align-center>
+    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
+      <el-form-item label="检索模式">
+        <!-- 选择检索模式 -->
+        <el-radio-group v-model="formData.knowledge_setting.search_mode" class="space-y-2" @change="changeSearchMode">
+          <template v-for="mode in KNOWLEDGE_SEARCH_MODE_OPTIONS" :key="mode.value">
+            <el-card shadow="hover" class="w-full" :class="{ 'border-primary!': formData.knowledge_setting.search_mode === mode.value }">
+              <el-radio :value="mode.value" class="mk-card-radio">
+                <h6>{{ mode.label }}</h6>
+                <span class="block text-sm text-N600">{{ mode.description }}</span>
+              </el-radio>
+            </el-card>
+          </template>
+        </el-radio-group>
+      </el-form-item>
+      <div class="grid grid-cols-2 gap-3">
+        <el-form-item>
+          <template #label>
+            <span class="flex-align-center gap-1">
+              相似度高于
+              <MkTooltip content="相似度越高相关性越强。" placement="right"><MkIcon name="icon_info_outlined" class="text-N600!" /></MkTooltip>
+            </span>
+          </template>
+          <el-input-number
+            v-model="formData.knowledge_setting.similarity"
+            :min="0"
+            :max="formData.knowledge_setting.search_mode === KNOWLEDGE_SEARCH_MODE.BLEND ? 2 : 1"
+            :step="0.1"
+            :precision="3"
+            :value-on-clear="0"
+            controls-position="right"
+            align="left"
+          />
+        </el-form-item>
+        <el-form-item label="召回分段数 TOP">
+          <el-input-number
+            v-model="formData.knowledge_setting.top_n"
+            :min="1"
+            :max="10000"
+            :precision="0"
+            :value-on-clear="1"
+            controls-position="right"
+            align="left"
+          />
+        </el-form-item>
+      </div>
+      <el-form-item label="最多引用字符数">
+        <MkSlider v-model="formData.knowledge_setting.max_paragraph_char_number" :min="500" :max="100000" />
+      </el-form-item>
+      <el-form-item label="无引用知识库分段时">
+        <el-radio-group
+          :model-value="formData.knowledge_setting.no_references_setting.status"
+          @change="changeNoReferenceStatus"
+          @update:model-value="formData.knowledge_setting.no_references_setting.status = String($event)"
+        >
+          <el-radio value="ai_questioning">继续向 AI 提问</el-radio>
+          <el-radio value="designated_answer">指定回答</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item
+        class="-mt-2"
+        v-if="formData.knowledge_setting.no_references_setting.status === 'designated_answer'"
+        prop="knowledge_setting.no_references_setting.value"
+        :rules="{ required: true, whitespace: true, message: '请输入回答内容', trigger: 'blur' }"
+      >
+        <el-input
+          v-model="formData.knowledge_setting.no_references_setting.value"
+          @input="noReferenceAnswers[formData.knowledge_setting.no_references_setting.status] = $event"
+          type="textarea"
+          :rows="3"
+          maxlength="2048"
+          :placeholder="DEFAULT_DESIGNATED_ANSWER"
+        />
+      </el-form-item>
+      <el-form-item label="问题优化"><el-switch v-model="formData.problem_optimization" size="small" /></el-form-item>
+      <el-form-item v-if="formData.problem_optimization" label="提示词">
+        <el-input
+          v-model="formData.problem_optimization_prompt"
+          type="textarea"
+          maxlength="2048"
+          :rows="5"
+          :placeholder="DEFAULT_PROBLEM_OPTIMIZATION_PROMPT"
+        />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <!-- 取消配置 -->
+      <el-button plain @click="visible = false">取消</el-button>
+      <!-- 确认配置，暂存到页面草稿 -->
+      <el-button type="primary" @click="submit">保存</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/views/application-detail/setting/components/ButtonLongTermSetting.vue b/ui/src/views/application-detail/setting/components/ButtonLongTermSetting.vue
new file mode 100644
index 00000000000..b905593e9a0
--- /dev/null
+++ b/ui/src/views/application-detail/setting/components/ButtonLongTermSetting.vue
@@ -0,0 +1,273 @@
+<script setup lang="ts">
+import { computed, nextTick, ref, useTemplateRef, watch } from 'vue'
+import { cloneDeep } from 'lodash'
+import { MODEL_STATUS } from '@/api/enums'
+import { SCHEDULE_OPTION } from '@/constants/schedule'
+import type { CascaderOption, FormInstance } from 'element-plus'
+import SelectModel from '@/components/business/select-model/index.vue'
+import type { ModelItem, ModelProviderItem } from '@/api/types'
+import type { LongTermSettingData } from '../settings'
+
+defineOptions({ name: 'ButtonLongTermSetting' })
+
+const props = defineProps<{ modelOptions: ModelItem[]; providerOptions: ModelProviderItem[] }>()
+const setting = defineModel<LongTermSettingData>({ required: true })
+
+// 长期记忆设置：打开时创建草稿，保存后回写配置。
+const visible = ref(false)
+const formRef = useTemplateRef<FormInstance>('formRef')
+const formData = ref<LongTermSettingData>({
+  long_term_model_id: '',
+  long_term_model_params_setting: {},
+  long_term_trigger_setting: { rounds: 10 },
+  long_term_trigger_type: 'ROUND',
+})
+
+// 打开时或模型选项异步返回后，仅为空选择补上首个可用模型。
+watch([visible, () => props.modelOptions], ([opened, models]) => {
+  if (!opened || formData.value.long_term_model_id) return
+  formData.value.long_term_model_id = models.find((model) => model.status === MODEL_STATUS.SUCCESS)?.id ?? ''
+})
+
+// 触发方式卡片与周期选项。
+const triggerRounds = computed<number | undefined>({
+  get: () => {
+    const rounds = formData.value.long_term_trigger_setting.rounds
+    return typeof rounds === 'number' ? rounds : undefined
+  },
+  set: (rounds) => {
+    formData.value.long_term_trigger_setting.rounds = rounds
+  },
+})
+const triggerOptions = [
+  { value: 'ROUND', label: '按轮次触发', description: '累计到 N 轮后，自动提炼 N 轮对话，生成记忆' },
+  { value: 'SCHEDULED', label: '定时触发', description: '到设定时间后，自动提炼周期内所有对话，生成记忆' },
+] as const
+const scheduleMode = computed<'cron' | 'preset'>({
+  get: () => (formData.value.long_term_trigger_setting.schedule_type === 'cron' ? 'cron' : 'preset'),
+  set: (mode) => {
+    formData.value.long_term_trigger_setting =
+      mode === 'cron' ? { schedule_type: 'cron', cron_expression: '' } : { schedule_type: 'daily', time: ['00:00'] }
+    validateTriggerSetting()
+  },
+})
+
+const scheduleValue = computed<Array<number | string>>({
+  get: () => {
+    const setting = formData.value.long_term_trigger_setting
+    if (setting.schedule_type === 'interval') {
+      return typeof setting.interval_unit === 'string' && typeof setting.interval_value === 'number'
+        ? ['interval', setting.interval_unit, setting.interval_value]
+        : []
+    }
+    const time = Array.isArray(setting.time) ? setting.time[0] : undefined
+    if (typeof time !== 'string') return []
+    if (setting.schedule_type === 'daily') return ['daily', time]
+    const day = Array.isArray(setting.days) ? setting.days[0] : undefined
+    if (day === undefined) return []
+    if (setting.schedule_type === 'weekly') return ['weekly', Number(day), time]
+    if (setting.schedule_type === 'monthly') return ['monthly', String(day), time]
+    return []
+  },
+  set: (value) => {
+    if (!value?.length) {
+      formData.value.long_term_trigger_setting = {}
+      return
+    }
+    const scheduleType = value[0]
+    if (scheduleType === 'interval') {
+      formData.value.long_term_trigger_setting = { schedule_type: 'interval', interval_unit: value[1], interval_value: value[2] }
+    } else if (scheduleType === 'weekly' || scheduleType === 'monthly') {
+      formData.value.long_term_trigger_setting = { schedule_type: scheduleType, days: [value[1]], time: [value[2]] }
+    } else {
+      formData.value.long_term_trigger_setting = { schedule_type: 'daily', time: [value[1]] }
+    }
+  },
+})
+
+// 等待当前配置表单挂载后，只校验当前触发方式，清理已隐藏字段的提示。
+async function validateTriggerSetting() {
+  await nextTick()
+  const triggerFields = ['long_term_trigger_setting.rounds', 'long_term_trigger_setting', 'long_term_trigger_setting.cron_expression']
+  formRef.value?.clearValidate(triggerFields)
+  const activeField =
+    formData.value.long_term_trigger_type === 'ROUND' ? triggerFields[0]! : scheduleMode.value === 'cron' ? triggerFields[2]! : triggerFields[1]!
+  formRef.value?.validateField(activeField, () => {})
+}
+
+function validateRounds(_rule: unknown, value: unknown, callback: (error?: Error) => void) {
+  callback(typeof value === 'number' && Number.isInteger(value) && value >= 5 && value <= 100 ? undefined : new Error('请输入 5–100 之间的整数轮次'))
+}
+
+function validateSchedule(_rule: unknown, _value: unknown, callback: (error?: Error) => void) {
+  let options = SCHEDULE_OPTION
+  let selectedOption: CascaderOption | undefined
+  for (const value of scheduleValue.value) {
+    selectedOption = options.find((option) => option.value === value)
+    if (!selectedOption) break
+    options = selectedOption.children ?? []
+  }
+  callback(selectedOption && !selectedOption.children?.length ? undefined : new Error('请选择触发周期'))
+}
+
+function open() {
+  formData.value = cloneDeep(setting.value)
+  if (!formData.value.long_term_trigger_setting || !Object.keys(formData.value.long_term_trigger_setting).length) {
+    formData.value.long_term_trigger_setting = { rounds: 10 }
+  }
+  visible.value = true
+}
+
+function changeTriggerType(triggerType: 'ROUND' | 'SCHEDULED') {
+  if (formData.value.long_term_trigger_type === triggerType) {
+    validateTriggerSetting()
+    return
+  }
+  formData.value.long_term_trigger_type = triggerType
+  if (triggerType === 'ROUND' && !formData.value.long_term_trigger_setting.rounds) {
+    formData.value.long_term_trigger_setting = { rounds: 10 }
+  }
+  if (triggerType === 'SCHEDULED' && !formData.value.long_term_trigger_setting.schedule_type) {
+    formData.value.long_term_trigger_setting = { schedule_type: 'daily', time: ['00:00'] }
+  }
+  validateTriggerSetting()
+}
+
+function validateCron(_rule: unknown, value: unknown, callback: (error?: Error) => void) {
+  const fields = String(value ?? '')
+    .trim()
+    .split(/\s+/)
+  if (fields.length !== 5 || fields.some((field) => !field)) {
+    callback(new Error('请输入有效的Cron 表达式'))
+    return
+  }
+  callback()
+}
+
+function resetData() {
+  formData.value = {
+    long_term_model_id: '',
+    long_term_model_params_setting: {},
+    long_term_trigger_setting: { rounds: 10 },
+    long_term_trigger_type: 'ROUND',
+  }
+  formRef.value?.clearValidate()
+}
+
+function submit() {
+  formRef.value?.validate((valid) => {
+    if (!valid) return
+    setting.value = cloneDeep(formData.value)
+    visible.value = false
+  })
+}
+</script>
+
+<template>
+  <!-- 打开长期记忆设置 -->
+  <el-button text type="primary" @click="open">
+    <MkIcon name="icon_setting" />
+  </el-button>
+  <MkDialog v-model="visible" title="长期记忆设置" align-center @closed="resetData">
+    <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
+      <el-form-item label="AI 模型" prop="long_term_model_id" :rules="{ required: true, message: '请选择长期记忆模型', trigger: 'change' }">
+        <SelectModel
+          v-model="formData.long_term_model_id"
+          v-model:model-params="formData.long_term_model_params_setting"
+          can-edit-params
+          teleported
+          :options="modelOptions"
+          :provider-options="providerOptions"
+          placeholder="请选择长期记忆模型"
+        />
+      </el-form-item>
+
+      <el-form-item label="触发方式" prop="long_term_trigger_type" :rules="{ required: true, message: '请选择触发方式', trigger: 'change' }">
+        <div class="w-full space-y-2">
+          <!-- 选择长期记忆触发方式 -->
+          <template v-for="trigger in triggerOptions" :key="trigger.value">
+            <MkSourceCard
+              :title="trigger.label"
+              class="min-h-0!"
+              :class="{ 'border-primary!': formData.long_term_trigger_type === trigger.value }"
+              :aria-checked="formData.long_term_trigger_type === trigger.value"
+              @click="changeTriggerType(trigger.value)"
+            >
+              <template #icon>
+                <TriggerIcon :type="trigger.value" />
+              </template>
+              <template #subtitle>{{ trigger.description }}</template>
+              <template v-if="formData.long_term_trigger_type === trigger.value" #default>
+                <div class="mk-gray-card-lg text-N900" @click.stop @keydown.stop>
+                  <!-- 定时 -->
+                  <template v-if="trigger.value === 'SCHEDULED'">
+                    <div class="flex-between mb-2">
+                      <span class="mk-required">{{ scheduleMode === 'preset' ? '触发周期' : 'Cron 表达式' }}</span>
+                      <!-- 切换周期设置与 Cron 表达式 -->
+                      <MkTooltip :content="scheduleMode === 'preset' ? '切换为 Cron 表达式' : '切换为周期设置'" placement="top">
+                        <el-button text type="primary" @click="scheduleMode = scheduleMode === 'preset' ? 'cron' : 'preset'">
+                          <MkIcon name="icon_swich" />
+                        </el-button>
+                      </MkTooltip>
+                    </div>
+                    <el-form-item
+                      v-if="scheduleMode === 'preset'"
+                      prop="long_term_trigger_setting"
+                      :rules="{ required: true, validator: validateSchedule, trigger: 'change' }"
+                      class="mb-0!"
+                    >
+                      <el-cascader
+                        v-model="scheduleValue"
+                        :options="SCHEDULE_OPTION"
+                        teleported
+                        class="w-full"
+                        clearable
+                        placeholder="请选择触发周期"
+                      />
+                    </el-form-item>
+                    <el-form-item
+                      v-else
+                      prop="long_term_trigger_setting.cron_expression"
+                      :rules="[
+                        { required: true, whitespace: true, message: '请输入有效的Cron 表达式', trigger: ['blur', 'change'] },
+                        { validator: validateCron, trigger: ['blur', 'change'] },
+                      ]"
+                      class="mb-0!"
+                    >
+                      <el-input v-model="formData.long_term_trigger_setting.cron_expression" placeholder="请输入Cron表达式（如：0 0 1 * *）" />
+                    </el-form-item>
+                  </template>
+                  <!-- 按轮次 -->
+                  <el-form-item
+                    v-else
+                    label="触发间隔"
+                    prop="long_term_trigger_setting.rounds"
+                    :rules="{ required: true, validator: validateRounds, trigger: ['blur', 'change'] }"
+                    class="mb-0!"
+                  >
+                    <el-input-number
+                      v-model="triggerRounds"
+                      :value-on-clear="5"
+                      :max="100"
+                      :min="5"
+                      :step="1"
+                      controls-position="right"
+                      align="left"
+                    />
+                  </el-form-item>
+                </div>
+              </template>
+            </MkSourceCard>
+          </template>
+        </div>
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <!-- 取消长期记忆设置 -->
+      <el-button plain @click="visible = false">取消</el-button>
+      <!-- 保存长期记忆设置 -->
+      <el-button type="primary" @click="submit">保存</el-button>
+    </template>
+  </MkDialog>
+</template>
diff --git a/ui/src/views/application-detail/setting/index.vue b/ui/src/views/application-detail/setting/index.vue
index 3d9d275e376..89b7daee3c6 100644
--- a/ui/src/views/application-detail/setting/index.vue
+++ b/ui/src/views/application-detail/setting/index.vue
@@ -1,9 +1,538 @@
 <script setup lang="ts">
+import { computed, onMounted, provide, ref, useTemplateRef, watch } from 'vue'
+import { cloneDeep } from 'lodash'
+import type { FormInstance } from 'element-plus'
 import type { ResourceDetailPageProps } from '@/layout/ResourceDetailLayout.vue'
+import type { ApplicationDetail, ModelItem, ModelProviderItem, ToolItem } from '@/api/types'
+import ModelApi from '@/api/admin/workspace/model'
+import SystemModelApi from '@/api/admin/system/resource-management/model'
+import ToolApi from '@/api/admin/workspace/tool/tool'
+import SystemToolApi from '@/api/admin/system/resource-management/tool/tool'
+import ProviderApi from '@/api/admin/model-provider'
+import SelectModel from '@/components/business/select-model/index.vue'
+import SelectKnowledgeDialog from '@/components/business/select-knowledge-dialog/index.vue'
+import PromptGenerate from '@/workflow-canvas/component/PromptGenerate.vue'
+import ThinkingSetting from '@/workflow-canvas/component/ThinkingSetting.vue'
+import type { ReasoningSettingData } from '@/workflow-canvas/types'
+import ButtonLongTermSetting from './components/ButtonLongTermSetting.vue'
+import ResourceSetting from '@/workflow-canvas/nodes/ai-chat-node/component/resource-setting/index.vue'
+import type { ResourceSetting as AiResourceSetting } from '@/workflow-canvas/nodes/ai-chat-node/types'
+import { MsgSuccess, MsgWarning } from '@/utils/message'
+import { getResourceScope, isSystemResource } from '@/utils/resource-context'
+import { useApplicationDetailContext } from '../context'
+import { createSettings, createSettingsPayload, type ApplicationSettings, type SelectedKnowledge, type LongTermSettingData } from './settings'
+import ButtonKnowledgeSetting from './components/ButtonKnowledgeSetting.vue'
 
 defineProps<ResourceDetailPageProps>()
+defineExpose({ customHeader: true })
+const { application, applicationId, resourceApi, replaceApplicationDetail } = useApplicationDetailContext()
+const isSystem = computed(() => isSystemResource())
+const modelApi = computed(() => (isSystem.value ? SystemModelApi : ModelApi))
+const toolApi = computed(() => (isSystem.value ? SystemToolApi : ToolApi))
+provide('resourceScope', getResourceScope())
+provide('getModelParamsForm', (modelId: string) => modelApi.value.getModelParamsForm(modelId))
+
+/* 详情回填到设置表单，编辑数据与接口详情保持隔离。 */
+const settings = ref(createSettings())
+const formRef = useTemplateRef<FormInstance>('formRef')
+const saving = ref(false)
+const promptMode = ref<'references' | 'none'>('none')
+
+const selectedKnowledge = ref<SelectedKnowledge[]>([])
+const applicationOptions = ref<ApplicationDetail[]>([])
+const toolOptions = ref<ToolItem[]>([])
+
+/* 模型及关联资源名称：按当前资源范围加载，失败不清理已有 ID。 */
+const modelOptions = ref<ModelItem[]>([])
+const providerOptions = ref<ModelProviderItem[]>([])
+const modelLoading = ref(false)
+function loadModels() {
+  const currentApplicationId = applicationId.value
+  modelLoading.value = true
+  return modelApi.value
+    .getModelListWithShared(isSystem.value ? { workspace_id: application.value?.workspace_id } : undefined)
+    .then((models) => {
+      if (currentApplicationId === applicationId.value) modelOptions.value = models
+    })
+    .finally(() => {
+      modelLoading.value = false
+    })
+}
+const llmModels = computed(() => modelOptions.value.filter((model) => model.model_type === 'LLM'))
+const sttModels = computed(() => modelOptions.value.filter((model) => model.model_type === 'STT'))
+const ttsModels = computed(() => modelOptions.value.filter((model) => model.model_type === 'TTS'))
+
+/* 详情更新统一回填；模型随应用加载，关联资源有 ID 且缺少回显数据时再查询。 */
+watch(
+  application,
+  (detail, previousDetail) => {
+    settings.value = createSettings(detail)
+    selectedKnowledge.value = cloneDeep(detail?.knowledge_list ?? (detail?.knowledge_id_list ?? []).map((id) => ({ id })))
+    if (!detail) return
+    if (detail.id !== previousDetail?.id || detail.workspace_id !== previousDetail.workspace_id) {
+      void loadModels().catch(() => {})
+      applicationOptions.value = []
+      toolOptions.value = []
+    }
+
+    const query = isSystem.value ? { workspace_id: detail.workspace_id } : undefined
+    if (settings.value.application_ids.length && !applicationOptions.value.length) {
+      void resourceApi.application
+        .getAllApplication(query)
+        .then((resources) => {
+          if (application.value?.id === detail.id && application.value.workspace_id === detail.workspace_id) applicationOptions.value = resources
+        })
+        .catch(() => {})
+    }
+    if ((settings.value.tool_ids.length || settings.value.skill_tool_ids.length || settings.value.mcp_tool_ids.length) && !toolOptions.value.length) {
+      void toolApi.value
+        .getToolListWithShared(query)
+        .then((resources) => {
+          if (application.value?.id === detail.id && application.value.workspace_id === detail.workspace_id) toolOptions.value = resources
+        })
+        .catch(() => {})
+    }
+  },
+  { immediate: true },
+)
+
+/* 长期记忆配置确认后合并到表单草稿。 */
+const longTermSetting = computed<LongTermSettingData>({
+  get: (): LongTermSettingData => ({
+    long_term_model_id: settings.value.long_term_model_id,
+    long_term_model_params_setting: settings.value.long_term_model_params_setting,
+    long_term_trigger_type: settings.value.long_term_trigger_type,
+    long_term_trigger_setting: settings.value.long_term_trigger_setting,
+  }),
+  set: (value) => {
+    Object.assign(settings.value, cloneDeep(value))
+    formRef.value?.clearValidate('long_term_model_id')
+  },
+})
+
+/* 思考设置只合并标记字段，保留同一对象中的系统和用户提示词。 */
+const thinkingSetting = computed<ReasoningSettingData>({
+  get: () => ({
+    reasoning_content_enable: settings.value.model_setting.reasoning_content_enable,
+    reasoning_content_start: settings.value.model_setting.reasoning_content_start,
+    reasoning_content_end: settings.value.model_setting.reasoning_content_end,
+  }),
+  set: (value) => {
+    Object.assign(settings.value.model_setting, value)
+  },
+})
+
+/* 语音设置：关闭后清理模型，播放恢复为浏览器方式。 */
+function changeSpeechInputEnabled(enabled: boolean | number | string) {
+  if (!enabled) settings.value.stt_model_id = ''
+}
+function changeSpeechPlaybackEnabled(enabled: boolean | number | string) {
+  if (enabled) return
+  settings.value.tts_model_id = ''
+  settings.value.tts_type = 'BROWSER'
+}
+
+/* 资源选择：弹窗只维护临时选择，确认后更新对应 ID 和名称快照。 */
+const knowledgeDialogRef = useTemplateRef<InstanceType<typeof SelectKnowledgeDialog>>('knowledgeDialogRef')
+function handleOpenKnowledge() {
+  knowledgeDialogRef.value?.open(selectedKnowledge.value)
+}
+function selectKnowledge(knowledge: SelectedKnowledge[]) {
+  selectedKnowledge.value = knowledge
+  settings.value.knowledge_id_list = knowledge.map(({ id }) => id)
+}
+function handleKnowledgeSettingSubmit(config: Partial<ApplicationSettings>) {
+  Object.assign(settings.value, config)
+}
+function removeKnowledge(knowledgeId: string) {
+  selectKnowledge(selectedKnowledge.value.filter(({ id }) => id !== knowledgeId))
+}
+function updateResources(changes: Partial<AiResourceSetting>) {
+  Object.assign(settings.value, changes)
+  if (changes.application_ids) settings.value.application_enable = true
+  if (changes.tool_ids || changes.skill_tool_ids) settings.value.tool_enable = true
+  if (changes.mcp_tool_ids || changes.mcp_servers !== undefined) settings.value.mcp_enable = true
+}
+
+/* 保存配置：校验通过后提交，成功更新详情并提示。 */
+function submit() {
+  if (!formRef.value || saving.value) return
+  saving.value = true
+  return formRef.value
+    .validate((valid) => {
+      if (!valid) MsgWarning('请检查表单填写内容')
+    })
+    .then((valid) => {
+      if (!valid) return
+      return resourceApi.application.putApplication(applicationId.value, createSettingsPayload(settings.value)).then((detail) => {
+        replaceApplicationDetail(detail)
+        MsgSuccess('保存成功')
+      })
+    })
+    .catch(() => {
+      // 请求错误由请求层提示，保留当前输入。
+    })
+    .finally(() => {
+      saving.value = false
+    })
+}
+
+/* 发布配置：先保存，保存成功后再发布。 */
+function publish() {
+  if (!formRef.value || saving.value) return
+  saving.value = true
+  return formRef.value
+    .validate((valid) => {
+      if (!valid) MsgWarning('请检查表单填写内容')
+    })
+    .then((valid) => {
+      if (!valid) return
+      return resourceApi.application.putApplication(applicationId.value, createSettingsPayload(settings.value)).then((detail) => {
+        replaceApplicationDetail(detail)
+        return resourceApi.application.putApplicationPublish(applicationId.value, detail.name).then((published) => {
+          replaceApplicationDetail(published)
+          MsgSuccess('发布成功')
+        })
+      })
+    })
+    .catch(() => {
+      // 保存失败不发布；发布失败保留已经保存的配置。
+    })
+    .finally(() => {
+      saving.value = false
+    })
+}
+
+onMounted(() => {
+  void ProviderApi.getProviderList()
+    .then((providers) => {
+      providerOptions.value = providers
+    })
+    .catch(() => {})
+})
 </script>
 
 <template>
-  <div></div>
+  <Teleport v-if="headerTarget" :to="headerTarget">
+    <div class="flex-between gap-4">
+      <h4>{{ title }}</h4>
+      <div class="flex-align-center">
+        <!-- 保存智能体设置 -->
+        <el-button plain :loading="saving" @click="submit">
+          <MkIcon name="icon_save_outlined" class="mr-1" />
+          保存
+        </el-button>
+        <!-- 保存并发布智能体 -->
+        <el-button type="primary" :disabled="saving" @click="publish">发布</el-button>
+      </div>
+    </div>
+  </Teleport>
+  <div class="application-settings -mx-6 -mb-6 grid min-h-0 shrink-0 grid-cols-2 overflow-hidden border-t">
+    <!-- 左侧设置 -->
+    <el-scrollbar class="min-h-0" view-class="p-4">
+      <el-form
+        v-loading="saving"
+        ref="formRef"
+        :model="settings"
+        label-position="top"
+        require-asterisk-position="right"
+        @submit.prevent
+        class="space-y-2"
+      >
+        <!-- 基本信息 -->
+        <MkCollapse trigger-class="mk-gray-card-sm px-2! py-[9px]!">
+          <template #label>
+            <h6>基本信息</h6>
+          </template>
+          <div class="p-2">
+            <el-form-item label="智能体名称" prop="name" :rules="{ required: true, whitespace: true, message: '请输入智能体名称', trigger: 'blur' }">
+              <el-input v-model="settings.name" maxlength="64" placeholder="请输入智能体名称" @blur="settings.name = settings.name.trim()" />
+            </el-form-item>
+            <el-form-item label="描述">
+              <el-input
+                v-model="settings.desc"
+                type="textarea"
+                :rows="3"
+                maxlength="256"
+                show-word-limit
+                placeholder="描述该智能体的应用场景及用途"
+              />
+            </el-form-item>
+          </div>
+        </MkCollapse>
+        <!-- 模型设置 -->
+        <MkCollapse :expanded="true" trigger-class="mk-gray-card-sm px-2! py-[9px]!">
+          <template #label>
+            <h6>模型设置</h6>
+          </template>
+          <div class="p-2">
+            <el-form-item label="AI 模型">
+              <SelectModel
+                v-model="settings.model_id"
+                v-model:model-params="settings.model_params_setting"
+                :options="llmModels"
+                :provider-options="providerOptions"
+                :loading="modelLoading"
+                can-edit-params
+                can-add
+                teleported
+                placeholder="请选择 AI 模型"
+                @refresh="loadModels"
+              />
+            </el-form-item>
+            <!-- 系统提示词 -->
+            <el-form-item>
+              <template #label>
+                <div class="flex-between w-full">
+                  <div class="flex-align-center gap-1">
+                    <span>系统提示词</span>
+                    <MkTooltip content="设定模型扮演的角色或遵循的指令" placement="right">
+                      <MkIcon name="icon_info_outlined" class="text-N600!" />
+                    </MkTooltip>
+                  </div>
+                  <!-- 生成系统提示词 -->
+                  <PromptGenerate
+                    :model-id="settings.model_id"
+                    :model-params-setting="settings.model_params_setting"
+                    @replace="settings.model_setting.system = $event"
+                  />
+                </div>
+              </template>
+              <MdEditorMagnify
+                v-model="settings.model_setting.system"
+                placeholder="系统提示词，可以引用系统中的变量：{data} 是命中知识库中的分段；{question} 是用户提出的问题，{memory}开启长期记忆后的用户记忆。"
+                title="系统提示词"
+              />
+            </el-form-item>
+            <!-- 用户提示词 -->
+            <el-form-item
+              class="mk-hide-asterisk"
+              :prop="promptMode === 'references' ? 'model_setting.prompt' : 'model_setting.no_references_prompt'"
+              :rules="{ required: !!settings.model_id, whitespace: true, message: '请输入用户提示词', trigger: 'blur' }"
+            >
+              <template #label>
+                <span class="flex-align-center gap-1">
+                  <span class="mk-required">用户提示词</span>
+                  <MkTooltip content="用户向模型提出的问题或输入的指令" placement="right">
+                    <MkIcon name="icon_info_outlined" class="text-N600!" />
+                  </MkTooltip>
+                </span>
+              </template>
+              <!-- 切换有无引用知识库的提示词 -->
+              <el-radio-group v-model="promptMode" size="small" class="mb-2">
+                <el-radio-button value="references">引用知识库</el-radio-button>
+                <el-radio-button value="none">无引用知识库</el-radio-button>
+              </el-radio-group>
+              <MdEditorMagnify
+                v-if="promptMode === 'references'"
+                v-model="settings.model_setting.prompt"
+                placeholder="用户提示词，可以引用系统中的变量：{data} 是命中知识库中的分段；{question} 是用户提出的问题。"
+                title="用户提示词（引用知识库）"
+              />
+              <MdEditorMagnify
+                v-if="promptMode === 'none'"
+                v-model="settings.model_setting.no_references_prompt"
+                placeholder="用户提示词，可以引用系统中的变量：{data} 是命中知识库中的分段；{question} 是用户提出的问题。"
+                title="用户提示词 （无引用知识库）"
+              />
+            </el-form-item>
+
+            <el-form-item label="历史聊天记录">
+              <el-input-number
+                v-model="settings.dialogue_number"
+                :min="0"
+                :value-on-clear="0"
+                controls-position="right"
+                align="left"
+                :step="1"
+                :step-strictly="true"
+              />
+            </el-form-item>
+          </div>
+        </MkCollapse>
+        <!-- 知识库 -->
+        <MkCollapse :expanded="true" trigger-class="mk-gray-card-sm px-2! py-[9px]!">
+          <template #label>
+            <div class="flex-between w-full">
+              <h6>知识库</h6>
+              <div>
+                <!-- 参数设置 -->
+                <ButtonKnowledgeSetting :setting="settings" @submit="handleKnowledgeSettingSubmit" />
+                <!-- 选择关联知识库 -->
+                <el-button text type="primary" @click.stop="handleOpenKnowledge"><MkIcon name="icon_add_outlined" /></el-button>
+              </div>
+            </div>
+          </template>
+          <div class="p-2">
+            <div v-if="!selectedKnowledge.length" class="text-center text-N600">关联的知识库显示在这里</div>
+            <div v-else class="space-y-2">
+              <template v-for="knowledge in selectedKnowledge" :key="knowledge.id">
+                <el-card class="small" shadow="never">
+                  <div class="flex-between">
+                    <span class="flex-align-center min-w-0 gap-2">
+                      <KnowledgeIcon :type="knowledge.type" :size="20" class="shrink-0 small" />
+                      <span class="truncate" :title="knowledge.name || knowledge.id">{{ knowledge.name || knowledge.id }}</span>
+                    </span>
+                    <!-- 移除知识库 -->
+                    <el-button text title="移除知识库" @click="removeKnowledge(knowledge.id)"><MkIcon name="icon_close_outlined" /></el-button>
+                  </div>
+                </el-card>
+              </template>
+            </div>
+          </div>
+        </MkCollapse>
+        <!-- 开场白 -->
+        <MkCollapse trigger-class="mk-gray-card-sm px-2! py-[9px]!">
+          <template #label>
+            <h6>开场白</h6>
+          </template>
+          <div class="p-2">
+            <el-form-item label="开场白">
+              <MdEditorMagnify v-model="settings.prologue" title="开场白" />
+            </el-form-item>
+          </div>
+        </MkCollapse>
+        <!-- 技能 -->
+        <MkCollapse trigger-class="mk-gray-card-sm px-2! py-[9px]!">
+          <template #label>
+            <div class="flex-between w-full">
+              <h6>技能</h6>
+              <!-- 控制是否展示技能执行过程 -->
+              <el-checkbox v-model="settings.mcp_output_enable" @click.stop>输出执行过程</el-checkbox>
+            </div>
+          </template>
+          <div class="p-2">
+            <ResourceSetting
+              :setting="settings"
+              :application-options="applicationOptions"
+              :tool-options="toolOptions"
+              :skill-options="toolOptions"
+              :mcp-options="toolOptions"
+              @update="updateResources"
+            />
+          </div>
+        </MkCollapse>
+        <!-- 高级设置 -->
+        <MkCollapse trigger-class="mk-gray-card-sm px-2! py-[9px]!">
+          <template #label>
+            <h6>高级设置</h6>
+          </template>
+          <div class="p-2">
+            <!-- 长期记忆 -->
+            <el-form-item
+              class="mk-hide-asterisk mb-2!"
+              prop="long_term_model_id"
+              :rules="{ required: settings.long_term_enable, message: '请选择长期记忆模型', trigger: 'change' }"
+            >
+              <template #label>
+                <div class="flex-between">
+                  <span class="flex-align-center gap-1">
+                    <span :class="settings.long_term_enable ? 'mk-required' : ''">长期记忆</span>
+                    <MkTooltip
+                      content="开启后，从开启时间记录新对话并按周期生成记忆，可通过 {memory} 变量在系统提示词中调用。关闭后，将清空对话用户的长期记忆，再次开启将重新从开启时点开始累积。"
+                      placement="right"
+                    >
+                      <MkIcon name="icon_info_outlined" class="text-N600!" />
+                    </MkTooltip>
+                  </span>
+                  <span class="flex-align-center gap-2">
+                    <!-- 长期记忆设置 -->
+                    <ButtonLongTermSetting
+                      v-if="settings.long_term_enable"
+                      v-model="longTermSetting"
+                      :model-options="llmModels"
+                      :provider-options="providerOptions"
+                    />
+                    <el-switch v-model="settings.long_term_enable" size="small" />
+                  </span>
+                </div>
+              </template>
+            </el-form-item>
+            <!-- 输出思考 -->
+            <div class="flex-between mb-4">
+              <span>输出思考</span>
+              <div class="flex-align-center gap-2">
+                <!-- 输出思考设置 -->
+                <ThinkingSetting v-if="settings.model_setting.reasoning_content_enable" v-model="thinkingSetting" />
+                <el-switch v-model="settings.model_setting.reasoning_content_enable" size="small" />
+              </div>
+            </div>
+            <!-- 语音输入 -->
+            <div class="flex-between">
+              <span :class="settings.stt_model_enable ? 'mk-required' : ''">语音输入</span>
+              <span class="flex-align-center gap-3">
+                <el-checkbox v-if="settings.stt_model_enable" v-model="settings.stt_autosend">自动发送</el-checkbox>
+                <el-switch v-model="settings.stt_model_enable" size="small" @change="changeSpeechInputEnabled" />
+              </span>
+            </div>
+            <el-form-item
+              v-if="settings.stt_model_enable"
+              class="mt-2"
+              prop="stt_model_id"
+              :rules="{ required: true, message: '请选择语音输入模型', trigger: 'change' }"
+            >
+              <SelectModel
+                v-model="settings.stt_model_id"
+                v-model:model-params="settings.stt_model_params_setting"
+                :options="sttModels"
+                :provider-options="providerOptions"
+                can-edit-params
+                can-add
+                teleported
+                placeholder="请选择语音输入模型"
+                @refresh="loadModels"
+              />
+            </el-form-item>
+
+            <!-- 语音播放 -->
+            <div class="flex-between mt-4">
+              <span :class="settings.tts_model_enable && settings.tts_type !== 'BROWSER' ? 'mk-required' : ''">语音播放</span>
+              <span class="flex-align-center gap-3">
+                <el-checkbox v-if="settings.tts_model_enable" v-model="settings.tts_autoplay">自动播放</el-checkbox>
+                <el-switch v-model="settings.tts_model_enable" size="small" @change="changeSpeechPlaybackEnabled" />
+              </span>
+            </div>
+            <el-form-item
+              v-if="settings.tts_model_enable"
+              class="mt-2"
+              prop="tts_model_id"
+              :rules="{ required: settings.tts_type === 'TTS', message: '请选择语音播放模型', trigger: 'change' }"
+            >
+              <el-radio-group v-model="settings.tts_type" class="mb-2">
+                <el-radio value="BROWSER">浏览器播放（免费）</el-radio>
+                <el-radio value="TTS">自定义</el-radio>
+              </el-radio-group>
+              <SelectModel
+                v-if="settings.tts_type === 'TTS'"
+                v-model="settings.tts_model_id"
+                v-model:model-params="settings.tts_model_params_setting"
+                :options="ttsModels"
+                :provider-options="providerOptions"
+                can-edit-params
+                can-add
+                teleported
+                placeholder="请选择语音播放模型"
+                @refresh="loadModels"
+              />
+            </el-form-item>
+          </div>
+        </MkCollapse>
+      </el-form>
+    </el-scrollbar>
+    <!-- 右侧预览设置 -->
+    <section class="min-h-0 min-w-0 border-l">
+      <el-scrollbar height="100%" view-class="p-4">
+        <!-- // TODO: 预览智能体调试对话 -->
+        <div>简易对话调试</div>
+      </el-scrollbar>
+    </section>
+  </div>
+  <SelectKnowledgeDialog ref="knowledgeDialogRef" @submit="selectKnowledge" />
 </template>
+
+<style scoped lang="scss">
+/* 扣除应用顶栏和当前页面标题栏，两栏在剩余高度内独立滚动。 */
+.application-settings {
+  height: calc(100dvh - var(--mk-header-height) - var(--spacing) * 16);
+}
+</style>
diff --git a/ui/src/views/application-detail/setting/settings.ts b/ui/src/views/application-detail/setting/settings.ts
new file mode 100644
index 00000000000..73744ff6b8c
--- /dev/null
+++ b/ui/src/views/application-detail/setting/settings.ts
@@ -0,0 +1,169 @@
+/** 简易智能体设置草稿与 v2 详情字段的回填。 */
+import { cloneDeep } from 'lodash'
+import type { ApplicationDetail, ApplicationFormPayload, KnowledgeItem, ToolItem } from '@/api/types'
+
+export const DEFAULT_DESIGNATED_ANSWER = '你好，我是 XXX 小助手，我的知识库只包含了 XXX 产品相关知识，请重新描述您的问题。'
+
+export const DEFAULT_PROBLEM_OPTIMIZATION_PROMPT =
+  '()里面是用户问题,根据上下文回答揣测用户问题({question}) 要求: 输出一个补全问题,并且放在<data></data>标签中'
+
+export interface ModelSetting extends Record<string, unknown> {
+  system: string
+  prompt: string
+  no_references_prompt: string
+  reasoning_content_enable: boolean
+  reasoning_content_start: string
+  reasoning_content_end: string
+}
+export interface KnowledgeSetting extends Record<string, unknown> {
+  search_mode: string
+  top_n: number
+  similarity: number
+  max_paragraph_char_number: number
+  no_references_setting: { status: string; value: string }
+}
+export interface ApplicationSettings extends ApplicationFormPayload {
+  name: string
+  desc: string
+  model_id: string
+  dialogue_number: number
+  prologue: string
+  model_setting: ModelSetting
+  knowledge_setting: KnowledgeSetting
+  knowledge_id_list: string[]
+  application_ids: string[]
+  tool_ids: string[]
+  skill_tool_ids: string[]
+  mcp_tool_ids: string[]
+  mcp_source: 'custom' | 'referencing'
+  mcp_servers: string
+  mcp_output_enable: boolean
+  application_list?: (Partial<ApplicationDetail> & { id: string })[]
+  tool_list?: (Partial<ToolItem> & { id: string })[]
+  skill_tool_list?: (Partial<ToolItem> & { id: string })[]
+  model_params_setting: Record<string, unknown>
+  stt_model_id: string
+  stt_model_params_setting: Record<string, unknown>
+  tts_model_id: string
+  tts_model_params_setting: Record<string, unknown>
+  long_term_model_id: string
+  long_term_model_params_setting: Record<string, unknown>
+  long_term_trigger_setting: Record<string, unknown>
+  long_term_trigger_type: 'ROUND' | 'SCHEDULED'
+}
+/** 简易智能体长期记忆只保存具体模型和触发配置。 */
+export type LongTermSettingData = Pick<
+  ApplicationSettings,
+  'long_term_model_id' | 'long_term_model_params_setting' | 'long_term_trigger_setting' | 'long_term_trigger_type'
+>
+
+export type SelectedKnowledge = Partial<KnowledgeItem> & { id: string }
+
+export function createSettings(detail?: ApplicationDetail): ApplicationSettings {
+  const defaults: ApplicationSettings = {
+    name: '',
+    desc: '',
+    model_id: '',
+    dialogue_number: 1,
+    prologue: '您好，我是 MaxKB 智能客服，您可以向我提出 MaxKB 使用问题。',
+    model_setting: {
+      system: '',
+      prompt: '已知信息：\n{data}\n请根据已知信息回答用户的问题。\n问题：{question}',
+      no_references_prompt: '{question}',
+      reasoning_content_enable: false,
+      reasoning_content_start: '<think>',
+      reasoning_content_end: '</think>',
+    },
+    knowledge_setting: {
+      search_mode: 'embedding',
+      top_n: 3,
+      similarity: 0.6,
+      max_paragraph_char_number: 5000,
+      no_references_setting: { status: 'ai_questioning', value: '{question}' },
+    },
+    knowledge_id_list: [],
+    application_ids: [],
+    tool_ids: [],
+    skill_tool_ids: [],
+    mcp_tool_ids: [],
+    model_params_setting: {},
+    stt_model_id: '',
+    stt_model_params_setting: {},
+    tts_model_id: '',
+    tts_model_params_setting: {},
+    stt_model_enable: false,
+    tts_model_enable: false,
+    tts_type: 'BROWSER',
+    stt_autosend: false,
+    tts_autoplay: false,
+    long_term_enable: false,
+    long_term_model_id: '',
+    long_term_model_params_setting: {},
+    long_term_trigger_type: 'ROUND',
+    long_term_trigger_setting: { rounds: 10 },
+    application_enable: true,
+    tool_enable: true,
+    mcp_enable: true,
+    mcp_source: 'referencing',
+    mcp_servers: '',
+    mcp_output_enable: false,
+    problem_optimization: false,
+    problem_optimization_prompt: DEFAULT_PROBLEM_OPTIMIZATION_PROMPT,
+  }
+  if (!detail) return defaults
+  // 保留详情中的扩展配置，只为已有字段补充缺省值；模型响应字段使用 v2 的别名。
+  return {
+    ...defaults,
+    ...cloneDeep(detail),
+    name: detail.name,
+    desc: detail.desc ?? '',
+    problem_optimization_prompt: detail.problem_optimization_prompt || DEFAULT_PROBLEM_OPTIMIZATION_PROMPT,
+    mcp_source: detail.mcp_source === 'custom' ? 'custom' : 'referencing',
+    mcp_servers: detail.mcp_servers ?? '',
+    mcp_output_enable: detail.mcp_output_enable ?? false,
+    model_id: detail.model ?? detail.model_id ?? '',
+    stt_model_id: detail.stt_model ?? detail.stt_model_id ?? '',
+    tts_model_id: detail.tts_model ?? detail.tts_model_id ?? '',
+    long_term_model_id: detail.long_term_model ?? detail.long_term_model_id ?? '',
+    long_term_trigger_type: detail.long_term_trigger_type === 'SCHEDULED' ? 'SCHEDULED' : 'ROUND',
+    model_setting: { ...defaults.model_setting, ...cloneDeep(detail.model_setting) },
+    knowledge_setting: {
+      ...defaults.knowledge_setting,
+      ...cloneDeep(detail.knowledge_setting),
+      no_references_setting: {
+        ...defaults.knowledge_setting.no_references_setting,
+        ...cloneDeep(detail.knowledge_setting?.no_references_setting as KnowledgeSetting['no_references_setting'] | undefined),
+      },
+    },
+  }
+}
+
+/** 详情中的画布和只读字段不参与简易配置保存；空 UUID 按后端协议提交 null。 */
+export function createSettingsPayload(settings: ApplicationSettings): ApplicationFormPayload {
+  const payload: ApplicationFormPayload = cloneDeep(settings)
+  const responseFields = [
+    'id',
+    'model',
+    'stt_model',
+    'tts_model',
+    'long_term_model',
+    'knowledge_list',
+    'application_list',
+    'tool_list',
+    'skill_tool_list',
+    'work_flow',
+    'create_time',
+    'update_time',
+    'publish_time',
+    'is_publish',
+    'resource_type',
+    'resource_count',
+    'user_id',
+    'folder',
+  ]
+  for (const field of responseFields) delete (payload as Record<string, unknown>)[field]
+  payload.stt_model_id = settings.stt_model_id || null
+  payload.tts_model_id = settings.tts_model_id || null
+  payload.long_term_model_id = settings.long_term_model_id || null
+  return payload
+}
diff --git a/ui/src/views/workflow/components/publish-history/PublishHistoryDrawer.vue b/ui/src/views/workflow/components/publish-history/PublishHistoryDrawer.vue
index 3ebfdcab8da..cddf2314439 100644
--- a/ui/src/views/workflow/components/publish-history/PublishHistoryDrawer.vue
+++ b/ui/src/views/workflow/components/publish-history/PublishHistoryDrawer.vue
@@ -65,9 +65,9 @@ defineExpose({ closeEdit })
     modal-penetrable
     :lock-scroll="false"
   >
-    <div v-loading="loading" class="space-y-4">
+    <div v-loading="loading" class="space-y-2">
       <template v-for="(version, index) in versions" :key="version.id">
-        <MkListItem :active="selectedId === version.id" @click="handlePreview(version)">
+        <MkListItem class="rounded-xl!" :active="selectedId === version.id" @click="handlePreview(version)">
           <div class="min-w-0 flex-1 pl-2">
             <div class="flex-align-center gap-2">
               <h6 class="text-N900! truncate" :title="version.name || datetimeFormat(version.create_time)">
@@ -82,8 +82,9 @@ defineExpose({ closeEdit })
               <span
                 class="truncate text-N600! text-sm font-normal!"
                 :title="`${version.publish_user_name || '-'} 发布于 ${datetimeFormat(version.create_time)}`"
-                >{{ version.publish_user_name || '-' }} 发布于 {{ datetimeFormat(version.create_time) }}</span
               >
+                {{ version.publish_user_name || '-' }} 发布于 {{ datetimeFormat(version.create_time) }}
+              </span>
             </div>
           </div>
           <template #action-dropdown>
diff --git a/ui/src/workflow-canvas/component/node-search-scope/index.vue b/ui/src/workflow-canvas/component/node-search-scope/index.vue
index 38bb72f649e..1eb02092ed2 100644
--- a/ui/src/workflow-canvas/component/node-search-scope/index.vue
+++ b/ui/src/workflow-canvas/component/node-search-scope/index.vue
@@ -69,13 +69,8 @@ onBeforeUnmount(() => anchorGuard.reset())
       <div class="flex-between">
         <span>检索范围</span>
         <div class="flex-align-center gap-2">
-          <el-button
-            v-if="formData.search_scope_type === 'custom'"
-            link
-            type="primary"
-            title="添加关联知识库"
-            @click="selectionDialogRef?.open(selectedKnowledge)"
-          >
+          <!-- 添加关联知识库 -->
+          <el-button v-if="formData.search_scope_type === 'custom'" link type="primary" @click="selectionDialogRef?.open(selectedKnowledge)">
             <MkIcon name="icon_add_outlined" />
           </el-button>
           <el-select
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 395806a3b0b..957ebbf501c 100644
--- a/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/ai-chat-node/index.vue
@@ -207,7 +207,7 @@ onMounted(() => {
 
         <!-- 视觉-->
         <div class="flex-between mb-4">
-          <span> 视觉 </span>
+          <span>视觉</span>
           <el-switch v-model="formData.vision" size="small" />
         </div>
         <template v-if="formData.vision">
@@ -254,7 +254,7 @@ onMounted(() => {
 
         <!-- 输出思考 -->
         <div class="flex-between mb-4 mt-4">
-          <span> 输出思考 </span>
+          <span>输出思考</span>
           <div class="flex-align-center gap-2">
             <ThinkingSetting v-model="formData.model_setting" v-if="formData.model_setting.reasoning_content_enable" />
             <el-switch v-model="formData.model_setting.reasoning_content_enable" size="small" />
diff --git a/ui/src/workflow-canvas/nodes/base-node/index.vue b/ui/src/workflow-canvas/nodes/base-node/index.vue
index 869b392ede3..a896727a371 100644
--- a/ui/src/workflow-canvas/nodes/base-node/index.vue
+++ b/ui/src/workflow-canvas/nodes/base-node/index.vue
@@ -234,7 +234,7 @@ onMounted(() => {
 
       <!-- 长期记忆 -->
       <el-form-item
-        class="mb-2!"
+        class="mb-2! mk-hide-asterisk"
         prop="long_term_model_id"
         :rules="{
           required: formData.long_term_enable && formData.long_term_model_id_type === 'custom',
diff --git a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue b/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue
index 5a6e67f5fa0..0d6295c7cbb 100644
--- a/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue
+++ b/ui/src/workflow-canvas/nodes/search-knowledge-node/component/SearchSetting.vue
@@ -39,7 +39,7 @@ function resetData() {
 
 <template>
   <el-button text type="primary" title="参数设置" @click="open"><MkIcon name="icon_setting" /></el-button>
-  <MkDialog v-model="visible" title="参数设置" @closed="resetData">
+  <MkDialog v-model="visible" title="参数设置" @closed="resetData" align-center>
     <el-form ref="formRef" :model="formData" label-position="top" require-asterisk-position="right" @submit.prevent>
       <el-form-item label="检索模式">
         <el-radio-group v-model="formData.search_mode" class="space-y-2" @change="changeSearchMode">