Upload 7 files

.gitignore

@@ -0,0 +1,6 @@
+.DS_Store
+path_recorder.txt
+__pycache__
+*.json
+*.sqlite3
+*.log

README.md

@@ -0,0 +1,61 @@
+## stable-diffusion-webui-images-browser
+
+A custom extension for [AUTOMATIC1111/stable-diffusion-webui](https://github.com/AUTOMATIC1111/stable-diffusion-webui).
+
+This is an image browser for browsing past generated pictures, view their generated informations, send that information to txt2img, img2img and others, collect images to your "favorites" folder and delete the images you no longer need.
+
+## Installation
+
+The extension can be installed directly from within the **Extensions** tab within the Webui.
+
+You can also install it manually by running the following command from within the webui directory:
+
+	git clone https://github.com/AlUlkesh/stable-diffusion-webui-images-browser/ extensions/stable-diffusion-webui-images-browser
+
+and restart your stable-diffusion-webui, then you can see the new tab "Image Browser".
+
+Please be aware that when scanning a directory for the first time, the png-cache will be built. This can take several minutes, depending on the amount of images.
+
+## Recent updates
+- Image Reward scoring
+- Size tooltip for thumbnails
+- Optimized images in the thumbnail interface
+- Send to ControlNet
+- Hidable UI components
+- Send to openOutpaint
+- Regex search
+- Maximum aesthetic_score filter
+- Save ranking to EXIF option
+- Maintenance tab
+- Custom tabs
+- Copy/Move to directory
+- Keybindings
+- Additional sorting and filtering by EXIF data including .txt file information
+- Recyle bin option
+- Add/Remove from saved directories, via buttons
+- New dropdown with subdirs
+- Option to not show the images from subdirs
+- Refresh button
+- Sort order
+- View and save favorites with individual folder depth
+- Now also supports jpg
+
+Please also check the [discussions](https://github.com/AlUlkesh/stable-diffusion-webui-images-browser/discussions) for major update information.
+
+## Keybindings
+| Key | Explanation |
+|---------|-------------|
+| `0-5` | Ranks the current image, with 0 being the last option (None) |
+| `F` | Adds the current image to Favorites |
+| `R` | Refreshes the image gallery |
+| `Delete` | Deletes the current image |
+| `Ctrl + Arrow Left` | Goes to the previous page of images |
+| `Ctrl + Arrow Right` | Goes to the next page of images |
+
+(Ctrl can be changed in settings)
+
+## Credit
+
+Credit goes to the original maintainer of this extension: https://github.com/yfszzx and to major contributors https://github.com/Klace and https://github.com/EllangoK
+
+Image Reward: https://github.com/THUDM/ImageReward

install.py

@@ -0,0 +1,8 @@
+import launch
+
+if not launch.is_installed("send2trash"):
+    launch.run_pip("install Send2Trash", "Send2Trash requirement for image browser")
+
+# temporarily deactivated
+#if not launch.is_installed("ImageReward"):
+    #launch.run_pip("install image-reward", "ImageReward requirement for image browser")

javascript/image_browser.js

@@ -0,0 +1,770 @@
+let image_browser_state = "free"
+let image_browser_webui_ready = false
+let image_browser_started = false
+let image_browser_console_log = ""
+let image_browser_debug = false
+let image_browser_img_show_in_progress = false
+
+function image_browser_delay(ms){return new Promise(resolve => setTimeout(resolve, ms))}
+
+onUiLoaded(image_browser_start_it_up)
+
+async function image_browser_wait_for_webui() { 
+    if (image_browser_debug) console.log("image_browser_wait_for_webui:start")
+    await image_browser_delay(500)
+    sd_model = gradioApp().getElementById("setting_sd_model_checkpoint")
+    if (!sd_model.querySelector(".eta-bar")) {
+        image_browser_webui_ready = true
+        image_browser_start()
+    } else {
+        // Set timeout for MutationObserver
+        const startTime = Date.now()
+        // 40 seconds in milliseconds
+        const timeout = 40000
+        const webuiObserver = new MutationObserver(function(mutationsList) {
+            if (image_browser_debug) console.log("webuiObserver:start")
+            let found = false
+            outerLoop: for (let i = 0; i < mutationsList.length; i++) {
+                let mutation = mutationsList[i];
+                if (mutation.type === "childList") {
+                    for (let j = 0; j < mutation.removedNodes.length; j++) {
+                        let node = mutation.removedNodes[j];
+                        if (node.nodeType === Node.ELEMENT_NODE && node.classList.contains("eta-bar")) {
+                            found = true
+                            break outerLoop;
+                        }
+                    }
+                }
+            }
+            if (found || (Date.now() - startTime > timeout)) {
+                image_browser_webui_ready = true
+                webuiObserver.disconnect()
+                if (image_browser_debug) console.log("webuiObserver:end")
+                image_browser_start()
+            }
+        })
+        webuiObserver.observe(gradioApp(), { childList:true, subtree:true })
+    }
+    if (image_browser_debug) console.log("image_browser_wait_for_webui:end")
+}
+
+async function image_browser_start_it_up() {
+    if (image_browser_debug) console.log("image_browser_start_it_up:start")
+    container = gradioApp().getElementById("image_browser_tabs_container")
+    let controls = container.querySelectorAll('[id*="_control_"]')
+    controls.forEach(function(control) {
+        control.style.pointerEvents = "none"
+        control.style.cursor = "not-allowed"
+        control.style.opacity = "0.65"
+    })
+    let warnings = container.querySelectorAll('[id*="_warning_box"]')
+    warnings.forEach(function(warning) {
+        warning.innerHTML = '<p style="font-weight: bold;">Waiting for webui...'
+    })
+
+    image_browser_wait_for_webui()
+    if (image_browser_debug) console.log("image_browser_start_it_up:end")
+}
+
+async function image_browser_lock(reason) {
+    if (image_browser_debug) console.log("image_browser_lock:start")
+    // Wait until lock removed
+    let i = 0
+    while (image_browser_state != "free") {
+        await image_browser_delay(200)
+        i = i + 1
+        if (i === 150) {
+            throw new Error("Still locked after 30 seconds. Please Reload UI.")
+        }
+    }
+    // Lock
+    image_browser_state = reason
+    if (image_browser_debug) console.log("image_browser_lock:end")
+}
+
+async function image_browser_unlock() {
+    if (image_browser_debug) console.log("image_browser_unlock:start")
+    image_browser_state = "free"
+    if (image_browser_debug) console.log("image_browser_unlock:end")
+}
+
+const image_browser_click_image = async function() {
+    if (image_browser_debug) console.log("image_browser_click_image:start")
+    await image_browser_lock("image_browser_click_image")
+    const tab_base_tag = image_browser_current_tab()
+    const container = gradioApp().getElementById(tab_base_tag + "_image_browser_container")
+    let child = this
+    let index = 0
+    while((child = child.previousSibling) != null) {
+        index = index + 1
+    }
+    const set_btn = container.querySelector(".image_browser_set_index")
+    let curr_idx
+    try {
+        curr_idx = set_btn.getAttribute("img_index")
+    } catch (e) {
+        curr_idx = -1
+    }
+    if (curr_idx != index) {
+        set_btn.setAttribute("img_index", index)
+    }
+    await image_browser_unlock()
+    set_btn.click()
+    if (image_browser_debug) console.log("image_browser_click_image:end")
+}
+
+async function image_browser_get_current_img(tab_base_tag, img_index, page_index, filenames, turn_page_switch, image_gallery) {
+    if (image_browser_debug) console.log("image_browser_get_current_img:start")
+    await image_browser_lock("image_browser_get_current_img")
+    img_index = gradioApp().getElementById(tab_base_tag + '_image_browser_set_index').getAttribute("img_index")
+    gradioApp().dispatchEvent(new Event("image_browser_get_current_img"))
+    await image_browser_unlock()
+    if (image_browser_debug) console.log("image_browser_get_current_img:end")
+    return [
+        tab_base_tag,
+        img_index,
+        page_index,
+		filenames,
+        turn_page_switch,
+        image_gallery
+    ]
+}
+
+async function image_browser_refresh_current_page_preview() { 
+    if (image_browser_debug) console.log("image_browser_refresh_current_page_preview:start")
+    await image_browser_delay(200)
+    const preview_div = gradioApp().querySelector('.preview')
+    if (preview_div === null) {
+        if (image_browser_debug) console.log("image_browser_refresh_current_page_preview:end")
+        return
+    }
+    const tab_base_tag = image_browser_current_tab()
+    const gallery = gradioApp().querySelector(`#${tab_base_tag}_image_browser`)
+    const set_btn = gallery.querySelector(".image_browser_set_index")
+    const curr_idx = parseInt(set_btn.getAttribute("img_index"))
+    // no loading animation, so click immediately
+    const gallery_items = gallery.querySelectorAll(".thumbnail-item")
+    const curr_image = gallery_items[curr_idx]
+    curr_image.click()
+    if (image_browser_debug) console.log("image_browser_refresh_current_page_preview:end")
+}
+
+async function image_browser_turnpage(tab_base_tag) {
+    if (image_browser_debug) console.log("image_browser_turnpage:start")
+    while (!image_browser_started) {
+        await image_browser_delay(200)
+    }
+    const gallery = gradioApp().querySelector(`#${tab_base_tag}_image_browser`)
+    let clear
+    try {
+        clear = gallery.querySelector("button[aria-label='Clear']")
+        if (clear) {
+            clear.click()
+        }
+    } catch (e) {
+        console.error(e)
+    }
+    if (image_browser_debug) console.log("image_browser_turnpage:end")
+}
+
+const image_browser_get_current_img_handler = (del_img_btn) => {
+    if (image_browser_debug) console.log("image_browser_get_current_img_handler:start")
+    // Prevent delete button spam
+    del_img_btn.style.pointerEvents = "auto"
+    del_img_btn.style.cursor = "default"
+    del_img_btn.style.opacity = "1"
+    if (image_browser_debug) console.log("image_browser_get_current_img_handler:end")
+}
+
+async function image_browser_select_image(tab_base_tag, img_index, select_image) {
+    if (image_browser_debug) console.log("image_browser_select_image:start")
+    if (select_image) {
+        await image_browser_lock("image_browser_select_image")
+        const del_img_btn = gradioApp().getElementById(tab_base_tag + "_image_browser_del_img_btn")
+        // Prevent delete button spam
+        del_img_btn.style.pointerEvents = "none"
+        del_img_btn.style.cursor = "not-allowed"
+        del_img_btn.style.opacity = "0.65"        
+
+        const gallery = gradioApp().getElementById(tab_base_tag + "_image_browser_gallery")
+        const gallery_items = gallery.querySelectorAll(".thumbnail-item")
+        if (img_index >= gallery_items.length || gallery_items.length == 0) {
+            const refreshBtn = gradioApp().getElementById(tab_base_tag + "_image_browser_renew_page")
+            refreshBtn.dispatchEvent(new Event("click"))
+        } else {
+            const curr_image = gallery_items[img_index]
+            curr_image.click()
+        }
+        await image_browser_unlock()
+
+        // Prevent delete button spam
+        gradioApp().removeEventListener("image_browser_get_current_img", () => image_browser_get_current_img_handler(del_img_btn))
+        gradioApp().addEventListener("image_browser_get_current_img", () => image_browser_get_current_img_handler(del_img_btn))
+    }
+    if (image_browser_debug) console.log("image_browser_select_image:end")
+}
+
+async function image_browser_gototab(tabname) {
+    if (image_browser_debug) console.log("image_browser_gototab:start")
+    await image_browser_lock("image_browser_gototab")
+
+    tabNav = gradioApp().querySelector(".tab-nav")
+    const tabNavChildren = tabNav.children
+    let tabNavButtonNum
+    if (typeof tabname === "number") {
+        let buttonCnt = 0
+        for (let i = 0; i < tabNavChildren.length; i++) {
+            if (tabNavChildren[i].tagName === "BUTTON") {
+                if (buttonCnt === tabname) {
+                    tabNavButtonNum = i
+                    break
+                }
+                buttonCnt++
+            }
+        }
+    } else {
+        for (let i = 0; i < tabNavChildren.length; i++) {
+            if (tabNavChildren[i].tagName === "BUTTON" && tabNavChildren[i].textContent.trim() === tabname) {
+                tabNavButtonNum = i
+                break
+            }
+        }
+    }
+    let tabNavButton = tabNavChildren[tabNavButtonNum]
+    tabNavButton.click()
+
+    // Wait for click-action to complete
+    const startTime = Date.now()
+    // 60 seconds in milliseconds
+    const timeout = 60000
+    
+    await image_browser_delay(100)
+    while (!tabNavButton.classList.contains("selected")) {
+        tabNavButton = tabNavChildren[tabNavButtonNum]
+        if (Date.now() - startTime > timeout) {
+            throw new Error("image_browser_gototab: 60 seconds have passed")
+        }
+        await image_browser_delay(200)
+    }
+
+    await image_browser_unlock()
+    if (image_browser_debug) console.log("image_browser_gototab:end")
+}
+
+async function image_browser_get_image_for_ext(tab_base_tag, image_index) {
+    if (image_browser_debug) console.log("image_browser_get_image_for_ext:start")
+    const image_browser_image = gradioApp().querySelectorAll(`#${tab_base_tag}_image_browser_gallery .thumbnail-item`)[image_index]
+
+	const canvas = document.createElement("canvas")
+	const image = document.createElement("img")
+	image.src = image_browser_image.querySelector("img").src
+
+	await image.decode()
+
+	canvas.width = image.width
+	canvas.height = image.height
+
+	canvas.getContext("2d").drawImage(image, 0, 0)
+
+    if (image_browser_debug) console.log("image_browser_get_image_for_ext:end")
+	return canvas.toDataURL()
+}
+
+function image_browser_openoutpaint_send(tab_base_tag, image_index, image_browser_prompt, image_browser_neg_prompt, name = "WebUI Resource") {
+    if (image_browser_debug) console.log("image_browser_openoutpaint_send:start")
+    image_browser_get_image_for_ext(tab_base_tag, image_index)
+		.then((dataURL) => {
+			// Send to openOutpaint
+			openoutpaint_send_image(dataURL, name)
+
+			// Send prompt to openOutpaint
+			const tab = get_uiCurrentTabContent().id
+
+			const prompt = image_browser_prompt
+            const negPrompt = image_browser_neg_prompt
+            openoutpaint.frame.contentWindow.postMessage({
+                key: openoutpaint.key,
+                type: "openoutpaint/set-prompt",
+                prompt,
+                negPrompt,
+            })
+
+			// Change Tab
+            image_browser_gototab("openOutpaint")
+		})
+    if (image_browser_debug) console.log("image_browser_openoutpaint_send:end")
+}
+
+async function image_browser_controlnet_send(toTabNum, tab_base_tag, image_index, controlnetNum, controlnetType) {
+    if (image_browser_debug) console.log("image_browser_controlnet_send:start")
+    // Logic originally based on github.com/fkunn1326/openpose-editor
+    const dataURL = await image_browser_get_image_for_ext(tab_base_tag, image_index)
+    const blob = await (await fetch(dataURL)).blob()
+    const dt = new DataTransfer()
+    dt.items.add(new File([blob], "ImageBrowser.png", { type: blob.type }))
+    const list = dt.files
+
+    await image_browser_gototab(toTabNum)
+    const current_tabid = image_browser_webui_current_tab()
+    const current_tab = current_tabid.replace("tab_", "")
+    const tab_controlnet = gradioApp().getElementById(current_tab + "_controlnet")
+    let accordion = tab_controlnet.querySelector("#controlnet > .label-wrap > .icon")
+    if (accordion.style.transform.includes("rotate(90deg)")) {
+        accordion.click()
+        // Wait for click-action to complete
+        const startTime = Date.now()
+        // 60 seconds in milliseconds
+        const timeout = 60000
+    
+        await image_browser_delay(100)
+        while (accordion.style.transform.includes("rotate(90deg)")) {
+            accordion = tab_controlnet.querySelector("#controlnet > .label-wrap > .icon")
+            if (Date.now() - startTime > timeout) {
+                throw new Error("image_browser_controlnet_send/accordion: 60 seconds have passed")
+            }
+            await image_browser_delay(200)
+        }
+    }    
+
+    let inputImage
+    let inputContainer
+    if (controlnetType == "single") {
+        inputImage = gradioApp().getElementById(current_tab + "_controlnet_ControlNet_input_image")
+    } else {
+        const tabs = gradioApp().getElementById(current_tab + "_controlnet_tabs")
+        const tab_num = (parseInt(controlnetNum) + 1).toString()
+        tab_button = tabs.querySelector(".tab-nav > button:nth-child(" + tab_num + ")")
+        tab_button.click()
+        // Wait for click-action to complete
+        const startTime = Date.now()
+        // 60 seconds in milliseconds
+        const timeout = 60000
+    
+        await image_browser_delay(100)
+        while (!tab_button.classList.contains("selected")) {
+            tab_button = tabs.querySelector(".tab-nav > button:nth-child(" + tab_num + ")")
+            if (Date.now() - startTime > timeout) {
+                throw new Error("image_browser_controlnet_send/tabs: 60 seconds have passed")
+            }
+            await image_browser_delay(200)
+        }
+        inputImage = gradioApp().getElementById(current_tab + "_controlnet_ControlNet-" + controlnetNum.toString() + "_input_image")
+    }
+    try {
+        inputContainer = inputImage.querySelector('div[data-testid="image"]')
+    } catch (e) {}
+
+    const input = inputContainer.querySelector("input[type='file']")
+
+    let clear
+    try {
+        clear = inputContainer.querySelector("button[aria-label='Clear']")
+        if (clear) {
+            clear.click()
+        }
+    } catch (e) {
+        console.error(e)
+    }
+
+    try {
+        // Wait for click-action to complete
+        const startTime = Date.now()
+        // 60 seconds in milliseconds
+        const timeout = 60000
+        while (clear) {
+            clear = inputContainer.querySelector("button[aria-label='Clear']")
+            if (Date.now() - startTime > timeout) {
+                throw new Error("image_browser_controlnet_send/clear: 60 seconds have passed")
+            }
+            await image_browser_delay(200)
+        }
+    } catch (e) {
+        console.error(e)
+    }
+
+    input.value = ""
+    input.files = list
+    const event = new Event("change", { "bubbles": true, "composed": true })
+    input.dispatchEvent(event)
+    if (image_browser_debug) console.log("image_browser_controlnet_send:end")
+}
+
+function image_browser_controlnet_send_txt2img(tab_base_tag, image_index, controlnetNum, controlnetType) {
+    image_browser_controlnet_send(0, tab_base_tag, image_index, controlnetNum, controlnetType)
+}
+  
+function image_browser_controlnet_send_img2img(tab_base_tag, image_index, controlnetNum, controlnetType) {
+    image_browser_controlnet_send(1, tab_base_tag, image_index, controlnetNum, controlnetType)
+}
+
+function image_browser_class_add(tab_base_tag) {
+    gradioApp().getElementById(tab_base_tag + '_image_browser').classList.add("image_browser_container")
+    gradioApp().getElementById(tab_base_tag + '_image_browser_set_index').classList.add("image_browser_set_index")
+    gradioApp().getElementById(tab_base_tag + '_image_browser_del_img_btn').classList.add("image_browser_del_img_btn")
+    gradioApp().getElementById(tab_base_tag + '_image_browser_gallery').classList.add("image_browser_gallery")
+}
+
+function btnClickHandler(tab_base_tag, btn) {
+    if (image_browser_debug) console.log("btnClickHandler:start")
+    const tabs_box = gradioApp().getElementById("image_browser_tabs_container")
+    if (!tabs_box.classList.contains(tab_base_tag)) {
+        gradioApp().getElementById(tab_base_tag + "_image_browser_renew_page").click()
+        tabs_box.classList.add(tab_base_tag)
+    }
+    if (image_browser_debug) console.log("btnClickHandler:end")
+}
+
+function image_browser_init() {
+    if (image_browser_debug) console.log("image_browser_init:start")
+    const tab_base_tags = gradioApp().getElementById("image_browser_tab_base_tags_list")
+    if (tab_base_tags) {
+        const image_browser_tab_base_tags_list = tab_base_tags.querySelector("textarea").value.split(",")
+        image_browser_tab_base_tags_list.forEach(function(tab_base_tag) {
+            image_browser_class_add(tab_base_tag)
+        })
+        
+        const tab_btns = gradioApp().getElementById("image_browser_tabs_container").querySelector("div").querySelectorAll("button")
+        tab_btns.forEach(function(btn, i) {
+            const tab_base_tag = image_browser_tab_base_tags_list[i]
+            btn.setAttribute("tab_base_tag", tab_base_tag)
+            btn.removeEventListener('click', () => btnClickHandler(tab_base_tag, btn))
+            btn.addEventListener('click', () => btnClickHandler(tab_base_tag, btn))
+        })
+        //preload
+        if (gradioApp().getElementById("image_browser_preload").querySelector("input").checked) {
+            setTimeout(function(){tab_btns[0].click()}, 100)
+       }
+    }
+    image_browser_keydown()
+
+    const image_browser_swipe = gradioApp().getElementById("image_browser_swipe").getElementsByTagName("input")[0]
+    if (image_browser_swipe.checked) {
+        image_browser_touch()
+    }
+    if (image_browser_debug) console.log("image_browser_init:end")
+}
+
+async function image_browser_wait_for_gallery_btn(tab_base_tag){ 
+    if (image_browser_debug) console.log("image_browser_wait_for_gallery_btn:start")
+    await image_browser_delay(100)
+    while (!gradioApp().getElementById(image_browser_current_tab() + "_image_browser_gallery").getElementsByClassName("thumbnail-item")) {
+        await image_browser_delay(200)
+    }
+    if (image_browser_debug) console.log("image_browser_wait_for_gallery_btn:end")
+}
+
+function image_browser_hijack_console_log() {
+    (function () {
+        const oldLog = console.log
+        console.log = function (message) {
+            const formattedTime = new Date().toISOString().slice(0, -5).replace(/[TZ]/g, ' ').trim().replace(/\s+/g, '-').replace(/:/g, '-')
+            image_browser_console_log = image_browser_console_log + formattedTime + " " + "image_browser.js: " + message + "\n"
+            oldLog.apply(console, arguments)
+        }
+    })()
+    image_browser_debug = true
+}
+
+function get_js_logs() {
+    log_to_py = image_browser_console_log
+    image_browser_console_log = ""
+    return log_to_py
+}
+
+function isNumeric(str) {
+    if (typeof str != "string") return false
+    return !isNaN(str) && !isNaN(parseFloat(str))
+}
+
+function image_browser_start() {
+    if (image_browser_debug) console.log("image_browser_start:start")
+    image_browser_init()
+    const mutationObserver = new MutationObserver(function(mutationsList) {
+        const tab_base_tags = gradioApp().getElementById("image_browser_tab_base_tags_list")
+        if (tab_base_tags) {
+            const image_browser_tab_base_tags_list = tab_base_tags.querySelector("textarea").value.split(",")
+            image_browser_tab_base_tags_list.forEach(function(tab_base_tag) {
+                image_browser_class_add(tab_base_tag)
+                const tab_gallery_items = gradioApp().querySelectorAll('#' + tab_base_tag + '_image_browser .thumbnail-item')
+
+                const image_browser_img_info_json = gradioApp().getElementById(tab_base_tag + "_image_browser_img_info").querySelector('[data-testid="textbox"]').value
+                const image_browser_img_info = JSON.parse(image_browser_img_info_json)
+                const filenames = Object.keys(image_browser_img_info)
+
+                tab_gallery_items.forEach(function(gallery_item, i) {
+                    gallery_item.removeEventListener('click', image_browser_click_image, true)
+                    gallery_item.addEventListener('click', image_browser_click_image, true)
+
+                    const filename = filenames[i]
+                    try {
+                        let x = image_browser_img_info[filename].x
+                        let y = image_browser_img_info[filename].y
+                        if (isNumeric(x) && isNumeric(y)) {
+                            gallery_item.title = x + "x" + y
+                        }
+                    } catch (e) {}
+
+                    document.onkeyup = async function(e) {
+                        if (!image_browser_active()) {
+                            if (image_browser_debug) console.log("image_browser_start:end")
+                            return
+                        }
+                        const current_tab = image_browser_current_tab()
+                        image_browser_wait_for_gallery_btn(current_tab).then(() => {
+                            let gallery_btn
+                            gallery_btn = gradioApp().getElementById(current_tab + "_image_browser_gallery").querySelector(".thumbnail-item .selected")
+                            gallery_btn = gallery_btn && gallery_btn.length > 0 ? gallery_btn[0] : null
+                            if (gallery_btn) {
+                                image_browser_click_image.call(gallery_btn)
+                            }
+                        })
+                    }
+                })
+
+                const cls_btn = gradioApp().getElementById(tab_base_tag + '_image_browser_gallery').querySelector("svg")
+                if (cls_btn) {
+                    cls_btn.removeEventListener('click', () => image_browser_renew_page(tab_base_tag), false)
+                    cls_btn.addEventListener('click', () => image_browser_renew_page(tab_base_tag), false)
+                }
+            })
+            const debug_level_option = gradioApp().getElementById("image_browser_debug_level_option").querySelector("textarea").value
+            if ((debug_level_option == 'javascript' || debug_level_option == 'capture') && !image_browser_debug) {
+                image_browser_hijack_console_log()
+            }
+        }
+    })
+    mutationObserver.observe(gradioApp(), { childList:true, subtree:true })
+    image_browser_started = true
+    image_browser_activate_controls()
+    if (image_browser_debug) console.log("image_browser_start:end")
+}
+
+async function image_browser_activate_controls() {
+    if (image_browser_debug) console.log("image_browser_activate_controls:start")
+    await image_browser_delay(500)
+    container = gradioApp().getElementById("image_browser_tabs_container")
+    let controls = container.querySelectorAll('[id*="_control_"]')
+    controls.forEach(function(control) {
+        control.style.pointerEvents = "auto"
+        control.style.cursor = "default"
+        control.style.opacity = "1"
+    })
+    let warnings = container.querySelectorAll('[id*="_warning_box"]')
+    warnings.forEach(function(warning) {
+        warning.innerHTML = "<p>&nbsp"
+    })
+    if (image_browser_debug) console.log("image_browser_activate_controls:end")
+}
+
+function image_browser_img_show_progress_update() {
+    image_browser_img_show_in_progress = false
+}
+
+function image_browser_renew_page(tab_base_tag) {
+    if (image_browser_debug) console.log("image_browser_renew_page:start")
+    gradioApp().getElementById(tab_base_tag + '_image_browser_renew_page').click()
+    if (image_browser_debug) console.log("image_browser_renew_page:end")
+}
+
+function image_browser_current_tab() {
+    if (image_browser_debug) console.log("image_browser_current_tab:start")
+    const tabs = gradioApp().getElementById("image_browser_tabs_container").querySelectorAll('[id$="_image_browser_container"]')
+    const tab_base_tags = gradioApp().getElementById("image_browser_tab_base_tags_list")
+    const image_browser_tab_base_tags_list = tab_base_tags.querySelector("textarea").value.split(",").sort((a, b) => b.length - a.length)
+    for (const element of tabs) {
+      if (element.style.display === "block") {
+        const id = element.id
+        const tab_base_tag = image_browser_tab_base_tags_list.find(element => id.startsWith(element)) || null
+        if (image_browser_debug) console.log("image_browser_current_tab:end")
+        return tab_base_tag
+      }
+    }
+    if (image_browser_debug) console.log("image_browser_current_tab:end")
+}
+
+function image_browser_webui_current_tab() {
+    if (image_browser_debug) console.log("image_browser_webui_current_tab:start")
+    const tabs = gradioApp().getElementById("tabs").querySelectorAll('[id^="tab_"]')
+    let id
+    for (const element of tabs) {
+      if (element.style.display === "block") {
+        id = element.id
+        break
+      }
+    }
+    if (image_browser_debug) console.log("image_browser_webui_current_tab:end")
+    return id
+}
+
+function image_browser_active() {
+    if (image_browser_debug) console.log("image_browser_active:start")
+    const ext_active = gradioApp().getElementById("tab_image_browser")
+    if (image_browser_debug) console.log("image_browser_active:end")
+    return ext_active && ext_active.style.display !== "none"
+}
+
+async function image_browser_delete_key(tab_base_tag) {
+    // Wait for img_show to end
+    const startTime = Date.now()
+    // 60 seconds in milliseconds
+    const timeout = 60000
+    
+    await image_browser_delay(100)
+    while (image_browser_img_show_in_progress) {
+        if (Date.now() - startTime > timeout) {
+            throw new Error("image_browser_delete_key: 60 seconds have passed")
+        }
+        await image_browser_delay(200)
+    }
+
+    const deleteBtn = gradioApp().getElementById(tab_base_tag + "_image_browser_del_img_btn")
+    deleteBtn.dispatchEvent(new Event("click"))
+}
+
+function image_browser_keydown() {
+    if (image_browser_debug) console.log("image_browser_keydown:start")
+    gradioApp().addEventListener("keydown", function(event) {
+        // If we are not on the Image Browser Extension, dont listen for keypresses
+        if (!image_browser_active()) {
+            if (image_browser_debug) console.log("image_browser_keydown:end")
+            return
+        }
+
+        // If the user is typing in an input field, dont listen for keypresses
+        let target
+        if (!event.composed) { // We shouldn't get here as the Shadow DOM is always active, but just in case
+            target = event.target
+        } else {
+            target = event.composedPath()[0]
+        }
+        if (!target || target.nodeName === "INPUT" || target.nodeName === "TEXTAREA") {
+            if (image_browser_debug) console.log("image_browser_keydown:end")
+            return
+        }
+
+        const tab_base_tag = image_browser_current_tab()
+
+        // Listens for keypresses 0-5 and updates the corresponding ranking (0 is the last option, None)
+        if (event.code >= "Digit0" && event.code <= "Digit5") {
+            const selectedValue = event.code.charAt(event.code.length - 1)
+            const radioInputs = gradioApp().getElementById(tab_base_tag + "_control_image_browser_ranking").getElementsByTagName("input")
+            for (const input of radioInputs) {
+                if (input.value === selectedValue || (selectedValue === '0' && input === radioInputs[radioInputs.length - 1])) {
+                    input.checked = true
+                    input.dispatchEvent(new Event("change"))
+                    break
+                }
+            }
+        }
+
+        const mod_keys = gradioApp().querySelector(`#${tab_base_tag}_image_browser_mod_keys textarea`).value
+        let modifiers_pressed = false
+        if (mod_keys.indexOf("C") !== -1 && mod_keys.indexOf("S") !== -1) {
+            if (event.ctrlKey && event.shiftKey) {
+                modifiers_pressed = true
+            }
+        } else if (mod_keys.indexOf("S") !== -1) {
+            if (!event.ctrlKey && event.shiftKey) {
+                modifiers_pressed = true
+            }
+        } else {
+            if (event.ctrlKey && !event.shiftKey) {
+                modifiers_pressed = true
+            }
+        }
+
+        let modifiers_none = false
+        if (!event.ctrlKey && !event.shiftKey && !event.altKey && !event.metaKey) {
+            modifiers_none = true
+        }
+
+        if (event.code == "KeyF" && modifiers_none) {
+            if (tab_base_tag == "image_browser_tab_favorites") {
+                if (image_browser_debug) console.log("image_browser_keydown:end")
+                return
+            }
+            const favoriteBtn = gradioApp().getElementById(tab_base_tag + "_image_browser_favorites_btn")
+            favoriteBtn.dispatchEvent(new Event("click"))
+        }
+
+        if (event.code == "KeyR" && modifiers_none) {
+            const refreshBtn = gradioApp().getElementById(tab_base_tag + "_image_browser_renew_page")
+            refreshBtn.dispatchEvent(new Event("click"))
+        }
+
+        if (event.code == "Delete" && modifiers_none) {
+            image_browser_delete_key(tab_base_tag)
+        }
+
+        if (event.code == "ArrowLeft" && modifiers_pressed) {
+            const prevBtn = gradioApp().getElementById(tab_base_tag + "_control_image_browser_prev_page")
+            prevBtn.dispatchEvent(new Event("click"))
+        }
+
+        if (event.code == "ArrowLeft" && modifiers_none) {
+            image_browser_img_show_in_progress = true
+            const tab_base_tag = image_browser_current_tab()
+            const set_btn = gradioApp().querySelector(`#${tab_base_tag}_image_browser .image_browser_set_index`)
+            const curr_idx = parseInt(set_btn.getAttribute("img_index"))
+            set_btn.setAttribute("img_index", curr_idx - 1)
+            image_browser_refresh_current_page_preview()
+        }
+        
+        if (event.code == "ArrowRight" && modifiers_pressed) {
+            const nextBtn = gradioApp().getElementById(tab_base_tag + "_control_image_browser_next_page")
+            nextBtn.dispatchEvent(new Event("click"))
+        }
+
+        if (event.code == "ArrowRight" && modifiers_none) {
+            image_browser_img_show_in_progress = true
+            const tab_base_tag = image_browser_current_tab()
+            const set_btn = gradioApp().querySelector(`#${tab_base_tag}_image_browser .image_browser_set_index`)
+            const curr_idx = parseInt(set_btn.getAttribute("img_index"))
+            set_btn.setAttribute("img_index", curr_idx + 1)
+            image_browser_refresh_current_page_preview()
+        }
+    })
+    if (image_browser_debug) console.log("image_browser_keydown:end")
+}
+
+function image_browser_touch() {
+    if (image_browser_debug) console.log("image_browser_touch:start")
+    let touchStartX = 0
+    let touchEndX = 0
+    gradioApp().addEventListener("touchstart", function(event) {
+        if (!image_browser_active()) {
+            if (image_browser_debug) console.log("image_browser_touch:end")
+            return
+        }
+        touchStartX = event.touches[0].clientX;
+    })
+    gradioApp().addEventListener("touchend", function(event) {
+        if (!image_browser_active()) {
+            if (image_browser_debug) console.log("image_browser_touch:end")
+            return
+        }
+        touchEndX = event.changedTouches[0].clientX
+        const touchDiffX = touchStartX - touchEndX
+        if (touchDiffX > 50) {
+            const tab_base_tag = image_browser_current_tab()
+            const set_btn = gradioApp().querySelector(`#${tab_base_tag}_image_browser .image_browser_set_index`)
+            const curr_idx = parseInt(set_btn.getAttribute("img_index"))
+            if (curr_idx >= 1) {
+                set_btn.setAttribute("img_index", curr_idx - 1)
+                image_browser_refresh_current_page_preview()
+            }
+        } else if (touchDiffX < -50) {
+            const tab_base_tag = image_browser_current_tab()
+            const gallery = gradioApp().querySelector(`#${tab_base_tag}_image_browser`)
+            const gallery_items = gallery.querySelectorAll(".thumbnail-item")
+            const thumbnails = gallery_items.length / 2
+            const set_btn = gradioApp().querySelector(`#${tab_base_tag}_image_browser .image_browser_set_index`)
+            const curr_idx = parseInt(set_btn.getAttribute("img_index"))
+            if (curr_idx + 1 < thumbnails) {
+                set_btn.setAttribute("img_index", curr_idx + 1)
+                image_browser_refresh_current_page_preview()
+            }
+        }
+    })
+    if (image_browser_debug) console.log("image_browser_touch:end")
+}

scripts/image_browser.py

@@ -0,0 +1,1715 @@
+import gradio as gr
+import csv
+import importlib
+import json
+import logging
+import math
+import os
+import platform
+import random
+import re
+import shutil
+import stat
+import subprocess as sp
+import sys
+import tempfile
+import time
+import torch
+import traceback
+import hashlib
+import modules.extras
+import modules.images
+import modules.ui
+from datetime import datetime
+from modules import paths, shared, script_callbacks, scripts, images
+from modules.shared import opts, cmd_opts
+from modules.ui_common import plaintext_to_html
+from modules.ui_components import ToolButton, DropdownMulti
+from PIL import Image, UnidentifiedImageError
+from packaging import version
+from pathlib import Path
+from typing import List, Tuple
+from itertools import chain
+from io import StringIO
+
+try:
+    from scripts.wib import wib_db
+except ModuleNotFoundError:
+    sys.path.append(os.path.abspath(os.path.join(os.path.dirname(__file__), "..", "scripts")))
+    from wib import wib_db
+
+try:
+    from send2trash import send2trash
+    send2trash_installed = True
+except ImportError:
+    print("Image Browser: send2trash is not installed. recycle bin cannot be used.")
+    send2trash_installed = False
+
+try:
+    import ImageReward
+    # temporarily deactivated
+    # image_reward_installed = True
+    image_reward_installed = False
+except ImportError:
+    print("Image Browser: ImageReward is not installed, cannot be used.")
+    image_reward_installed = False
+
+# Force reload wib_db, as it doesn't get reloaded otherwise, if an extension update is started from webui
+importlib.reload(wib_db)
+
+yappi_do = False
+
+components_list = ["Sort by", "Filename keyword search", "EXIF keyword search", "Ranking Filter", "Aesthestic Score", "Generation Info", "File Name", "File Time", "Open Folder", "Send to buttons", "Copy to directory", "Gallery Controls Bar", "Ranking Bar", "Delete Bar", "Additional Generation Info"]
+
+num_of_imgs_per_page = 0
+loads_files_num = 0
+image_ext_list = [".png", ".jpg", ".jpeg", ".bmp", ".gif", ".webp", ".svg"]
+finfo_aes = {}
+finfo_image_reward = {}
+exif_cache = {}
+finfo_exif = {}
+aes_cache = {}
+image_reward_cache = {}
+none_select = "Nothing selected"
+refresh_symbol = '\U0001f504'  # 🔄
+up_symbol = '\U000025b2'  # ▲
+down_symbol = '\U000025bc'  # ▼
+caution_symbol = '\U000026a0'  # ⚠
+folder_symbol = '\U0001f4c2'  # 📂
+current_depth = 0
+init = True
+copy_move = ["Move", "Copy"]
+copied_moved = ["Moved", "Copied"]
+np = "negative_prompt: "
+openoutpaint = False
+controlnet = False
+js_dummy_return = None
+log_file = os.path.join(scripts.basedir(), "image_browser.log")
+image_reward_model = None
+
+def check_image_browser_active_tabs():
+    # Check if Maintenance tab has been added to settings in addition to as a mandatory tab. If so, remove.
+    if hasattr(opts, "image_browser_active_tabs"):
+        active_tabs_no_maint = re.sub(r",\s*Maintenance", "", opts.image_browser_active_tabs)
+        if len(active_tabs_no_maint) != len(opts.image_browser_active_tabs):
+            shared.opts.__setattr__("image_browser_active_tabs", active_tabs_no_maint)
+            shared.opts.save(shared.config_filename)
+
+favorite_tab_name = "Favorites"
+default_tab_options = ["txt2img", "img2img", "txt2img-grids", "img2img-grids", "Extras", favorite_tab_name, "Others"]
+check_image_browser_active_tabs()
+tabs_list = [tab.strip() for tab in chain.from_iterable(csv.reader(StringIO(opts.image_browser_active_tabs))) if tab] if hasattr(opts, "image_browser_active_tabs") else default_tab_options
+try:
+    if opts.image_browser_enable_maint:
+        tabs_list.append("Maintenance")  # mandatory tab
+except AttributeError:
+    tabs_list.append("Maintenance")  # mandatory tab
+
+path_maps = {
+    "txt2img": opts.outdir_samples or opts.outdir_txt2img_samples,
+    "img2img": opts.outdir_samples or opts.outdir_img2img_samples,
+    "txt2img-grids": opts.outdir_grids or opts.outdir_txt2img_grids,
+    "img2img-grids": opts.outdir_grids or opts.outdir_img2img_grids,
+    "Extras": opts.outdir_samples or opts.outdir_extras_samples,
+    favorite_tab_name: opts.outdir_save
+}
+
+class ImageBrowserTab():
+
+    seen_base_tags = set()
+
+    def __init__(self, name: str):
+        self.name: str = os.path.basename(name) if os.path.isdir(name) else name
+        self.path: str = os.path.realpath(path_maps.get(name, name))
+        self.base_tag: str = f"image_browser_tab_{self.get_unique_base_tag(self.remove_invalid_html_tag_chars(self.name).lower())}"
+
+    def remove_invalid_html_tag_chars(self, tag: str) -> str:
+        # Removes any character that is not a letter, a digit, a hyphen, or an underscore
+        removed = re.sub(r'[^a-zA-Z0-9\-_]', '', tag)
+        return removed
+
+    def get_unique_base_tag(self, base_tag: str) -> str:
+        counter = 1
+        while base_tag in self.seen_base_tags:
+            match = re.search(r'_(\d+)$', base_tag)
+            if match:
+                counter = int(match.group(1)) + 1
+                base_tag = re.sub(r'_(\d+)$', f"_{counter}", base_tag)
+            else:
+                base_tag = f"{base_tag}_{counter}"
+            counter += 1
+        self.seen_base_tags.add(base_tag)
+        return base_tag
+
+    def __str__(self):
+        return f"Name: {self.name} / Path: {self.path} / Base tag: {self.base_tag} / Seen base tags: {self.seen_base_tags}"
+
+tabs_list = [ImageBrowserTab(tab) for tab in tabs_list]
+
+debug_level_types = ["none", "warning log", "debug log", "javascript log", "capture logs to file"]
+
+debug_levels_list = []
+for i in range(len(debug_level_types)):
+    level = debug_level_types[i].split(" ")[0]
+    text = str(i) + " - " + debug_level_types[i]
+    debug_levels_list.append((level, text))
+
+def debug_levels(arg_value=None, arg_level=None, arg_text=None):
+    if arg_value is not None:
+        return arg_value, debug_levels_list[arg_value]
+    elif arg_level is not None:
+        for i, (level, text) in enumerate(debug_levels_list):
+            if level == arg_level:
+                return i, debug_levels_list[i]
+    elif arg_text is not None:
+        for i, (level, text) in enumerate(debug_levels_list):
+            if text == arg_text:
+                return i, debug_levels_list[i]
+
+# Logging
+logger = None
+def restart_debug(parameter):
+    global logger
+    logger = logging.getLogger(__name__)
+    logger.disabled = False
+    logger_mode = logging.ERROR
+    level_value = 0
+    capture_level_value = 99
+    if hasattr(opts, "image_browser_debug_level"):
+        warning_level_value, (warning_level, warning_level_text) = debug_levels(arg_level="warning")
+        debug_level_value, (debug_level, debug_level_text) = debug_levels(arg_level="debug")
+        capture_level_value, (capture_level, capture_level_text) = debug_levels(arg_level="capture")
+        level_value, (level, level_text) = debug_levels(arg_text=opts.image_browser_debug_level)
+        if level_value >= debug_level_value:
+            logger_mode = logging.DEBUG
+        elif level_value >= warning_level_value:
+            logger_mode = logging.WARNING
+    logger.setLevel(logger_mode)
+    if (logger.hasHandlers()):
+        logger.handlers.clear()
+    console_handler = logging.StreamHandler()
+    console_handler.setLevel(logger_mode)
+    formatter = logging.Formatter(f'%(asctime)s image_browser.py: %(message)s', datefmt='%Y-%m-%d-%H:%M:%S')
+    console_handler.setFormatter(formatter)
+    logger.addHandler(console_handler)
+    if level_value >= capture_level_value:
+        try:
+            os.unlink(log_file)
+        except FileNotFoundError:
+            pass
+        file_handler = logging.FileHandler(log_file)
+        file_handler.setLevel(logger_mode)
+        file_handler.setFormatter(formatter)
+        logger.addHandler(file_handler)
+    logger.warning(f"debug_level: {level_value}")
+    # Debug logging
+    if logger.getEffectiveLevel() == logging.DEBUG:
+        if parameter != "startup":
+            logging.disable(logging.NOTSET)
+
+        logger.debug(f"{sys.executable} {sys.version}")
+        logger.debug(f"{platform.system()} {platform.version()}")
+        try:
+            git = os.environ.get('GIT', "git")
+            webui_commit_hash = os.popen(f"{git} rev-parse HEAD").read().strip()
+            sm_hashes = os.popen(f"{git} submodule").read()
+            sm_hashes_lines = sm_hashes.splitlines()
+            image_browser_commit_hash = f"image_browser_commit_hash not found: {sm_hashes}"
+            for sm_hashes_line in sm_hashes_lines:
+                if "images-browser" in sm_hashes_line.lower():
+                    image_browser_commit_hash = sm_hashes_line[1:41]
+                    break            
+        except Exception as e:
+            webui_commit_hash = e
+            image_browser_commit_hash = e
+        logger.debug(f"Webui {webui_commit_hash}")
+        logger.debug(f"Image Browser {image_browser_commit_hash}")
+        logger.debug(f"Gradio {gr.__version__}")
+        logger.debug(f"{paths.script_path}")
+        with open(cmd_opts.ui_config_file, "r") as f:
+            logger.debug(f.read())
+        with open(cmd_opts.ui_settings_file, "r") as f:
+            logger.debug(f.read())
+        logger.debug(os.path.realpath(__file__))
+        logger.debug([str(tab) for tab in tabs_list])
+    maint_last_msg = "Debug restarted"
+
+    return parameter, maint_last_msg
+
+restart_debug("startup")
+
+def delete_recycle(filename):
+    if opts.image_browser_delete_recycle and send2trash_installed:
+        send2trash(filename)
+    else:
+        file = Path(filename)
+        file.unlink()
+    return
+
+def img_path_subdirs_get(img_path):
+    subdirs = []
+    subdirs.append(none_select)
+    for item in os.listdir(img_path):
+        item_path = os.path.join(img_path, item)
+        if os.path.isdir(item_path):
+            subdirs.append(item_path)
+    return gr.update(choices=subdirs)
+
+def img_path_add_remove(img_dir, path_recorder, add_remove, img_path_depth):
+    img_dir = os.path.realpath(img_dir)    
+    if add_remove == "add" or (add_remove == "remove" and img_dir in path_recorder):
+        if add_remove == "add":
+            path_recorder[img_dir] = {
+                "depth": int(img_path_depth),
+                "path_display": f"{img_dir} [{int(img_path_depth)}]"
+            }
+            wib_db.update_path_recorder(img_dir, path_recorder[img_dir]["depth"], path_recorder[img_dir]["path_display"])
+        else:
+            del path_recorder[img_dir]
+            wib_db.delete_path_recorder(img_dir)
+    path_recorder_formatted = [value.get("path_display") for key, value in path_recorder.items()]
+    path_recorder_formatted = sorted(path_recorder_formatted, key=lambda x: natural_keys(x.lower()))
+
+    if add_remove == "remove":
+        selected = path_recorder[list(path_recorder.keys())[0]]["path_display"]
+    else:
+        selected = path_recorder[img_dir]["path_display"]
+    return path_recorder, gr.update(choices=path_recorder_formatted, value=selected)
+
+def sort_order_flip(turn_page_switch, sort_order):
+    if sort_order == up_symbol:
+        sort_order = down_symbol
+    else:
+        sort_order = up_symbol
+    return 1, -turn_page_switch, sort_order
+
+def read_path_recorder():
+    path_recorder = wib_db.load_path_recorder()
+    path_recorder_formatted = [value.get("path_display") for key, value in path_recorder.items()]
+    path_recorder_formatted = sorted(path_recorder_formatted, key=lambda x: natural_keys(x.lower()))
+    path_recorder_unformatted = list(path_recorder.keys())
+    path_recorder_unformatted = sorted(path_recorder_unformatted, key=lambda x: natural_keys(x.lower()))
+
+    return path_recorder, path_recorder_formatted, path_recorder_unformatted
+
+def pure_path(path):
+    if path == []:
+        return path, 0
+    match = re.search(r" \[(\d+)\]$", path)
+    if match:
+        path = path[:match.start()]
+        depth = int(match.group(1))
+    else:
+        depth = 0
+    path = os.path.realpath(path)
+    return path, depth
+
+def browser2path(img_path_browser):
+    img_path, _ = pure_path(img_path_browser)
+    return img_path
+
+def totxt(file):
+    base, _ = os.path.splitext(file)
+    file_txt = base + '.txt'
+
+    return file_txt
+
+def tab_select():
+    path_recorder, path_recorder_formatted, path_recorder_unformatted = read_path_recorder()
+    return path_recorder, gr.update(choices=path_recorder_unformatted)
+
+def js_logs_output(js_log):
+    logger.debug(f"js_log: {js_log}")
+    return js_log
+
+def ranking_filter_settings(page_index, turn_page_switch, ranking_filter):
+    if ranking_filter == "Min-max":
+        interactive = True
+    else:
+        interactive = False
+    page_index = 1
+    turn_page_switch = -turn_page_switch
+    return page_index, turn_page_switch, gr.update(interactive=interactive), gr.update(interactive=interactive)
+
+def reduplicative_file_move(src, dst):
+    def same_name_file(basename, path):
+        name, ext = os.path.splitext(basename)
+        f_list = os.listdir(path)
+        max_num = 0
+        for f in f_list:
+            if len(f) <= len(basename):
+                continue
+            f_ext = f[-len(ext):] if len(ext) > 0 else ""
+            if f[:len(name)] == name and f_ext == ext:                
+                if f[len(name)] == "(" and f[-len(ext)-1] == ")":
+                    number = f[len(name)+1:-len(ext)-1]
+                    if number.isdigit():
+                        if int(number) > max_num:
+                            max_num = int(number)
+        return f"{name}({max_num + 1}){ext}"
+    name = os.path.basename(src)
+    save_name = os.path.join(dst, name)
+    src_txt_exists = False
+    if opts.image_browser_txt_files:
+        src_txt = totxt(src)
+        if os.path.exists(src_txt):
+            src_txt_exists = True
+    if not os.path.exists(save_name):
+        if opts.image_browser_copy_image:
+            shutil.copy2(src, dst)
+            if opts.image_browser_txt_files and src_txt_exists:
+                shutil.copy2(src_txt, dst)
+        else:
+            shutil.move(src, dst)
+            if opts.image_browser_txt_files and src_txt_exists:
+                shutil.move(src_txt, dst)
+    else:
+        name = same_name_file(name, dst)
+        if opts.image_browser_copy_image:
+            shutil.copy2(src, os.path.join(dst, name))
+            if opts.image_browser_txt_files and src_txt_exists:
+                shutil.copy2(src_txt, totxt(os.path.join(dst, name)))
+        else:
+            shutil.move(src, os.path.join(dst, name))
+            if opts.image_browser_txt_files and src_txt_exists:
+                shutil.move(src_txt, totxt(os.path.join(dst, name)))
+
+def save_image(file_name, filenames, page_index, turn_page_switch, dest_path):
+    if file_name is not None and os.path.exists(file_name):
+        reduplicative_file_move(file_name, dest_path)
+        message = f"<div style='color:#999'>{copied_moved[opts.image_browser_copy_image]} to {dest_path}</div>"
+        if not opts.image_browser_copy_image:
+            # Force page refresh with checking filenames
+            filenames = []
+            turn_page_switch = -turn_page_switch
+    else:
+        message = "<div style='color:#999'>Image not found (may have been already moved)</div>"
+
+    return message, filenames, page_index, turn_page_switch
+
+def delete_image(tab_base_tag_box, delete_num, name, filenames, image_index, visible_num, delete_confirm, turn_page_switch, image_page_list):
+    logger.debug("delete_image")
+    refresh = False
+    delete_num = int(delete_num)
+    image_index = int(image_index)
+    visible_num = int(visible_num)
+    image_page_list = json.loads(image_page_list)
+    new_file_list = []
+    new_image_page_list = []
+    if name == "":
+        refresh = True
+    else:
+        try:
+            index_files = list(filenames).index(name)
+            
+            index_on_page = image_page_list.index(name)
+        except ValueError as e:
+            print(traceback.format_exc(), file=sys.stderr)
+            # Something went wrong, force a page refresh
+            refresh = True
+    if not refresh:
+        if not delete_confirm:
+            delete_num = min(visible_num - index_on_page, delete_num)
+        new_file_list = filenames[:index_files] + filenames[index_files + delete_num:]
+        new_image_page_list = image_page_list[:index_on_page] + image_page_list[index_on_page + delete_num:]
+
+        for i in range(index_files, index_files + delete_num):
+            if os.path.exists(filenames[i]):
+                if opts.image_browser_delete_message:
+                    print(f"Deleting file {filenames[i]}")
+                delete_recycle(filenames[i])
+                visible_num -= 1
+                if opts.image_browser_txt_files:
+                    txt_file = totxt(filenames[i])
+                    if os.path.exists(txt_file):
+                        delete_recycle(txt_file)
+            else:
+                print(f"File does not exist {filenames[i]}")
+                # If we reach this point (which we shouldn't), things are messed up, better force a page refresh
+                refresh = True
+
+    if refresh:
+        turn_page_switch = -turn_page_switch
+        select_image = False
+    else:
+        select_image = True
+
+    return new_file_list, 1, turn_page_switch, visible_num, new_image_page_list, select_image, json.dumps(new_image_page_list)
+
+def traverse_all_files(curr_path, image_list, tab_base_tag_box, img_path_depth) -> List[Tuple[str, os.stat_result, str, int]]:
+    global current_depth
+    logger.debug(f"curr_path: {curr_path}")
+    if curr_path == "":
+        return image_list
+    f_list = [(os.path.join(curr_path, entry.name), entry.stat()) for entry in os.scandir(curr_path)]
+    for f_info in f_list:
+        fname, fstat = f_info
+        if os.path.splitext(fname)[1] in image_ext_list:
+            image_list.append(f_info)
+        elif stat.S_ISDIR(fstat.st_mode):
+            if (opts.image_browser_with_subdirs and tab_base_tag_box != "image_browser_tab_others") or (tab_base_tag_box == "image_browser_tab_others" and img_path_depth != 0 and (current_depth < img_path_depth or img_path_depth < 0)):
+                current_depth = current_depth + 1
+                image_list = traverse_all_files(fname, image_list, tab_base_tag_box, img_path_depth)
+                current_depth = current_depth - 1
+    return image_list
+
+def cache_exif(fileinfos):
+    global finfo_exif, exif_cache, finfo_aes, aes_cache, finfo_image_reward, image_reward_cache
+
+    if yappi_do:
+        import yappi
+        import pandas as pd
+        yappi.set_clock_type("wall")
+        yappi.start()
+    
+    cache_exif_start = time.time()
+    new_exif = 0
+    new_aes = 0
+    conn, cursor = wib_db.transaction_begin()
+    for fi_info in fileinfos:
+        if any(fi_info[0].endswith(ext) for ext in image_ext_list):
+            found_exif = False
+            found_aes = False
+            if fi_info[0] in exif_cache:
+                finfo_exif[fi_info[0]] = exif_cache[fi_info[0]]
+                found_exif = True
+            if fi_info[0] in aes_cache:
+                finfo_aes[fi_info[0]] = aes_cache[fi_info[0]]
+                found_aes = True
+            if fi_info[0] in image_reward_cache:
+                finfo_image_reward[fi_info[0]] = image_reward_cache[fi_info[0]]
+            if not found_exif or not found_aes:
+                finfo_exif[fi_info[0]] = "0"
+                exif_cache[fi_info[0]] = "0"
+                finfo_aes[fi_info[0]] = "0"
+                aes_cache[fi_info[0]] = "0"
+                try:
+                    image = Image.open(fi_info[0])
+                    (_, allExif, allExif_html) = modules.extras.run_pnginfo(image)
+                    image.close()
+                except SyntaxError:
+                    allExif = False
+                    logger.warning(f"Extension and content don't match: {fi_info[0]}")
+                except UnidentifiedImageError as e:
+                    allExif = False
+                    logger.warning(f"UnidentifiedImageError: {e}")
+                except Image.DecompressionBombError as e:
+                    allExif = False
+                    logger.warning(f"DecompressionBombError: {e}: {fi_info[0]}")
+                except PermissionError as e:
+                    allExif = False
+                    logger.warning(f"PermissionError: {e}: {fi_info[0]}")
+                except FileNotFoundError as e:
+                    allExif = False
+                    logger.warning(f"FileNotFoundError: {e}: {fi_info[0]}")
+                except OSError as e:
+                    if e.errno == 22:
+                        logger.warning(f"Caught OSError with error code 22: {fi_info[0]}")
+                    else:
+                        raise
+                if allExif:
+                    finfo_exif[fi_info[0]] = allExif
+                    exif_cache[fi_info[0]] = allExif
+                    wib_db.update_exif_data(conn, fi_info[0], allExif)
+                    new_exif = new_exif + 1
+
+                    m = re.search("(?:aesthetic_score:|Score:) (\d+.\d+)", allExif)
+                    if m:
+                        aes_value = m.group(1)
+                    else:
+                        aes_value = "0"
+                    finfo_aes[fi_info[0]] = aes_value
+                    aes_cache[fi_info[0]] = aes_value
+                    wib_db.update_exif_data_by_key(conn, fi_info[0], "aesthetic_score", aes_value)
+                    new_aes = new_aes + 1
+                else:
+                    try:
+                        filename = os.path.splitext(fi_info[0])[0] + ".txt"
+                        geninfo = ""
+                        with open(filename) as f:
+                            for line in f:
+                                geninfo += line
+                        finfo_exif[fi_info[0]] = geninfo
+                        exif_cache[fi_info[0]] = geninfo
+                        wib_db.update_exif_data_by_key(conn, fi_info[0], geninfo)
+                        new_exif = new_exif + 1
+
+                        m = re.search("(?:aesthetic_score:|Score:) (\d+.\d+)", geninfo)
+                        if m:
+                            aes_value = m.group(1)
+                        else:
+                            aes_value = "0"
+                        finfo_aes[fi_info[0]] = aes_value
+                        aes_cache[fi_info[0]] = aes_value
+                        wib_db.update_exif_data_by_key(conn, fi_info[0], "aesthetic_score", aes_value)
+                        new_aes = new_aes + 1
+                    except Exception:
+                        logger.warning(f"cache_exif: No EXIF in image or txt file for {fi_info[0]}")
+                        # Saved with defaults to not scan it again next time
+                        finfo_exif[fi_info[0]] = "0"
+                        exif_cache[fi_info[0]] = "0"
+                        allExif = "0"
+                        wib_db.update_exif_data(conn, fi_info[0], allExif)
+                        new_exif = new_exif + 1
+
+                        aes_value = "0"
+                        finfo_aes[fi_info[0]] = aes_value
+                        aes_cache[fi_info[0]] = aes_value
+                        wib_db.update_exif_data_by_key(conn, fi_info[0], "aesthetic_score", aes_value)
+                        new_aes = new_aes + 1
+    wib_db.transaction_end(conn, cursor)
+
+    if yappi_do:
+        yappi.stop()
+        pd.set_option('display.float_format', lambda x: '%.6f' % x)
+        yappi_stats = yappi.get_func_stats().strip_dirs()
+        data = [(s.name, s.ncall, s.tsub, s.ttot, s.ttot/s.ncall) for s in yappi_stats]
+        df = pd.DataFrame(data, columns=['name', 'ncall', 'tsub', 'ttot', 'tavg'])
+        print(df.to_string(index=False))
+        yappi.get_thread_stats().print_all()
+
+    cache_exif_end = time.time()
+    logger.debug(f"cache_exif: {new_exif}/{len(fileinfos)} cache_aes: {new_aes}/{len(fileinfos)} {round(cache_exif_end - cache_exif_start, 1)} seconds")
+
+def exif_rebuild(maint_wait):
+    global finfo_exif, exif_cache, finfo_aes, aes_cache, finfo_image_reward, image_reward_cache
+    if opts.image_browser_scan_exif:
+        logger.debug("Rebuild start")
+        exif_dirs = wib_db.get_exif_dirs()
+        finfo_aes = {}
+        finfo_image_reward = {}
+        exif_cache = {}
+        finfo_exif = {}
+        aes_cache = {}
+        image_reward_cache = {}
+        for key, value in exif_dirs.items():
+            if os.path.exists(key):
+                print(f"Rebuilding {key}")
+                fileinfos = traverse_all_files(key, [], "", 0)
+                cache_exif(fileinfos)
+        logger.debug("Rebuild end")
+        maint_last_msg = "Rebuild finished"
+    else:
+        maint_last_msg = "Exif cache not enabled in settings"
+
+    return maint_wait, maint_last_msg
+
+def exif_delete_0(maint_wait):
+    global finfo_exif, exif_cache, finfo_aes, aes_cache
+    if opts.image_browser_scan_exif:
+        conn, cursor = wib_db.transaction_begin()
+        wib_db.delete_exif_0(cursor)
+        wib_db.transaction_end(conn, cursor)
+        finfo_aes = {}
+        finfo_exif = {}
+        exif_cache = wib_db.load_exif_data(exif_cache)
+        aes_cache = wib_db.load_aes_data(aes_cache)
+        maint_last_msg = "Delete finished"
+    else:
+        maint_last_msg = "Exif cache not enabled in settings"
+
+    return maint_wait, maint_last_msg
+
+def exif_update_dirs(maint_update_dirs_from, maint_update_dirs_to, maint_wait):
+    global exif_cache, aes_cache, image_reward_cache
+    if maint_update_dirs_from == "":
+        maint_last_msg = "From is empty"
+    elif maint_update_dirs_to == "":
+        maint_last_msg = "To is empty"
+    else:
+        maint_update_dirs_from = os.path.realpath(maint_update_dirs_from)
+        maint_update_dirs_to = os.path.realpath(maint_update_dirs_to)
+        rows = 0
+        conn, cursor = wib_db.transaction_begin()
+        wib_db.update_path_recorder_mult(cursor, maint_update_dirs_from, maint_update_dirs_to)
+        rows = rows + cursor.rowcount
+        wib_db.update_exif_data_mult(cursor, maint_update_dirs_from, maint_update_dirs_to)
+        rows = rows + cursor.rowcount
+        wib_db.update_ranking_mult(cursor, maint_update_dirs_from, maint_update_dirs_to)
+        rows = rows + cursor.rowcount
+        wib_db.transaction_end(conn, cursor)
+        if rows == 0:
+            maint_last_msg = "No rows updated"
+        else:
+            maint_last_msg = f"{rows} rows updated. Please reload UI!"
+
+    return maint_wait, maint_last_msg
+
+def reapply_ranking(path_recorder, maint_wait):
+    dirs = {}
+
+    for tab in tabs_list:
+        if os.path.exists(tab.path):
+            dirs[tab.path] = tab.path
+
+    for key in path_recorder:
+        if os.path.exists(key):
+            dirs[key] = key
+
+    conn, cursor = wib_db.transaction_begin()
+
+    # Traverse all known dirs, check if missing rankings are due to moved files
+    for key in dirs.keys():
+        fileinfos = traverse_all_files(key, [], "", 0)
+        for (file, _) in fileinfos:
+            # Is there a ranking for this full filepath
+            ranking_by_file = wib_db.get_ranking_by_file(cursor, file)
+            if ranking_by_file is None:
+                name = os.path.basename(file)
+                (ranking_by_name, alternate_hash) = wib_db.get_ranking_by_name(cursor, name)
+                # Is there a ranking only for the filename
+                if ranking_by_name is not None:
+                    hash = wib_db.get_hash(file)
+                    (alternate_file, alternate_ranking) = ranking_by_name
+                    if alternate_ranking is not None:
+                        (alternate_hash,) = alternate_hash
+                    # Does the found filename's file have no hash or the same hash?
+                    if alternate_hash is None or hash == alternate_hash:
+                        if os.path.exists(alternate_file):
+                            # Insert ranking as a copy of the found filename's ranking
+                            wib_db.insert_ranking(cursor, file, alternate_ranking, hash)
+                        else:
+                            # Replace ranking of the found filename
+                            wib_db.replace_ranking(cursor, file, alternate_file, hash)
+
+    wib_db.transaction_end(conn, cursor)
+    maint_last_msg = "Rankings reapplied"
+
+    return maint_wait, maint_last_msg
+
+def atof(text):
+    try:
+        retval = float(text)
+    except ValueError:
+        retval = text
+    return retval
+
+def natural_keys(text):
+    '''
+    alist.sort(key=natural_keys) sorts in human order
+    http://nedbatchelder.com/blog/200712/human_sorting.html
+    (See Toothy's implementation in the comments)
+    float regex comes from https://stackoverflow.com/a/12643073/190597
+    '''
+    return [ atof(c) for c in re.split(r'[+-]?([0-9]+(?:[.][0-9]*)?|[.][0-9]+)', text) ]
+
+def open_folder(path):
+    if os.path.exists(path):
+        # Code from ui_common.py
+        if not shared.cmd_opts.hide_ui_dir_config:
+            if platform.system() == "Windows":
+                os.startfile(path)
+            elif platform.system() == "Darwin":
+                sp.Popen(["open", path])
+            elif "microsoft-standard-WSL2" in platform.uname().release:
+                sp.Popen(["wsl-open", path])
+            else:
+                sp.Popen(["xdg-open", path])
+
+def check_ext(ext):
+    found = False
+    scripts_list = scripts.list_scripts("scripts", ".py")
+    for scriptfile in scripts_list:
+            if ext in scriptfile.basedir.lower():
+                found = True
+                break
+    return found
+
+def exif_search(needle, haystack, use_regex, case_sensitive):
+    found = False
+    if use_regex:
+        if case_sensitive:
+            pattern = re.compile(needle, re.DOTALL)
+        else:
+            pattern = re.compile(needle, re.DOTALL | re.IGNORECASE)
+        if pattern.search(haystack) is not None:
+            found = True
+    else:
+        if not case_sensitive:
+            haystack = haystack.lower()
+            needle = needle.lower()
+        if needle in haystack:
+            found = True
+    return found
+
+def get_all_images(dir_name, sort_by, sort_order, keyword, tab_base_tag_box, img_path_depth, ranking_filter, ranking_filter_min, ranking_filter_max, aes_filter_min, aes_filter_max, score_type, exif_keyword, negative_prompt_search, use_regex, case_sensitive):
+    global current_depth
+    logger.debug("get_all_images")
+    current_depth = 0
+    fileinfos = traverse_all_files(dir_name, [], tab_base_tag_box, img_path_depth)
+    keyword = keyword.strip(" ")
+    
+    if opts.image_browser_scan_exif:
+        cache_exif(fileinfos)
+    
+    if len(keyword) != 0:
+        fileinfos = [x for x in fileinfos if keyword.lower() in x[0].lower()]
+        filenames = [finfo[0] for finfo in fileinfos]
+    
+    if opts.image_browser_scan_exif:
+        conn, cursor = wib_db.transaction_begin()
+        if len(exif_keyword) != 0:
+            if use_regex:
+                regex_error = False
+                try:
+                    test_re = re.compile(exif_keyword, re.DOTALL)
+                except re.error as e:
+                    regex_error = True
+                    print(f"Regex error: {e}")
+            if (use_regex and not regex_error) or not use_regex:
+                if negative_prompt_search == "Yes":
+                    fileinfos = [x for x in fileinfos if exif_search(exif_keyword, finfo_exif[x[0]], use_regex, case_sensitive)]
+                else:
+                    result = []
+                    for file_info in fileinfos:
+                        file_name = file_info[0]
+                        file_exif = finfo_exif[file_name]
+                        file_exif_lc = file_exif.lower()
+                        start_index = file_exif_lc.find(np)
+                        end_index = file_exif.find("\n", start_index)
+                        if negative_prompt_search == "Only":
+                            start_index = start_index + len(np)
+                            sub_string = file_exif[start_index:end_index].strip()
+                            if exif_search(exif_keyword, sub_string, use_regex, case_sensitive):
+                                result.append(file_info)
+                        else:
+                            sub_string = file_exif[start_index:end_index].strip()
+                            file_exif = file_exif.replace(sub_string, "")
+                            
+                            if exif_search(exif_keyword, file_exif, use_regex, case_sensitive):
+                                result.append(file_info)
+                    fileinfos = result
+                filenames = [finfo[0] for finfo in fileinfos]
+        wib_db.fill_work_files(cursor, fileinfos)
+        if len(aes_filter_min) != 0 or len(aes_filter_max) != 0:
+            try:
+                aes_filter_min_num = float(aes_filter_min)
+            except ValueError:
+                aes_filter_min_num = sys.float_info.min
+            try:
+                aes_filter_max_num = float(aes_filter_max)
+            except ValueError:
+                aes_filter_max_num = sys.float_info.max
+
+            fileinfos = wib_db.filter_aes(cursor, fileinfos, aes_filter_min_num, aes_filter_max_num, score_type)
+            filenames = [finfo[0] for finfo in fileinfos]   
+        if ranking_filter != "All":
+            ranking_filter_min_num = 1
+            ranking_filter_max_num = 5
+            if ranking_filter == "Min-max":
+                try:
+                    ranking_filter_min_num = int(ranking_filter_min)
+                except ValueError:
+                    ranking_filter_min_num = 0
+                try:
+                    ranking_filter_max_num = int(ranking_filter_max)
+                except ValueError:
+                    ranking_filter_max_num = 0
+                if ranking_filter_min_num < 1:
+                    ranking_filter_min_num = 1
+                if ranking_filter_max_num < 1 or ranking_filter_max_num > 5:
+                    ranking_filter_max_num = 5
+
+            fileinfos = wib_db.filter_ranking(cursor, fileinfos, ranking_filter, ranking_filter_min_num, ranking_filter_max_num)
+            filenames = [finfo[0] for finfo in fileinfos]
+        
+        wib_db.transaction_end(conn, cursor)
+    
+    if sort_by == "date":
+        if sort_order == up_symbol:
+            fileinfos = sorted(fileinfos, key=lambda x: x[1].st_mtime)
+        else:
+            fileinfos = sorted(fileinfos, key=lambda x: -x[1].st_mtime)
+        filenames = [finfo[0] for finfo in fileinfos]
+    elif sort_by == "path name":
+        if sort_order == up_symbol:
+            fileinfos = sorted(fileinfos)
+        else:
+            fileinfos = sorted(fileinfos, reverse=True)
+        filenames = [finfo[0] for finfo in fileinfos]
+    elif sort_by == "random":
+        random.shuffle(fileinfos)
+        filenames = [finfo[0] for finfo in fileinfos]
+    elif sort_by == "ranking":
+        finfo_ranked = {}
+        for fi_info in fileinfos:
+            finfo_ranked[fi_info[0]], _ = get_ranking(fi_info[0])
+        if sort_order == up_symbol:
+            fileinfos = dict(sorted(finfo_ranked.items(), key=lambda x: (x[1], x[0])))
+        else:
+            fileinfos = dict(reversed(sorted(finfo_ranked.items(), key=lambda x: (x[1], x[0]))))
+        filenames = [finfo for finfo in fileinfos]
+    else:
+        sort_values = {}
+        exif_info = dict(finfo_exif)
+        if exif_info:
+            for k, v in exif_info.items():
+                match = re.search(r'(?<='+ sort_by + ":" ').*?(?=(,|$))', v, flags=re.DOTALL|re.IGNORECASE)
+                if match:
+                    sort_values[k] = match.group().strip()
+                else:
+                    sort_values[k] = "0"
+            if sort_by == "aesthetic_score" or sort_by == "ImageRewardScore" or sort_by == "cfg scale":
+                sort_float = True
+            else:
+                sort_float = False
+
+            if sort_order == down_symbol:
+                if sort_float:
+                    fileinfos = [x for x in fileinfos if sort_values[x[0]] != "0"]
+                    fileinfos.sort(key=lambda x: float(sort_values[x[0]]), reverse=True)
+                    fileinfos = dict(fileinfos)
+                else:
+                    fileinfos = dict(reversed(sorted(fileinfos, key=lambda x: natural_keys(sort_values[x[0]]))))
+            else:
+                if sort_float:
+                    fileinfos = [x for x in fileinfos if sort_values[x[0]] != "0"]
+                    fileinfos.sort(key=lambda x: float(sort_values[x[0]]))
+                    fileinfos = dict(fileinfos)
+                else:
+                    fileinfos = dict(sorted(fileinfos, key=lambda x: natural_keys(sort_values[x[0]])))
+            filenames = [finfo for finfo in fileinfos]
+        else:
+            filenames = [finfo for finfo in fileinfos]
+    return filenames
+
+def get_image_thumbnail(image_list):
+    logger.debug("get_image_thumbnail")
+    optimized_cache = os.path.join(tempfile.gettempdir(),"optimized")
+    os.makedirs(optimized_cache,exist_ok=True)
+    thumbnail_list = []
+    for image_path in image_list:
+        image_path_hash = hashlib.md5(image_path.encode("utf-8")).hexdigest()
+        cache_image_path = os.path.join(optimized_cache, image_path_hash + ".jpg")
+        if os.path.isfile(cache_image_path):
+            thumbnail_list.append(cache_image_path)
+        else:
+            try:
+                image = Image.open(image_path)
+            except OSError:
+                # If PIL cannot open the image, use the original path
+                thumbnail_list.append(image_path)
+                continue
+            width, height = image.size
+            left = (width - min(width, height)) / 2
+            top = (height - min(width, height)) / 2
+            right = (width + min(width, height)) / 2
+            bottom = (height + min(width, height)) / 2
+            thumbnail = image.crop((left, top, right, bottom))
+            thumbnail.thumbnail((opts.image_browser_thumbnail_size, opts.image_browser_thumbnail_size))
+            if thumbnail.mode != "RGB":
+                thumbnail = thumbnail.convert("RGB")
+            try:
+                thumbnail.save(cache_image_path, "JPEG")
+                thumbnail_list.append(cache_image_path)
+            except FileNotFoundError:
+                # Cannot save cache, use PIL object
+                thumbnail_list.append(thumbnail)
+    return thumbnail_list
+
+def set_tooltip_info(image_list):
+    image_browser_img_info = {}
+    conn, cursor = wib_db.transaction_begin()
+    for filename in image_list:
+        x, y = wib_db.select_x_y(cursor, filename)
+        image_browser_img_info[filename] = {"x": x, "y": y}
+    wib_db.transaction_end(conn, cursor)
+    image_browser_img_info_json = json.dumps(image_browser_img_info)
+    return image_browser_img_info_json
+
+def get_image_page(img_path, page_index, filenames, keyword, sort_by, sort_order, tab_base_tag_box, img_path_depth, ranking_filter, ranking_filter_min, ranking_filter_max, aes_filter_min, aes_filter_max, score_type, exif_keyword, negative_prompt_search, use_regex, case_sensitive, image_reward_button):
+    logger.debug("get_image_page")
+    if img_path == "":
+        return [], page_index, [],  "", "",  "", 0, "", None, "", "[]", image_reward_button
+
+    # Set temp_dir from webui settings, so gradio uses it
+    if shared.opts.temp_dir != "":
+        tempfile.tempdir = shared.opts.temp_dir
+        
+    img_path, _ = pure_path(img_path)
+    filenames = get_all_images(img_path, sort_by, sort_order, keyword, tab_base_tag_box, img_path_depth, ranking_filter, ranking_filter_min, ranking_filter_max, aes_filter_min, aes_filter_max, score_type, exif_keyword, negative_prompt_search, use_regex, case_sensitive)
+    page_index = int(page_index)
+    length = len(filenames)
+    max_page_index = math.ceil(length / num_of_imgs_per_page)
+    page_index = max_page_index if page_index == -1 else page_index
+    page_index = 1 if page_index < 1 else page_index
+    page_index = max_page_index if page_index > max_page_index else page_index
+    idx_frm = (page_index - 1) * num_of_imgs_per_page
+    image_list = filenames[idx_frm:idx_frm + num_of_imgs_per_page]
+
+    if opts.image_browser_scan_exif and opts.image_browser_img_tooltips:
+        image_browser_img_info = set_tooltip_info(image_list)
+    else:
+        image_browser_img_info = "[]"
+
+    if opts.image_browser_use_thumbnail:
+        thumbnail_list = get_image_thumbnail(image_list)
+    else:
+        thumbnail_list = image_list
+
+    visible_num = num_of_imgs_per_page if  idx_frm + num_of_imgs_per_page < length else length % num_of_imgs_per_page 
+    visible_num = num_of_imgs_per_page if visible_num == 0 else visible_num
+
+    load_info = "<div style='color:#999' align='center'>"
+    load_info += f"{length} images in this directory, divided into {int((length + 1) // num_of_imgs_per_page  + 1)} pages"
+    load_info += "</div>"
+
+    return filenames, gr.update(value=page_index, label=f"Page Index ({page_index}/{max_page_index})"), thumbnail_list,  "", "",  "", visible_num, load_info, None, json.dumps(image_list), image_browser_img_info, gr.update(visible=True)
+
+def get_current_file(tab_base_tag_box, num, page_index, filenames):
+    file = filenames[int(num) + int((page_index - 1) * num_of_imgs_per_page)]
+    return file
+    
+def show_image_info(tab_base_tag_box, num, page_index, filenames, turn_page_switch, image_gallery):
+    logger.debug(f"show_image_info: tab_base_tag_box, num, page_index, len(filenames), num_of_imgs_per_page: {tab_base_tag_box}, {num}, {page_index}, {len(filenames)}, {num_of_imgs_per_page}")
+    if len(filenames) == 0:
+        # This should only happen if webui was stopped and started again and the user clicks on one of the still displayed images.
+        # The state with the filenames will be empty then. In that case we return None to prevent further errors and force a page refresh.
+        turn_page_switch = -turn_page_switch
+        file = None
+        tm =  None
+        info = ""
+    else:
+        file_num = int(num) + int(
+            (page_index - 1) * num_of_imgs_per_page)
+        if file_num >= len(filenames):
+            # Last image to the right is deleted, page refresh
+            turn_page_switch = -turn_page_switch
+            file = None
+            tm =  None
+            info = ""
+        else:
+            file = filenames[file_num]
+            tm =   "<div style='color:#999' align='right'>" + time.strftime("%Y-%m-%d %H:%M:%S",time.localtime(os.path.getmtime(file))) + "</div>"
+            try:
+                with Image.open(file) as image:
+                    _, geninfo, info = modules.extras.run_pnginfo(image)
+            except UnidentifiedImageError as e:
+                info = ""
+                logger.warning(f"UnidentifiedImageError: {e}")
+            if opts.image_browser_use_thumbnail:
+                image_gallery = [image['name'] for image in image_gallery]
+                image_gallery[int(num)] = filenames[file_num]
+                return file, tm, num, file, turn_page_switch, info, image_gallery
+            else:
+                return file, tm, num, file, turn_page_switch, info
+
+def change_dir(img_dir, path_recorder, load_switch, img_path_browser, img_path_depth, img_path):
+    warning = None
+    img_path, _ = pure_path(img_path)
+    img_path_depth_org = img_path_depth
+    if img_dir == none_select:
+        return warning, gr.update(visible=False), img_path_browser, path_recorder, load_switch, img_path, img_path_depth
+    else:
+        img_dir, img_path_depth = pure_path(img_dir)
+        if warning is None:
+            try:
+                if os.path.exists(img_dir):
+                    try:
+                        f = os.listdir(img_dir)                
+                    except:
+                        warning = f"'{img_dir} is not a directory"
+                else:
+                    warning = "The directory does not exist"
+            except:
+                warning = "The format of the directory is incorrect"   
+        if warning is None: 
+            return "", gr.update(visible=True), img_path_browser, path_recorder, img_dir, img_dir, img_path_depth
+        else:
+            return warning, gr.update(visible=False), img_path_browser, path_recorder, load_switch, img_path, img_path_depth_org
+
+def update_move_text_one(btn):
+    btn_text = " ".join(btn.split()[1:])
+    return f"{copy_move[opts.image_browser_copy_image]} {btn_text}"
+
+def update_move_text(favorites_btn, to_dir_btn):
+    return update_move_text_one(favorites_btn), update_move_text_one(to_dir_btn)
+
+def get_ranking(filename):
+    ranking_value = wib_db.select_ranking(filename)
+    return ranking_value, None
+
+def img_file_name_changed(img_file_name, favorites_btn, to_dir_btn):
+    ranking_current, ranking = get_ranking(img_file_name)
+    favorites_btn, to_dir_btn = update_move_text(favorites_btn, to_dir_btn)
+
+    return ranking_current, ranking, "", favorites_btn, to_dir_btn
+
+def update_exif(img_file_name, key, value):
+    image = Image.open(img_file_name)
+    geninfo, items = images.read_info_from_image(image)  
+    if geninfo is not None:
+        if f"{key}: " in geninfo:
+            if value == "None":
+                geninfo = re.sub(f', {key}: \d+(\.\d+)*', '', geninfo)
+            else:
+                geninfo = re.sub(f'{key}: \d+(\.\d+)*', f'{key}: {value}', geninfo)
+        else:
+            geninfo = f'{geninfo}, {key}: {value}'
+    
+    original_time = os.path.getmtime(img_file_name)
+    images.save_image(image, os.path.dirname(img_file_name), "", extension=os.path.splitext(img_file_name)[1][1:], info=geninfo, forced_filename=os.path.splitext(os.path.basename(img_file_name))[0], save_to_dirs=False)
+    os.utime(img_file_name, (original_time, original_time))
+    return geninfo
+
+def update_ranking(img_file_name, ranking_current, ranking, img_file_info):
+    # ranking = None is different than ranking = "None"! None means no radio button selected. "None" means radio button called "None" selected.
+    if ranking is None:
+        return ranking_current, None, img_file_info
+
+    saved_ranking, _ = get_ranking(img_file_name)
+    if saved_ranking != ranking:
+        wib_db.update_ranking(img_file_name, ranking)
+        if opts.image_browser_ranking_pnginfo and any(img_file_name.endswith(ext) for ext in image_ext_list):
+            img_file_info = update_exif(img_file_name, "Ranking", ranking)
+    return ranking, None, img_file_info
+
+def generate_image_reward(filenames, turn_page_switch, aes_filter_min, aes_filter_max):
+    global image_reward_model
+    if image_reward_model is None:
+        image_reward_model = ImageReward.load("ImageReward-v1.0")
+    conn, cursor = wib_db.transaction_begin()
+    for filename in filenames:
+        saved_image_reward_score, saved_image_reward_prompt = wib_db.select_image_reward_score(cursor, filename)
+        if saved_image_reward_score is None and saved_image_reward_prompt is not None:
+            with torch.no_grad():
+                image_reward_score = image_reward_model.score(saved_image_reward_prompt, filename)
+            image_reward_score = f"{image_reward_score:.2f}"
+            try:
+                logger.warning(f"Generated ImageRewardScore: {image_reward_score} for {filename}")
+            except UnicodeEncodeError:
+                pass
+            wib_db.update_image_reward_score(cursor, filename, image_reward_score)
+            if any(filename.endswith(ext) for ext in image_ext_list):
+                img_file_info = update_exif(filename, "ImageRewardScore", image_reward_score)
+    wib_db.transaction_end(conn, cursor)
+    return -turn_page_switch, aes_filter_min, aes_filter_max
+            
+def create_tab(tab: ImageBrowserTab, current_gr_tab: gr.Tab):
+    global init, exif_cache, aes_cache, image_reward_cache, openoutpaint, controlnet, js_dummy_return
+    dir_name = None
+    others_dir = False
+    maint = False
+    standard_ui = True
+    path_recorder = {}
+    path_recorder_formatted = []
+    path_recorder_unformatted = []
+    
+    if init:
+        db_version = wib_db.check()
+        logger.debug(f"db_version: {db_version}")
+        exif_cache = wib_db.load_exif_data(exif_cache)
+        aes_cache = wib_db.load_exif_data_by_key(aes_cache, "aesthetic_score", "Score")
+        image_reward_cache = wib_db.load_exif_data_by_key(image_reward_cache, "ImageRewardScore", "ImageRewardScore")
+        init = False
+    
+    path_recorder, path_recorder_formatted, path_recorder_unformatted = read_path_recorder()
+    openoutpaint = check_ext("openoutpaint")
+    controlnet = check_ext("controlnet")
+
+    if tab.name == "Others":
+        others_dir = True
+        standard_ui = False
+    elif tab.name == "Maintenance":
+        maint = True
+        standard_ui = False
+    else:
+        dir_name = tab.path
+
+    if standard_ui:
+        dir_name = str(Path(dir_name))
+        if not os.path.exists(dir_name):
+            os.makedirs(dir_name)
+
+    with gr.Row():                 
+        path_recorder = gr.State(path_recorder)
+        with gr.Column(scale=10):
+            warning_box = gr.HTML("<p>&nbsp", elem_id=f"{tab.base_tag}_image_browser_warning_box")
+        with gr.Column(scale=5, visible=(tab.name==favorite_tab_name)):
+            gr.HTML(f"<p>Favorites path from settings: {opts.outdir_save}")
+
+    with gr.Row(visible=others_dir):
+        with gr.Column(scale=10):
+            img_path = gr.Textbox(dir_name, label="Images directory", placeholder="Input images directory", interactive=others_dir)
+        with gr.Column(scale=1):
+            img_path_depth = gr.Number(value="0", label="Sub directory depth")
+        with gr.Column(scale=1):
+            img_path_save_button = gr.Button(value="Add to / replace in saved directories")
+
+    with gr.Row(visible=others_dir):
+        with gr.Column(scale=10):
+            img_path_browser = gr.Dropdown(choices=path_recorder_formatted, label="Saved directories")
+        with gr.Column(scale=1):
+            img_path_remove_button = gr.Button(value="Remove from saved directories")
+
+    with gr.Row(visible=others_dir): 
+        with gr.Column(scale=10):
+            img_path_subdirs = gr.Dropdown(choices=[none_select], value=none_select, label="Sub directories", interactive=True, elem_id=f"{tab.base_tag}_img_path_subdirs")
+        with gr.Column(scale=1):
+            img_path_subdirs_button = gr.Button(value="Get sub directories")
+    
+    with gr.Row(visible=standard_ui, elem_id=f"{tab.base_tag}_image_browser") as main_panel:
+        with gr.Column():  
+            with gr.Row():    
+                with gr.Column(scale=2):    
+                    with gr.Row(elem_id=f"{tab.base_tag}_image_browser_gallery_controls") as gallery_controls_panel:
+                        with gr.Column(scale=2, min_width=20):
+                            first_page = gr.Button("First Page", elem_id=f"{tab.base_tag}_control_image_browser_first_page")
+                        with gr.Column(scale=2, min_width=20):
+                            prev_page = gr.Button("Prev Page", elem_id=f"{tab.base_tag}_control_image_browser_prev_page")
+                        with gr.Column(scale=2, min_width=20):
+                            page_index = gr.Number(value=1, label="Page Index", elem_id=f"{tab.base_tag}_control_image_browser_page_index")
+                        with gr.Column(scale=1, min_width=20):
+                            refresh_index_button = ToolButton(value=refresh_symbol, elem_id=f"{tab.base_tag}_control_image_browser_refresh_index")
+                        with gr.Column(scale=2, min_width=20):
+                            next_page = gr.Button("Next Page", elem_id=f"{tab.base_tag}_control_image_browser_next_page")
+                        with gr.Column(scale=2, min_width=20):
+                            end_page = gr.Button("End Page", elem_id=f"{tab.base_tag}_control_image_browser_end_page") 
+                    with gr.Row(visible=False) as ranking_panel:
+                        with gr.Column(scale=1, min_width=20):
+                            ranking_current = gr.Textbox(value="None", label="Current ranking", interactive=False)
+                        with gr.Column(scale=4, min_width=20):
+                            ranking = gr.Radio(choices=["1", "2", "3", "4", "5", "None"], label="Set ranking to", elem_id=f"{tab.base_tag}_control_image_browser_ranking", interactive=True)
+                    with gr.Row():
+                        image_gallery = gr.Gallery(show_label=False, elem_id=f"{tab.base_tag}_image_browser_gallery").style(grid=opts.image_browser_page_columns)
+                    with gr.Row() as delete_panel:
+                        with gr.Column(scale=1):
+                            delete_num = gr.Number(value=1, interactive=True, label="delete next", elem_id=f"{tab.base_tag}_image_browser_del_num")
+                            delete_confirm = gr.Checkbox(value=False, label="also delete off-screen images")
+                        with gr.Column(scale=3):
+                            delete = gr.Button('Delete', elem_id=f"{tab.base_tag}_image_browser_del_img_btn")
+                    with gr.Row() as info_add_panel:
+                        with gr.Accordion("Additional Generation Info", open=False):
+                            img_file_info_add = gr.HTML()
+
+                with gr.Column(scale=1): 
+                    with gr.Row() as sort_panel:
+                        sort_by = gr.Dropdown(value="date", choices=["path name", "date", "aesthetic_score", "ImageRewardScore", "random", "cfg scale", "steps", "seed", "sampler", "size", "model", "model hash", "ranking"], label="Sort by")
+                        sort_order = ToolButton(value=down_symbol)
+                    with gr.Row() as filename_search_panel:
+                        filename_keyword_search = gr.Textbox(value="", label="Filename keyword search")
+                    with gr.Box() as exif_search_panel:
+                        with gr.Row():
+                                exif_keyword_search = gr.Textbox(value="", label="EXIF keyword search")
+                                negative_prompt_search = gr.Radio(value="No", choices=["No", "Yes", "Only"], label="Search negative prompt", interactive=True)
+                        with gr.Row():
+                                case_sensitive = gr.Checkbox(value=False, label="case sensitive")
+                                use_regex = gr.Checkbox(value=False, label=r"regex - e.g. ^(?!.*Hires).*$")
+                    with gr.Box() as ranking_filter_panel:
+                        with gr.Row():
+                            ranking_filter = gr.Radio(value="All", choices=["All", "1", "2", "3", "4", "5", "None", "Min-max"], label="Ranking filter", interactive=True)
+                        with gr.Row():
+                            with gr.Column(scale=2, min_width=20):
+                                ranking_filter_min = gr.Textbox(value="1", label="Minimum ranking", interactive=False)
+                            with gr.Column(scale=2, min_width=20):
+                                ranking_filter_max = gr.Textbox(value="5", label="Maximum ranking", interactive=False)
+                            with gr.Column(scale=4, min_width=20):
+                                gr.Textbox(value="Choose Min-max to activate these controls", label="", interactive=False)
+                    with gr.Box() as aesthetic_score_filter_panel:
+                        with gr.Row():
+                            with gr.Column(scale=4, min_width=20):
+                                score_type = gr.Dropdown(value=opts.image_browser_scoring_type, choices=["aesthetic_score", "ImageReward Score"], label="Scoring type", interactive=True)
+                            with gr.Column(scale=2, min_width=20):
+                                image_reward_button = gr.Button(value="Generate ImageReward Scores for all images", interactive=image_reward_installed, visible=False)
+                        with gr.Row():
+                            aes_filter_min = gr.Textbox(value="", label="Minimum score")
+                            aes_filter_max = gr.Textbox(value="", label="Maximum score")
+                    with gr.Row() as generation_info_panel:
+                        img_file_info = gr.Textbox(label="Generation Info", interactive=False, lines=6,elem_id=f"{tab.base_tag}_image_browser_file_info")
+                    with gr.Row() as filename_panel:
+                        img_file_name = gr.Textbox(value="", label="File Name", interactive=False)
+                    with gr.Row() as filetime_panel:
+                        img_file_time= gr.HTML()
+                    with gr.Row() as open_folder_panel:
+                        open_folder_button = gr.Button(folder_symbol, visible=standard_ui or others_dir)
+                        gr.HTML("&nbsp")
+                        gr.HTML("&nbsp")
+                        gr.HTML("&nbsp")
+                    with gr.Row(elem_id=f"{tab.base_tag}_image_browser_button_panel", visible=False) as button_panel:
+                        with gr.Column():
+                            with gr.Row():
+                                if tab.name == favorite_tab_name:
+                                    favorites_btn_show = False
+                                else:
+                                    favorites_btn_show = True
+                                favorites_btn = gr.Button(f'{copy_move[opts.image_browser_copy_image]} to favorites', elem_id=f"{tab.base_tag}_image_browser_favorites_btn", visible=favorites_btn_show)
+                                try:
+                                    send_to_buttons = modules.generation_parameters_copypaste.create_buttons(["txt2img", "img2img", "inpaint", "extras"])
+                                except:
+                                    pass
+                                sendto_openoutpaint = gr.Button("Send to openOutpaint", elem_id=f"{tab.base_tag}_image_browser_openoutpaint_btn", visible=openoutpaint)
+                            with gr.Row(visible=controlnet):
+                                sendto_controlnet_txt2img = gr.Button("Send to txt2img ControlNet", visible=controlnet)
+                                sendto_controlnet_img2img = gr.Button("Send to img2img ControlNet", visible=controlnet)
+                                controlnet_max = opts.data.get("control_net_max_models_num", 1)
+                                sendto_controlnet_num = gr.Dropdown([str(i) for i in range(controlnet_max)], label="ControlNet number", value="0", interactive=True, visible=(controlnet and controlnet_max > 1))
+                                if controlnet_max is None:
+                                    sendto_controlnet_type = gr.Textbox(value="none", visible=False)
+                                elif controlnet_max == 1:
+                                    sendto_controlnet_type = gr.Textbox(value="single", visible=False)
+                                else:
+                                    sendto_controlnet_type = gr.Textbox(value="multiple", visible=False)
+                    with gr.Row(elem_id=f"{tab.base_tag}_image_browser_to_dir_panel", visible=False) as to_dir_panel:
+                        with gr.Box():
+                            with gr.Row():
+                                to_dir_path = gr.Textbox(label="Directory path")
+                            with gr.Row():
+                                to_dir_saved = gr.Dropdown(choices=path_recorder_unformatted, label="Saved directories")
+                            with gr.Row():
+                                to_dir_btn = gr.Button(f'{copy_move[opts.image_browser_copy_image]} to directory', elem_id=f"{tab.base_tag}_image_browser_to_dir_btn")
+
+                    with gr.Row():
+                        collected_warning = gr.HTML()
+
+                    with gr.Row(visible=False):
+                        renew_page = gr.Button("Renew Page", elem_id=f"{tab.base_tag}_image_browser_renew_page")
+                        visible_img_num = gr.Number()                     
+                        tab_base_tag_box = gr.Textbox(tab.base_tag)
+                        image_index = gr.Textbox(value=-1, elem_id=f"{tab.base_tag}_image_browser_image_index")
+                        set_index = gr.Button('set_index', elem_id=f"{tab.base_tag}_image_browser_set_index")
+                        filenames = gr.State([])
+                        hidden = gr.Image(type="pil", elem_id=f"{tab.base_tag}_image_browser_hidden_image")
+                        image_page_list = gr.Textbox(elem_id=f"{tab.base_tag}_image_browser_image_page_list")
+                        info1 = gr.Textbox()
+                        info2 = gr.Textbox()
+                        load_switch = gr.Textbox(value="load_switch", label="load_switch")
+                        to_dir_load_switch = gr.Textbox(value="to dir load_switch", label="to_dir_load_switch")
+                        turn_page_switch = gr.Number(value=1, label="turn_page_switch")
+                        select_image = gr.Number(value=1)
+                        img_path_add = gr.Textbox(value="add")
+                        img_path_remove = gr.Textbox(value="remove")
+                        favorites_path = gr.Textbox(value=opts.outdir_save)
+                        mod_keys = ""
+                        if opts.image_browser_mod_ctrl_shift:
+                            mod_keys = f"{mod_keys}CS"
+                        elif opts.image_browser_mod_shift:
+                            mod_keys = f"{mod_keys}S"
+                        image_browser_mod_keys = gr.Textbox(value=mod_keys, elem_id=f"{tab.base_tag}_image_browser_mod_keys")
+                        image_browser_prompt = gr.Textbox(elem_id=f"{tab.base_tag}_image_browser_prompt")
+                        image_browser_neg_prompt = gr.Textbox(elem_id=f"{tab.base_tag}_image_browser_neg_prompt")
+                        js_logs = gr.Textbox()
+                        image_browser_img_info = gr.Textbox(value="[]", elem_id=f"{tab.base_tag}_image_browser_img_info")
+
+    # Maintenance tab
+    with gr.Row(visible=maint): 
+        with gr.Column(scale=4):
+            gr.HTML(f"{caution_symbol} Caution: You should only use these options if you know what you are doing. {caution_symbol}")
+        with gr.Column(scale=3):
+            maint_wait = gr.HTML("Status:")
+        with gr.Column(scale=7):
+            gr.HTML("&nbsp")
+    with gr.Row(visible=maint): 
+        maint_last_msg = gr.Textbox(label="Last message", interactive=False)
+    with gr.Row(visible=maint): 
+        with gr.Column(scale=1):
+            maint_exif_rebuild = gr.Button(value="Rebuild exif cache")
+        with gr.Column(scale=1):
+            maint_exif_delete_0 = gr.Button(value="Delete 0-entries from exif cache")
+        with gr.Column(scale=10):
+            gr.HTML(visible=False)
+    with gr.Row(visible=maint): 
+        with gr.Column(scale=1):
+            maint_update_dirs = gr.Button(value="Update directory names in database")
+        with gr.Column(scale=10):
+            maint_update_dirs_from = gr.Textbox(label="From (full path)")
+        with gr.Column(scale=10):
+            maint_update_dirs_to = gr.Textbox(label="to (full path)")
+    with gr.Row(visible=maint): 
+        with gr.Column(scale=1):
+            maint_reapply_ranking = gr.Button(value="Reapply ranking after moving files")
+        with gr.Column(scale=10):
+            gr.HTML(visible=False)
+    with gr.Row(visible=maint): 
+        with gr.Column(scale=1):
+            maint_restart_debug = gr.Button(value="Restart debug")
+        with gr.Column(scale=10):
+            gr.HTML(visible=False)
+    with gr.Row(visible=maint): 
+        with gr.Column(scale=1):
+            maint_get_js_logs = gr.Button(value="Get javascript logs")
+        with gr.Column(scale=10):
+            maint_show_logs = gr.Textbox(label="Javascript logs", lines=10, interactive=False)
+    with gr.Row(visible=False): 
+        with gr.Column(scale=1):
+            maint_rebuild_ranking = gr.Button(value="Rebuild ranking from exif info")
+        with gr.Column(scale=10):
+            gr.HTML(visible=False)
+
+    # Hide components based on opts.image_browser_hidden_components
+    hidden_component_map = {
+        "Sort by": sort_panel,
+        "Filename keyword search": filename_search_panel,
+        "EXIF keyword search": exif_search_panel,
+        "Ranking Filter": ranking_filter_panel,
+        "Aesthestic Score": aesthetic_score_filter_panel,
+        "Generation Info": generation_info_panel,
+        "File Name": filename_panel,
+        "File Time": filetime_panel,
+        "Open Folder": open_folder_panel,
+        "Send to buttons": button_panel,
+        "Copy to directory": to_dir_panel,
+        "Gallery Controls Bar": gallery_controls_panel,
+        "Ranking Bar": ranking_panel,
+        "Delete Bar": delete_panel,
+        "Additional Generation Info": info_add_panel
+    }
+
+    if set(hidden_component_map.keys()) != set(components_list):
+        logger.warning(f"Invalid items present in either hidden_component_map or components_list. Make sure when adding new components they are added to both.")
+
+    override_hidden = set()
+    if hasattr(opts, "image_browser_hidden_components"):
+        for item in opts.image_browser_hidden_components:
+            hidden_component_map[item].visible = False
+            override_hidden.add(hidden_component_map[item])
+
+    change_dir_outputs = [warning_box, main_panel, img_path_browser, path_recorder, load_switch, img_path, img_path_depth]
+    img_path.submit(change_dir, inputs=[img_path, path_recorder, load_switch, img_path_browser, img_path_depth, img_path], outputs=change_dir_outputs, show_progress=opts.image_browser_show_progress)
+    img_path_browser.change(change_dir, inputs=[img_path_browser, path_recorder, load_switch, img_path_browser, img_path_depth, img_path], outputs=change_dir_outputs, show_progress=opts.image_browser_show_progress)
+    # img_path_browser.change(browser2path, inputs=[img_path_browser], outputs=[img_path])
+    to_dir_saved.change(change_dir, inputs=[to_dir_saved, path_recorder, to_dir_load_switch, to_dir_saved, img_path_depth, to_dir_path], outputs=[warning_box, main_panel, to_dir_saved, path_recorder, to_dir_load_switch, to_dir_path, img_path_depth], show_progress=opts.image_browser_show_progress)
+
+    #delete
+    delete.click(
+        fn=delete_image,
+        inputs=[tab_base_tag_box, delete_num, img_file_name, filenames, image_index, visible_img_num, delete_confirm, turn_page_switch, image_page_list],
+        outputs=[filenames, delete_num, turn_page_switch, visible_img_num, image_gallery, select_image, image_page_list],
+        show_progress=opts.image_browser_show_progress
+    ).then(
+        fn=None,
+        _js="image_browser_select_image",
+        inputs=[tab_base_tag_box, image_index, select_image],
+        outputs=[js_dummy_return],
+        show_progress=opts.image_browser_show_progress
+    )
+
+    to_dir_btn.click(save_image, inputs=[img_file_name, filenames, page_index, turn_page_switch, to_dir_path], outputs=[collected_warning, filenames, page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    #turn page
+    first_page.click(lambda s:(1, -s) , inputs=[turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    next_page.click(lambda p, s: (p + 1, -s), inputs=[page_index, turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    prev_page.click(lambda p, s: (p - 1, -s), inputs=[page_index, turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    end_page.click(lambda s: (-1, -s), inputs=[turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    load_switch.change(lambda s:(1, -s), inputs=[turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    filename_keyword_search.submit(lambda s:(1, -s), inputs=[turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    exif_keyword_search.submit(lambda s:(1, -s), inputs=[turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    ranking_filter_min.submit(lambda s:(1, -s), inputs=[turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    ranking_filter_max.submit(lambda s:(1, -s), inputs=[turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    aes_filter_min.submit(lambda s:(1, -s), inputs=[turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    aes_filter_max.submit(lambda s:(1, -s), inputs=[turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    sort_by.change(lambda s:(1, -s), inputs=[turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    page_index.submit(lambda s: -s, inputs=[turn_page_switch], outputs=[turn_page_switch], show_progress=opts.image_browser_show_progress)
+    renew_page.click(lambda s: -s, inputs=[turn_page_switch], outputs=[turn_page_switch], show_progress=opts.image_browser_show_progress)
+    refresh_index_button.click(lambda p, s:(p, -s), inputs=[page_index, turn_page_switch], outputs=[page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    img_path_depth.change(lambda s: -s, inputs=[turn_page_switch], outputs=[turn_page_switch], show_progress=opts.image_browser_show_progress)
+
+    hide_on_thumbnail_view = [delete_panel, button_panel, ranking_panel, to_dir_panel, info_add_panel]
+
+    sort_order.click(
+        fn=sort_order_flip,
+        inputs=[turn_page_switch, sort_order],
+        outputs=[page_index, turn_page_switch, sort_order],
+        show_progress=opts.image_browser_show_progress
+    )
+    ranking_filter.change(
+        fn=ranking_filter_settings,
+        inputs=[page_index, turn_page_switch, ranking_filter],
+        outputs=[page_index, turn_page_switch, ranking_filter_min, ranking_filter_max],
+        show_progress=opts.image_browser_show_progress
+    )
+
+    # Others
+    img_path_subdirs_button.click(
+        fn=img_path_subdirs_get, 
+        inputs=[img_path], 
+        outputs=[img_path_subdirs],
+        show_progress=opts.image_browser_show_progress
+    )
+    img_path_subdirs.change(
+        fn=change_dir, 
+        inputs=[img_path_subdirs, path_recorder, load_switch, img_path_browser, img_path_depth, img_path], 
+        outputs=change_dir_outputs,
+        show_progress=opts.image_browser_show_progress
+    )
+    img_path_save_button.click(
+        fn=img_path_add_remove, 
+        inputs=[img_path, path_recorder, img_path_add, img_path_depth], 
+        outputs=[path_recorder, img_path_browser],
+        show_progress=opts.image_browser_show_progress
+    )
+    img_path_remove_button.click(
+        fn=img_path_add_remove, 
+        inputs=[img_path, path_recorder, img_path_remove, img_path_depth],
+        outputs=[path_recorder, img_path_browser],
+        show_progress=opts.image_browser_show_progress
+    )
+    maint_exif_rebuild.click(
+        fn=exif_rebuild,
+        inputs=[maint_wait],
+        outputs=[maint_wait, maint_last_msg],
+        show_progress=True
+    )
+    maint_exif_delete_0.click(
+        fn=exif_delete_0,
+        inputs=[maint_wait],
+        outputs=[maint_wait, maint_last_msg],
+        show_progress=True
+    )
+    maint_update_dirs.click(
+        fn=exif_update_dirs,
+        inputs=[maint_update_dirs_from, maint_update_dirs_to, maint_wait],
+        outputs=[maint_wait, maint_last_msg],
+        show_progress=True
+    )
+    maint_reapply_ranking.click(
+        fn=reapply_ranking,
+        inputs=[path_recorder, maint_wait],
+        outputs=[maint_wait, maint_last_msg],
+        show_progress=True
+    )
+    maint_restart_debug.click(
+        fn=restart_debug,
+        inputs=[maint_wait],
+        outputs=[maint_wait, maint_last_msg],
+        show_progress=True
+    )
+    maint_get_js_logs.click(
+        fn=js_logs_output,
+        _js="get_js_logs",
+        inputs=[js_logs],
+        outputs=[maint_show_logs],
+        show_progress=True
+    )
+
+    # other functions
+    if opts.image_browser_use_thumbnail:
+        set_index_outputs = [img_file_name, img_file_time, image_index, hidden, turn_page_switch, img_file_info_add, image_gallery]
+    else:
+        set_index_outputs = [img_file_name, img_file_time, image_index, hidden, turn_page_switch, img_file_info_add]
+    set_index.click(
+        fn=show_image_info,
+        _js="image_browser_get_current_img",
+        inputs=[tab_base_tag_box, image_index, page_index, filenames, turn_page_switch, image_gallery],
+        outputs=set_index_outputs,
+        show_progress=opts.image_browser_show_progress
+    ).then(
+        fn=None,
+        _js="image_browser_img_show_progress_update",
+        inputs=[],
+        outputs=[js_dummy_return],
+        show_progress=opts.image_browser_show_progress
+    )
+
+    set_index.click(fn=lambda:(gr.update(visible=delete_panel not in override_hidden), gr.update(visible=button_panel not in override_hidden), gr.update(visible=ranking_panel not in override_hidden), gr.update(visible=to_dir_panel not in override_hidden), gr.update(visible=info_add_panel not in override_hidden)), inputs=None, outputs=hide_on_thumbnail_view, show_progress=opts.image_browser_show_progress)
+
+    favorites_btn.click(save_image, inputs=[img_file_name, filenames, page_index, turn_page_switch, favorites_path], outputs=[collected_warning, filenames, page_index, turn_page_switch], show_progress=opts.image_browser_show_progress)
+    img_file_name.change(img_file_name_changed, inputs=[img_file_name, favorites_btn, to_dir_btn], outputs=[ranking_current, ranking, collected_warning, favorites_btn, to_dir_btn], show_progress=opts.image_browser_show_progress)
+   
+    hidden.change(fn=run_pnginfo, inputs=[hidden, img_path, img_file_name], outputs=[info1, img_file_info, info2, image_browser_prompt, image_browser_neg_prompt], show_progress=opts.image_browser_show_progress)
+    
+    #ranking
+    ranking.change(update_ranking, inputs=[img_file_name, ranking_current, ranking, img_file_info], outputs=[ranking_current, ranking, img_file_info], show_progress=opts.image_browser_show_progress)
+        
+    try:
+        modules.generation_parameters_copypaste.bind_buttons(send_to_buttons, hidden, img_file_info)
+    except:
+        pass
+    
+    if standard_ui:
+        current_gr_tab.select(
+            fn=tab_select, 
+            inputs=[],
+            outputs=[path_recorder, to_dir_saved],
+            show_progress=opts.image_browser_show_progress
+        )
+        open_folder_button.click(
+            fn=lambda: open_folder(dir_name),
+            inputs=[],
+            outputs=[],
+            show_progress=opts.image_browser_show_progress
+        )
+    elif others_dir:
+        open_folder_button.click(
+            fn=open_folder,
+            inputs=[img_path],
+            outputs=[],
+            show_progress=opts.image_browser_show_progress
+        )
+    if standard_ui or others_dir:
+        turn_page_switch.change(
+            fn=get_image_page, 
+            inputs=[img_path, page_index, filenames, filename_keyword_search, sort_by, sort_order, tab_base_tag_box, img_path_depth, ranking_filter, ranking_filter_min, ranking_filter_max, aes_filter_min, aes_filter_max, score_type, exif_keyword_search, negative_prompt_search, use_regex, case_sensitive, image_reward_button], 
+            outputs=[filenames, page_index, image_gallery, img_file_name, img_file_time, img_file_info, visible_img_num, warning_box, hidden, image_page_list, image_browser_img_info, image_reward_button],
+            show_progress=opts.image_browser_show_progress
+        ).then(
+            fn=None,
+            _js="image_browser_turnpage",
+            inputs=[tab_base_tag_box],
+            outputs=[js_dummy_return],
+            show_progress=opts.image_browser_show_progress
+        )
+        turn_page_switch.change(fn=lambda:(gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False)), inputs=None, outputs=hide_on_thumbnail_view, show_progress=opts.image_browser_show_progress)
+        sendto_openoutpaint.click(
+            fn=None,
+            inputs=[tab_base_tag_box, image_index, image_browser_prompt, image_browser_neg_prompt],
+            outputs=[js_dummy_return],
+            _js="image_browser_openoutpaint_send",
+            show_progress=opts.image_browser_show_progress        )
+        sendto_controlnet_txt2img.click(
+            fn=None,
+            inputs=[tab_base_tag_box, image_index, sendto_controlnet_num, sendto_controlnet_type],
+            outputs=[js_dummy_return],
+            _js="image_browser_controlnet_send_txt2img",
+            show_progress=opts.image_browser_show_progress
+        )
+        sendto_controlnet_img2img.click(
+            fn=None,
+            inputs=[tab_base_tag_box, image_index, sendto_controlnet_num, sendto_controlnet_type],
+            outputs=[js_dummy_return],
+            _js="image_browser_controlnet_send_img2img",
+            show_progress=opts.image_browser_show_progress
+        )
+        image_reward_button.click(
+            fn=generate_image_reward,
+            inputs=[filenames, turn_page_switch, aes_filter_min, aes_filter_max],
+            outputs=[turn_page_switch, aes_filter_min, aes_filter_max],
+            show_progress=True
+        )
+
+def run_pnginfo(image, image_path, image_file_name):
+    if image is None:
+        return '', '', '', '', ''
+    try:
+        geninfo, items = images.read_info_from_image(image)
+        items = {**{'parameters': geninfo}, **items}
+
+        info = ''
+        for key, text in items.items():
+            info += f"""
+                <div>
+                <p><b>{plaintext_to_html(str(key))}</b></p>
+                <p>{plaintext_to_html(str(text))}</p>
+                </div>
+                """.strip()+"\n"
+    except UnidentifiedImageError as e:
+        geninfo = None
+        info = ""
+    
+    if geninfo is None:
+        try:
+            filename = os.path.splitext(image_file_name)[0] + ".txt"
+            geninfo = ""
+            with open(filename) as f:
+                for line in f:
+                    geninfo += line
+        except Exception:
+            logger.warning(f"run_pnginfo: No EXIF in image or txt file")
+
+    if openoutpaint:
+        prompt, neg_prompt = wib_db.select_prompts(image_file_name)
+        if prompt == "0":
+            prompt = ""
+        if neg_prompt == "0":
+            neg_prompt = ""
+    else:
+        prompt = ""
+        neg_prompt = ""
+
+    return '', geninfo, info, prompt, neg_prompt
+
+
+def on_ui_tabs():
+    global num_of_imgs_per_page, loads_files_num, js_dummy_return
+    num_of_imgs_per_page = int(opts.image_browser_page_columns * opts.image_browser_page_rows)
+    loads_files_num = int(opts.image_browser_pages_perload * num_of_imgs_per_page)
+    with gr.Blocks(analytics_enabled=False) as image_browser:
+        gradio_needed = "3.23.0"
+        if version.parse(gr.__version__) < version.parse(gradio_needed):
+            gr.HTML(f'<p style="color: red; font-weight: bold;">You are running Gradio version {gr.__version__}. This version of the extension requires at least Gradio version {gradio_needed}.</p><p style="color: red; font-weight: bold;">For more details see <a href="https://github.com/AlUlkesh/stable-diffusion-webui-images-browser/issues/116#issuecomment-1493259585" target="_blank">https://github.com/AlUlkesh/stable-diffusion-webui-images-browser/issues/116#issuecomment-1493259585</a></p>')
+        else:
+            with gr.Tabs(elem_id="image_browser_tabs_container") as tabs:
+                js_dummy_return = gr.Textbox(interactive=False, visible=False)
+                for i, tab in enumerate(tabs_list):
+                    with gr.Tab(tab.name, elem_id=f"{tab.base_tag}_image_browser_container") as current_gr_tab:
+                        with gr.Blocks(analytics_enabled=False):
+                            create_tab(tab, current_gr_tab)
+            gr.Checkbox(value=opts.image_browser_preload, elem_id="image_browser_preload", visible=False)
+            gr.Textbox(",".join( [tab.base_tag for tab in tabs_list] ), elem_id="image_browser_tab_base_tags_list", visible=False)
+            gr.Checkbox(value=opts.image_browser_swipe, elem_id=f"image_browser_swipe")
+
+            javascript_level_value, (javascript_level, javascript_level_text) = debug_levels(arg_level="javascript")
+            level_value, (level, level_text) = debug_levels(arg_text=opts.image_browser_debug_level)
+            if level_value >= javascript_level_value:
+                debug_level_option = level
+            else:
+                debug_level_option = ""
+            gr.Textbox(value=debug_level_option, elem_id="image_browser_debug_level_option", visible=False)
+
+    return (image_browser, "Image Browser", "image_browser"),
+
+def move_setting(cur_setting_name, old_setting_name, option_info, section, added):
+    try:
+        old_value = shared.opts.__getattr__(old_setting_name)
+    except AttributeError:
+        old_value = None
+    try:
+        new_value = shared.opts.__getattr__(cur_setting_name)
+    except AttributeError:
+        new_value = None
+    if old_value is not None and new_value is None:
+        # Add new option
+        shared.opts.add_option(cur_setting_name, shared.OptionInfo(*option_info, section=section))
+        shared.opts.__setattr__(cur_setting_name, old_value)
+        added = added + 1
+        # Remove old option
+        shared.opts.data.pop(old_setting_name, None)
+
+    return added
+
+def on_ui_settings():
+    # [current setting_name], [old setting_name], [default], [label], [component], [component_args]
+    active_tabs_description = f"List of active tabs (separated by commas). Available options are {', '.join(default_tab_options)}. Custom folders are also supported by specifying their path."
+    debug_level_choices = []
+    for i in range(len(debug_level_types)):
+        level_value, (level, level_text) = debug_levels(arg_value=i)
+        debug_level_choices.append(level_text)
+
+    image_browser_options = [
+        ("image_browser_active_tabs", None, ", ".join(default_tab_options), active_tabs_description),
+        ("image_browser_hidden_components", None, [], "Select components to hide", DropdownMulti, lambda: {"choices": components_list}),
+        ("image_browser_with_subdirs", "images_history_with_subdirs", True, "Include images in sub directories"),
+        ("image_browser_preload", "images_history_preload", False, "Preload images at startup for first tab"),
+        ("image_browser_copy_image", "images_copy_image", False, "Move buttons copy instead of move"),
+        ("image_browser_delete_message", "images_delete_message", True, "Print image deletion messages to the console"),
+        ("image_browser_txt_files", "images_txt_files", True, "Move/Copy/Delete matching .txt files"),
+        ("image_browser_debug_level", None, debug_level_choices[0], "Debug level", gr.Dropdown, lambda: {"choices": debug_level_choices}),
+        ("image_browser_delete_recycle", "images_delete_recycle", True, "Use recycle bin when deleting images"),
+        ("image_browser_scan_exif", "images_scan_exif", True, "Scan Exif-/.txt-data (initially slower, but required for many features to work)"),
+        ("image_browser_mod_shift", None, False, "Change CTRL keybindings to SHIFT"),
+        ("image_browser_mod_ctrl_shift", None, False, "or to CTRL+SHIFT"),
+        ("image_browser_enable_maint", None, True, "Enable Maintenance tab"),
+        ("image_browser_ranking_pnginfo", None, False, "Save ranking in image's pnginfo"),
+        ("image_browser_page_columns", "images_history_page_columns", 6, "Number of columns on the page"),
+        ("image_browser_page_rows", "images_history_page_rows", 6, "Number of rows on the page"),
+        ("image_browser_pages_perload", "images_history_pages_perload", 20, "Minimum number of pages per load"),
+        ("image_browser_use_thumbnail", None, False, "Use optimized images in the thumbnail interface (significantly reduces the amount of data transferred)"),
+        ("image_browser_thumbnail_size", None, 200, "Size of the thumbnails (px)"),
+        ("image_browser_swipe", None, False, "Swipe left/right navigates to the next image"),
+        ("image_browser_img_tooltips", None, True, "Enable thumbnail tooltips"),
+        ("image_browser_scoring_type", None, "aesthetic_score", "Default scoring type", gr.Dropdown, lambda: {"choices": ["aesthetic_score", "ImageReward Score"]}),
+        ("image_browser_show_progress", None, True, "Show progress indicator"),
+    ]
+
+    section = ('image-browser', "Image Browser")
+    # Move historic setting names to current names
+    added = 0
+    for cur_setting_name, old_setting_name, *option_info in image_browser_options:
+        if old_setting_name is not None:
+            added = move_setting(cur_setting_name, old_setting_name, option_info, section, added)
+    if added > 0:
+        shared.opts.save(shared.config_filename)
+
+    for cur_setting_name, _, *option_info in image_browser_options:
+        shared.opts.add_option(cur_setting_name, shared.OptionInfo(*option_info, section=section))
+
+script_callbacks.on_ui_settings(on_ui_settings)
+script_callbacks.on_ui_tabs(on_ui_tabs)

scripts/wib/wib_db.py

@@ -0,0 +1,888 @@
+import hashlib
+import json
+import os
+import sqlite3
+from modules import scripts
+from PIL import Image
+
+version = 6
+
+path_recorder_file = os.path.join(scripts.basedir(), "path_recorder.txt")
+aes_cache_file = os.path.join(scripts.basedir(), "aes_scores.json")
+exif_cache_file = os.path.join(scripts.basedir(), "exif_data.json")
+ranking_file = os.path.join(scripts.basedir(), "ranking.json")
+archive = os.path.join(scripts.basedir(), "archive")
+db_file = os.path.join(scripts.basedir(), "wib.sqlite3")
+np = "Negative prompt: "
+st = "Steps: "
+timeout = 30
+
+def create_filehash(cursor):
+    cursor.execute('''
+        CREATE TABLE IF NOT EXISTS filehash (
+            file TEXT PRIMARY KEY,
+            hash TEXT,
+            created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+            updated TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+        )
+    ''')
+
+    cursor.execute('''
+        CREATE TRIGGER filehash_tr 
+        AFTER UPDATE ON filehash
+        BEGIN
+            UPDATE filehash SET updated = CURRENT_TIMESTAMP WHERE file = OLD.file;
+        END;
+    ''')
+
+    return
+
+def create_work_files(cursor):
+    cursor.execute('''
+        CREATE TABLE IF NOT EXISTS work_files (
+            file TEXT PRIMARY KEY
+        )
+    ''')
+
+    return
+
+def create_db(cursor):
+    cursor.execute('''
+        CREATE TABLE IF NOT EXISTS db_data (
+            key TEXT PRIMARY KEY,
+            value TEXT
+        )
+    ''')
+
+    cursor.execute('''
+        CREATE TABLE IF NOT EXISTS path_recorder (
+            path TEXT PRIMARY KEY,
+            depth INT,
+            path_display TEXT,
+            created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+            updated TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+        )
+    ''')
+
+    cursor.execute('''
+        CREATE TRIGGER path_recorder_tr 
+        AFTER UPDATE ON path_recorder
+        BEGIN
+            UPDATE path_recorder SET updated = CURRENT_TIMESTAMP WHERE path = OLD.path;
+        END;
+    ''')
+
+    cursor.execute('''
+        CREATE TABLE IF NOT EXISTS exif_data (
+            file TEXT,
+            key TEXT,
+            value TEXT,
+            created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+            updated TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+            PRIMARY KEY (file, key)
+        )
+    ''')
+
+    cursor.execute('''
+        CREATE INDEX IF NOT EXISTS exif_data_key ON exif_data (key)
+    ''')
+
+    cursor.execute('''
+        CREATE TRIGGER exif_data_tr 
+        AFTER UPDATE ON exif_data
+        BEGIN
+            UPDATE exif_data SET updated = CURRENT_TIMESTAMP WHERE file = OLD.file AND key = OLD.key;
+        END;
+    ''')
+
+    cursor.execute('''
+        CREATE TABLE IF NOT EXISTS ranking (
+            file TEXT PRIMARY KEY,
+            name TEXT,
+            ranking TEXT,
+            created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+            updated TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+        )
+    ''')
+
+    cursor.execute('''
+        CREATE INDEX IF NOT EXISTS ranking_name ON ranking (name)
+    ''')
+
+    cursor.execute('''
+        CREATE TRIGGER ranking_tr 
+        AFTER UPDATE ON ranking
+        BEGIN
+            UPDATE ranking SET updated = CURRENT_TIMESTAMP WHERE file = OLD.file;
+        END;
+    ''')
+
+    create_filehash(cursor)
+    create_work_files(cursor)
+
+    return
+
+def migrate_path_recorder(cursor):
+    if os.path.exists(path_recorder_file):
+        try:
+            with open(path_recorder_file) as f:
+                # json-version
+                path_recorder = json.load(f)
+            for path, values in path_recorder.items():
+                path = os.path.realpath(path)
+                depth = values["depth"]
+                path_display = f"{path} [{depth}]"
+                cursor.execute('''
+                INSERT INTO path_recorder (path, depth, path_display)
+                VALUES (?, ?, ?)
+                ''', (path, depth, path_display))
+        except json.JSONDecodeError:
+            with open(path_recorder_file) as f:
+                # old txt-version
+                path = f.readline().rstrip("\n")
+                while len(path) > 0:
+                    path = os.path.realpath(path)
+                    cursor.execute('''
+                    INSERT INTO path_recorder (path, depth, path_display)
+                    VALUES (?, ?, ?)
+                    ''', (path, 0, f"{path} [0]"))
+                    path = f.readline().rstrip("\n")
+
+    return
+
+def update_exif_data(cursor, file, info):
+    prompt = "0"
+    negative_prompt = "0"
+    key_values = "0: 0"
+    if info != "0":
+        info_list = info.split("\n")
+        prompt = ""
+        negative_prompt = ""
+        key_values = ""
+        for info_item in info_list:
+            if info_item.startswith(st):
+                key_values = info_item
+            elif info_item.startswith(np):
+                negative_prompt = info_item.replace(np, "")
+            else:
+                if prompt == "":
+                    prompt = info_item
+                else:
+                    # multiline prompts
+                    prompt = f"{prompt}\n{info_item}"
+    if key_values != "":
+        key_value_pairs = []
+        key_value = ""
+        quote_open = False
+        for char in key_values + ",":
+            key_value += char
+            if char == '"':
+                quote_open = not quote_open
+            if char == "," and not quote_open:
+                try:
+                    k, v = key_value.strip(" ,").split(": ")
+                except ValueError:
+                    k = key_value.strip(" ,").split(": ")[0]
+                    v = ""
+                key_value_pairs.append((k, v))
+                key_value = ""
+
+                try:
+                    cursor.execute('''
+                    INSERT INTO exif_data (file, key, value)
+                    VALUES (?, ?, ?)
+                    ''', (file, "prompt", prompt))
+                except sqlite3.IntegrityError:
+                    # Duplicate, delete all "file" entries and try again
+                    cursor.execute('''
+                    DELETE FROM exif_data
+                    WHERE file = ?
+                    ''', (file,))
+
+                    cursor.execute('''
+                    INSERT INTO exif_data (file, key, value)
+                    VALUES (?, ?, ?)
+                    ''', (file, "prompt", prompt))
+
+                cursor.execute('''
+                INSERT INTO exif_data (file, key, value)
+                VALUES (?, ?, ?)
+                ''', (file, "negative_prompt", negative_prompt))
+                
+                for (key, value) in key_value_pairs:
+                    try:
+                        cursor.execute('''
+                        INSERT INTO exif_data (file, key, value)
+                        VALUES (?, ?, ?)
+                        ''', (file, key, value))
+                    except sqlite3.IntegrityError:
+                        pass
+    
+    return
+
+def migrate_exif_data(cursor):
+    if os.path.exists(exif_cache_file):
+        with open(exif_cache_file, 'r') as file:
+            exif_cache = json.load(file)
+        
+        for file, info in exif_cache.items():
+            file = os.path.realpath(file)
+            update_exif_data(cursor, file, info)
+    
+    return
+
+def migrate_ranking(cursor):
+    if os.path.exists(ranking_file):
+        with open(ranking_file, 'r') as file:
+            ranking = json.load(file)
+        for file, info in ranking.items():
+            if info != "None":
+                file = os.path.realpath(file)
+                name = os.path.basename(file)
+                cursor.execute('''
+                INSERT INTO ranking (file, name, ranking)
+                VALUES (?, ?, ?)
+                ''', (file, name, info))
+
+    return
+
+def get_hash(file):
+    # Get filehash without exif info
+    try:
+        image = Image.open(file)
+    except Exception as e:
+        print(e)
+
+    hash = hashlib.sha512(image.tobytes()).hexdigest()
+    image.close()
+    
+    return hash
+
+def migrate_filehash(cursor, version):
+    if version <= "4":
+        create_filehash(cursor)
+    
+    cursor.execute('''
+    SELECT file
+    FROM ranking
+    ''')
+    for (file,) in cursor.fetchall():
+        if os.path.exists(file):
+            hash = get_hash(file)
+            cursor.execute('''
+            INSERT INTO filehash (file, hash)
+            VALUES (?, ?)
+            ''', (file, hash))
+
+    return
+
+def migrate_work_files(cursor):
+    create_work_files(cursor)
+
+    return
+
+def update_db_data(cursor, key, value):
+    cursor.execute('''
+    INSERT OR REPLACE
+    INTO db_data (key, value)
+    VALUES (?, ?)
+    ''', (key, value))
+    
+    return
+
+def get_version():
+    with sqlite3.connect(db_file, timeout=timeout) as conn:
+        cursor = conn.cursor()
+        cursor.execute('''
+        SELECT value
+        FROM db_data
+        WHERE key = 'version'
+        ''',)
+        db_version = cursor.fetchone()
+    
+    return db_version
+
+def migrate_path_recorder_dirs(cursor):
+    cursor.execute('''
+    SELECT path, path_display
+    FROM path_recorder
+    ''')
+    for (path, path_display) in cursor.fetchall():
+        real_path = os.path.realpath(path)
+        if path != real_path:
+            update_from = path
+            update_to = real_path
+            try:
+                cursor.execute('''
+                UPDATE path_recorder
+                SET path = ?,
+                    path_display = ? || SUBSTR(path_display, LENGTH(?) + 1)
+                WHERE path = ?
+                ''', (update_to, update_to, update_from, update_from))
+            except sqlite3.IntegrityError as e:
+                # these are double keys, because the same file can be in the db with different path notations
+                (e_msg,) = e.args
+                if e_msg.startswith("UNIQUE constraint"):
+                    cursor.execute('''
+                    DELETE FROM path_recorder
+                    WHERE path = ?
+                    ''', (update_from,))
+                else:
+                    raise
+
+    return
+
+def migrate_exif_data_dirs(cursor):
+    cursor.execute('''
+    SELECT file
+    FROM exif_data
+    ''')
+    for (filepath,) in cursor.fetchall():
+        (path, file) = os.path.split(filepath)
+        real_path = os.path.realpath(path)
+        if path != real_path:
+            update_from = filepath
+            update_to = os.path.join(real_path, file)
+            try:
+                cursor.execute('''
+                UPDATE exif_data
+                SET file = ?
+                WHERE file = ?
+                ''', (update_to, update_from))
+            except sqlite3.IntegrityError as e:
+                # these are double keys, because the same file can be in the db with different path notations
+                (e_msg,) = e.args
+                if e_msg.startswith("UNIQUE constraint"):
+                    cursor.execute('''
+                    DELETE FROM exif_data
+                    WHERE file = ?
+                    ''', (update_from,))
+                else:
+                    raise
+
+    return
+
+def migrate_ranking_dirs(cursor, db_version):
+    if db_version == "1":
+        cursor.execute('''
+        ALTER TABLE ranking
+        ADD COLUMN name TEXT
+        ''')
+
+        cursor.execute('''
+            CREATE INDEX IF NOT EXISTS ranking_name ON ranking (name)
+        ''')
+
+    cursor.execute('''
+    SELECT file, ranking 
+    FROM ranking
+    ''')
+    for (filepath, ranking) in cursor.fetchall():
+        if filepath == "" or ranking == "None":
+            cursor.execute('''
+            DELETE FROM ranking
+            WHERE file = ?
+            ''', (filepath,))
+        else:
+            (path, file) = os.path.split(filepath)
+            real_path = os.path.realpath(path)
+            name = file
+            update_from = filepath
+            update_to = os.path.join(real_path, file)
+            try:
+                cursor.execute('''
+                UPDATE ranking
+                SET file = ?,
+                    name = ?
+                WHERE file = ?
+                ''', (update_to, name, update_from))
+            except sqlite3.IntegrityError as e:
+                # these are double keys, because the same file can be in the db with different path notations
+                (e_msg,) = e.args
+                if e_msg.startswith("UNIQUE constraint"):
+                    cursor.execute('''
+                    DELETE FROM ranking
+                    WHERE file = ?
+                    ''', (update_from,))
+                else:
+                    raise
+
+    return
+
+def check():
+    if not os.path.exists(db_file):
+        conn, cursor = transaction_begin()
+        print("Image Browser: Creating database")
+        create_db(cursor)
+        update_db_data(cursor, "version", version)
+        migrate_path_recorder(cursor)
+        migrate_exif_data(cursor)
+        migrate_ranking(cursor)
+        migrate_filehash(cursor, str(version))
+        transaction_end(conn, cursor)
+        print("Image Browser: Database created")
+    db_version = get_version()
+    conn, cursor = transaction_begin()
+    if db_version[0] <= "2":
+        # version 1 database had mixed path notations, changed them all to abspath
+        # version 2 database still had mixed path notations, because of windows short name, changed them all to realpath
+        print(f"Image Browser: Upgrading database from version {db_version[0]} to version {version}")
+        migrate_path_recorder_dirs(cursor)
+        migrate_exif_data_dirs(cursor)
+        migrate_ranking_dirs(cursor, db_version[0])
+    if db_version[0] <= "4":
+        migrate_filehash(cursor, db_version[0])
+    if db_version[0] <= "5":
+        migrate_work_files(cursor)
+        update_db_data(cursor, "version", version)
+        print(f"Image Browser: Database upgraded from version {db_version[0]} to version {version}")
+    transaction_end(conn, cursor)
+        
+    return version
+
+def load_path_recorder():
+    with sqlite3.connect(db_file, timeout=timeout) as conn:
+        cursor = conn.cursor()
+        cursor.execute('''
+        SELECT path, depth, path_display
+        FROM path_recorder
+        ''')
+        path_recorder = {path: {"depth": depth, "path_display": path_display} for path, depth, path_display in cursor.fetchall()}
+
+    return path_recorder
+
+def select_ranking(file):
+    with sqlite3.connect(db_file, timeout=timeout) as conn:
+        cursor = conn.cursor()
+        cursor.execute('''
+        SELECT ranking
+        FROM ranking
+        WHERE file = ?
+        ''', (file,))
+        ranking_value = cursor.fetchone()
+
+    if ranking_value is None:
+        return_ranking = "None"
+    else:
+        (return_ranking,) = ranking_value
+    
+    return return_ranking
+
+def update_ranking(file, ranking):
+    name = os.path.basename(file)
+    with sqlite3.connect(db_file, timeout=timeout) as conn:
+        cursor = conn.cursor()
+        if ranking == "None":
+            cursor.execute('''
+            DELETE FROM ranking
+            WHERE file = ? 
+            ''', (file,))
+        else:
+            cursor.execute('''
+            INSERT OR REPLACE
+            INTO ranking (file, name, ranking)
+            VALUES (?, ?, ?)
+            ''', (file, name, ranking))
+            
+            hash = get_hash(file)
+            cursor.execute('''
+            INSERT OR REPLACE
+            INTO filehash (file, hash)
+            VALUES (?, ?)
+            ''', (file, hash))
+    
+    return
+
+def select_image_reward_score(cursor, file):
+    cursor.execute('''
+    SELECT value
+    FROM exif_data
+    WHERE file = ?
+    AND key = 'ImageRewardScore'
+    ''', (file,))
+    image_reward_score = cursor.fetchone()
+    if image_reward_score is None:
+        return_image_reward_score = None
+    else:
+        (return_image_reward_score,) = image_reward_score
+    cursor.execute('''
+    SELECT value
+    FROM exif_data
+    WHERE file = ?
+    AND key = 'prompt'
+    ''', (file,))
+    image_reward_prompt = cursor.fetchone()
+    if image_reward_prompt is None:
+        return_image_reward_prompt = None
+    else:
+        (return_image_reward_prompt,) = image_reward_prompt
+    
+    return return_image_reward_score, return_image_reward_prompt
+
+def update_image_reward_score(cursor, file, image_reward_score):
+    cursor.execute('''
+    INSERT OR REPLACE
+    INTO exif_data (file, key, value)
+    VALUES (?, ?, ?)
+    ''', (file, "ImageRewardScore", image_reward_score))
+
+    return
+
+def update_path_recorder(path, depth, path_display):
+    with sqlite3.connect(db_file, timeout=timeout) as conn:
+        cursor = conn.cursor()
+        cursor.execute('''
+        INSERT OR REPLACE
+        INTO path_recorder (path, depth, path_display)
+        VALUES (?, ?, ?)
+        ''', (path, depth, path_display))
+    
+    return
+
+def update_path_recorder(path, depth, path_display):
+    with sqlite3.connect(db_file, timeout=timeout) as conn:
+        cursor = conn.cursor()
+        cursor.execute('''
+        INSERT OR REPLACE
+        INTO path_recorder (path, depth, path_display)
+        VALUES (?, ?, ?)
+        ''', (path, depth, path_display))
+    
+    return
+
+def delete_path_recorder(path):
+    with sqlite3.connect(db_file, timeout=timeout) as conn:
+        cursor = conn.cursor()
+        cursor.execute('''
+        DELETE FROM path_recorder
+        WHERE path = ?
+        ''', (path,))
+    
+    return
+
+def update_path_recorder_mult(cursor, update_from, update_to):
+    cursor.execute('''
+    UPDATE path_recorder
+    SET path = ?,
+        path_display = ? || SUBSTR(path_display, LENGTH(?) + 1)
+    WHERE path = ?
+    ''', (update_to, update_to, update_from, update_from))
+
+    return
+
+def update_exif_data_mult(cursor, update_from, update_to):
+    update_from = update_from + os.path.sep
+    update_to = update_to + os.path.sep
+    cursor.execute('''
+    UPDATE exif_data
+    SET file = ? || SUBSTR(file, LENGTH(?) + 1)
+    WHERE file like ? || '%'
+    ''', (update_to, update_from, update_from))
+
+    return
+
+def update_ranking_mult(cursor, update_from, update_to):
+    update_from = update_from + os.path.sep
+    update_to = update_to + os.path.sep
+    cursor.execute('''
+    UPDATE ranking
+    SET file = ? || SUBSTR(file, LENGTH(?) + 1)
+    WHERE file like ? || '%'
+    ''', (update_to, update_from, update_from))
+
+    return
+
+def delete_exif_0(cursor):
+    cursor.execute('''
+    DELETE FROM exif_data
+    WHERE file IN (
+        SELECT file FROM exif_data a
+        WHERE value = '0'
+        GROUP BY file
+        HAVING COUNT(*) = (SELECT COUNT(*) FROM exif_data WHERE file = a.file)
+    )
+    ''')
+
+    return
+
+def get_ranking_by_file(cursor, file):
+    cursor.execute('''
+    SELECT ranking
+    FROM ranking
+    WHERE file = ?
+    ''', (file,))
+    ranking_value = cursor.fetchone()
+
+    return ranking_value
+
+def get_ranking_by_name(cursor, name):
+    cursor.execute('''
+    SELECT file, ranking
+    FROM ranking
+    WHERE name = ?
+    ''', (name,))
+    ranking_value = cursor.fetchone()
+
+    if ranking_value is not None:
+        (file, _) = ranking_value
+        cursor.execute('''
+        SELECT hash
+        FROM filehash
+        WHERE file = ? 
+        ''', (file,))
+        hash_value = cursor.fetchone()
+    else:
+        hash_value = None
+
+    return ranking_value, hash_value
+
+def insert_ranking(cursor, file, ranking, hash):
+    name = os.path.basename(file)
+    cursor.execute('''
+    INSERT INTO ranking (file, name, ranking)
+    VALUES (?, ?, ?)
+    ''', (file, name, ranking))
+    
+    cursor.execute('''
+    INSERT OR REPLACE
+    INTO filehash (file, hash)
+    VALUES (?, ?)
+    ''', (file, hash))
+
+    return
+
+def replace_ranking(cursor, file, alternate_file, hash):
+    name = os.path.basename(file)
+    cursor.execute('''
+    UPDATE ranking
+    SET file = ?
+    WHERE file = ?
+    ''', (file, alternate_file))
+
+    cursor.execute('''
+    INSERT OR REPLACE
+    INTO filehash (file, hash)
+    VALUES (?, ?)
+    ''', (file, hash))
+
+    return
+
+def transaction_begin():
+    conn = sqlite3.connect(db_file, timeout=timeout)
+    conn.isolation_level = None
+    cursor = conn.cursor()
+    cursor.execute("BEGIN")
+    return conn, cursor
+
+def transaction_end(conn, cursor):
+    cursor.execute("COMMIT")
+    conn.close()
+    return
+
+def update_exif_data_by_key(cursor, file, key, value):
+    cursor.execute('''
+    INSERT OR REPLACE
+    INTO exif_data (file, key, value)
+    VALUES (?, ?, ?)
+    ''', (file, key, value))
+
+    return
+
+def select_prompts(file):
+    with sqlite3.connect(db_file, timeout=timeout) as conn:
+        cursor = conn.cursor()
+        cursor.execute('''
+        SELECT key, value
+        FROM exif_data
+        WHERE file = ?
+          AND KEY in ('prompt', 'negative_prompt')
+        ''', (file,))
+
+        rows = cursor.fetchall()
+    prompt = ""
+    neg_prompt = ""
+    for row in rows:
+        (key, value) = row
+        if key == 'prompt':
+            prompt = value
+        elif key == 'negative_prompt':
+            neg_prompt = value
+
+    return prompt, neg_prompt
+
+def load_exif_data(exif_cache):
+    with sqlite3.connect(db_file, timeout=timeout) as conn:
+        cursor = conn.cursor()
+        cursor.execute('''
+        SELECT file, group_concat(
+            case when key = 'prompt' or key = 'negative_prompt' then key || ': ' || value || '\n'
+            else key || ': ' || value
+            end, ', ') AS string
+        FROM (
+            SELECT *
+            FROM exif_data
+            ORDER BY
+                CASE WHEN key = 'prompt' THEN 0
+                    WHEN key = 'negative_prompt' THEN 1
+                    ELSE 2 END,
+                key
+        )
+        GROUP BY file
+        ''')
+
+        rows = cursor.fetchall()
+    for row in rows:
+        exif_cache[row[0]] = row[1]
+
+    return exif_cache
+
+def load_exif_data_by_key(cache, key1, key2):
+    with sqlite3.connect(db_file, timeout=timeout) as conn:
+        cursor = conn.cursor()
+        cursor.execute('''
+        SELECT file, value
+        FROM exif_data
+        WHERE key IN (?, ?)
+        ''', (key1, key2))
+
+        rows = cursor.fetchall()
+    for row in rows:
+        cache[row[0]] = row[1]
+
+    return cache
+
+def get_exif_dirs():
+    with sqlite3.connect(db_file, timeout=timeout) as conn:
+        cursor = conn.cursor()
+        cursor.execute('''
+        SELECT file
+        FROM exif_data
+        ''')
+
+    rows = cursor.fetchall()
+
+    dirs = {}
+    for row in rows:
+        dir = os.path.dirname(row[0])
+        dirs[dir] = dir
+
+    return dirs
+
+def fill_work_files(cursor, fileinfos):
+    filenames = [x[0] for x in fileinfos]
+    
+    cursor.execute('''
+    DELETE
+    FROM work_files
+    ''')
+
+    sql = '''
+    INSERT INTO work_files (file)
+    VALUES (?)
+    '''
+
+    cursor.executemany(sql, [(x,) for x in filenames])
+
+    return
+
+def filter_aes(cursor, fileinfos, aes_filter_min_num, aes_filter_max_num, score_type):
+    if score_type == "aesthetic_score":
+        key = "aesthetic_score"
+    else:
+        key = "ImageRewardScore"
+
+    cursor.execute('''
+    DELETE
+    FROM work_files
+    WHERE file not in (
+        SELECT file
+        FROM exif_data b
+        WHERE file = b.file
+          AND b.key = ?
+          AND CAST(b.value AS REAL) between ? and ?
+    )
+    ''', (key, aes_filter_min_num, aes_filter_max_num))
+
+    cursor.execute('''
+    SELECT file
+    FROM work_files
+    ''')
+
+    rows = cursor.fetchall()
+
+    fileinfos_dict = {pair[0]: pair[1] for pair in fileinfos}
+    fileinfos_new = []
+    for (file,) in rows:
+        if fileinfos_dict.get(file) is not None:
+            fileinfos_new.append((file, fileinfos_dict[file]))
+
+    return fileinfos_new
+
+def filter_ranking(cursor, fileinfos, ranking_filter, ranking_filter_min_num, ranking_filter_max_num):
+    if ranking_filter == "None":
+        cursor.execute('''
+        DELETE
+        FROM work_files
+        WHERE file IN (
+            SELECT file
+            FROM ranking b
+            WHERE file = b.file
+        )
+        ''')
+    elif ranking_filter == "Min-max":
+        cursor.execute('''
+        DELETE
+        FROM work_files
+        WHERE file NOT IN (
+            SELECT file
+            FROM ranking b
+            WHERE file = b.file
+            AND b.ranking BETWEEN ? AND ?
+        )
+        ''', (ranking_filter_min_num, ranking_filter_max_num))
+    else:
+        cursor.execute('''
+        DELETE
+        FROM work_files
+        WHERE file NOT IN (
+            SELECT file
+            FROM ranking b
+            WHERE file = b.file
+            AND b.ranking = ?
+        )
+        ''', (ranking_filter,))
+
+    cursor.execute('''
+    SELECT file
+    FROM work_files
+    ''')
+
+    rows = cursor.fetchall()
+    
+    fileinfos_dict = {pair[0]: pair[1] for pair in fileinfos}
+    fileinfos_new = []
+    for (file,) in rows:
+        if fileinfos_dict.get(file) is not None:
+            fileinfos_new.append((file, fileinfos_dict[file]))
+    
+    return fileinfos_new
+
+def select_x_y(cursor, file):
+    cursor.execute('''
+    SELECT value
+    FROM exif_data
+    WHERE file = ?
+    AND key = 'Size'
+    ''', (file,))
+    size_value = cursor.fetchone()
+
+    if size_value is None:
+        x = "?"
+        y = "?"
+    else:
+        (size,) = size_value
+        parts = size.split("x")
+        x = parts[0]
+        y = parts[1]
+
+    return x, y

style.css

@@ -0,0 +1,15 @@
+.thumbnails.svelte-1tkea93.svelte-1tkea93 {
+  justify-content: initial;
+}
+
+.thumbnails.scroll-hide.svelte-g4rw9 {
+  justify-content: initial;
+}
+
+div[id^="image_browser_tab"][id$="image_browser_gallery"].hide_loading > .svelte-gjihhp {
+  display: none;
+}
+
+.image_browser_gallery img {
+  object-fit: scale-down !important;
+}