diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1cd3572c8e0..2c72359fc42 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,8 @@
+## 1.6.1
+
+### Bug Fixes:
+ * fix an error causing the webui to fail to start ([#13839](https://github.com/AUTOMATIC1111/stable-diffusion-webui/pull/13839))
+
 ## 1.6.0
 
 ### Features:
diff --git a/README.md b/README.md
index 64f50bcc6c5..cac91395137 100644
--- a/README.md
+++ b/README.md
@@ -3,6 +3,28 @@ A bespoke, highly adaptable user interface for the Stable Diffusion, utilizing t
 
 ![](screenshot.png)
 
+## Optimizasions
+- Replacing all default Gradio stylesheets in the DOM with an optimized version that promote better visual coherence across components.
+- Eliminating inline styles and Svelte classes from the DOM to minimize clutter and improve efficiency.
+- Removing unnecessary "img2img Extra Networks" from the DOM to reduce duplicated images and event listeners.
+- Eradicating inline event listeners from "txt2img Extra Networks" cards and action buttons.
+- Applying an event delegation pattern to further streamline the code by consolidating event handling for "txt2img Extra Networks" cards and action buttons.
+
+## Features webui-ux 
+- A versatile micro-template engine that can be leveraged by other extensions
+- Customizable theme styles through a user-friendly configuration interface
+- Built-in console log
+- Option to ignore overrides
+- Support for tick marks on input range sliders for improved usability
+- Ability to switch between slider and number input modes, allowing users to enter values manually without displaying the slider.
+
+## Workspaces UI-UX (work in progress)
+The workspaces extension empowers you to create customized views and organize them according to your unique preferences. With an intuitive drag-and-drop interface, you can design workflows that are perfectly tailored to your specific requirements, giving you ultimate control over your work environment.
+
+![workspaces](https://github.com/anapnoe/stable-diffusion-webui-ux/assets/124302297/15db3c70-6fbf-4692-85f3-85cd8df58f47)
+
+[Become a supporter and get early access to Workspaces for UI-UX.](https://buymeacoffee.com/dayanbayah)
+
 ## Todo
 - Improve Mobile Support
 - Fullscreen Gallery Support
diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-app-root.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-app-root.html
index 78e5e3fecdb..77cb68065cc 100644
--- a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-app-root.html
+++ b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-app-root.html
@@ -9,6 +9,7 @@
                         <polygon
                             points="17.3,11.7 15.8,11.7 20.2,19.3 3.8,19.3 12,5.2 14.2,9 15.8,9 12,2.5 1.5,20.7 22.5,20.7 	" />
                     </svg>
+                    <span>Anapnoe</span>
                 </button>
             </div>
             <div id="main_nav_content" class="layout-content">
diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-aside-extra-networks.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-aside-extra-networks.html
index 2a70aef9efa..a2a5ce9da1f 100644
--- a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-aside-extra-networks.html
+++ b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-aside-extra-networks.html
@@ -1,6 +1,6 @@
 <div id="accordion-aside" iconTrigger="#mask-icon-acc-arrow" class="accordion accordion-vertical no-drag">
     <div class="accordion-bar">
-		<button id="ae-button" class="ae-button">
+		<button id="acc-arrow-button" class="ae-button">
 			<div id="mask-icon-acc-arrow" class="mask-icon accordion-icon icon-arrow-down">
 			</div>
 		</button>
@@ -10,24 +10,28 @@
 				<a title="Use via API" target="_blank" href="/docs" >
 					<div title ="Use via API" class="mask-icon icon-rocket">			
 					</div>
+                    <span>Use via API</span>
 				</a>
 			</button>
 			<button class="ae-button">
 				<a title="Github" target="_blank" href="https://github.com/anapnoe/stable-diffusion-webui-ux">
 					<div class="mask-icon icon-github">			
 					</div>
+                    <span>Github</span>
 				</a>
 			</button>
 			<button class="ae-button">
 				<a title="Gradio" target="_blank" href="https://gradio.app" >
 					<div class="mask-icon icon-gradio">			
 					</div>
+                    <span>Gradio</span>
 				</a>
 			</button>
 			<button class="ae-button">
 				<a title="Reload UI" href="/" onclick="javascript:gradioApp().getElementById('settings_restart_gradio').click(); return false">
 					<div class="mask-icon icon-reload">			
 					</div>
+                    <span>Reload UI</span>
 				</a>
 			</button>
 			<div class="flexbox col spacer-v">
diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-extras-params.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-extras-params.html
index ad35a05c6f4..b48933603be 100644
--- a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-extras-params.html
+++ b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-extras-params.html
@@ -10,7 +10,7 @@
                 <button title="Extras Results" tabItemId="#extras_results_mobile_tabitem" tabGroup="extras" id="extras_results_mobile" class="xtabs-tab mobile">
                     <div class="mask-icon icon-results">
                     </div>
-                    <span>Extras Results</span>
+                    <span>Results</span>
                 </button>
             </div>
             <div class="flexbox row flex-end">
diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-extras-results.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-extras-results.html
index 36a855abbb2..62d60a6c9c3 100644
--- a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-extras-results.html
+++ b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-extras-results.html
@@ -38,7 +38,7 @@
                   </button>
                 </div>
               </div>
-              <div id="acc-ec-3" class="accordion-container">
+              <div id="acc-ec-3" class="accordion-container .info-results-container">
                 <div id="flexbox-e4" class="flexbox col">
                   <div id="portal-e30" data-parent-selector="#tab_extras" data-selector="#html_info_x_extras" class="portal hide-empty">
                   </div>
diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-img2img-params.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-img2img-params.html
index f4c548d88b2..9f143d4c79d 100644
--- a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-img2img-params.html
+++ b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-img2img-params.html
@@ -30,7 +30,7 @@
                 <button title="img2img Results" tabItemId="#img2img_results_mobile_tabitem" tabGroup="img2img" id="img2img_results_mobile" class="xtabs-tab mobile">
                     <div class="mask-icon icon-results">
                     </div>
-                    <span>img2img Results</span>
+                    <span>Results</span>
                 </button>
              <!--    <button tabItemId="#img2img_temp_tabitem" tabGroup="img2img" class="xtabs-tab">
                     <div id="mask-icon-28i" class="mask-icon icon-bug">
@@ -319,7 +319,9 @@
                         </div>
                         <div data-selector="#img2img_enable" data-parent-selector="#tab_img2img" class="portal">
                         </div>
-                        <div data-selector="#img2img_override_settings_row" data-parent-selector="#tab_img2img" class="portal no-padding no-bg hide-empty">
+                        <div class="flexbox group row">
+                            <div data-selector="#img2img_override_settings" data-parent-selector="#tab_img2img" class="portal">
+                            </div>
                         </div>
 						<div data-selector="#layout-img2img .gradio-accordion:has( div[id^='setting_'])" data-parent-selector="gradio-app" class="portal hide-empty">
                         </div>
diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-img2img-results.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-img2img-results.html
index ff6041c3e2f..f6db8500ef0 100644
--- a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-img2img-results.html
+++ b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-img2img-results.html
@@ -50,7 +50,7 @@
                   </button>
                 </div>
               </div>
-              <div id="acc-c-33" class="accordion-container">
+              <div id="acc-c-33" class="accordion-container info-results-container">
                 <div id="flexbox-43" class="flexbox col">
                   <div id="portal-293" data-parent-selector="#tab_img2img" data-selector="#download_files_img2img" data-vis="true" class="portal shrink hide-empty">
                   </div>
diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-pnginfo.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-pnginfo.html
index f77ab7cb5bc..78a20c0fb47 100644
--- a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-pnginfo.html
+++ b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-pnginfo.html
@@ -1,7 +1,7 @@
 <div id="layout-pnginfo-group" class="flexbox col">
 	<div id="layout-pnginfo" class="layout">
 	  <div class="layout-header">
-		<div id="flexbox-10" class="flexbox row panel icons-bar center no-padding">
+		<div id="pnginfo_send_buttons" class="flexbox row panel icons-bar center no-padding">
 		<button id="ae-button-e77" class="ae-button" data-click="#txt2img_nav, #txt2img_params">
 		  <div id="portal-26" data-selector="#txt2img_tab" data-parent-selector="#tab_pnginfo" droppable="true" class="portal invisible">
 			<div id="icon-2" class="mask-icon icon-2txt2img">
diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-train-params.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-train-params.html
index b17180d8022..0e7d558cfbb 100644
--- a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-train-params.html
+++ b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-train-params.html
@@ -10,7 +10,7 @@
                 <button title="train Results" tabItemId="#train_results_mobile_tabitem" tabGroup="train" id="train_results_mobile" class="xtabs-tab mobile">
                     <div class="mask-icon icon-results">
                     </div>
-                    <span>Train Results</span>
+                    <span>Results</span>
                 </button>
             </div>
             
diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-txt2img-params.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-txt2img-params.html
index ed6bc1d8713..7b00e5733b1 100644
--- a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-txt2img-params.html
+++ b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-txt2img-params.html
@@ -26,7 +26,7 @@
                 <button title="txt2img Results" tabItemId="#txt2img_results_mobile_tabitem" tabGroup="txt2img" id="txt2img_results_mobile" class="xtabs-tab mobile">
                     <div class="mask-icon icon-results">
                     </div>
-                    <span>txt2img Results</span>
+                    <span>Results</span>
                 </button>
                <!--  <button tabItemId="#txt2img_temp_tabitem" tabGroup="txt2img" class="xtabs-tab">
                     <div class="mask-icon icon-bug">
@@ -235,7 +235,9 @@
                                 </div>
                                 <div data-selector="#txt2img_hr" data-parent-selector="#tab_txt2img" class="portal">
                                 </div>
-                                <div data-selector="#txt2img_override_settings_row" data-parent-selector="#tab_txt2img" class="portal no-padding no-bg hide-empty">
+                                <div class="flexbox group row">
+                                    <div data-selector="#txt2img_override_settings" data-parent-selector="#tab_txt2img" class="portal">
+                                    </div>
                                 </div>
 								<div data-selector="#layout-txt2img  .gradio-accordion:has( div[id^='setting_'])" data-parent-selector="gradio-app"
                                     class="portal hide-empty">
diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-txt2img-results.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-txt2img-results.html
index 0a7ae429e42..541f9ffe26f 100644
--- a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-txt2img-results.html
+++ b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-txt2img-results.html
@@ -51,7 +51,7 @@
                   </button>
                 </div>
               </div>
-              <div id="acc-c-3" class="accordion-container">
+              <div id="acc-c-3" class="accordion-container info-results-container">
                 <div id="flexbox-4" class="flexbox col">
                   <div id="portal-29" data-parent-selector="#tab_txt2img" data-selector="#download_files_txt2img" data-vis="true" class="portal shrink hide-empty">
                   </div>
diff --git a/extensions-builtin/anapnoe-sd-uiux/javascript/anapnoe_sd_uiux_core.js b/extensions-builtin/anapnoe-sd-uiux/javascript/anapnoe_sd_uiux_core.js
index 8f5030a1812..dda43639644 100644
--- a/extensions-builtin/anapnoe-sd-uiux/javascript/anapnoe_sd_uiux_core.js
+++ b/extensions-builtin/anapnoe-sd-uiux/javascript/anapnoe_sd_uiux_core.js
@@ -51,6 +51,15 @@ window.extraNetworksEditUserMetadata = function(event, tabname, extraPage, cardN
     //event.stopPropagation();
 }
 
+window.get_uiCurrentTabContent = function(){
+    //console.log(active_main_tab);
+    if(active_main_tab.id === "tab_txt2img"){
+        return document.getElementById("txt2img_tabitem");
+    }else if(active_main_tab.id === "tab_img2img"){
+        return document.getElementById("img2img_tabitem");
+    }
+}
+
 async function getContributors(repoName, page = 1) {  
     let request = await fetch(`https://api.github.com/repos/${repoName}/contributors?per_page=100&page=${page}`, {
         method: 'GET',
@@ -89,13 +98,15 @@ const anapnoe_app_id = "#anapnoe_app";
 function detectMobile() {
     return ( ( window.innerWidth <= 768 ) );//&& ( window.innerHeight <= 600 ) );
 }
+/* 
 function debounce(func){
     var timer;
     return function(event){
       if(timer) clearTimeout(timer);
       timer = setTimeout(func,100,event);
     };
-}
+} 
+*/
 
 function applyDefaultLayout(isMobile){
     anapnoe_app.querySelectorAll("[mobile]").forEach((tabItem) => {   
@@ -124,6 +135,13 @@ function applyDefaultLayout(isMobile){
             }
         }           
     });
+
+    if(isMobile){ 
+        anapnoe_app.querySelector(".accordion-vertical.expand #mask-icon-acc-arrow")?.click();
+        anapnoe_app.classList.add("default-mobile");
+    }else{
+        anapnoe_app.classList.remove("default-mobile");
+    }
 }
 
 function switchMobile(){
@@ -131,17 +149,23 @@ function switchMobile(){
     //console.log(optslayout);
     anapnoe_app.classList.add(`default-${optslayout.toLowerCase()}`);
     if(optslayout === "Auto"){           
-        window.addEventListener("resize",debounce(function(e){
+        /*  
+        window.addEventListener("resize", debounce(function(e){
+            const isMobile = detectMobile();
+            applyDefaultLayout(isMobile);
+        })); 
+        */
+        window.addEventListener('resize', function(event){
             const isMobile = detectMobile();
             applyDefaultLayout(isMobile);
-        }));
+        });
         applyDefaultLayout(detectMobile());
+
     }else if(optslayout === "Mobile"){
         applyDefaultLayout(true);
     }else{
         applyDefaultLayout(false);
-    }
-    
+    }   
 }
 
 
@@ -159,9 +183,7 @@ function mainTabs(element, tab) {
 		ntab.style.display = 'block';
 		//console.log(tab, ntab);
 		active_main_tab = ntab;
-
 	}
-	
 }
 
 function setAttrSelector(parent_elem, content_div, count, index, length) {
@@ -576,33 +598,17 @@ function onUiUxReady(content_div){
 
 
 			setupGenerateObservers();
-
-			localStorage.setItem('UiUxComplete', true);
+            uiuxOptionSettings();
 
 			//const main_nav_content = document.querySelector('#main_nav_content');
 			//const sidebar_tabs = document.querySelector('#sidebar_tabs');
 			//main_nav_content.append(sidebar_tabs);
-			showContributors()
-
-            // sd max resolution output
-            function sdMaxOutputResolution(value) {
-                gradioApp().querySelectorAll('[id$="2img_width"] input,[id$="2img_height"] input').forEach((elem) => {
-                    elem.max = value;
-                })
-            }
-            gradioApp().querySelector("#setting_uiux_max_resolution_output").addEventListener('input', function (e) {
-                let intvalue = parseInt(e.target.value);
-                intvalue = Math.min(Math.max(intvalue, 512), 16384);
-                sdMaxOutputResolution(intvalue);					
-            })	
-            sdMaxOutputResolution(window.opts.uiux_max_resolution_output);
-
+			showContributors()           
             switchMobile();
+            
+            
+            localStorage.setItem('UiUxComplete', true);
 			
-
-
-			
-
 		}
 	}, 500); 
 
@@ -651,8 +657,6 @@ function setupGenerateObservers(){
 
 }
 
-
-
 function initDefaultComponents(content_div) {
 	const anapnoe_app = document.querySelector(anapnoe_app_id);
 	content_div.querySelectorAll(`div.split`).forEach((el) => {
@@ -837,9 +841,6 @@ function initDefaultComponents(content_div) {
 			el.classList.add('active');
 			callToAction(el, tids, pid);
 
-           
-
-
 		});
 
 		const active = el.getAttribute("active");
@@ -935,6 +936,30 @@ function initDefaultComponents(content_div) {
 
 	});
 
+
+	// try to attach Logger Screen to main before full UIUXReady
+	const asideconsole = document.querySelector("#layout-console-log");
+	asideconsole.append(loggerUiUx);
+	document.querySelector("#logger_screen")?.remove();
+
+
+}
+
+function uiuxOptionSettings(){
+
+    // sd max resolution output
+    function sdMaxOutputResolution(value) {
+        gradioApp().querySelectorAll('[id$="2img_width"] input,[id$="2img_height"] input').forEach((elem) => {
+            elem.max = value;
+        })
+    }
+    gradioApp().querySelector("#setting_uiux_max_resolution_output").addEventListener('input', function (e) {
+        let intvalue = parseInt(e.target.value);
+        intvalue = Math.min(Math.max(intvalue, 512), 16384);
+        sdMaxOutputResolution(intvalue);					
+    })	
+    sdMaxOutputResolution(window.opts.uiux_max_resolution_output);
+
 	// step ticks for performant input range
 	function uiux_show_input_range_ticks(value, interactive) {
 		if (value) {
@@ -974,9 +999,9 @@ function initDefaultComponents(content_div) {
 	uiux_show_input_range_ticks(window.opts.uiux_show_input_range_ticks);
 
 
-    /* function remove_overrides(){	
+    function remove_overrides(){	
 		let checked_overrides = [];
-		gradioApp().querySelectorAll("#setting_ignore_overrides input").forEach(function (elem, i){
+		gradioApp().querySelectorAll("#setting_uiux_ignore_overrides input").forEach(function (elem, i){
 			if(elem.checked){
 				checked_overrides[i] = elem.nextElementSibling.innerHTML;
 			}			
@@ -988,7 +1013,7 @@ function initDefaultComponents(content_div) {
 			let token_value = token_arr[1];
 			token_value = token_value.replaceAll(" ", "");	
 			
-			if(token_name.indexOf("Model hash") != -1){
+			/* if(token_name.indexOf("Model hash") != -1){
 				const info_label = gradioApp().querySelector("[id$='2img_override_settings'] label span");
 				info_label.innerHTML = "Override settings MDL: unknown";
 				for (let m=0; m<sdCheckpointModels.length; m++) {						
@@ -998,7 +1023,7 @@ function initDefaultComponents(content_div) {
 						break;
 					}
 				}	
-			}
+			} */
 			if(checked_overrides.indexOf(token_name) != -1){				
 				token.querySelector(".token-remove").click();
 				gradioApp().querySelector("[id$='2img_override_settings']").classList.add("show");				
@@ -1007,9 +1032,31 @@ function initDefaultComponents(content_div) {
 			}			
 		})
 	}
-	gradioApp().querySelector("#setting_ignore_overrides").addEventListener('click', function (e) {
+	gradioApp().querySelector("#setting_uiux_ignore_overrides").addEventListener('click', function (e) {
 		setTimeout(function() { remove_overrides(); }, 100);		
-	}) */
+	})
+    /*     
+    gradioApp().querySelectorAll("#pnginfo_send_buttons button, #paste").forEach(function (elem) {
+      elem.addEventListener("click", function (e) {     
+        setTimeout(function () {
+            remove_overrides();
+        }, 500);
+      });
+    }); 
+    */
+    const overrides_observer = new MutationObserver(function(mutations) {
+        mutations.forEach(function(mutation) {
+            if(mutation.addedNodes){
+                //console.log(mutation.addedNodes.length + ' nodes added');
+                setTimeout(function() { remove_overrides(); }, 100);
+            }
+        });
+    });
+    
+    gradioApp().querySelectorAll("#txt2img_override_settings .wrap-inner, #img2img_override_settings .wrap_inner").forEach(function (elem) {
+        overrides_observer.observe(elem, { childList: true });
+    }); 
+    
 
     function uiux_no_slider_layout(value) {
         if (value) {
@@ -1024,14 +1071,63 @@ function initDefaultComponents(content_div) {
     });
 
     uiux_no_slider_layout(window.opts.uiux_no_slider_layout);
-    
 
+    function uiux_show_labels_aside(value) {
+        if (value) {
+            anapnoe_app.classList.add("aside-labels");
+        } else {
+            anapnoe_app.classList.remove("aside-labels");
+        }
+    }
+    gradioApp().querySelector("#setting_uiux_show_labels_aside input").addEventListener("click", function (e) {
+        uiux_show_labels_aside(e.target.checked, true);
+    });
+    uiux_show_labels_aside(window.opts.uiux_show_labels_aside);
 
-	// try to attach Logger Screen to main before full UIUXReady
-	const asideconsole = document.querySelector("#layout-console-log");
-	asideconsole.append(loggerUiUx);
-	document.querySelector("#logger_screen")?.remove();
 
+    function uiux_show_labels_main(value) {
+        if (value) {
+            anapnoe_app.classList.add("main-labels");
+        } else {
+            anapnoe_app.classList.remove("main-labels");
+        }
+    }
+    gradioApp().querySelector("#setting_uiux_show_labels_main input").addEventListener("click", function (e) {
+        uiux_show_labels_main(e.target.checked, true);
+    });
+    uiux_show_labels_main(window.opts.uiux_show_labels_main);
+
+
+    function uiux_show_labels_tabs(value) {
+        if (value) {
+            anapnoe_app.classList.add("tab-labels");
+        } else {
+            anapnoe_app.classList.remove("tab-labels");
+        }
+    }
+    gradioApp().querySelector("#setting_uiux_show_labels_tabs input").addEventListener("click", function (e) {
+        uiux_show_labels_tabs(e.target.checked, true);
+    });
+    uiux_show_labels_tabs(window.opts.uiux_show_labels_tabs);
+
+    
+    const comp_mobile_scale_range = gradioApp().querySelector("#setting_uiux_mobile_scale input[type=range]");
+    comp_mobile_scale_range.classList.add("hidden");
+    const comp_mobile_scale = gradioApp().querySelector("#setting_uiux_mobile_scale input[type=number]");
+    function uiux_mobile_scale(value) {
+        const viewport = document.head.querySelector('meta[name="viewport"]');
+        viewport.setAttribute("content", `width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=${value}`);      
+    }
+    comp_mobile_scale.addEventListener("change", function (e) { 
+        //e.preventDefault();
+        //e.stopImmediatePropagation()
+        comp_mobile_scale.value = e.target.value;
+        window.updateInput(comp_mobile_scale);
+        console.log('change', e.target.value);
+        uiux_mobile_scale(e.target.value);   
+    });
+    
+    uiux_mobile_scale(window.opts.uiux_mobile_scale);
 
 }
 
@@ -1307,7 +1403,11 @@ function setupLogger() {
     console.log("Show ticks for input range slider: ", window.opts.uiux_show_input_range_ticks);
     console.log("Default layout: ", window.opts.uiux_default_layout);
     console.log("Disable transitions: ", window.opts.uiux_disable_transitions);
-    
+    console.log("Aside labels: ", window.opts.uiux_show_labels_aside);
+    console.log("Main labels: ", window.opts.uiux_show_labels_main);
+    console.log("Tabs labels: ", window.opts.uiux_show_labels_tabs);
+ 
+
 
 	const isFirefox = navigator.userAgent.toLowerCase().includes('firefox');
 	if(isFirefox){
diff --git a/extensions-builtin/anapnoe-sd-uiux/scripts/anapnoe_sd_uiux.py b/extensions-builtin/anapnoe-sd-uiux/scripts/anapnoe_sd_uiux.py
index 19b4462442b..8da680ac1cc 100644
--- a/extensions-builtin/anapnoe-sd-uiux/scripts/anapnoe_sd_uiux.py
+++ b/extensions-builtin/anapnoe-sd-uiux/scripts/anapnoe_sd_uiux.py
@@ -3,19 +3,21 @@
 import gradio as gr
 import modules.scripts as scripts
 from modules import script_callbacks, shared
-from modules.generation_parameters_copypaste import infotext_to_setting_name_mapping
-
 
+mapping = [(info.infotext, k) for k, info in shared.opts.data_labels.items() if info.infotext]
 shared.options_templates.update(shared.options_section(('uiux_core', "Anapnoe UI-UX"), {
     "uiux_enable_console_log": shared.OptionInfo(False, "Enable console log"),
     "uiux_max_resolution_output": shared.OptionInfo(2048, "Max resolution output for txt2img and img2img"),
     "uiux_show_input_range_ticks": shared.OptionInfo(True, "Show ticks for input range slider"),
     "uiux_no_slider_layout": shared.OptionInfo(False, "No input range sliders"),
     "uiux_disable_transitions": shared.OptionInfo(False, "Disable transitions"),
-    "uiux_default_layout": shared.OptionInfo("Auto", "Layout", gr.Radio, {"choices": ["Auto","Desktop", "Mobile"]}),    
-    "uiux_ignore_overrides": shared.OptionInfo([], "Ignore Overrides", gr.CheckboxGroup, lambda: {"choices": [x[0] for x in infotext_to_setting_name_mapping]}),
-    
- }))
+    "uiux_default_layout": shared.OptionInfo("Auto", "Layout", gr.Radio, {"choices": ["Auto","Desktop", "Mobile"]}),  
+    "uiux_mobile_scale": shared.OptionInfo(0.7, "Mobile scale", gr.Slider, {"minimum": 0.5, "maximum": 1, "step": 0.05}),
+    "uiux_show_labels_aside": shared.OptionInfo(False, "Show labels for aside tabs"),
+    "uiux_show_labels_main": shared.OptionInfo(False, "Show labels for main tabs"),
+    "uiux_show_labels_tabs": shared.OptionInfo(False, "Show labels for page tabs"),
+    "uiux_ignore_overrides": shared.OptionInfo([], "Ignore Overrides", gr.CheckboxGroup, lambda: {"choices": list(mapping)})
+}))
 
 
 basedir = scripts.basedir() 
@@ -76,7 +78,10 @@ def get_files(folder, file_filter=[], file_list=[], split=False):
 
 def on_ui_tabs():
 
+    #print(mapping)
+
     with gr.Blocks(analytics_enabled=False) as anapnoe_sd_uiux_core: 
+        #override_settings = gr.CheckboxGroup(label="Ignore override settings", elem_id="ignore_overrides", choices=list(mapping))
         """ with gr.Row():
             with gr.Column(): 
                 with gr.Row():            
diff --git a/extensions-builtin/anapnoe-sd-uiux/style.css b/extensions-builtin/anapnoe-sd-uiux/style.css
index 20d2c5c77b7..90c022e2e7b 100644
--- a/extensions-builtin/anapnoe-sd-uiux/style.css
+++ b/extensions-builtin/anapnoe-sd-uiux/style.css
@@ -431,6 +431,7 @@ body {
     outline: none;
 }
 
+*.gradio-checkboxgroup label,
 *.gradio-radio label {
     display: flex;
     align-items: center;
@@ -450,19 +451,19 @@ body {
     margin: 0;
     min-height: var(--ae-input-height);
 }
-
+*.gradio-checkboxgroup span,
 *.gradio-radio label span {
     margin: 0;
     white-space: nowrap;
     border: 0;
 }
-
+*.gradio-checkboxgroup .wrap,
 *.gradio-radio .wrap {
     gap: 5px;
     display: flex;
     flex-wrap: wrap;
 }
-
+*.gradio-checkboxgroup>span,
 *.gradio-radio>span {
     border: var(--ae-input-border-size) solid transparent;
     margin-bottom: 5px;
@@ -490,6 +491,7 @@ body {
     font-size: 13px;
     line-height: 16px;
     color: var(--ae-label-color);
+    overflow-wrap: anywhere;
 }
 
 *.gradio-image .image-container {
@@ -737,6 +739,7 @@ button:hover .mask-icon{
 :not(.portal)>.block.gradio-dropdown,
 :not(.portal)>.block.gradio-radio,
 :not(.portal)>.block.gradio-checkbox,
+:not(.portal)>.block.gradio-checkboxgroup,
 :not(.portal)>.block.gradio-textbox {
     background-color: var(--ae-panel-bg-color);
     padding: var(--ae-panel-padding);
@@ -1860,7 +1863,9 @@ button.active .icon-sort {
     -webkit-mask-image: url(./html/svg/computer-line.svg);
 }
 
-
+.icon-menuadd{
+    -webkit-mask-image: url(./html/svg/menu-add-fill.svg);
+}
 
 #contributors_grid {
     gap: 5px;
@@ -2936,6 +2941,9 @@ iframe{
     padding: 0;
     background-color: transparent;
     line-height: 0;
+    display: flex;
+    align-items: center;
+    gap: 5px;
 }
 
 div#workspaces_tabitem > div {
@@ -3158,6 +3166,13 @@ input[type="checkbox"] {
 #train_tabitem .tabs{
     width:100%;
 }
+#setting_uiux_ignore_overrides {
+    min-width: 100%;
+}
+#img2img_override_settings,
+#txt2img_override_settings{
+    display:flex !important;
+}
 
 @-webkit-keyframes fade-out {
     0% {
@@ -3208,6 +3223,7 @@ input[type="checkbox"] {
     }
 }
 
+#sidebar_secondary_tabs a span,
 .default-desktop .mobile,
 .default-auto .mobile{
     display:none;
@@ -3226,6 +3242,66 @@ input[type="checkbox"] {
 #img2img_results_generate_tabitem .generate{
     flex-grow: 1;
 }
+.aside-labels #sidebar_secondary_tabs a span,
+.main-labels #main-nav .xtabs-tab span,
+.tab-labels [id$="2img_header"] span ,
+.aside-labels #accordion-aside .xtabs-tab span {
+    display: flex !important;
+    text-transform: capitalize;
+}
+.main-labels #main-nav .xtabs-tab,
+.tab-labels [id$="2img_header"] .xtabs-tab,
+.aside-labels #accordion-aside .xtabs-tab {
+    justify-content: flex-start;
+}
+#acc-arrow-button,
+.aside-labels .accordion-bar > div{
+    width:100%;
+}
+
+.aside-labels div#sidebar_secondary_tabs button {
+    width: 100%;
+    justify-content: flex-start;
+}
+
+.info-results-container {
+    overflow-y: auto;
+    max-height:33vh;
+}
+#layout_main_wrapper {
+    padding-left: 0;
+}
+.template > .layout {
+    padding-right: var(--ae-border-size);
+}
+
+.template > .full-height {
+    padding-left: var(--ae-border-size);
+    padding-right: var(--ae-border-size);
+}
+#split-right.v-expand{
+    margin-left: calc(var(--ae-border-size) * -1);
+}
+#split-right:not(.v-expand) #accordion-aside{
+    margin-left: var(--ae-border-size);
+}
+[toggle] .wrap{
+    display:none;
+}
+
+.default-mobile #split-right:not(.v-expand) { 
+    position: fixed;
+    inset: var(--ae-panel-padding);
+    z-index: 999;
+    background-color: var(--ae-main-bg-color);
+    outline: var(--ae-border-size) solid var(--ae-main-bg-color);
+}
+.default-mobile #split-right:not(.v-expand) #accordion-aside {
+    margin-left: var(--ae-panel-padding);
+}
+.default-mobile .template > .full-height {
+    padding: var(--ae-panel-padding);
+}
 
 @media (max-width: 768px) {
     .xtabs-tab span {
diff --git a/requirements_versions.txt b/requirements_versions.txt
index f8ae1f385ae..e84bd4270a8 100644
--- a/requirements_versions.txt
+++ b/requirements_versions.txt
@@ -29,3 +29,4 @@ torch
 torchdiffeq==0.2.3
 torchsde==0.2.5
 transformers==4.30.2
+httpx==0.24.1