Anapnoe current

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:

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

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">

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">

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">

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>

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>

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>

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">

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>
 

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">

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>