SillyTavern/public/scripts/extensions/cfg/window.html

<div id="cfgConfig" class="drawer-content flexGap5">
    <div class="panelControlBar flex-container">
        <div id="cfgConfigHeader" class="fa-solid fa-grip drag-grabber"></div>
        <div id="CFGClose" class="fa-solid fa-circle-xmark"></div>
    </div>
    <div name="cfgConfigHolder" class="scrollY">
        <div id="chat_cfg_container">
            <div class="inline-drawer">
                <div id="CFGBlockToggle" class="inline-drawer-toggle inline-drawer-header">
                    <b>Chat CFG</b>
                    <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
                </div>
                <div class="inline-drawer-content">
                    <small>
                        <b>Unique to this chat.</b><br>
                    </small>
                    <label for="chat_cfg_guidance_scale">
                        <span data-i18n="Scale">Scale</span>
                        <small data-i18n="1 = disabled">1 = disabled</small>
                    </label>
                    <div class="range-block-range-and-counter">
                        <div class="range-block-range">
                            <input type="range" id="chat_cfg_guidance_scale" name="volume" min="0.10" max="4.00" step="0.05">
                        </div>
                        <div class="range-block-counter">
                            <div contenteditable="true" data-for="chat_cfg_guidance_scale" id="chat_cfg_guidance_scale_counter">
                                select
                            </div>
                        </div>
                    </div>
                    <div>
                        <label for="chat_cfg_negative_prompt">
                            <span data-i18n="Negative Prompt">Negative Prompt</span>
                        </label>
                        <textarea id="chat_cfg_negative_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>

                        <label for="chat_cfg_positive_prompt">
                            <span data-i18n="Positive Prompt">Positive Prompt</span>
                        </label>
                        <textarea id="chat_cfg_positive_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>
                    </div>
                    <div id="groupchat_cfg_use_chara_container">
                        <label class="checkbox_label" for="groupchat_cfg_use_chara">
                            <input type="checkbox" id="groupchat_cfg_use_chara" />
                            <span data-i18n="Use character CFG scales">Use character CFG scales</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div id="chara_cfg_container" style="display: none;">
            <hr class="sysHR">
            <div class="inline-drawer">
                <div id="charaANBlockToggle" class="inline-drawer-toggle inline-drawer-header">
                    <b>Character CFG</b>
                    <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
                </div>
                <div class="inline-drawer-content">
                    <small><b>Will be automatically added as the CFG for this character.</b></small>
                    <br />
                    <label for="chara_cfg_guidance_scale">
                        <span data-i18n="Scale">Scale</span>
                        <small data-i18n="1 = disabled">1 = disabled</small>
                    </label>
                    <div class="range-block-range-and-counter">
                        <div class="range-block-range">
                            <input type="range" id="chara_cfg_guidance_scale" name="volume" min="0.10" max="4.00" step="0.05">
                        </div>
                        <div class="range-block-counter">
                            <div contenteditable="true" data-for="chara_cfg_guidance_scale" id="chara_cfg_guidance_scale_counter">
                                select
                            </div>
                        </div>
                    </div>
                    <div>
                        <label for="chara_cfg_negative_prompt">
                            <span data-i18n="Negative Prompt">Negative Prompt</span>
                        </label>
                        <textarea id="chara_cfg_negative_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>

                        <label for="chara_cfg_positive_prompt">
                            <span data-i18n="Positive Prompt">Positive Prompt</span>
                        </label>
                        <textarea id="chara_cfg_positive_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div id="global_cfg_container">
            <hr class="sysHR">
            <div class="inline-drawer">
                <div id="defaultANBlockToggle" class="inline-drawer-toggle inline-drawer-header">
                    <b>Global CFG</b>
                    <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
                </div>
                <div class="inline-drawer-content">
                    <small><b>Will be used as the default CFG options for every chat unless overridden.</b></small>
                    <br />
                    <label for="global_cfg_guidance_scale">
                        <span data-i18n="Scale">Scale</span>
                        <small data-i18n="1 = disabled">1 = disabled</small>
                    </label>
                    <div class="range-block-range-and-counter">
                        <div class="range-block-range">
                            <input type="range" id="global_cfg_guidance_scale" name="volume" min="0.10" max="4.00" step="0.05">
                        </div>
                        <div class="range-block-counter">
                            <div contenteditable="true" data-for="global_cfg_guidance_scale" id="global_cfg_guidance_scale_counter">
                                select
                            </div>
                        </div>
                    </div>
                    <div>
                        <label for="global_cfg_negative_prompt">
                            <span data-i18n="Negative Prompt">Negative Prompt</span>
                        </label>
                        <textarea id="global_cfg_negative_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>

                        <label for="global_cfg_positive_prompt">
                            <span data-i18n="Positive Prompt">Positive Prompt</span>
                        </label>
                        <textarea id="global_cfg_positive_prompt" rows="2" class="text_pole textarea_compact" data-i18n="[placeholder]write short replies, write replies using past tense" placeholder="write short replies, write replies using past tense"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div id="cfg_prompt_combine_container">
            <hr class="sysHR">
            <div class="inline-drawer">
                <div id="defaultANBlockToggle" class="inline-drawer-toggle inline-drawer-header">
                    <b>CFG Prompt Cascading</b>
                    <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
                </div>
                <div class="inline-drawer-content">
                    <div class="flex-container flexFlowColumn">
                        <small>
                            <b>Combine positive/negative prompts from other boxes.</b>
                            <br />
                            For example, ticking the chat, global, and character boxes combine all negative prompts into a comma-separated string.
                        </small>
                    </div>
                    <br />
                    <div class="flex-container flexFlowColumn">
                        <label for="cfg_prompt_combine">
                            <span data-i18n="Scale">Always Include</span>
                        </label>
                        <label class="checkbox_label">
                            <input type="checkbox" name="cfg_prompt_combine" value="0" />
                            <span data-i18n="Chat Negatives">Chat Negatives</span>
                        </label>
                        <label class="checkbox_label">
                            <input type="checkbox" name="cfg_prompt_combine" value="1" />
                            <span data-i18n="Character Negatives">Character Negatives</span>
                        </label>
                        <label class="checkbox_label">
                            <input type="checkbox" name="cfg_prompt_combine" value="2" />
                            <span data-i18n="Global Negatives">Global Negatives</span>
                        </label>
                    </div>
                    <div class="flex-container flexFlowColumn">
                        <label>
                            Custom Separator: <input id="cfg_prompt_separator" class="text_pole textarea_compact widthUnset" placeholder="&quot;\n&quot;" type="text" />
                        </label>
                        <label>
                            Insertion Depth: <input id="cfg_prompt_insertion_depth" class="text_pole widthUnset" type="number" min="0" max="99" />
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>