UI: move the derived context size flag into connection pane

faf80d1b624c391109ed7377e3f6e5744c473445

Karl-Johan Alm <karljohan-alm@garage.co.jp>

Signed

public/index.html+6 -4 Viewed

                                         <div data-preset-manager-delete="textgenerationwebui" class="margin0 menu_button_icon menu_button" title="Delete the preset" data-i18n="[title]Delete the preset">
                                             <i class="fa-fw fa-solid fa-trash-can"></i>
                                         </div>
-                                        <label for="context_size_derived" class="checkbox_label flex1" title="Use backend provided context size, when available." data-i18n="[title]context_size_derived">
-                                            <input id="context_size_derived" type="checkbox" style="display:none;" />
-                                            <small><i class="fa-solid fa-bolt menu_button margin0"></i></small>
-                                        </label>
                                     </div>
                                 </div>
                                 <div class="flex-container flexNoGap">

                     </label>
                     <a id="viewSecrets" href="javascript:void(0);" data-i18n="[missing_key_text]Missing key;[key_saved_text]Key saved" missing_key_text="❌ Missing key" key_saved_text="✔️ Key saved"><span data-i18n="View hidden API keys">View hidden API keys</span></a>
                 </div>
+                <div>
+                    <label data-tg-type="koboldcpp, llamacpp" class="checkbox_label margin-bot-10px" for="context_size_derived">
+                        <input type="checkbox" id="context_size_derived" />
+                        <span data-i18n="Derive settings from backend">Derive settings from backend</span>
+                    </label>
+                </div>
             </div>
         </div>
         <div id="advanced-formatting-button" class="drawer">

public/scripts/power-user.js+2 -2 Viewed

     $('#example_messages_behavior').val(getExampleMessagesBehavior());
     $(`#example_messages_behavior option[value="${getExampleMessagesBehavior()}"]`).prop('selected', true);
     $('#context_derived').parent().find('i').toggleClass('toggleEnabled', !!power_user.context_derived);
-    $('#context_size_derived').parent().find('i').toggleClass('toggleEnabled', !!power_user.context_size_derived);
+    $('#context_size_derived').prop('checked', !!power_user.context_size_derived);
     $('#console_log_prompts').prop('checked', power_user.console_log_prompts);
     $('#request_token_probabilities').prop('checked', power_user.request_token_probabilities);

     });
     $('#context_size_derived').on('change', function () {
-        $('#context_size_derived').parent().find('i').toggleClass('toggleEnabled', !!power_user.context_size_derived);
+        $('#context_size_derived').prop('checked', !!power_user.context_size_derived);
     });
     $('#always-force-name2-checkbox').change(function () {