Add `monitorOption` function

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',

javascript/gallery.js

@@ -1234,6 +1234,7 @@ async function initGallery() { // triggered on gradio change to monitor when ui
   });
   intersectionObserver.observe(el.folders);
   monitorGalleries();
+  monitorOption('browser_gallery_advanced', updateGalleryAdvDisplay);
 }
 
 // register on startup

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) },