diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index 55b05a34b4..bd5d77a049 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -218,6 +218,7 @@ const clickShowDebug = () => {
       try {
         workflow.is_valid()
         detail.value = {
+          ...detail.value,
           type: 'WORK_FLOW',
           ...workflow.get_base_node()?.properties.node_data,
           work_flow: getGraphData()
@@ -285,6 +286,8 @@ function getDetail() {
       v['properties']['noRender'] = true
     })
     detail.value = res.data
+    detail.value.stt_model_id = res.data.stt_model
+    detail.value.tts_model_id = res.data.tts_model
     saveTime.value = res.data?.update_time
   })
 }
diff --git a/ui/src/workflow/nodes/base-node/index.vue b/ui/src/workflow/nodes/base-node/index.vue
index ee2b528e0a..3aa4421fb4 100644
--- a/ui/src/workflow/nodes/base-node/index.vue
+++ b/ui/src/workflow/nodes/base-node/index.vue
@@ -217,6 +217,7 @@ import { ref, computed, onMounted } from 'vue'
 import { relatedObject } from '@/utils/utils'
 import useStore from '@/stores'
 import applicationApi from '@/api/application'
+import type { Provider } from '@/api/type/model'
 const { model } = useStore()
 
 const {
@@ -227,7 +228,7 @@ const props = defineProps<{ nodeModel: any }>()
 
 const sttModelOptions = ref<any>(null)
 const ttsModelOptions = ref<any>(null)
-const providerOptions = ref<any>(null)
+const providerOptions = ref<Array<Provider>>([])
 
 const form = {
   name: '',