the refresh button will refresh the sd tab

index.js

@@ -2654,6 +2654,7 @@ document
     .getElementById('btnRefreshModels')
     .addEventListener('click', async (e) => {
         await refreshUI()
+        await sd_tab.refreshSDTab()
         tempDisableElement(e.target, 3000)
     })
 //REFACTOR: move to events.js

utility/tab/sd.js

@@ -154,8 +154,12 @@ function getLoraModelPrompt(lora_model_name) {
     return `<lora:${lora_model_name}:1>`
 }
 async function populateLoraModelMenu() {
+    try {
         const lora_models_json = await sdapi.requestLoraModels()
         const lora_models_names = Object.keys(lora_models_json)
+
+        document.getElementById('mLoraModelMenu').innerHTML = ''
+
         html_manip.populateMenu(
             'mLoraModelMenu',
             'mLoraModelItemClass',
@@ -169,6 +173,9 @@ async function populateLoraModelMenu() {
                 }
             }
         )
+    } catch (e) {
+        console.warn('populateLoraModelMenu error: ', e)
+    }
 }
 function initInitMaskElement() {
     //make init mask image use the thumbnail class with buttons
@@ -199,6 +206,9 @@ function initInitMaskElement() {
     populateLoraModelMenu() // no need for await
 }
 
+async function refreshSDTab() {
+    populateLoraModelMenu()
+}
 document.getElementById('hrScaleSlider').addEventListener('input', (evt) => {
     const sd_value = getHrScaleSliderSDValue()
     setHrScaleSliderSDValue(sd_value.toFixed(2))
@@ -273,4 +283,5 @@ module.exports = {
     populateLoraModelMenu,
     getImageCfgScaleSDValue,
     setImageCfgScaleSDValue,
+    refreshSDTab,
 }