From a89d97a1f3070639f71d73bef5d569446e3ba44b Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Tue, 27 Jan 2026 13:23:33 -0800
Subject: [PATCH 01/14] Simplify message clearing

---
 javascript/gallery.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/javascript/gallery.js b/javascript/gallery.js
index 54131386f..adec39527 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -998,7 +998,6 @@ async function thumbCacheCleanup(folder, imgCount, controller, force = false) {
         return;
       }
       const cb_clearMsg = showCleaningMsg(cleanupCount);
-      const tRun = Date.now(); // Doesn't need high resolution
       await idbFolderCleanup(staticGalleryHashes, folder, controller.signal)
         .then((delcount) => {
           const t1 = performance.now();
@@ -1012,10 +1011,7 @@ async function thumbCacheCleanup(folder, imgCount, controller, force = false) {
           }
         })
         .finally(async () => {
-          // Ensure at least enough time to see that it's a message and not the UI breaking/flickering
-          await new Promise((resolve) => {
-            setTimeout(resolve, Math.min(1000, Math.max(1000 - (Date.now() - tRun), 0))); // Total display time of at least 1 second
-          });
+          await new Promise((resolve) => { setTimeout(resolve, 1000); }); // Delay removal by 1 second to ensure at least minimum visibility
           cb_clearMsg();
         });
     },

From 22240b93b5330e1c59e655043be2b4fbe05aad41 Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Tue, 27 Jan 2026 13:26:14 -0800
Subject: [PATCH 02/14] Abort handling helper in SimpleFunctionQueue

---
 javascript/gallery.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/javascript/gallery.js b/javascript/gallery.js
index adec39527..0f431e18c 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -267,6 +267,14 @@ class SimpleFunctionQueue {
     this.#queue = [];
   }
 
+  static abortHandler(identifier, result) {
+    if (typeof result === 'string' || (result instanceof DOMException && result.name === 'AbortError')) {
+      log(identifier, result?.message || result);
+    } else {
+      error(identifier, result.message);
+    }
+  }
+
   /**
    * @param {{
    *  signal: AbortSignal,
@@ -1004,11 +1012,7 @@ async function thumbCacheCleanup(folder, imgCount, controller, force = false) {
           log(`Thumbnail DB cleanup: folder=${folder} kept=${staticGalleryHashes.size} deleted=${delcount} time=${Math.floor(t1 - t0)}ms`);
         })
         .catch((reason) => {
-          if (typeof reason === 'string' || (reason instanceof DOMException && reason.name === 'AbortError')) {
-            log('Thumbnail DB cleanup:', reason?.message || reason);
-          } else {
-            error('Thumbnail DB cleanup:', reason.message);
-          }
+          SimpleFunctionQueue.abortHandler('Thumbnail DB cleanup:', reason);
         })
         .finally(async () => {
           await new Promise((resolve) => { setTimeout(resolve, 1000); }); // Delay removal by 1 second to ensure at least minimum visibility

From b0cd31a0cbd6e758983ed145411af895f2613157 Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Tue, 27 Jan 2026 13:29:48 -0800
Subject: [PATCH 03/14] Formatting and names

---
 javascript/gallery.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/javascript/gallery.js b/javascript/gallery.js
index 0f431e18c..121129c60 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -1022,7 +1022,7 @@ async function thumbCacheCleanup(folder, imgCount, controller, force = false) {
   });
 }
 
-function clearGalleryFolderCache(evt) {
+function folderCleanupRunner(evt) {
   evt.preventDefault();
   evt.stopPropagation();
   if (!currentGalleryFolder) return;
@@ -1045,9 +1045,9 @@ function addCacheClearLabel() { // Don't use async
     div.style.marginBlock = '0.75rem';
 
     const span = document.createElement('span');
-    span.style.cssText = 'font-weight:bold; text-decoration:underline; cursor:pointer; color:var(--color-blue); user-select: none;';
+    span.style.cssText = 'font-weight: bold; text-decoration: underline; cursor: pointer; color: var(--color-blue); user-select: none;';
     span.innerText = '<select a folder first>';
-    span.addEventListener('dblclick', clearGalleryFolderCache);
+    span.addEventListener('dblclick', folderCleanupRunner);
 
     div.append('Clear the thumbnail cache for: ', span, ' (double-click)');
     setting.parentElement.insertAdjacentElement('afterend', div);
@@ -1244,12 +1244,12 @@ async function initGallery() { // triggered on gradio change to monitor when ui
   monitorGalleries();
 }
 
-// Add additional settings info once available
+// Additional settings handling
 
 let galleryClearInitTimeout = 0;
-const tryAddCacheLabel = setInterval(() => {
+const tryCleanupInit = setInterval(() => {
   if (addCacheClearLabel() || ++galleryClearInitTimeout === 60) {
-    clearInterval(tryAddCacheLabel);
+    clearInterval(tryCleanupInit);
   }
 }, 1000);
 

From ef416f962831f7ea58c61ecae132db6d85c5811e Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Tue, 27 Jan 2026 13:32:06 -0800
Subject: [PATCH 04/14] Move gallery reset steps into their own function

---
 javascript/gallery.js | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/javascript/gallery.js b/javascript/gallery.js
index 121129c60..0dcce013f 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -26,13 +26,6 @@ const el = {
 
 const SUPPORTED_EXTENSIONS = ['jpg', 'jpeg', 'png', 'webp', 'tiff', 'jp2', 'jxl', 'gif', 'mp4', 'mkv', 'avi', 'mjpeg', 'mpg', 'avr'];
 
-function resetController(reason) {
-  maintenanceController.abort(reason);
-  const controller = new AbortController();
-  maintenanceController = controller;
-  return controller;
-}
-
 function getVisibleGalleryFiles() {
   if (!el.files) return [];
   return Array.from(el.files.children).filter((node) => node.name && node.offsetParent);
@@ -1022,6 +1015,17 @@ async function thumbCacheCleanup(folder, imgCount, controller, force = false) {
   });
 }
 
+function resetGalleryState(reason) {
+  maintenanceController.abort(reason);
+  const controller = new AbortController();
+  maintenanceController = controller;
+
+  galleryHashes.clear(); // Must happen AFTER the AbortController steps
+  galleryProgressBar.clear();
+  resetGallerySelection();
+  return controller;
+}
+
 function folderCleanupRunner(evt) {
   evt.preventDefault();
   evt.stopPropagation();
@@ -1030,10 +1034,7 @@ function folderCleanupRunner(evt) {
   setTimeout(() => {
     el.clearCacheFolder.style.color = 'var(--color-blue)';
   }, 1000);
-  const controller = resetController('Clearing thumbnails');
-  galleryHashes.clear();
-  galleryProgressBar.clear();
-  resetGallerySelection();
+  const controller = resetGalleryState('Clearing folder thumbnails cache');
   el.files.innerHTML = '';
   thumbCacheCleanup(currentGalleryFolder, 0, controller, true);
 }
@@ -1095,10 +1096,7 @@ async function fetchFilesHT(evt, controller) {
 async function fetchFilesWS(evt) { // fetch file-by-file list over websockets
   if (!url) return;
   // Abort previous controller and point to new controller for next time
-  const controller = resetController('Gallery update'); // Called here because fetchFilesHT isn't called directly
-  galleryHashes.clear(); // Must happen AFTER the AbortController steps
-  galleryProgressBar.clear();
-  resetGallerySelection();
+  const controller = resetGalleryState('Gallery update'); // Called here because fetchFilesHT isn't called directly
 
   el.files.innerHTML = '';
   updateGalleryStyles();

From 2cb68b7432b7a3624cdb8c9041863f3740303f2e Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Tue, 27 Jan 2026 13:41:53 -0800
Subject: [PATCH 05/14] Reusable IDB transaction configuration + update

- Use standard DOMException when rejecting
---
 javascript/indexdb.js | 51 ++++++++++++++++++++++++++++---------------
 1 file changed, 33 insertions(+), 18 deletions(-)

diff --git a/javascript/indexdb.js b/javascript/indexdb.js
index ace3d5843..17d79b93b 100644
--- a/javascript/indexdb.js
+++ b/javascript/indexdb.js
@@ -36,6 +36,37 @@ async function initIndexDB() {
   if (!db) await createDB();
 }
 
+/**
+ * Reusable setup for handling IDB transactions.
+ * @param {Object} resources - Required resources for implementation
+ * @param {IDBTransaction} resources.transaction
+ * @param {AbortSignal} resources.signal
+ * @param {Function} resources.resolve
+ * @param {Function} resources.reject
+ * @param {*} resolveValue - Value to resolve the outer Promise with
+ * @returns {() => void} - Function for manually aborting the transaction
+ */
+function configureTransactionAbort({ transaction, signal, resolve, reject }, resolveValue) {
+  function abortTransaction() {
+    signal.removeEventListener('abort', abortTransaction);
+    transaction.abort();
+  }
+  signal.addEventListener('abort', abortTransaction);
+  transaction.onabort = () => {
+    signal.removeEventListener('abort', abortTransaction);
+    reject(new DOMException(`Aborting database transaction. ${signal.reason}`, 'AbortError'));
+  };
+  transaction.onerror = (e) => {
+    signal.removeEventListener('abort', abortTransaction);
+    reject(new Error('Database transaction error.', e));
+  };
+  transaction.oncomplete = () => {
+    signal.removeEventListener('abort', abortTransaction);
+    resolve(resolveValue);
+  };
+  return abortTransaction;
+}
+
 async function add(record) {
   if (!db) return null;
   return new Promise((resolve, reject) => {
@@ -161,24 +192,8 @@ async function idbFolderCleanup(keepSet, folder, signal) {
   }
   return new Promise((resolve, reject) => {
     const transaction = db.transaction('thumbs', 'readwrite');
-    function abortTransaction() {
-      signal.removeEventListener('abort', abortTransaction);
-      transaction.abort();
-    }
-    signal.addEventListener('abort', abortTransaction);
-    transaction.onabort = () => {
-      signal.removeEventListener('abort', abortTransaction);
-      reject(`Aborting. ${signal.reason}`); // eslint-disable-line prefer-promise-reject-errors
-    };
-    transaction.onerror = () => {
-      signal.removeEventListener('abort', abortTransaction);
-      reject(new Error('Database transaction error'));
-    };
-    transaction.oncomplete = async () => {
-      signal.removeEventListener('abort', abortTransaction);
-      resolve(totalRemovals);
-    };
-
+    const props = { transaction, signal, resolve, reject };
+    const abortTransaction = configureTransactionAbort(props, totalRemovals);
     try {
       const store = transaction.objectStore('thumbs');
       removals.forEach((entry) => { store.delete(entry); });

From 3ca4ebf2d08d2c032c7d1bc5f0785c1dcdc2d620 Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Tue, 27 Jan 2026 13:51:47 -0800
Subject: [PATCH 06/14] Minor updates

---
 javascript/gallery.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/javascript/gallery.js b/javascript/gallery.js
index 0dcce013f..b15be5cdc 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -929,9 +929,10 @@ async function gallerySort(btn) {
 /**
  * Generate and display the overlay to announce cleanup is in progress.
  * @param {number} count - Number of entries being cleaned up
+ * @param {boolean} all - Indicate that all thumbnails are being cleared
  * @returns {ClearMsgCallback}
  */
-function showCleaningMsg(count) {
+function showCleaningMsg(count, all = false) {
   // Rendering performance isn't a priority since this doesn't run often
   const parent = el.folders.parentElement;
   const cleaningOverlay = document.createElement('div');
@@ -946,7 +947,7 @@ function showCleaningMsg(count) {
   msgText.style.cssText = 'font-size: 1.2em';
   msgInfo.style.cssText = 'font-size: 0.9em; text-align: center;';
   msgText.innerText = 'Thumbnail cleanup...';
-  msgInfo.innerText = `Found ${count} old entries`;
+  msgInfo.innerText = all ? 'Clearing all entries' : `Found ${count} old entries`;
   anim.classList.add('idbBusyAnim');
 
   msgDiv.append(msgText, msgInfo);
@@ -955,7 +956,7 @@ function showCleaningMsg(count) {
   return () => { cleaningOverlay.remove(); };
 }
 
-const maintenanceQueue = new SimpleFunctionQueue('Maintenance');
+const maintenanceQueue = new SimpleFunctionQueue('Gallery Maintenance');
 
 /**
  * Handles calling the cleanup function for the thumbnail cache

From 93fc65b2ea552b714df0820995b3c650b4e30153 Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Tue, 27 Jan 2026 13:55:16 -0800
Subject: [PATCH 07/14] Allow addition to monitored options

---
 eslint.config.mjs      | 1 +
 javascript/settings.js | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index fddda6ca1..cd9ee3251 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -53,6 +53,7 @@ const jsConfig = defineConfig([
         generateForever: 'readonly',
         showContributors: 'readonly',
         opts: 'writable',
+        monitorOption: 'readonly',
         sortUIElements: 'readonly',
         all_gallery_buttons: 'readonly',
         selected_gallery_button: 'readonly',
diff --git a/javascript/settings.js b/javascript/settings.js
index ed564b29c..9aa22c626 100644
--- a/javascript/settings.js
+++ b/javascript/settings.js
@@ -11,6 +11,10 @@ const monitoredOpts = [
   { sd_backend: () => gradioApp().getElementById('refresh_sd_model_checkpoint')?.click() },
 ];
 
+function monitorOption(option, callback) {
+  monitoredOpts.push({ [option]: callback });
+}
+
 const AppyOpts = [
   { compact_view: (val, old) => toggleCompact(val, old) },
   { gradio_theme: (val, old) => setTheme(val, old) },

From 9c1f3179807651282cc39d50f19036e51639d984 Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Wed, 28 Jan 2026 13:32:37 -0800
Subject: [PATCH 08/14] Rename `"abortHandler" to "abortLogger"

---
 javascript/gallery.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/javascript/gallery.js b/javascript/gallery.js
index b15be5cdc..f5d135282 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -260,7 +260,7 @@ class SimpleFunctionQueue {
     this.#queue = [];
   }
 
-  static abortHandler(identifier, result) {
+  static abortLogger(identifier, result) {
     if (typeof result === 'string' || (result instanceof DOMException && result.name === 'AbortError')) {
       log(identifier, result?.message || result);
     } else {
@@ -1006,7 +1006,7 @@ async function thumbCacheCleanup(folder, imgCount, controller, force = false) {
           log(`Thumbnail DB cleanup: folder=${folder} kept=${staticGalleryHashes.size} deleted=${delcount} time=${Math.floor(t1 - t0)}ms`);
         })
         .catch((reason) => {
-          SimpleFunctionQueue.abortHandler('Thumbnail DB cleanup:', reason);
+          SimpleFunctionQueue.abortLogger('Thumbnail DB cleanup:', reason);
         })
         .finally(async () => {
           await new Promise((resolve) => { setTimeout(resolve, 1000); }); // Delay removal by 1 second to ensure at least minimum visibility

From fa0670fcd9e3e7740b261ad331f0697bb7476aeb Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Wed, 28 Jan 2026 20:34:09 -0800
Subject: [PATCH 09/14] Block maintenanceQueue until cache is ready

---
 eslint.config.mjs     |  1 +
 javascript/gallery.js | 18 ++++++++++++++++++
 javascript/indexdb.js |  4 ++++
 3 files changed, 23 insertions(+)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index cd9ee3251..6afd37a0f 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -99,6 +99,7 @@ const jsConfig = defineConfig([
         idbAdd: 'readonly',
         idbCount: 'readonly',
         idbFolderCleanup: 'readonly',
+        idbIsReady: 'readonly',
         initChangelog: 'readonly',
         sendNotification: 'readonly',
         monitorConnection: 'readonly',
diff --git a/javascript/gallery.js b/javascript/gallery.js
index f5d135282..4bebc3b1a 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -1212,6 +1212,22 @@ async function setOverlayAnimation() {
   document.head.append(busyAnimation);
 }
 
+async function blockQueueUntilReady() {
+  // Add block to maintenanceQueue until cache is ready
+  maintenanceQueue.enqueue({
+    signal: new AbortSignal(), // Use standalone AbortSignal that can't be aborted
+    callback: async () => {
+      let timeout = 0;
+      while (!idbIsReady() && timeout++ < 60) {
+        await new Promise((resolve) => { setTimeout(resolve, 1000); });
+      }
+      if (!idbIsReady()) {
+        throw new Error('Timed out waiting for thumbnail cache');
+      }
+    },
+  });
+}
+
 async function initGallery() { // triggered on gradio change to monitor when ui gets sufficiently constructed
   log('initGallery');
   el.folders = gradioApp().getElementById('tab-gallery-folders');
@@ -1222,6 +1238,8 @@ async function initGallery() { // triggered on gradio change to monitor when ui
     error('initGallery', 'Missing gallery elements');
     return;
   }
+
+  blockQueueUntilReady(); // Run first
   updateGalleryStyles();
   injectGalleryStatusCSS();
   setOverlayAnimation();
diff --git a/javascript/indexdb.js b/javascript/indexdb.js
index 17d79b93b..1998597d8 100644
--- a/javascript/indexdb.js
+++ b/javascript/indexdb.js
@@ -36,6 +36,10 @@ async function initIndexDB() {
   if (!db) await createDB();
 }
 
+function idbIsReady() {
+  return db !== null;
+}
+
 /**
  * Reusable setup for handling IDB transactions.
  * @param {Object} resources - Required resources for implementation

From c25b7ac58fbf1a8809706eeb4273d244d3211bfb Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Wed, 28 Jan 2026 20:37:14 -0800
Subject: [PATCH 10/14] Clear cache when it is disabled

---
 eslint.config.mjs     |  1 +
 javascript/gallery.js | 44 ++++++++++++++++++++++++++++++++++---------
 javascript/indexdb.js | 10 ++++++++++
 3 files changed, 46 insertions(+), 9 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 6afd37a0f..75d1f22e9 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -99,6 +99,7 @@ const jsConfig = defineConfig([
         idbAdd: 'readonly',
         idbCount: 'readonly',
         idbFolderCleanup: 'readonly',
+        idbClearAll: 'readonly',
         idbIsReady: 'readonly',
         initChangelog: 'readonly',
         sendNotification: 'readonly',
diff --git a/javascript/gallery.js b/javascript/gallery.js
index 4bebc3b1a..0054d69e8 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -1027,6 +1027,30 @@ function resetGalleryState(reason) {
   return controller;
 }
 
+function clearCacheIfDisabled(browser_cache) {
+  if (browser_cache === false) {
+    log('Thumbnail DB cleanup:', 'Image gallery cache setting disabled. Clearing cache.');
+    const controller = resetGalleryState('Clearing all thumbnails from cache');
+    maintenanceQueue.enqueue({
+      signal: controller.signal,
+      callback: async () => {
+        const cb_clearMsg = showCleaningMsg(0, true);
+        await idbClearAll(controller.signal)
+          .then(() => {
+            cb_clearMsg();
+            currentGalleryFolder = null;
+            el.clearCacheFolder.innerText = '<select a folder first>';
+            updateStatusWithSort('Thumbnail cache cleared');
+            log('Thumbnail DB cleanup: Cache cleared');
+          })
+          .catch((e) => {
+            SimpleFunctionQueue.abortLogger('Thumbnail DB cleanup:', e);
+          });
+      },
+    });
+  }
+}
+
 function folderCleanupRunner(evt) {
   evt.preventDefault();
   evt.stopPropagation();
@@ -1212,6 +1236,16 @@ async function setOverlayAnimation() {
   document.head.append(busyAnimation);
 }
 
+async function galleryClearInit() {
+  let galleryClearInitTimeout = 0;
+  const tryCleanupInit = setInterval(() => {
+    if (addCacheClearLabel() || galleryClearInitTimeout++ === 60) {
+      clearInterval(tryCleanupInit);
+      monitorOption('browser_cache', clearCacheIfDisabled);
+    }
+  }, 1000);
+}
+
 async function blockQueueUntilReady() {
   // Add block to maintenanceQueue until cache is ready
   maintenanceQueue.enqueue({
@@ -1243,6 +1277,7 @@ async function initGallery() { // triggered on gradio change to monitor when ui
   updateGalleryStyles();
   injectGalleryStatusCSS();
   setOverlayAnimation();
+  galleryClearInit();
   const progress = gradioApp().getElementById('tab-gallery-progress');
   if (progress) {
     galleryProgressBar.attachTo(progress);
@@ -1261,15 +1296,6 @@ async function initGallery() { // triggered on gradio change to monitor when ui
   monitorGalleries();
 }
 
-// Additional settings handling
-
-let galleryClearInitTimeout = 0;
-const tryCleanupInit = setInterval(() => {
-  if (addCacheClearLabel() || ++galleryClearInitTimeout === 60) {
-    clearInterval(tryCleanupInit);
-  }
-}, 1000);
-
 // register on startup
 
 customElements.define('gallery-folder', GalleryFolder);
diff --git a/javascript/indexdb.js b/javascript/indexdb.js
index 1998597d8..1115137a4 100644
--- a/javascript/indexdb.js
+++ b/javascript/indexdb.js
@@ -208,6 +208,16 @@ async function idbFolderCleanup(keepSet, folder, signal) {
   });
 }
 
+async function idbClearAll(signal) {
+  if (!db) return null;
+  return new Promise((resolve, reject) => {
+    const transaction = db.transaction(['thumbs'], 'readwrite');
+    const props = { transaction, signal, resolve, reject };
+    configureTransactionAbort(props, null);
+    transaction.objectStore('thumbs').clear();
+  });
+}
+
 window.idbAdd = add;
 window.idbDel = del;
 window.idbGet = get;

From 2925577ec2a80504790f2a9fc220d3e9734ae622 Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Wed, 28 Jan 2026 20:43:00 -0800
Subject: [PATCH 11/14] Ensure message clear function always runs

---
 javascript/gallery.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/javascript/gallery.js b/javascript/gallery.js
index 0054d69e8..0c5991d16 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -1037,7 +1037,6 @@ function clearCacheIfDisabled(browser_cache) {
         const cb_clearMsg = showCleaningMsg(0, true);
         await idbClearAll(controller.signal)
           .then(() => {
-            cb_clearMsg();
             currentGalleryFolder = null;
             el.clearCacheFolder.innerText = '<select a folder first>';
             updateStatusWithSort('Thumbnail cache cleared');
@@ -1045,6 +1044,9 @@ function clearCacheIfDisabled(browser_cache) {
           })
           .catch((e) => {
             SimpleFunctionQueue.abortLogger('Thumbnail DB cleanup:', e);
+          })
+          .finally(() => {
+            cb_clearMsg();
           });
       },
     });

From 9e9e1e223695fd4daba418083f98367d3da790fa Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Wed, 28 Jan 2026 20:51:58 -0800
Subject: [PATCH 12/14] Minor updates

- Update post-cleanup behavior for `thumbCacheCleanup`
- Add timing info to `clearCacheIfDisabled` log
- Improve visibility of cleanup message during cache clear
---
 javascript/gallery.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/javascript/gallery.js b/javascript/gallery.js
index 0c5991d16..d10e4974c 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -1004,6 +1004,9 @@ async function thumbCacheCleanup(folder, imgCount, controller, force = false) {
         .then((delcount) => {
           const t1 = performance.now();
           log(`Thumbnail DB cleanup: folder=${folder} kept=${staticGalleryHashes.size} deleted=${delcount} time=${Math.floor(t1 - t0)}ms`);
+          currentGalleryFolder = null;
+          el.clearCacheFolder.innerText = '<select a folder first>';
+          updateStatusWithSort('Thumbnail cache cleared');
         })
         .catch((reason) => {
           SimpleFunctionQueue.abortLogger('Thumbnail DB cleanup:', reason);
@@ -1034,18 +1037,20 @@ function clearCacheIfDisabled(browser_cache) {
     maintenanceQueue.enqueue({
       signal: controller.signal,
       callback: async () => {
+        const t0 = performance.now();
         const cb_clearMsg = showCleaningMsg(0, true);
         await idbClearAll(controller.signal)
           .then(() => {
+            log(`Thumbnail DB cleanup: Cache cleared. time=${Math.floor(performance.now() - t0)}ms`);
             currentGalleryFolder = null;
             el.clearCacheFolder.innerText = '<select a folder first>';
             updateStatusWithSort('Thumbnail cache cleared');
-            log('Thumbnail DB cleanup: Cache cleared');
           })
           .catch((e) => {
             SimpleFunctionQueue.abortLogger('Thumbnail DB cleanup:', e);
           })
-          .finally(() => {
+          .finally(async () => {
+            await new Promise((resolve) => { setTimeout(resolve, 1000); });
             cb_clearMsg();
           });
       },

From a74b1f53a97d04eff0f407f7523108ac0ed1ae60 Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Thu, 29 Jan 2026 02:19:27 -0800
Subject: [PATCH 13/14] Fix standalone AbortSignal

---
 javascript/gallery.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/javascript/gallery.js b/javascript/gallery.js
index d10e4974c..5791990c3 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -1256,7 +1256,7 @@ async function galleryClearInit() {
 async function blockQueueUntilReady() {
   // Add block to maintenanceQueue until cache is ready
   maintenanceQueue.enqueue({
-    signal: new AbortSignal(), // Use standalone AbortSignal that can't be aborted
+    signal: new AbortController().signal, // Use standalone AbortSignal that can't be aborted
     callback: async () => {
       let timeout = 0;
       while (!idbIsReady() && timeout++ < 60) {

From a8211bec8444821bbe8b3bcde9912ca2d86b1d3c Mon Sep 17 00:00:00 2001
From: awsr <43862868+awsr@users.noreply.github.com>
Date: Thu, 29 Jan 2026 02:42:50 -0800
Subject: [PATCH 14/14] Remove redundant catch/abort

---
 javascript/indexdb.js | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/javascript/indexdb.js b/javascript/indexdb.js
index 1115137a4..3bac20089 100644
--- a/javascript/indexdb.js
+++ b/javascript/indexdb.js
@@ -197,14 +197,9 @@ async function idbFolderCleanup(keepSet, folder, signal) {
   return new Promise((resolve, reject) => {
     const transaction = db.transaction('thumbs', 'readwrite');
     const props = { transaction, signal, resolve, reject };
-    const abortTransaction = configureTransactionAbort(props, totalRemovals);
-    try {
-      const store = transaction.objectStore('thumbs');
-      removals.forEach((entry) => { store.delete(entry); });
-    } catch (err) {
-      error(err);
-      abortTransaction();
-    }
+    configureTransactionAbort(props, totalRemovals);
+    const store = transaction.objectStore('thumbs');
+    removals.forEach((entry) => { store.delete(entry); });
   });
 }