feat: add placeholder for MCP server configuration in form fields

Author: liuruibin

ui/src/views/application/component/McpServersDialog.vue

@@ -20,6 +20,7 @@
           v-model="form.mcp_servers"
           :rows="6"
           type="textarea"
+          :placeholder="mcpServerJson"
         />
       </el-form-item>
     </el-form>
@@ -41,6 +42,14 @@ const emit = defineEmits(['refresh'])
 
 const paramFormRef = ref()
 
+const mcpServerJson = `{
+  "math": {
+    "url": "your_server",
+    "transport": "sse"
+  }
+}`
+
+
 const form = ref<any>({
   mcp_servers: '',
   mcp_enable: false

ui/src/workflow/nodes/mcp-node/index.vue

@@ -18,6 +18,7 @@
             v-model="form_data.mcp_servers"
             style="height: 150px"
             @submitDialog="submitDialog"
+            :placeholder="mcpServerJson"
           />
         </el-form-item>
         <el-form-item>
@@ -170,6 +171,13 @@ const props = defineProps<{ nodeModel: any }>()
 const dynamicsFormRef = ref()
 const loading = ref(false)
 
+const mcpServerJson = `{
+  "math": {
+    "url": "your_server",
+    "transport": "sse"
+  }
+}`
+
 const wheel = (e: any) => {
   if (e.ctrlKey === true) {
     e.preventDefault()