code: def create_editor(self):
      self.create_default_editor_elems()
  
      with gr.Row():
          self.select_vae = gr.Dropdown(
              choices=["Automatic", "None"] + list(sd_vae.vae_dict),
              value="None",
              label="Preferred VAE",
              elem_id="checpoint_edit_user_metadata_preferred_vae",
          )
          create_refresh_button(
              self.select_vae,
              sd_vae.refresh_vae_list,
              lambda: {
                  "choices": ["Automatic", "None"]
                  + list(sd_vae.vae_dict)
              },
              "checpoint_edit_user_metadata_refresh_preferred_vae",
          )
  
      self.edit_notes = gr.TextArea(label="Notes", lines=4)
  
      self.create_default_buttons()
  
      viewed_components = [
          self.edit_name,
          self.edit_description,
          self.html_filedata,
          self.html_preview,
          self.edit_notes,
          self.select_vae,
      ]
  
      self.button_edit.click(
          fn=self.put_values_into_components,
          inputs=[self.edit_name_input],
          outputs=viewed_components,
      ).then(
          fn=lambda: gr.update(visible=True),
          inputs=[],
          outputs=[self.box],
      )
  
      edited_components = [
          self.edit_description,
          self.edit_notes,
          self.select_vae,
      ]
  
      self.setup_save_handler(
          self.button_save, self.save_user_metadata, edited_components
      )
      self.button_save.click(
          fn=self.update_vae, inputs=[self.edit_name_input]
      )
  
file_path: stable-diffusion-webui/modules/ui_extra_networks_checkpoints_user_metadata.py
imports: import gradio
  from modules import ui_extra_networks_user_metadata, sd_vae, shared
  from modules.ui_common import create_refresh_button
label_desc: Use image node_id 5 for calling the CheckpointUserMetadataEditor obj's underlying member method code with example usage: obj.create_editor() without return types