From 3450ca82bcf59dffa5a4eb6d582e00e9a52ee27a Mon Sep 17 00:00:00 2001
From: anapnoe <124302297+anapnoe@users.noreply.github.com>
Date: Wed, 2 Oct 2024 14:03:29 +0300
Subject: [PATCH] added txt2img, img2img scheduler

---
 .../templates/template-img2img-params.html    | 247 +++++++++++-------
 .../templates/template-txt2img-params.html    | 189 +++++++++-----
 2 files changed, 270 insertions(+), 166 deletions(-)

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 9f6a011a..0a719691 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
@@ -2,12 +2,14 @@
     <div class="layout-header">
         <div id="img2img_header_panel" class="flexbox row shrink panel padding no-br">
             <div id="img2img_header" class="flexbox row no-wrap shrink no-labels flex-start group-row">
-                <button title="Prompts" tabItemId="#img2img_prompts_tabitem" tabGroup="img2img" id="img2img_prompts" active="true" class="xtabs-tab shrink">
+                <button title="Prompts" tabItemId="#img2img_prompts_tabitem" tabGroup="img2img" id="img2img_prompts"
+                    active="true" class="xtabs-tab shrink">
                     <div class="mask-icon icon-prompt">
                     </div>
                     <span>Prompts</span>
                 </button>
-                <button title="Prompts" tabItemId="#img2img_phystonPrompt_tabitem" tabGroup="img2img" id="btn_img2img_physton" class="xtabs-tab shrink hidden">
+                <button title="Prompts" tabItemId="#img2img_phystonPrompt_tabitem" tabGroup="img2img"
+                    id="btn_img2img_physton" class="xtabs-tab shrink hidden">
                     <div class="mask-icon icon-physton">
                     </div>
                     <span>Physton</span>
@@ -17,49 +19,54 @@
                     </div>
                     <span>Image</span>
                 </button> -->
-                <button title="Parameters" tabItemId="#img2img_params_tabitem" tabGroup="img2img" id="img2img_params" class="xtabs-tab shrink">
+                <button title="Parameters" tabItemId="#img2img_params_tabitem" tabGroup="img2img" id="img2img_params"
+                    class="xtabs-tab shrink">
                     <div class="mask-icon icon-equalize">
                     </div>
                     <span>Params</span>
                 </button>
-                <button title="Scripts / Extensions" tabItemId="#img2img_scripts_tabitem" tabGroup="img2img" id="img2img_scripts" class="xtabs-tab">
+                <button title="Scripts / Extensions" tabItemId="#img2img_scripts_tabitem" tabGroup="img2img"
+                    id="img2img_scripts" class="xtabs-tab">
                     <div class="mask-icon icon-scripts">
                     </div>
                     <span>Scripts</span>
                 </button>
-                <button title="img2img Results" tabItemId="#img2img_results_mobile_tabitem" tabGroup="img2img" id="img2img_results_mobile" class="xtabs-tab mobile">
+                <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>Results</span>
                 </button>
-             <!--    <button tabItemId="#img2img_temp_tabitem" tabGroup="img2img" class="xtabs-tab">
+                <!--    <button tabItemId="#img2img_temp_tabitem" tabGroup="img2img" class="xtabs-tab">
                     <div id="mask-icon-28i" class="mask-icon icon-bug">
                     </div>
                 </button> -->
             </div>
             <div id="img2img_generate_group" class="flexbox row flex-end group-row">
-                <div title="Skip" data-selector="#img2img_skip" data-parent-selector="#tab_img2img" droppable="true" class="portal invisible shrink no-bg no-padding-one disable">
+                <div title="Skip" data-selector="#img2img_skip" data-parent-selector="#tab_img2img" droppable="true"
+                    class="portal invisible shrink no-bg no-padding-one disable">
                     <div class="mask-icon icon-skip">
                     </div>
                 </div>
-                <div title="Interrupt" data-selector="#img2img_interrupt" data-parent-selector="#tab_img2img" droppable="true"
-                    class="portal invisible shrink no-bg no-padding-one disable">
+                <div title="Interrupt" data-selector="#img2img_interrupt" data-parent-selector="#tab_img2img"
+                    droppable="true" class="portal invisible shrink no-bg no-padding-one disable">
                     <div class="mask-icon icon-stop">
                     </div>
                 </div>
-                
-				<button title="Generate" class="ae-button generate no-rr">
-					<div data-selector="#img2img_generate" data-parent-selector="#tab_img2img" droppable="true" class="portal no-bg shrink invisible">
-						<div class="mask-icon icon-generate">
-						</div>
-						<span>Generate</span>
-					</div>
-				</button>
-				<button title="Generate forever" id="img2img_loop" toggle="true" class="ae-button no-lr shrink">
-					<div  class="mask-icon icon-loop">
-					</div>
-				</button>
-               
+
+                <button title="Generate" class="ae-button generate no-rr">
+                    <div data-selector="#img2img_generate" data-parent-selector="#tab_img2img" droppable="true"
+                        class="portal no-bg shrink invisible">
+                        <div class="mask-icon icon-generate">
+                        </div>
+                        <span>Generate</span>
+                    </div>
+                </button>
+                <button title="Generate forever" id="img2img_loop" toggle="true" class="ae-button no-lr shrink">
+                    <div class="mask-icon icon-loop">
+                    </div>
+                </button>
+
             </div>
         </div>
     </div>
@@ -88,27 +95,29 @@
                             <div class="layout-header">
                                 <div class="flexbox row no-padding">
                                     <div class="flexbox no-border no-bg shrink row">
-                                        <div data-parent-selector="#tab_img2img" data-selector="#img2img_tools #paste" droppable="true"
-                                            class="portal shrink invisible">
+                                        <div data-parent-selector="#tab_img2img" data-selector="#img2img_tools #paste"
+                                            droppable="true" class="portal shrink invisible">
                                             <div class="mask-icon icon-magic">
                                             </div>
                                         </div>
-                                        <div data-parent-selector="#img2img_tools" data-selector="#img2img_clear_prompt" droppable="true"
-                                            class="portal shrink invisible">
+                                        <div data-parent-selector="#img2img_tools" data-selector="#img2img_clear_prompt"
+                                            droppable="true" class="portal shrink invisible">
                                             <div class="mask-icon icon-delete">
                                             </div>
                                         </div>
                                     </div>
                                     <div class="flexbox no-border no-bg row">
-                                        <div data-parent-selector="#img2img_styles_row" data-selector="#img2img_styles" class="portal no-min-width">
+                                        <div data-parent-selector="#img2img_styles_row" data-selector="#img2img_styles"
+                                            class="portal no-min-width">
                                         </div>
-                                        <div data-parent-selector="#tab_img2img" data-selector="#img2img_styles_edit_button" droppable="true"
+                                        <div data-parent-selector="#tab_img2img"
+                                            data-selector="#img2img_styles_edit_button" droppable="true"
                                             class="portal shrink invisible">
                                             <div class="mask-icon icon-styles-edit">
                                             </div>
                                         </div>
-										<div data-parent-selector="#tab_img2img" data-selector="#img2img_style_apply" droppable="true"
-                                            class="portal shrink invisible">
+                                        <div data-parent-selector="#tab_img2img" data-selector="#img2img_style_apply"
+                                            droppable="true" class="portal shrink invisible">
                                             <div class="mask-icon icon-styles-apply">
                                             </div>
                                         </div>
@@ -120,29 +129,34 @@
                                     <div id="split-2i" direction="vertical" gutterSize="8" class="split">
                                         <div data-minSize="0" data-initSize="50" id="iubsli" class="split-container">
                                             <div class="layout">
-                                               <!--  <div class="layout-header">
+                                                <!--  <div class="layout-header">
                                                 </div> -->
                                                 <div class="layout-content">
-                                                    <div data-selector="#img2img_prompt" data-parent-selector="#tab_img2img" class="portal no-bg">
+                                                    <div data-selector="#img2img_prompt"
+                                                        data-parent-selector="#tab_img2img" class="portal no-bg">
                                                     </div>
                                                 </div>
                                                 <div class="layout-footer">
-                                                    <div data-parent-selector="#img2img_prompt" data-selector="#img2img_token_counter.block" class="portal relative token_counter" data-timeout="1000">
+                                                    <div data-parent-selector="#img2img_prompt"
+                                                        data-selector="#img2img_token_counter.block"
+                                                        class="portal relative token_counter" data-timeout="1000">
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
                                         <div data-minSize="0" data-initSize="50" id="idyyfi" class="split-container">
                                             <div class="layout">
-                                               <!--  <div class="layout-header">
+                                                <!--  <div class="layout-header">
                                                 </div> -->
                                                 <div class="layout-content">
-                                                    <div data-selector="#img2img_neg_prompt" data-parent-selector="#tab_img2img" class="portal no-bg">
+                                                    <div data-selector="#img2img_neg_prompt"
+                                                        data-parent-selector="#tab_img2img" class="portal no-bg">
                                                     </div>
                                                 </div>
                                                 <div class="layout-footer">
-                                                    <div data-parent-selector="#img2img_neg_prompt" data-selector="#img2img_negative_token_counter.block" data-timeout="1000"
-                                                        class="portal relative token_counter">
+                                                    <div data-parent-selector="#img2img_neg_prompt"
+                                                        data-selector="#img2img_negative_token_counter.block"
+                                                        data-timeout="1000" class="portal relative token_counter">
                                                     </div>
                                                 </div>
                                             </div>
@@ -152,8 +166,8 @@
                             </div>
                             <div class="layout-footer shrink">
                                 <div class="flexbox row">
-                                    <div data-parent-selector="#tab_img2img" data-selector="#interrogate" droppable="true"
-                                        class="portal shrink no-padding-one no-bg icon-left">
+                                    <div data-parent-selector="#tab_img2img" data-selector="#interrogate"
+                                        droppable="true" class="portal shrink no-padding-one no-bg icon-left">
                                         <div class="mask-icon question-answer">
                                         </div>
                                     </div>
@@ -172,28 +186,31 @@
                         <div class="flexbox col">
                             <div data-selector="#mode_img2img" data-parent-selector="#tab_img2img" class="portal">
                             </div>
-                        </div>						
+                        </div>
                         <div id="accordion_mask" class="accordion">
                             <div class="accordion-bar">
                                 <span class="accordion-title">Inpaint options</span>
                                 <span class="accordion-icon">▼</span>
                             </div>
                             <div id="acc-ci" class="accordion-container">
-                                <div data-selector="#inpaint_controls" data-parent-selector="#tab_img2img" class="portal no-bg no-padding">
+                                <div data-selector="#inpaint_controls" data-parent-selector="#tab_img2img"
+                                    class="portal no-bg no-padding">
                                 </div>
-                            </div>                           
+                            </div>
                         </div>
 
-                        <div data-selector="#soft_inpainting_enabled" data-parent-selector="#tab_img2img" class="portal no-bg no-padding">
+                        <div data-selector="#soft_inpainting_enabled" data-parent-selector="#tab_img2img"
+                            class="portal no-bg no-padding">
                         </div>
-                        
+
                         <div id="accordion_resize_mode" class="accordion">
                             <div class="accordion-bar">
                                 <span class="accordion-title">Resize mode</span>
                                 <span class="accordion-icon">▼</span>
                             </div>
                             <div id="acc-cir" class="accordion-container">
-                                <div data-selector="#resize_mode" data-parent-selector="#tab_img2img" class="portal no-bg no-padding">
+                                <div data-selector="#resize_mode" data-parent-selector="#tab_img2img"
+                                    class="portal no-bg no-padding">
                                 </div>
                             </div>
                         </div>
@@ -201,45 +218,58 @@
                             <div class="flexbox row wrap">
                                 <div class="flexbox row grow-all group no-wrap fb-60">
                                     <div class="flexbox panel col shrink">
-                                        <button tabItemId="#img2img_scale_to_tabitem" tabGroup="img2img-resize-group" data-click="#tab_img2img" active="true" class="xtabs-tab no-drag"><span
+                                        <button tabItemId="#img2img_scale_to_tabitem" tabGroup="img2img-resize-group"
+                                            data-click="#tab_img2img" active="true" class="xtabs-tab no-drag"><span
                                                 id="izj18eih">Resize to</span></button>
-                                        <button tabItemId="#img2img_scale_by_tabitem" tabGroup="img2img-resize-group" data-click="#tab_img2img" class="xtabs-tab no-drag"><span>Resize by</span></button>
+                                        <button tabItemId="#img2img_scale_by_tabitem" tabGroup="img2img-resize-group"
+                                            data-click="#tab_img2img" class="xtabs-tab no-drag"><span>Resize
+                                                by</span></button>
                                     </div>
                                     <div class="flexbox col">
                                         <div class="xtabs sub-group no-padding">
                                             <div class="xtabs-items">
                                                 <div class="flexbox col no-padding full-height">
-                                                    <div id="img2img_scale_to_tabitem" class="xtabs-item initial inset notransition">
+                                                    <div id="img2img_scale_to_tabitem"
+                                                        class="xtabs-item initial inset notransition">
                                                         <div class="flexbox row wrap">
                                                             <div class="flexbox no-wrap row">
                                                                 <div class="flexbox col">
-                                                                    <div data-parent-selector="#tab_img2img" data-selector="#img2img_width" class="portal">
+                                                                    <div data-parent-selector="#tab_img2img"
+                                                                        data-selector="#img2img_width" class="portal">
                                                                     </div>
-                                                                    <div data-parent-selector="#tab_img2img" data-selector="#img2img_height" class="portal">
+                                                                    <div data-parent-selector="#tab_img2img"
+                                                                        data-selector="#img2img_height" class="portal">
                                                                     </div>
                                                                 </div>
-                                                                <div class="flexbox unset-min-width shrink col panel center">
-                                                                    <div data-selector="#img2img_detect_image_size_btn" data-parent-selector="#tab_img2img"
+                                                                <div
+                                                                    class="flexbox unset-min-width shrink col panel center">
+                                                                    <div data-selector="#img2img_detect_image_size_btn"
+                                                                        data-parent-selector="#tab_img2img"
                                                                         droppable="true" class="portal invisible tool">
                                                                         <div class="mask-icon icon-ruler">
                                                                         </div>
                                                                     </div>
-                                                                    <div data-selector="#img2img_res_switch_btn" data-parent-selector="#tab_img2img"
+                                                                    <div data-selector="#img2img_res_switch_btn"
+                                                                        data-parent-selector="#tab_img2img"
                                                                         droppable="true" class="portal invisible tool">
                                                                         <div class="mask-icon icon-res-switch">
                                                                         </div>
                                                                     </div>
-                                                                    <div data-selector="#img2img_dimensions_row" data-parent-selector="#tab_img2img"
+                                                                    <div data-selector="#img2img_dimensions_row"
+                                                                        data-parent-selector="#tab_img2img"
                                                                         class="portal invisible tool">
                                                                     </div>
                                                                 </div>
                                                             </div>
                                                         </div>
                                                     </div>
-                                                    <div id="img2img_scale_by_tabitem" class="xtabs-item initial inset notransition">
+                                                    <div id="img2img_scale_by_tabitem"
+                                                        class="xtabs-item initial inset notransition">
                                                         <div class="flexbox col group inset subgroup">
-                                                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_scale" class="portal"></div>
-                                                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_scale_resolution_preview"
+                                                            <div data-parent-selector="#tab_img2img"
+                                                                data-selector="#img2img_scale" class="portal"></div>
+                                                            <div data-parent-selector="#tab_img2img"
+                                                                data-selector="#img2img_scale_resolution_preview"
                                                                 class="portal"></div>
                                                         </div>
                                                     </div>
@@ -249,73 +279,93 @@
                                     </div>
                                 </div>
                                 <div class="flexbox group col fb-40">
-									<!-- <div id="flexbox-14wi" class="flexbox row"> -->
-										<div data-parent-selector="#tab_img2img" data-selector="#img2img_batch_size" class="portal">
-										</div>
-										<div data-parent-selector="#tab_img2img" data-selector="#img2img_batch_count" class="portal">
-										<!-- </div> -->
-									</div>
-								</div>
+                                    <!-- <div id="flexbox-14wi" class="flexbox row"> -->
+                                    <div data-parent-selector="#tab_img2img" data-selector="#img2img_batch_size"
+                                        class="portal">
+                                    </div>
+                                    <div data-parent-selector="#tab_img2img" data-selector="#img2img_batch_count"
+                                        class="portal">
+                                        <!-- </div> -->
+                                    </div>
+                                </div>
                             </div>
                         </div>
                         <div class="flexbox group row">
-                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_sampling" class="portal min-width">
+                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_sampling"
+                                class="portal min-width">
                             </div>
-                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_cfg_scale" class="portal min-width">
+                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_scheduler"
+                                class="portal min-width">
                             </div>
-                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_steps" class="portal min-width">
+                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_cfg_scale"
+                                class="portal min-width">
                             </div>
-                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_denoising_strength" class="portal min-width">
+                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_steps"
+                                class="portal min-width">
+                            </div>
+                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_denoising_strength"
+                                class="portal min-width">
                             </div>
                         </div>
                         <div class="flexbox group col">
                             <div class="flexbox row">
                                 <div class="flexbox no-border row">
-                                    <div data-parent-selector="#tab_img2img" data-selector="#img2img_seed" class="portal no-min-width">
+                                    <div data-parent-selector="#tab_img2img" data-selector="#img2img_seed"
+                                        class="portal no-min-width">
                                     </div>
-                                    <div data-parent-selector="#tab_img2img" data-selector="#img2img_random_seed" droppable="true" class="portal invisible shrink">
+                                    <div data-parent-selector="#tab_img2img" data-selector="#img2img_random_seed"
+                                        droppable="true" class="portal invisible shrink">
                                         <div class="mask-icon icon-dice">
                                         </div>
                                     </div>
-                                    <div data-parent-selector="#tab_img2img" data-selector="#img2img_reuse_seed" droppable="true" class="portal shrink invisible">
+                                    <div data-parent-selector="#tab_img2img" data-selector="#img2img_reuse_seed"
+                                        droppable="true" class="portal shrink invisible">
                                         <div class="mask-icon icon-recycle">
                                         </div>
                                     </div>
                                     <button toggle="true" class="ae-button shrink toggle-seed">
-                                        <div data-parent-selector="#tab_img2img" data-selector="#img2img_subseed_show" droppable="true"
-                                            class="portal shrink invisible tool">
+                                        <div data-parent-selector="#tab_img2img" data-selector="#img2img_subseed_show"
+                                            droppable="true" class="portal shrink invisible tool">
                                             <div class="mask-icon icon-equalize">
                                             </div>
                                         </div>
                                     </button>
                                 </div>
                             </div>
-                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_seed_extras" droppable="true" class="portal sub-group">
+                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_seed_extras"
+                                droppable="true" class="portal sub-group">
                                 <div class="flexbox col">
                                     <div class="flexbox row">
                                         <div class="flexbox no-border min-width fb-50 row">
-                                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_subseed" class="portal no-min-width">
+                                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_subseed"
+                                                class="portal no-min-width">
                                             </div>
-                                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_random_subseed" droppable="true"
+                                            <div data-parent-selector="#tab_img2img"
+                                                data-selector="#img2img_random_subseed" droppable="true"
                                                 class="portal shrink invisible">
                                                 <div class="mask-icon icon-dice">
                                                 </div>
                                             </div>
-                                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_reuse_subseed" droppable="true"
+                                            <div data-parent-selector="#tab_img2img"
+                                                data-selector="#img2img_reuse_subseed" droppable="true"
                                                 class="portal shrink invisible">
                                                 <div class="mask-icon icon-recycle">
                                                 </div>
                                             </div>
                                         </div>
                                         <div class="flexbox row fb-50">
-                                            <div data-parent-selector="#tab_img2img" data-selector="#img2img_subseed_strength" class="portal min-width fb-50">
+                                            <div data-parent-selector="#tab_img2img"
+                                                data-selector="#img2img_subseed_strength"
+                                                class="portal min-width fb-50">
                                             </div>
                                         </div>
                                     </div>
                                     <div class="flexbox row wrap">
-                                        <div data-parent-selector="#tab_img2img" data-selector="#img2img_seed_resize_from_w" class="portal min-width">
+                                        <div data-parent-selector="#tab_img2img"
+                                            data-selector="#img2img_seed_resize_from_w" class="portal min-width">
                                         </div>
-                                        <div data-parent-selector="#tab_img2img" data-selector="#img2img_seed_resize_from_h" class="portal min-width">
+                                        <div data-parent-selector="#tab_img2img"
+                                            data-selector="#img2img_seed_resize_from_h" class="portal min-width">
                                         </div>
                                     </div>
                                 </div>
@@ -324,32 +374,38 @@
                         <div data-selector="#img2img_enable" data-parent-selector="#tab_img2img" class="portal">
                         </div>
                         <div class="flexbox group row">
-                            <div data-selector="#img2img_override_settings" data-parent-selector="#tab_img2img" class="portal">
+                            <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 data-selector="#layout-img2img .gradio-accordion:has( div[id^='setting_'])"
+                            data-parent-selector="gradio-app" class="portal hide-empty">
                         </div>
-                        <div data-selector="#img2img_container_aspect_ratio" data-parent-selector="#tab_img2img" class="portal hide-empty">
+                        <div data-selector="#img2img_container_aspect_ratio" data-parent-selector="#tab_img2img"
+                            class="portal hide-empty">
                         </div>
                     </div>
                 </div>
                 <div id="img2img_scripts_tabitem_group" class="flexbox col">
                     <div id="img2img_scripts_tabitem" class="xtabs-item">
-                        <div data-selector="#img2img_script_container" data-parent-selector="#tab_img2img" class="portal no-bg">
+                        <div data-selector="#img2img_script_container" data-parent-selector="#tab_img2img"
+                            class="portal no-bg">
                         </div>
                     </div>
                 </div>
                 <div id="img2img_phystonPrompt_tabitem_group" class="flexbox col">
-                    <div id="img2img_phystonPrompt_tabitem" class="xtabs-item">						
+                    <div id="img2img_phystonPrompt_tabitem" class="xtabs-item">
                         <div id="split-physton-img2img" direction="vertical" gutterSize="8" class="split">
 
                             <div data-minSize="0" data-initSize="50" id="iubslphi" class="split-container">
-                                    <div  show-button="#btn_img2img_physton" data-selector="#phystonPrompt_img2img_prompt" data-parent-selector="#tab_img2img" class="portal no-bg no-padding">
+                                <div show-button="#btn_img2img_physton" data-selector="#phystonPrompt_img2img_prompt"
+                                    data-parent-selector="#tab_img2img" class="portal no-bg no-padding">
                                 </div>
                             </div>
 
                             <div data-minSize="0" data-initSize="50" id="idyyfphi" class="split-container">
-                                    <div data-selector="#phystonPrompt_img2img_neg_prompt" data-parent-selector="#tab_img2img" class="portal no-bg no-padding">
+                                <div data-selector="#phystonPrompt_img2img_neg_prompt"
+                                    data-parent-selector="#tab_img2img" class="portal no-bg no-padding">
                                 </div>
                             </div>
                         </div>
@@ -357,7 +413,7 @@
                 </div>
                 <div id="img2img_results_mobile_tabitem_group" class="flexbox col mobile">
                     <div id="img2img_results_mobile_tabitem" mobile="#template-img2img-results" class="xtabs-item">
-                       
+
                     </div>
                 </div>
                 <div id="img2img_temp_tabitem_group" class="flexbox col hidden">
@@ -372,13 +428,16 @@
                         </div>
                         <div data-selector="#tab_img2img" data-parent-selector="gradio-app" class="portal">
                         </div>
-						<div data-selector="#img2img_column_size .tab-nav" data-parent-selector="#tab_img2img" class="portal">
+                        <div data-selector="#img2img_column_size .tab-nav" data-parent-selector="#tab_img2img"
+                            class="portal">
                         </div>
-						<div data-selector="#img2img_gallery_container" data-parent-selector="gradio-app" class="portal">
+                        <div data-selector="#img2img_gallery_container" data-parent-selector="gradio-app"
+                            class="portal">
                         </div>
-						<div data-selector="#img2img_generation_info_button" data-parent-selector="gradio-app" class="portal">
-						</div>
-						<!--   
+                        <div data-selector="#img2img_generation_info_button" data-parent-selector="gradio-app"
+                            class="portal">
+                        </div>
+                        <!--   
 						<div data-selector="#img2img_extra_tabs" data-parent-selector="#tab_img2img" droppable="true" class="portal">
                         </div>
                         <div data-selector="#img2img_settings" data-parent-selector="#tab_img2img" class="portal">
@@ -391,7 +450,7 @@
     </div>
     <div id="img2img_results_generate_tabitem_group" class="flexbox col panel no-grow mobile">
         <div id="img2img_results_generate_tabitem" mobile="#img2img_generate_group" class="xtabs-item">
-                        
+
         </div>
     </div>
     <!--  <div class="layout-footer">
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 e589f671..f52bb58a 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
@@ -2,49 +2,56 @@
     <div class="layout-header">
         <div id="txt2img_header_panel" class="flexbox row shrink panel padding no-br">
             <div id="txt2img_header" class="flexbox row no-wrap shrink flex-start group-row">
-                <button title="Prompts" tabItemId="#txt2img_prompts_tabitem" tabGroup="txt2img" id="txt2img_prompts" active="true" class="xtabs-tab shrink">
+                <button title="Prompts" tabItemId="#txt2img_prompts_tabitem" tabGroup="txt2img" id="txt2img_prompts"
+                    active="true" class="xtabs-tab shrink">
                     <div class="mask-icon icon-prompt">
                     </div>
                     <span>Prompts</span>
                 </button>
-                <button title="Prompts" tabItemId="#txt2img_phystonPrompt_tabitem" tabGroup="txt2img" id="btn_txt2img_physton" class="xtabs-tab shrink hidden">
+                <button title="Prompts" tabItemId="#txt2img_phystonPrompt_tabitem" tabGroup="txt2img"
+                    id="btn_txt2img_physton" class="xtabs-tab shrink hidden">
                     <div class="mask-icon icon-physton">
                     </div>
                     <span>Physton</span>
                 </button>
-                
-                <button title="Parameters" tabItemId="#txt2img_params_tabitem" tabGroup="txt2img" id="txt2img_params" class="xtabs-tab shrink">
+
+                <button title="Parameters" tabItemId="#txt2img_params_tabitem" tabGroup="txt2img" id="txt2img_params"
+                    class="xtabs-tab shrink">
                     <div class="mask-icon icon-equalize">
                     </div>
                     <span>Params</span>
                 </button>
-                <button title="Scripts / Extensions" tabItemId="#txt2img_scripts_tabitem" tabGroup="txt2img" id="txt2img_scripts" class="xtabs-tab">
+                <button title="Scripts / Extensions" tabItemId="#txt2img_scripts_tabitem" tabGroup="txt2img"
+                    id="txt2img_scripts" class="xtabs-tab">
                     <div class="mask-icon icon-scripts">
                     </div>
                     <span>Scripts</span>
                 </button>
-                <button title="txt2img Results" tabItemId="#txt2img_results_mobile_tabitem" tabGroup="txt2img" id="txt2img_results_mobile" class="xtabs-tab mobile">
+                <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>Results</span>
                 </button>
-               <!--  <button tabItemId="#txt2img_temp_tabitem" tabGroup="txt2img" class="xtabs-tab">
+                <!--  <button tabItemId="#txt2img_temp_tabitem" tabGroup="txt2img" class="xtabs-tab">
                     <div class="mask-icon icon-bug">
                     </div>
                 </button> -->
             </div>
             <div id="txt2img_generate_group" class="flexbox row flex-end group-row">
-                <div title="Skip" data-selector="#txt2img_skip" data-parent-selector="#tab_txt2img" droppable="true" class="portal invisible shrink no-bg no-padding-one disable">
+                <div title="Skip" data-selector="#txt2img_skip" data-parent-selector="#tab_txt2img" droppable="true"
+                    class="portal invisible shrink no-bg no-padding-one disable">
                     <div class="mask-icon icon-skip">
                     </div>
                 </div>
-                <div title="Interrupt" data-selector="#txt2img_interrupt" data-parent-selector="#tab_txt2img" droppable="true"
-                    class="portal invisible shrink no-bg no-padding-one disable">
+                <div title="Interrupt" data-selector="#txt2img_interrupt" data-parent-selector="#tab_txt2img"
+                    droppable="true" class="portal invisible shrink no-bg no-padding-one disable">
                     <div class="mask-icon icon-stop">
                     </div>
                 </div>
                 <button title="Generate" class="ae-button generate">
-                    <div data-selector="#txt2img_generate" data-parent-selector="#tab_txt2img" droppable="true" class="portal no-bg shrink invisible">
+                    <div data-selector="#txt2img_generate" data-parent-selector="#tab_txt2img" droppable="true"
+                        class="portal no-bg shrink invisible">
                         <div class="mask-icon icon-generate">
                         </div>
                         <span>Generate</span>
@@ -66,27 +73,29 @@
                             <div class="layout-header">
                                 <div class="flexbox no-padding row">
                                     <div class="flexbox no-border no-bg shrink row">
-                                        <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_tools #paste" droppable="true"
-                                            class="portal shrink invisible">
+                                        <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_tools #paste"
+                                            droppable="true" class="portal shrink invisible">
                                             <div class="mask-icon icon-magic">
                                             </div>
                                         </div>
-                                        <div data-parent-selector="#txt2img_tools" data-selector="#txt2img_clear_prompt" droppable="true"
-                                            class="portal shrink invisible">
+                                        <div data-parent-selector="#txt2img_tools" data-selector="#txt2img_clear_prompt"
+                                            droppable="true" class="portal shrink invisible">
                                             <div class="mask-icon icon-delete">
                                             </div>
                                         </div>
                                     </div>
                                     <div class="flexbox no-border no-bg row">
-                                        <div data-parent-selector="#txt2img_styles_row" data-selector="#txt2img_styles" class="portal no-min-width">
+                                        <div data-parent-selector="#txt2img_styles_row" data-selector="#txt2img_styles"
+                                            class="portal no-min-width">
                                         </div>
-                                        <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_styles_edit_button" droppable="true"
+                                        <div data-parent-selector="#tab_txt2img"
+                                            data-selector="#txt2img_styles_edit_button" droppable="true"
                                             class="portal shrink invisible">
                                             <div class="mask-icon icon-styles-edit">
                                             </div>
                                         </div>
-										<div data-parent-selector="#tab_txt2img" data-selector="#txt2img_style_apply" droppable="true"
-                                            class="portal shrink invisible">
+                                        <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_style_apply"
+                                            droppable="true" class="portal shrink invisible">
                                             <div class="mask-icon icon-styles-apply">
                                             </div>
                                         </div>
@@ -98,29 +107,34 @@
                                     <div id="split-2" direction="vertical" gutterSize="8" class="split">
                                         <div data-minSize="0" data-initSize="50" id="iubsl" class="split-container">
                                             <div class="layout">
-                                              <!--   <div class="layout-header">
+                                                <!--   <div class="layout-header">
                                                 </div> -->
                                                 <div class="layout-content">
-                                                    <div data-selector="#txt2img_prompt" data-parent-selector="#tab_txt2img" class="portal no-bg" >
+                                                    <div data-selector="#txt2img_prompt"
+                                                        data-parent-selector="#tab_txt2img" class="portal no-bg">
                                                     </div>
                                                 </div>
                                                 <div class="layout-footer">
-                                                    <div data-parent-selector="#txt2img_prompt" data-selector="#txt2img_token_counter.block" class="portal relative token_counter" data-timeout="1000">
+                                                    <div data-parent-selector="#txt2img_prompt"
+                                                        data-selector="#txt2img_token_counter.block"
+                                                        class="portal relative token_counter" data-timeout="1000">
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
                                         <div data-minSize="0" data-initSize="50" id="idyyf" class="split-container">
                                             <div class="layout">
-                                               <!--  <div class="layout-header">
+                                                <!--  <div class="layout-header">
                                                 </div> -->
                                                 <div class="layout-content">
-                                                    <div data-selector="#txt2img_neg_prompt" data-parent-selector="#tab_txt2img" class="portal no-bg" >
+                                                    <div data-selector="#txt2img_neg_prompt"
+                                                        data-parent-selector="#tab_txt2img" class="portal no-bg">
                                                     </div>
                                                 </div>
                                                 <div class="layout-footer">
-                                                    <div data-parent-selector="#txt2img_neg_prompt" data-selector="#txt2img_negative_token_counter.block" data-timeout="1000"
-                                                        class="portal relative token_counter">
+                                                    <div data-parent-selector="#txt2img_neg_prompt"
+                                                        data-selector="#txt2img_negative_token_counter.block"
+                                                        data-timeout="1000" class="portal relative token_counter">
                                                     </div>
                                                 </div>
                                             </div>
@@ -143,55 +157,70 @@
                                 <div class="flexbox row wrap">
                                     <div class="flexbox row no-wrap group fb-60">
                                         <div class="flexbox col">
-                                            <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_width" class="portal">
+                                            <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_width"
+                                                class="portal">
                                             </div>
-                                            <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_height" class="portal">
+                                            <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_height"
+                                                class="portal">
                                             </div>
                                         </div>
                                         <div class="flexbox unset-min-width shrink col center panel">
-                                            <div data-selector="#txt2img_res_switch_btn" data-parent-selector="#tab_txt2img" droppable="true"
+                                            <div data-selector="#txt2img_res_switch_btn"
+                                                data-parent-selector="#tab_txt2img" droppable="true"
                                                 class="portal invisible tool">
                                                 <div class="mask-icon icon-res-switch">
                                                 </div>
                                             </div>
-                                            <div data-selector="#txt2img_dimensions_row" data-parent-selector="#tab_img2img" class="portal invisible tool">
+                                            <div data-selector="#txt2img_dimensions_row"
+                                                data-parent-selector="#tab_img2img" class="portal invisible tool">
                                             </div>
                                         </div>
                                     </div>
                                     <div class="flexbox group col fb-40">
-										<!-- <div id="flexbox-14w" class="flexbox row"> -->
-											<div data-parent-selector="#tab_txt2img" data-selector="#txt2img_batch_size" class="portal">
-											</div>
-											<div data-parent-selector="#tab_txt2img" data-selector="#txt2img_batch_count" class="portal">
-											<!-- </div> -->
-										</div>
+                                        <!-- <div id="flexbox-14w" class="flexbox row"> -->
+                                        <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_batch_size"
+                                            class="portal">
+                                        </div>
+                                        <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_batch_count"
+                                            class="portal">
+                                            <!-- </div> -->
+                                        </div>
                                     </div>
                                 </div>
                                 <div class="flexbox group row">
-                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_sampling" class="portal min-width">
+                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_sampling"
+                                        class="portal min-width">
                                     </div>
-                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_cfg_scale" class="portal min-width">
+                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_scheduler"
+                                        class="portal min-width">
                                     </div>
-                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_steps" class="portal min-width">
+                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_cfg_scale"
+                                        class="portal min-width">
+                                    </div>
+                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_steps"
+                                        class="portal min-width">
                                     </div>
                                 </div>
                                 <div class="flexbox group col">
                                     <div class="flexbox row">
                                         <div class="flexbox no-border row">
-                                            <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_seed" class="portal no-min-width">
+                                            <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_seed"
+                                                class="portal no-min-width">
                                             </div>
-                                            <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_random_seed" droppable="true"
+                                            <div data-parent-selector="#tab_txt2img"
+                                                data-selector="#txt2img_random_seed" droppable="true"
                                                 class="portal invisible shrink">
                                                 <div class="mask-icon icon-dice">
                                                 </div>
                                             </div>
-                                            <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_reuse_seed" droppable="true"
-                                                class="portal shrink invisible">
+                                            <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_reuse_seed"
+                                                droppable="true" class="portal shrink invisible">
                                                 <div class="mask-icon icon-recycle">
                                                 </div>
                                             </div>
                                             <button toggle="true" class="ae-button shrink toggle-seed">
-                                                <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_subseed_show" droppable="true"
+                                                <div data-parent-selector="#tab_txt2img"
+                                                    data-selector="#txt2img_subseed_show" droppable="true"
                                                     class="portal shrink invisible tool">
                                                     <div class="mask-icon icon-equalize">
                                                     </div>
@@ -199,33 +228,42 @@
                                             </button>
                                         </div>
                                     </div>
-                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_seed_extras" droppable="true" class="portal sub-group">
+                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_seed_extras"
+                                        droppable="true" class="portal sub-group">
                                         <div class="flexbox col">
                                             <div class="flexbox row">
                                                 <div class="flexbox no-border min-width fb-50 row">
-                                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_subseed" class="portal no-min-width">
+                                                    <div data-parent-selector="#tab_txt2img"
+                                                        data-selector="#txt2img_subseed" class="portal no-min-width">
                                                     </div>
-                                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_random_subseed" droppable="true"
+                                                    <div data-parent-selector="#tab_txt2img"
+                                                        data-selector="#txt2img_random_subseed" droppable="true"
                                                         class="portal shrink invisible">
                                                         <div class="mask-icon icon-dice">
                                                         </div>
                                                     </div>
-                                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_reuse_subseed" droppable="true"
+                                                    <div data-parent-selector="#tab_txt2img"
+                                                        data-selector="#txt2img_reuse_subseed" droppable="true"
                                                         class="portal shrink invisible">
                                                         <div class="mask-icon icon-recycle">
                                                         </div>
                                                     </div>
                                                 </div>
                                                 <div class="flexbox row fb-50">
-                                                    <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_subseed_strength"
+                                                    <div data-parent-selector="#tab_txt2img"
+                                                        data-selector="#txt2img_subseed_strength"
                                                         class="portal min-width fb-50">
                                                     </div>
                                                 </div>
                                             </div>
                                             <div class="flexbox row wrap">
-                                                <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_seed_resize_from_w" class="portal min-width">
+                                                <div data-parent-selector="#tab_txt2img"
+                                                    data-selector="#txt2img_seed_resize_from_w"
+                                                    class="portal min-width">
                                                 </div>
-                                                <div data-parent-selector="#tab_txt2img" data-selector="#txt2img_seed_resize_from_h" class="portal min-width">
+                                                <div data-parent-selector="#tab_txt2img"
+                                                    data-selector="#txt2img_seed_resize_from_h"
+                                                    class="portal min-width">
                                                 </div>
                                             </div>
                                         </div>
@@ -236,55 +274,62 @@
                                 <div data-selector="#txt2img_hr" data-parent-selector="#tab_txt2img" class="portal">
                                 </div>
                                 <div class="flexbox group row">
-                                    <div data-selector="#txt2img_override_settings" data-parent-selector="#tab_txt2img" class="portal">
+                                    <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">
+                                <div data-selector="#layout-txt2img  .gradio-accordion:has( div[id^='setting_'])"
+                                    data-parent-selector="gradio-app" class="portal hide-empty">
                                 </div>
-                                <div data-selector="#txt2img_container_aspect_ratio" data-parent-selector="#tab_txt2img" class="portal hide-empty">
+                                <div data-selector="#txt2img_container_aspect_ratio" data-parent-selector="#tab_txt2img"
+                                    class="portal hide-empty">
                                 </div>
                             </div>
                         </div>
                     </div>
                     <div id="txt2img_scripts_tabitem_group" class="flexbox col">
-                        <div id="txt2img_scripts_tabitem" class="xtabs-item">						
-                            <div data-selector="#txt2img_script_container" data-parent-selector="#tab_txt2img" class="portal no-bg">
+                        <div id="txt2img_scripts_tabitem" class="xtabs-item">
+                            <div data-selector="#txt2img_script_container" data-parent-selector="#tab_txt2img"
+                                class="portal no-bg">
                             </div>
-						</div>
+                        </div>
                     </div>
                     <div id="txt2img_phystonPrompt_tabitem_group" class="flexbox col">
-                        <div id="txt2img_phystonPrompt_tabitem" class="xtabs-item">						
+                        <div id="txt2img_phystonPrompt_tabitem" class="xtabs-item">
                             <div id="split-physton" direction="vertical" gutterSize="8" class="split">
 
                                 <div data-minSize="0" data-initSize="50" id="iubslph" class="split-container">
-                                        <div show-button="#btn_txt2img_physton" data-selector="#phystonPrompt_txt2img_prompt" data-parent-selector="#tab_txt2img" class="portal no-bg no-padding">
+                                    <div show-button="#btn_txt2img_physton"
+                                        data-selector="#phystonPrompt_txt2img_prompt"
+                                        data-parent-selector="#tab_txt2img" class="portal no-bg no-padding">
                                     </div>
                                 </div>
 
                                 <div data-minSize="0" data-initSize="50" id="idyyfph" class="split-container">
-                                        <div data-selector="#phystonPrompt_txt2img_neg_prompt" data-parent-selector="#tab_txt2img" class="portal no-bg no-padding">
+                                    <div data-selector="#phystonPrompt_txt2img_neg_prompt"
+                                        data-parent-selector="#tab_txt2img" class="portal no-bg no-padding">
                                     </div>
                                 </div>
                             </div>
-						</div>
+                        </div>
                     </div>
 
                     <div id="txt2img_results_mobile_tabitem_group" class="flexbox col mobile">
                         <div id="txt2img_results_mobile_tabitem" mobile="#template-txt2img-results" class="xtabs-item">
-                           
+
                         </div>
                     </div>
 
                     <div id="txt2img_temp_tabitem_group" class="flexbox col hidden">
                         <div id="txt2img_temp_tabitem" class="xtabs-item">
 
-							<div data-selector="#tab_txt2img" data-parent-selector="gradio-app" class="portal">
+                            <div data-selector="#tab_txt2img" data-parent-selector="gradio-app" class="portal">
+                            </div>
+                            <div data-selector="#txt2img_generation_info_button" data-parent-selector="gradio-app"
+                                class="portal">
                             </div>
-							<div data-selector="#txt2img_generation_info_button" data-parent-selector="gradio-app" class="portal">
-							</div>
 
-<!-- 						<svg id="animated" viewbox="0 0 100 100">
+                            <!-- 						<svg id="animated" viewbox="0 0 100 100">
 							  <circle cx="50" cy="50" r="45" fill="#FDB900"/>
 							  <path id="progress" stroke-linecap="round" stroke-width="5" stroke="#fff" fill="none"
 									d="M50 10
@@ -293,11 +338,11 @@
 							  </path>
 							  <text id="count" x="50" y="50" text-anchor="middle" dy="7" font-size="20">100%</text>
 							</svg> -->
-							
-<!-- 							<div id="portal-7456" data-selector="#tab_txt2img" data-parent-selector="gradio-app" class="portal">
+
+                            <!-- 							<div id="portal-7456" data-selector="#tab_txt2img" data-parent-selector="gradio-app" class="portal">
                             </div> -->
-	
-                          <!--   <div id="portal-48" data-selector="#txt2img_extra_tabs" data-parent-selector="#tab_txt2img" droppable="true" class="portal">
+
+                            <!--   <div id="portal-48" data-selector="#txt2img_extra_tabs" data-parent-selector="#tab_txt2img" droppable="true" class="portal">
                             </div> -->
                         </div>
                     </div>
@@ -306,7 +351,7 @@
         </div>
         <div id="txt2img_results_generate_tabitem_group" class="flexbox col panel no-grow mobile">
             <div id="txt2img_results_generate_tabitem" mobile="#txt2img_generate_group" class="xtabs-item">
-                            
+
             </div>
         </div>
         <!--