rixty/KoboldAI-Client
1
1
Fork 0
mirror of https://github.com/KoboldAI/KoboldAI-Client.git synced 2025-06-05 21:59:24 +02:00
Code Issues Projects Releases Wiki Activity

First framework for simplified UI/Advanced UI

Browse Source
This commit is contained in:
ebolam
2022-11-22 09:01:51 -05:00
parent 308417da39
commit 61bb16f636
4 changed files with 111 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
gensettings.py
View File

@@ -12,7 +12,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Generation",
"classname": "model",
"name": "genamt"
"name": "genamt",
"ui_level": 0
},
{
"uitype": "slider",
@@ -27,7 +28,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Generation",
"classname": "model",
"name": "temp"
"name": "temp",
"ui_level": 1
},
{
"uitype": "slider",
@@ -42,7 +44,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Sampling",
"classname": "model",
"name": "top_p"
"name": "top_p",
"ui_level": 1
},
{
@@ -58,7 +61,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Sampling",
"classname": "model",
"name": "top_k"
"name": "top_k",
"ui_level": 1
},
{
"uitype": "slider",
@@ -73,7 +77,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Sampling",
"classname": "model",
"name": "tfs"
"name": "tfs",
"ui_level": 1
},
{
"uitype": "slider",
@@ -88,7 +93,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Sampling",
"classname": "model",
"name": "typical"
"name": "typical",
"ui_level": 1
},
{
"uitype": "slider",
@@ -103,7 +109,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Sampling",
"classname": "model",
"name": "top_a"
"name": "top_a",
"ui_level": 1
},
{
"UI_V2_Only": True,
@@ -119,7 +126,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Repetition",
"classname": "model",
"name": "rep_pen"
"name": "rep_pen",
"ui_level": 1
},
{
"uitype": "slider",
@@ -134,7 +142,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Repetition",
"classname": "model",
"name": "rep_pen_range"
"name": "rep_pen_range",
"ui_level": 1
},
{
"uitype": "slider",
@@ -149,7 +158,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Repetition",
"classname": "model",
"name": "rep_pen_slope"
"name": "rep_pen_slope",
"ui_level": 1
},
{
"uitype": "slider",
@@ -164,7 +174,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Generation",
"classname": "model",
"name": "max_length"
"name": "max_length",
"ui_level": 0
},
{
"uitype": "slider",
@@ -179,7 +190,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Generation",
"classname": "model",
"name": "numseqs"
"name": "numseqs",
"ui_level": 0
},
{
"uitype": "slider",
@@ -195,7 +207,8 @@ gensettingstf = [
"sub_path": "",
"classname": "user",
"name": "widepth",
"extra_classes": "var_sync_alt_system_alt_gen"
"extra_classes": "var_sync_alt_system_alt_gen",
"ui_level": 2
},
{
"uitype": "toggle",
@@ -225,7 +238,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Other",
"classname": "story",
"name": "useprompt"
"name": "useprompt",
"ui_level": 2
},
{
"uitype": "toggle",
@@ -270,7 +284,8 @@ gensettingstf = [
"menu_path": "World Info",
"sub_path": "",
"classname": "story",
"name": "dynamicscan"
"name": "dynamicscan",
"ui_level": 1
},
{
"uitype": "toggle",
@@ -285,7 +300,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Other",
"classname": "user",
"name": "nopromptgen"
"name": "nopromptgen",
"ui_level": 2
},
{
"uitype": "toggle",
@@ -300,7 +316,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Other",
"classname": "user",
"name": "rngpersist"
"name": "rngpersist",
"ui_level": 2
},
{
"uitype": "toggle",
@@ -315,7 +332,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Modifiers",
"classname": "user",
"name": "nogenmod"
"name": "nogenmod",
"ui_level": 2
},
{
"uitype": "toggle",
@@ -343,7 +361,8 @@ gensettingstf = [
"sub_path": "",
"classname": "story",
"name": "storymode",
'children': [{'text': 'Story', 'value': 0}, {'text':'Adventure','value':1}, {'text':'Chat', 'value':2}]
'children': [{'text': 'Story', 'value': 0}, {'text':'Adventure','value':1}, {'text':'Chat', 'value':2}],
"ui_level": 0
},
{
"uitype": "toggle",
@@ -358,7 +377,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "UI",
"classname": "user",
"name": "output_streaming"
"name": "output_streaming",
"ui_level": 1
},
{
"uitype": "toggle",
@@ -374,6 +394,8 @@ gensettingstf = [
"sub_path": "UI",
"classname": "user",
"name": "show_probs"
,
"ui_level": 2
},
{
"uitype": "toggle",
@@ -388,7 +410,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Other",
"classname": "system",
"name": "alt_gen"
"name": "alt_gen",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -404,7 +427,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Formatting",
"classname": "user",
"name": "frmttriminc"
"name": "frmttriminc",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -420,7 +444,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Formatting",
"classname": "user",
"name": "frmtrmblln"
"name": "frmtrmblln",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -436,7 +461,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Formatting",
"classname": "user",
"name": "frmtrmspch"
"name": "frmtrmspch",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -452,7 +478,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Formatting",
"classname": "user",
"name": "frmtadsnsp"
"name": "frmtadsnsp",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -468,7 +495,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Formatting",
"classname": "user",
"name": "singleline"
"name": "singleline",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -484,7 +512,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Formatting",
"classname": "user",
"name": "remove_double_space"
"name": "remove_double_space",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -500,7 +529,8 @@ gensettingstf = [
"menu_path": "author_notes",
"sub_path": "",
"classname": "story",
"name": "andepth"
"name": "andepth",
"ui_level": 2
},
{
"uitype": "toggle",
@@ -527,7 +557,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "UI",
"classname": "user",
"name": "beep_on_complete"
"name": "beep_on_complete",
"ui_level": 0
},
{
"UI_V2_Only": True,
@@ -541,7 +572,8 @@ gensettingstf = [
"sub_path": "Images",
"classname": "user",
"name": "img_gen_priority",
'children': [{'text': 'Use Local Only', 'value': 0}, {'text':'Prefer Local','value':1}, {'text':'Prefer Horde', 'value':2}, {'text':'Use Horde Only', 'value':3}, {'text':'Use Local SD-WebUI API', 'value':4}]
'children': [{'text': 'Use Local Only', 'value': 0}, {'text':'Prefer Local','value':1}, {'text':'Prefer Horde', 'value':2}, {'text':'Use Horde Only', 'value':3}, {'text':'Use Local SD-WebUI API', 'value':4}],
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -554,7 +586,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Images",
"classname": "user",
"name": "img_gen_api_url"
"name": "img_gen_api_url",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -567,7 +600,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Images",
"classname": "user",
"name": "img_gen_art_guide"
"name": "img_gen_art_guide",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -580,7 +614,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Images",
"classname": "user",
"name": "img_gen_negative_prompt"
"name": "img_gen_negative_prompt",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -596,7 +631,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Images",
"classname": "user",
"name": "img_gen_steps"
"name": "img_gen_steps",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -612,7 +648,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Images",
"classname": "user",
"name": "img_gen_cfg_scale"
"name": "img_gen_cfg_scale",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -628,7 +665,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Images",
"classname": "system",
"name": "keep_img_gen_in_memory"
"name": "keep_img_gen_in_memory",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -644,7 +682,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "Images",
"classname": "system",
"name": "generating_image"
"name": "generating_image",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -661,6 +700,8 @@ gensettingstf = [
"sub_path": "UI",
"classname": "system",
"name": "experimental_features"
,
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -678,6 +719,8 @@ gensettingstf = [
"classname": "story",
"name": "gen_audio",
"extra_classes": "var_sync_alt_system_experimental_features"
,
"ui_level": 1
},
{
"UI_V2_Only": True,
@@ -690,7 +733,8 @@ gensettingstf = [
"menu_path": "Interface",
"sub_path": "UI",
"classname": "user",
"name": "privacy_password"
"name": "privacy_password",
"ui_level": 1
},
{
"UI_V2_Only": True,
@@ -709,6 +753,7 @@ gensettingstf = [
{"text": "Legacy", "value": 0},
{"text": "Messages", "value": 1},
],
"ui_level": 1
},
{
"uitype": "toggle",
@@ -723,7 +768,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Other",
"classname": "system",
"name": "full_determinism"
"name": "full_determinism",
"ui_level": 2
},
{
"UI_V2_Only": True,
@@ -739,7 +785,8 @@ gensettingstf = [
"menu_path": "Settings",
"sub_path": "Other",
"classname": "system",
"name": "seed_specified"
"name": "seed_specified",
"ui_level": 2
},
{
"uitype": "text",
@@ -755,7 +802,8 @@ gensettingstf = [
"sub_path": "Other",
"classname": "system",
"name": "seed",
"extra_classes": "var_sync_alt_system_seed_specified"
"extra_classes": "var_sync_alt_system_seed_specified",
"ui_level": 2
},
]

13
static/koboldai.js
View File

@@ -2943,6 +2943,19 @@ function save_preset() {
}
//--------------------------------------------General UI Functions------------------------------------
function set_ui_level(level) {
for (classname of ['setting_container', 'setting_container_single', 'setting_container_single_wide', 'biasing', 'palette_area']) {
for (element of document.getElementsByClassName(classname)) {
if (parseInt(element.getAttribute('ui_level')) <= level) {
element.classList.remove("hidden");
} else {
element.classList.add("hidden");
}
}
}
}
function privacy_mode(enabled) {
if (enabled) {
document.getElementById('SideMenu').classList.add("superblur");

14
templates/settings flyout.html
View File

@@ -142,7 +142,7 @@
{% with sub_path='Sampling' %}
{% include 'settings item.html' %}
{% endwith %}
<div class="setting_container_single">
<div class="setting_container_single" ui_level=2>
<!---Top Row---->
<span class="setting_label">
<span>Samplers Order:&nbsp;</span><span class="helpicon material-icons-outlined" tooltip="Changes the order of the samplers to have a considerably different effect than just leaving the samplers at their default order.">help_icon</span>
@@ -212,7 +212,7 @@
<span class="setting_minlabel"><span style="top: -4px; position: relative;"></span></span>
<span class="setting_maxlabel"><span style="top: -4px; position: relative;"></span></span>
</div>
<div class="setting_container_single_wide">
<div class="setting_container_single_wide" ui_level=2>
<!---Top Row---->
<span class="setting_label">
<span style="white-space: pre-wrap;">Enabled Userscripts: </span>
@@ -237,7 +237,7 @@
<div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Biasing</h4>
</div>
<div id="biasing">
<div id="biasing"class="biasing" ui_level=1>
<div class="help_text">Influence the likelihood for the AI to output certain phrases.</div>
<div class="bias_header">
<div class="bias_header_phrase">Phrase</div>
@@ -316,7 +316,7 @@
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Substitutions</h4>
</div>
<div class="setting_tile_area" id="Substitutions">
<div class="setting_tile_area setting_container_single_wide" id="Substitutions" ui_level=2>
<div class="help_text">
Automatically replaces phrases that you or the AI insert.
<span class="helpicon material-icons-outlined" tooltip="Can be used to help you insert special characters or automatically correct the AI. The pencil button toggles if a substitution is active or not.">help_icon</span>
@@ -351,7 +351,7 @@
<div class="setting_tile_area" id="Theme">
<select id="selected_theme" class="var_sync_system_theme_list" autocomplete="off" onchange="Change_Theme(this.value);">
</select><span class="material-icons-outlined cursor" tooltip="Refresh List" onclick="socket.emit('theme_list_refresh', '');">autorenew</span>
<div id="palette_area">
<div id="palette_area" class="palette_area" ui_level=2>
<b style="font-size: 20px;">Palette</b>
<div id="save_theme_area" >
<input type="text" id="save_theme_name" autocomplete="off" placeholder="New Theme Name"/>
@@ -420,9 +420,9 @@
</div>
<div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Tweaks</h4>
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">navigate_next</span> Tweaks</h4>
</div>
<div class="setting_tile_area" id="Tweaks">
<div class="setting_tile_area hidden" id="Tweaks">
<div class="help_text">Small UI changes that can be mixed and matched.</div>
<div class="tweak-container" tweak-path="hide-timing">
<span>Hide timing information</span>

4
templates/settings item.html
View File

@@ -1,9 +1,9 @@
{% for item in settings %}
{% if item["menu_path"] == menu and item['sub_path'] == sub_path %}
{% if 'extra_classes' in item %}
<div id="{{ item['name'] }}_card" class="setting_container {{ item['extra_classes'] }}">
<div id="{{ item['name'] }}_card" class="setting_container {{ item['extra_classes'] }}" ui_level="{{ item['ui_level'] }}">
{% else %}
<div id="{{ item['name'] }}_card" class="setting_container">
<div id="{{ item['name'] }}_card" class="setting_container" ui_level="{{ item['ui_level'] }}">
{% endif %}
<!---Top Row---->
<span class="setting_label">