diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
index d63ce84db..ce3c5d0f5 100644
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="aiChatRef" class="ai-chat" :class="log ? 'chart-log' : ''">
     <div
-      v-if="inputFieldList.length > 0 || apiInputFieldList.length > 0"
+      v-if="inputFieldList.length > 0 || (debug && apiInputFieldList.length > 0)"
       class="mb-16"
       style="padding: 0 24px"
     >
@@ -176,7 +176,7 @@
         />
 
         <div class="operate flex align-center">
-          <span v-if="props.data.stt_model_enable">
+          <span v-if="props.data.stt_model_enable" class="flex align-center">
             <el-button text v-if="mediaRecorderStatus" @click="startRecording">
               <el-icon>
                 <Microphone />
diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index f9ba4a4cc..193ad29f2 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -240,8 +240,11 @@ const clickShowDebug = () => {
       }
     })
 }
-function clickoutsideDebug() {
-  showDebug.value = false
+function clickoutsideDebug(e: any) {
+  const Elm = e?.target?.className?.includes?.('el-select')
+  if (!Elm) {
+    showDebug.value = false
+  }
 }
 
 function clickNodes(item: any, data?: any) {