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

Ooba sampler panel overhaul

Browse Source
This commit is contained in:
RossAscends
2023-11-02 02:53:50 +09:00
parent 610c9b9f24
commit 230ef417b6
4 changed files with 341 additions and 420 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
public/css/st-tailwind.css
View File

@@ -62,23 +62,24 @@
.margin-bot-10px, .margin-bot-10px,
.marginBot10 { .marginBot10 {
margin-bottom: 10px; margin-bottom: 10px !important;
} }
.marginTop10 { .marginTop10 {
margin-top: 10px; margin-top: 10px !important;
} }
.marginBot5 { .marginBot5 {
margin-bottom: 5px; margin-bottom: 5px !important;
} }
.marginTop5 { .marginTop5 {
margin-top: 5px; margin-top: 5px !important;
} }
.marginTopBot5 { .marginTopBot5 {
margin: 5px 0; margin-top: 5px !important;
margin-bottom: 5px !important;
} }
.margin5 { .margin5 {
@@ -113,6 +114,10 @@
align-self: start; align-self: start;
} }
.gap0 {
gap: 0 !important;
}
.gap3px { .gap3px {
gap: 3px !important; gap: 3px !important;
} }
@@ -125,6 +130,14 @@
gap: 10px !important; gap: 10px !important;
} }
.gap10h20v {
gap: 10px 20px !important;
}
.gap10h5v {
gap: 5px 10px !important;
}
.wide10pMinFit { .wide10pMinFit {
width: 10%; width: 10%;
min-width: fit-content; min-width: fit-content;
@@ -212,6 +225,18 @@
display: flex; display: flex;
} }
.flexBasis50p {
flex-basis: 50%
}
.flexBasis25p {
flex-basis: 25%
}
.flexBasis200px {
flex-basis: 200px
}
.flex-container { .flex-container {
display: flex; display: flex;
gap: 5px; gap: 5px;
@@ -226,6 +251,10 @@
flex-grow: 1; flex-grow: 1;
} }
.flexShrink {
flex-shrink: 1
}
.flexnowrap { .flexnowrap {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
@@ -304,10 +333,6 @@
flex: 50%; flex: 50%;
} }
.wide50p {
width: 50% !important;
}
.wide25p { .wide25p {
width: 25%; width: 25%;
} }
@@ -473,4 +498,16 @@ textarea:disabled {
.opacity1 { .opacity1 {
opacity: 1 !important; opacity: 1 !important;
}
.circleborder30px {
right: 30px;
top: 10px;
position: absolute;
border: 1px solid var(--SmartThemeBodyColor);
border-radius: 100%;
aspect-ratio: 1 / 1;
height: 30px;
text-align: center;
padding: 5px;
} }

642
public/index.html
View File

@@ -122,6 +122,7 @@
<div data-i18n="clickslidertips" class="toggle-description wide100p editable-slider-notification"> <div data-i18n="clickslidertips" class="toggle-description wide100p editable-slider-notification">
Click slider numbers to input manually. Click slider numbers to input manually.
</div> </div>
<div name="samplerHelpButton" class="note-link-span-lrg fa-solid fa-question fa-2x"></div>
<div class="scrollableInner"> <div class="scrollableInner">
<div class="flex-container" id="ai_response_configuration"> <div class="flex-container" id="ai_response_configuration">
<div id="respective-presets-block" class="width100p"> <div id="respective-presets-block" class="width100p">
@@ -212,47 +213,36 @@
</div> </div>
<div id="common-gen-settings-block" class="width100p"> <div id="common-gen-settings-block" class="width100p">
<div id="pro-settings-block"> <div id="pro-settings-block" class="flex-container gap10h5v justifyCenter">
<div id="amount_gen_block" class="range-block">
<div class="range-block-title" data-i18n="response legth(tokens)">
Response Length (tokens)
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="amount_gen" name="volume" min="16" max="1024" step="1">
</div>
<div class="range-block-counter" data-randomization-disabled="true">
<input type="number" min="16" max="1024" step="1" data-for="amount_gen" id="amount_gen_counter">
</div> <div id="amount_gen_block" class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="response legth(tokens)">
</div> <small>Response Length (tokens)</small>
<input class="neo-range-slider" type="range" id="amount_gen" name="volume" min="16" max="1024" step="1">
<div data-randomization-disabled="true" class="wide100p">
<input class="neo-range-input" type="number" min="16" max="1024" step="1" data-for="amount_gen" id="amount_gen_counter">
</div>
<div id="streaming_textgenerationwebui_block" class="flex-container alignitemscenter justifyCenter marginTop5">
<label class="checkbox_label" for="streaming_textgenerationwebui">
<input type="checkbox" id="streaming_textgenerationwebui" />
<small data-i18n="Streaming">Stream
<div class="margin5 fa-solid fa-question opacity50p hoverglow" title="Display the response bit by bit as it is generated.&#13;When this is off, responses will be displayed all at once when they are complete."></div>
</small>
</label>
</div> </div>
</div> </div>
<div id="max_context_block" class="range-block"> <div id="max_context_block" class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="context size(tokens)">
<div class="range-block-title" data-i18n="context size(tokens)"> <small>Context Size (tokens)</small>
Context Size (tokens) <input class="neo-range-slider" type="range" id="max_context" name="volume" min="512" max="8192" step="64">
<div data-randomization-disabled="true" class="wide100p">
<input class="neo-range-input" type="number" min="512" max="8192" step="64" data-for="max_context" id="max_context_counter">
</div> </div>
<div class="range-block-range-and-counter"> <div class="flex-container alignitemscenter justifyCenter marginTop5" id="max_context_unlocked_block">
<div class="range-block-range"> <label class="checkbox_label">
<input type="range" id="max_context" name="volume" min="512" max="8192" step="64"> <input id="max_context_unlocked" type="checkbox" />
</div> <small data-i18n="unlocked">Unlocked
<div class="range-block-counter" data-randomization-disabled="true"> <div id="max_context_unlocked_warning" class="fa-solid fa-question opacity50p hoverglow" title="Only select models support context sizes greater than 4096 tokens.&#13;Increase only if you know what you're doing."></div>
<input type="number" min="512" max="8192" step="64" data-for="max_context" id="max_context_counter"> </small>
</div> </label>
</div>
</div>
<div class="max_context_unlocked_block">
<label class="checkbox_label">
<input id="max_context_unlocked" type="checkbox" />
<span data-i18n="unlocked">Unlocked</span>
</label>
<div id="max_context_unlocked_warning" class="toggle-description justifyLeft widthUnset">
<span data-i18n="Only select models support context sizes greater than 4096 tokens. Increase only if you know what you're doing.">
Only select models support context sizes greater than 4096 tokens.
Increase only if you know what you're doing.
</span>
</div> </div>
</div> </div>
</div> </div>
@@ -460,129 +450,62 @@
</div> </div>
</div> </div>
<div id="range_block_textgenerationwebui"> <div id="range_block_textgenerationwebui">
<div class="range-block"> <div class="flex-container gap10h5v justifyCenter">
<label class="checkbox_label" for="streaming_textgenerationwebui"> <div class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="temperature">
<input type="checkbox" id="streaming_textgenerationwebui" /> <small>Temperature
<span data-i18n="Streaming">Streaming</span>
</label>
<div class="toggle-description justifyLeft">
<span data-i18n="Display the response bit by bit as it is generated.">
Display the response bit by bit as it is generated.</span><br>
<span data-i18n="When this is off, responses will be displayed all at once when they are complete.">
When this is off, responses will be displayed all at once when they are complete.
</span>
</div>
</div>
<div class="range-block">
<div class="range-block-title" data-i18n="temperature">
Temperature
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="temp_textgenerationwebui" name="volume" min="0.0" max="2.0" step="0.01">
</div>
<div class="range-block-counter">
<input type="number" min="0.0" max="2.0" step="0.01" data-for="temp_textgenerationwebui" id="temp_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="temp_textgenerationwebui" name="volume" min="0.0" max="2.0" step="0.01" x-setting-id="temp">
<input type="number" class="neo-range-input" min="0.0" max="2.0" step="0.01" data-for="temp_textgenerationwebui" id="temp_counter_textgenerationwebui">
</div> </div>
</div> <div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="rep.pen">
<div class="range-block"> <small>Repetition Penalty
<div class="range-block-title" data-i18n="rep.pen">
Repetition Penalty
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="rep_pen_textgenerationwebui" name="volume" min="1" max="1.5" step="0.01">
</div>
<div class="range-block-counter">
<input type="number" min="1" max="1.5" step="0.01" data-for="rep_pen_textgenerationwebui" id="rep_pen_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="rep_pen_textgenerationwebui" name="volume" min="1" max="1.5" step="0.01">
<input class="neo-range-input" type="number" min="1" max="1.5" step="0.01" data-for="rep_pen_textgenerationwebui" id="rep_pen_counter_textgenerationwebui">
</div> </div>
</div> <div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="rep.pen range">
<div data-newbie-hidden class="range-block"> <small>Repetition Penalty Range
<div class="range-block-title" data-i18n="rep.pen range">
Repetition Penalty Range
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="rep_pen_range_textgenerationwebui" name="volume" min="0" max="4096" step="1">
</div>
<div class="range-block-counter">
<input type="number" min="0" max="4096" step="1" data-for="rep_pen_range_textgenerationwebui" id="rep_pen_range_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="rep_pen_range_textgenerationwebui" name="volume" min="0" max="4096" step="1">
<input class="neo-range-input" type="number" min="0" max="4096" step="1" data-for="rep_pen_range_textgenerationwebui" id="rep_pen_range_counter_textgenerationwebui">
</div> </div>
</div> <div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="Encoder Rep. Pen.">
<div data-newbie-hidden class="range-block"> <small>Encoder Repetition Penalty
<div class="range-block-title" data-i18n="Encoder Rep. Pen.">
Encoder Repetition Penalty
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="encoder_rep_pen_textgenerationwebui" name="volume" min="0.8" max="1.5" step="0.01" />
</div>
<div class="range-block-counter">
<input type="number" min="0.8" max="1.5" step="0.01" data-for="encoder_rep_pen_textgenerationwebui" id="encoder_rep_pen_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="encoder_rep_pen_textgenerationwebui" name="volume" min="0.8" max="1.5" step="0.01" />
<input class="neo-range-input" type="number" min="0.8" max="1.5" step="0.01" data-for="encoder_rep_pen_textgenerationwebui" id="encoder_rep_pen_counter_textgenerationwebui">
</div> </div>
</div> <div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="Frequency Penalty">
<div data-newbie-hidden class="range-block"> <small>Frequency Penalty
<div class="range-block-title" data-i18n="Frequency Penalty">
Frequency Penalty
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="freq_pen_textgenerationwebui" name="volume" min="-2" max="2" step="0.01" />
</div>
<div class="range-block-counter">
<input type="number" data-for="freq_pen_textgenerationwebui" min="-2" max="2" step="0.01" id="freq_pen_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="freq_pen_textgenerationwebui" name="volume" min="-2" max="2" step="0.01" />
<input class="neo-range-input" type="number" data-for="freq_pen_textgenerationwebui" min="-2" max="2" step="0.01" id="freq_pen_counter_textgenerationwebui">
</div> </div>
</div> <div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="Presence Penalty">
<div data-newbie-hidden class="range-block"> <small>Presence Penalty
<div class="range-block-title" data-i18n="Presence Penalty">
Presence Penalty
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="presence_pen_textgenerationwebui" name="volume" min="-2" max="2" step="0.01" />
</div>
<div class="range-block-counter">
<input type="number" min="-2" max="2" step="0.01" data-for="presence_pen_textgenerationwebui" id="presence_pen_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="presence_pen_textgenerationwebui" name="volume" min="-2" max="2" step="0.01" />
<input class="neo-range-input" type="number" min="-2" max="2" step="0.01" data-for="presence_pen_textgenerationwebui" id="presence_pen_counter_textgenerationwebui">
</div> </div>
</div> <div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="No Repeat Ngram Size">
<div data-newbie-hidden class="range-block"> <small>No Repeat Ngram Size
<div class="range-block-title" data-i18n="No Repeat Ngram Size">
No Repeat Ngram Size
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="no_repeat_ngram_size_textgenerationwebui" name="volume" min="0" max="20" step="1">
</div>
<div class="range-block-counter">
<input type="number" min="0" max="20" step="1" data-for="no_repeat_ngram_size_textgenerationwebui" id="no_repeat_ngram_size_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="no_repeat_ngram_size_textgenerationwebui" name="volume" min="0" max="20" step="1">
<input class="neo-range-input" type="number" min="0" max="20" step="1" data-for="no_repeat_ngram_size_textgenerationwebui" id="no_repeat_ngram_size_counter_textgenerationwebui">
</div> </div>
</div> <div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="Min Length">
<div data-newbie-hidden class="range-block"> <small>Min Length
<div class="range-block-title" data-i18n="Min Length">
Min Length
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="min_length_textgenerationwebui" name="volume" min="0" max="2000" step="1" />
</div>
<div class="range-block-counter">
<input type="number" min="0" max="2000" step="1" data-for="min_length_textgenerationwebui" id="min_length_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="min_length_textgenerationwebui" name="volume" min="0" max="2000" step="1" />
<input class="neo-range-input" type="number" min="0" max="2000" step="1" data-for="min_length_textgenerationwebui" id="min_length_counter_textgenerationwebui">
</div> </div>
</div> </div>
</div> </div>
@@ -922,9 +845,7 @@
</div> </div>
</div> </div>
</div> </div>
<hr>
</div> </div>
<div data-newbie-hidden id="advanced-ai-config-block" class="width100p"> <div data-newbie-hidden id="advanced-ai-config-block" class="width100p">
<div data-newbie-hidden id="kobold_api-settings"> <div data-newbie-hidden id="kobold_api-settings">
<div id="kobold-advanced-config"> <div id="kobold-advanced-config">
@@ -1350,298 +1271,205 @@
</div> </div>
</div> </div>
<div data-newbie-hidden id="textgenerationwebui_api-settings"> <div data-newbie-hidden id="textgenerationwebui_api-settings">
<div class="range-block">
<div class="range-block-title" data-i18n="Top K">
Top K
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="top_k_textgenerationwebui" name="volume" min="0" max="200" step="1">
</div>
<div class="range-block-counter">
<input type="number" min="0" max="200" step="1" data-for="top_k_textgenerationwebui" id="top_k_counter_textgenerationwebui">
</div> <div class="flex-container gap10h5v justifyCenter">
</div> <div class="alignitemscenter flex-container flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="Top K">
</div> <small>Top K
<div class="range-block">
<div class="range-block-title" data-i18n="Top P">
Top P
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="top_p_textgenerationwebui" name="volume" min="0" max="1" step="0.01">
</div>
<div class="range-block-counter">
<input type="number" min="0" max="1" step="0.01" data-for="top_p_textgenerationwebui" id="top_p_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="top_k_textgenerationwebui" name="volume" min="0" max="200" step="1">
<input class="neo-range-input" type="number" min="0" max="200" step="1" data-for="top_k_textgenerationwebui" id="top_k_counter_textgenerationwebui">
</div> </div>
</div> <div class="alignitemscenter flex-container flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="Top P">
<div class="range-block"> <small>Top P
<div class="range-block-title" data-i18n="Typical P">
Typical P
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="typical_p_textgenerationwebui" name="volume" min="0" max="1" step="0.01">
</div>
<div class="range-block-counter">
<input type="number" min="0" max="1" step="0.01" data-for="typical_p_textgenerationwebui" id="typical_p_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="top_p_textgenerationwebui" name="volume" min="0" max="1" step="0.01">
<input class="neo-range-input" type="number" min="0" max="1" step="0.01" data-for="top_p_textgenerationwebui" id="top_p_counter_textgenerationwebui">
</div> </div>
</div> <div class="alignitemscenter flex-container flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="Typical P">
<div class="range-block"> <small>Typical P
<div class="range-block-title">
Top A
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="top_a_textgenerationwebui" name="volume" min="0" max="1" step="0.01">
</div>
<div class="range-block-counter">
<input type="number" min="0" max="1" step="0.01" data-for="top_a_textgenerationwebui" id="top_a_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="typical_p_textgenerationwebui" name="volume" min="0" max="1" step="0.01">
<input class="neo-range-input" type="number" min="0" max="1" step="0.01" data-for="typical_p_textgenerationwebui" id="typical_p_counter_textgenerationwebui">
</div> </div>
</div> <div class="alignitemscenter flex-container flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="Top A">
<div class="range-block"> <small>Top A
<div class="range-block-title" data-i18n="Tail Free Sampling">
Tail Free Sampling
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="tfs_textgenerationwebui" name="volume" min="0" max="1" step="0.01">
</div>
<div class="range-block-counter">
<input type="number" min="0" max="1" step="0.01" data-for="tfs_textgenerationwebui" id="tfs_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="top_a_textgenerationwebui" name="volume" min="0" max="1" step="0.01">
<input class="neo-range-input" type="number" min="0" max="1" step="0.01" data-for="top_a_textgenerationwebui" id="top_a_counter_textgenerationwebui">
</div> </div>
</div> <div class="alignitemscenter flex-container flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="Tail Free Sampling">
<div class="range-block"> <small>Tail Free Sampling
<div class="range-block-title" data-i18n="Epsilon Cutoff">
Epsilon Cutoff
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="epsilon_cutoff_textgenerationwebui" name="volume" min="0" max="9" step="0.01">
</div>
<div class="range-block-counter">
<input type="number" min="0" max="9" step="0.01" data-for="epsilon_cutoff_textgenerationwebui" id="epsilon_cutoff_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="tfs_textgenerationwebui" name="volume" min="0" max="1" step="0.01">
<input class="neo-range-input" type="number" min="0" max="1" step="0.01" data-for="tfs_textgenerationwebui" id="tfs_counter_textgenerationwebui">
</div> </div>
</div> <div class="alignitemscenter flex-container flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="Epsilon Cutoff">
<div class="range-block"> <small>Epsilon Cutoff
<div class="range-block-title" data-i18n="Eta Cutoff">
Eta Cutoff
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="eta_cutoff_textgenerationwebui" name="volume" min="0" max="20" step="0.01">
</div>
<div class="range-block-counter">
<input type="number" min="0" max="20" step="0.01" data-for="eta_cutoff_textgenerationwebui" id="eta_cutoff_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="epsilon_cutoff_textgenerationwebui" name="volume" min="0" max="9" step="0.01">
<input class="neo-range-input" type="number" min="0" max="9" step="0.01" data-for="epsilon_cutoff_textgenerationwebui" id="epsilon_cutoff_counter_textgenerationwebui">
</div> </div>
</div> <div class="alignitemscenter flex-container flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="Eta Cutoff">
<div class="range-block"> <small>Eta Cutoff
<label class="checkbox_label" for="do_sample_textgenerationwebui">
<input type="checkbox" id="do_sample_textgenerationwebui" />
<span data-i18n="Do Sample">Do Sample</span>
</label>
</div>
<div class="range-block">
<label class="checkbox_label" for="add_bos_token_textgenerationwebui">
<input type="checkbox" id="add_bos_token_textgenerationwebui" />
<span data-i18n="Add BOS Token">Add BOS Token</span>
</label>
<div class="toggle-description justifyLeft" data-i18n="Add the bos_token to the beginning of prompts. Disabling this can make the replies more creative.">
Add the bos_token to the beginning of prompts. Disabling this can make the
replies more creative.
</div>
</div>
<div class="range-block">
<label class="checkbox_label" for="ban_eos_token_textgenerationwebui">
<input type="checkbox" id="ban_eos_token_textgenerationwebui" />
<span data-i18n="Ban EOS Token">Ban EOS Token</span>
</label>
<div class="toggle-description justifyLeft" data-i18n="Ban the eos_token. This forces the model to never end the generation prematurely">
Ban the eos_token. This forces the model to never end the generation
prematurely.
</div>
</div>
<div class="range-block">
<label class="checkbox_label" for="skip_special_tokens_textgenerationwebui">
<input type="checkbox" id="skip_special_tokens_textgenerationwebui" />
<span data-i18n="Skip Special Tokens">Skip Special Tokens</span>
</label>
</div>
<hr>
<div class="range-block">
<h4 class="range-block-title justifyLeft">
<span data-i18n="Banned Tokens">Banned Tokens</span>
<span data-i18n="LLaMA models">(LLaMA models)</span>
</h4>
<div class="toggle-description justifyLeft" data-i18n="Sequences you don't want to appear in the output. One per line.">
Sequences you don't want to appear in the output. One per line. Text or [token ids].
</div>
<div class="wide100p">
<textarea id="banned_tokens_textgenerationwebui" class="text_pole textarea_compact" name="banned_tokens_textgenerationwebui" rows="3" placeholder="Example:&#10;some text&#10;[42, 69, 1337]"></textarea>
</div>
<small>
<i class="fa-solid fa-lightbulb"></i>
&nbsp;
<span data-i18n="Most tokens have a leading space.">
Most tokens have a leading space.
</span>
</small>
</div>
<hr>
<div class="range-block">
<h4 class="range-block-title justifyLeft" data-i18n="CFG Scale">
CFG Scale
</h4>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="guidance_scale_textgenerationwebui" name="volume" min="0.1" max="4" step="0.05">
</div>
<div class="range-block-counter">
<input type="number" min="0.1" max="4" step="0.05" data-for="guidance_scale_textgenerationwebui" id="guidance_scale_counter_textgenerationwebui">
</div> </small>
<input class="neo-range-slider" type="range" id="eta_cutoff_textgenerationwebui" name="volume" min="0" max="20" step="0.01">
<input class="neo-range-input" type="number" min="0" max="20" step="0.01" data-for="eta_cutoff_textgenerationwebui" id="eta_cutoff_counter_textgenerationwebui">
</div> </div>
</div> <div name="checkboxes" class="flex-container flexFlowColumn flexBasis200px flexShrink ">
<div class="range-block"> <div class="justifyCenter">
<div class="range-block-title justifyLeft"> <label class="checkbox_label" for="do_sample_textgenerationwebui">
<span data-i18n="Negative Prompt">Negative Prompt</span> <input type="checkbox" id="do_sample_textgenerationwebui" />
</div> <small data-i18n="Do Sample">Do Sample
<div class="wide100p">
<textarea id="negative_prompt_textgenerationwebui" class="text_pole textarea_compact" name="negative_prompt" rows="3" data-i18n="[placeholder]Add text here that would make the AI generate things you don't want in your outputs." placeholder="Add text here that would make the AI generate things you don't want in your outputs."></textarea>
</div>
<small data-i18n="Used if CFG Scale is unset globally, per chat or character">
Used if CFG Scale is unset globally, per chat or character
</small>
</div>
<hr>
<h4><span data-i18n="Beam search">Beam search</span></h4>
<div class="range-block">
<div class="range-block-title" data-i18n="Number of Beams">
Number of Beams
</div>
<div class="range-block-range-and-counter">
<div class="range-block-range">
<input type="range" id="num_beams_textgenerationwebui" name="volume" min="1" max="20" step="1" />
</div>
<div class="range-block-counter">
<input type="number" min="1" max="20" step="1" data-for="num_beams_textgenerationwebui" id="num_beams_counter_textgenerationwebui">
</div> </small>
</div> </label>
</div> <label class="checkbox_label" for="add_bos_token_textgenerationwebui">
<div class="range-block"> <input type="checkbox" id="add_bos_token_textgenerationwebui" />
<div class="range-block-title"> <small data-i18n="Add BOS Token">Add BOS Token
<span data-i18n="Length Penalty">Length Penalty</span> <div class="fa-solid fa-question opacity50p hoverglow" data-i18n="Add the bos_token to the beginning of prompts. Disabling this can make the replies more creative." title="Add the bos_token to the beginning of prompts. Disabling this can make the replies more creative."></div>
</div> </small>
<div class="range-block-range-and-counter"> </label>
<div class="range-block-range"> <label class="checkbox_label" for="ban_eos_token_textgenerationwebui">
<input type="range" id="length_penalty_textgenerationwebui" name="volume" min="-5" max="5" step="0.1" /> <input type="checkbox" id="ban_eos_token_textgenerationwebui" />
</div> <small data-i18n="Ban EOS Token">Ban EOS Token
<div class="range-block-counter"> <div class="fa-solid fa-question opacity50p hoverglow" data-i18n="Ban the eos_token. This forces the model to never end the generation prematurely" title="Ban the eos_token. This forces the model to never end the generation prematurely."></div>
<input type="number" min="-5" max="5" step="0.1" data-for="length_penalty_textgenerationwebui" id="length_penalty_counter_textgenerationwebui"> </small>
</label>
<label class="checkbox_label" for="skip_special_tokens_textgenerationwebui">
<input type="checkbox" id="skip_special_tokens_textgenerationwebui" />
<small data-i18n="Skip Special Tokens">Skip Special Tokens
</small>
</label>
</div> </div>
</div> </div>
</div> <div name="miroStatBlock">
<div class="range-block"> <h4 class="wide100p textAlignCenter" data-i18n="Mirostat (mode=1 is only for llama.cpp)">Mirostat
<label class="checkbox_label" for="early_stopping_textgenerationwebui"> <div class=" fa-solid fa-question opacity50p hoverglow" title="Mode=1 is only for llama.cpp&#13;More helpful tips coming soon."></div>
<input type="checkbox" id="early_stopping_textgenerationwebui" /> </h4>
<span data-i18n="Early Stopping">Early Stopping</span> <div class="flex-container flexFlowRow gap10px flexShrink">
</label> <div class="alignitemscenter flex-container marginBot5 flexFlowColumn flexShrink gap0" data-i18n="Mirostat Mode">
</div> Mode
<hr> <input class="neo-range-slider" type="range" id="mirostat_mode_textgenerationwebui" name="volume" min="0" max="2" step="1" />
<h4 data-i18n="Contrastive search">Contrastive search</h4> <input class="neo-range-input" type="number" min="0" max="2" step="1" data-for="mirostat_mode_textgenerationwebui" id="mirostat_mode_counter_textgenerationwebui">
<div class="range-block"> </div>
<div class="range-block-title" data-i18n="Penalty Alpha"> <div class="alignitemscenter flex-container marginBot5 flexFlowColumn flexShrink gap0" data-i18n="Mirostat Tau">
Penalty Alpha Tau
</div> <input class="neo-range-slider" type="range" id="mirostat_tau_textgenerationwebui" name="volume" min="0" max="20" step="0.01" />
<div class="range-block-range-and-counter"> <input class="neo-range-input" type="number" min="0" max="20" step="0.01" data-for="mirostat_tau_textgenerationwebui" id="mirostat_tau_counter_textgenerationwebui">
<div class="range-block-range"> </div>
<input type="range" id="penalty_alpha_textgenerationwebui" name="volume" min="0" max="5" step="0.05" /> <div class="alignitemscenter flex-container marginBot5 flexFlowColumn flexShrink gap0" data-i18n="Mirostat Eta">
</div> Eta
<div class="range-block-counter"> <input class="neo-range-slider" type="range" id="mirostat_eta_textgenerationwebui" name="volume" min="0" max="1" step="0.01" />
<input type="number" min="0" max="5" step="0.05" data-for="penalty_alpha_textgenerationwebui" id="penalty_alpha_counter_textgenerationwebui"> <input class="neo-range-input" type="number" min="0" max="1" step="0.01" data-for="mirostat_eta_textgenerationwebui" id="mirostat_eta_counter_textgenerationwebui">
</div>
</div> </div>
</div> </div>
</div> <div name="contrastiveSearchBlock">
<hr> <h4 data-i18n="Contrastive search">Contrast Search
<h4 data-i18n="Mirostat (mode=1 is only for llama.cpp)">Mirostat (mode=1 is only for llama.cpp)</h4> <div class=" fa-solid fa-question opacity50p hoverglow" title="Helpful tip coming soon."></div>
<div class="range-block"> </h4>
<div class="range-block-title" data-i18n="Mirostat Mode"> <div class="alignitemscenter flexFlowColumn flex-container flexBasis200px flexShrink gap0" data-i18n="Penalty Alpha">
Mirostat Mode <small>Penalty Alpha</small>
</div> <input class="neo-range-slider" type="range" id="penalty_alpha_textgenerationwebui" name="volume" min="0" max="5" step="0.05" />
<div class="range-block-range-and-counter"> <input class="neo-range-input" type="number" min="0" max="5" step="0.05" data-for="penalty_alpha_textgenerationwebui" id="penalty_alpha_counter_textgenerationwebui">
<div class="range-block-range">
<input type="range" id="mirostat_mode_textgenerationwebui" name="volume" min="0" max="2" step="1" />
</div>
<div class="range-block-counter">
<input type="number" min="0" max="2" step="1" data-for="mirostat_mode_textgenerationwebui" id="mirostat_mode_counter_textgenerationwebui">
</div> </div>
</div> </div>
</div> <div name="beamSearchBlock">
<div class="range-block"> <h4 class="textAlignCenter" span data-i18n="Beam search">Beam Search
<div class="range-block-title" data-i18n="Mirostat Tau"> <div class=" fa-solid fa-question opacity50p hoverglow" title="Helpful tip coming soon."></div>
Mirostat Tau </h4>
</div> <div class="flex-container flexFlowRow gap10px ">
<div class="range-block-range-and-counter"> <div class="alignitemscenter flex-container flexFlowColumn flexBasis200px gap0" data-i18n="Number of Beams">
<div class="range-block-range"> <small>Number of Beams</small>
<input type="range" id="mirostat_tau_textgenerationwebui" name="volume" min="0" max="20" step="0.01" /> <input class="neo-range-slider" type="range" id="num_beams_textgenerationwebui" name="volume" min="1" max="20" step="1" />
<input class="neo-range-input" type="number" min="1" max="20" step="1" data-for="num_beams_textgenerationwebui" id="num_beams_counter_textgenerationwebui">
</div>
<div class="alignitemscenter flex-container flexFlowColumn flexBasis200px gap0">
<small data-i18n="Length Penalty">Length Penalty</small>
<input class="neo-range-slider" type="range" id="length_penalty_textgenerationwebui" name="volume" min="-5" max="5" step="0.1" />
<input class="neo-range-input" type="number" min="-5" max="5" step="0.1" data-for="length_penalty_textgenerationwebui" id="length_penalty_counter_textgenerationwebui">
</div>
</div> </div>
<div class="range-block-counter"> <div class="justifyCenter widthFitContent marginTopBot5">
<input type="number" min="0" max="20" step="0.01" data-for="mirostat_tau_textgenerationwebui" id="mirostat_tau_counter_textgenerationwebui"> <label class="checkbox_label" for="early_stopping_textgenerationwebui">
<input type="checkbox" id="early_stopping_textgenerationwebui" />
<span data-i18n="Early Stopping">Early Stopping</span>
</label>
</div> </div>
</div> </div>
</div> <hr class="width100p">
<div class="range-block"> <div class="">
<div class="range-block-title" data-i18n="Mirostat Eta"> <h4 class="range-block-title justifyLeft">
Mirostat Eta <span data-i18n="Banned Tokens">Banned Tokens</span>
</div> <span data-i18n="LLaMA models">(LLaMA models)</span>
<div class="range-block-range-and-counter"> <div class="margin5 fa-solid fa-question opacity50p hoverglow" title="Helpful tip coming soon."></div>
<div class="range-block-range"> </h4>
<input type="range" id="mirostat_eta_textgenerationwebui" name="volume" min="0" max="1" step="0.01" /> <small class="" data-i18n="Sequences you don't want to appear in the output. One per line.">
Sequences you don't want to appear in the output. One per line. Text or [token ids].
</small>
<div class="wide100p">
<textarea id="banned_tokens_textgenerationwebui" class="text_pole textarea_compact" name="banned_tokens_textgenerationwebui" rows="3" placeholder="Example:&#10;some text&#10;[42, 69, 1337]"></textarea>
</div> </div>
<div class="range-block-counter"> <small>
<input type="number" min="0" max="1" step="0.01" data-for="mirostat_eta_textgenerationwebui" id="mirostat_eta_counter_textgenerationwebui"> <i class="fa-solid fa-lightbulb"></i>
&nbsp;
</div> <span data-i18n="Most tokens have a leading space.">
</div> Most tokens have a leading space.
</div>
<hr>
<div id="grammar_block_ooba">
<h4 data-i18n="Grammar">Grammar</h4>
<div class="range-block">
<textarea id="grammar_string_textgenerationwebui" rows="2" class="text_pole textarea_compact monospace"></textarea>
<div class="toggle-description justifyLeft">
<span data-i18n="Type in the desired custom grammar (GBNF).">
Type in the desired custom grammar (<a href="https://github.com/ggerganov/llama.cpp/blob/master/grammars/README.md" target="_blank">GBNF</a>).
</span> </span>
</small>
</div>
<hr class="width100p">
<div class="alignitemscenter flex-container flexFlowColumn flexBasis200px flexShrink gap0" data-i18n="CFG Scale">
<div>
CFG Scale
<div class="margin5 fa-solid fa-question opacity50p hoverglow" title="Helpful tip coming soon."></div>
</div>
<input class="neo-range-slider" type="range" id="guidance_scale_textgenerationwebui" name="volume" min="0.1" max="4" step="0.05">
<input class="neo-range-input" type="number" min="0.1" max="4" step="0.05" data-for="guidance_scale_textgenerationwebui" id="guidance_scale_counter_textgenerationwebui">
</div>
<div class="range-block">
<div class="range-block-title justifyLeft">
<span data-i18n="Negative Prompt">Negative Prompt</span>
</div>
<div class="wide100p">
<textarea id="negative_prompt_textgenerationwebui" class="text_pole textarea_compact" name="negative_prompt" rows="3" data-i18n="[placeholder]Add text here that would make the AI generate things you don't want in your outputs." placeholder="Add text here that would make the AI generate things you don't want in your outputs."></textarea>
</div>
<small data-i18n="Used if CFG Scale is unset globally, per chat or character">
Used if CFG Scale is unset globally, per chat or character
</small>
</div>
<hr class="width100p">
<div id="grammar_block_ooba">
<h4 data-i18n="Grammar">Grammar
<div class="margin5 fa-solid fa-question opacity50p hoverglow" title="Helpful tip coming soon."></div>
</h4>
<div class="range-block">
<textarea id="grammar_string_textgenerationwebui" rows="2" class="text_pole textarea_compact monospace"></textarea>
<div class="toggle-description justifyLeft">
<span data-i18n="Type in the desired custom grammar (GBNF).">
Type in the desired custom grammar (<a href="https://github.com/ggerganov/llama.cpp/blob/master/grammars/README.md" target="_blank">GBNF</a>).
</span>
</div>
</div> </div>
</div> </div>
</div> <div class="range-block">
<hr> <div class="range-block-title" data-i18n="Seed">
<div class="range-block"> Seed
<div class="range-block-title" data-i18n="Seed"> <div class="margin5 fa-solid fa-question opacity50p hoverglow" title="Helpful tip coming soon."></div>
Seed </div>
<input type="number" id="seed_textgenerationwebui" class="text_pole wide100p" maxlength="100" />
</div> </div>
<input type="number" id="seed_textgenerationwebui" class="text_pole wide100p" maxlength="100" />
</div> </div>
</div> </div>
<div id="openai_settings"> <div id="openai_settings">
<div class=""> <div class="">
<div class="range-block"> <div class="range-block">
@@ -5097,4 +4925,4 @@
</script> </script>
</body> </body>
</html> </html>

5
public/script.js
View File

@@ -4751,6 +4751,11 @@ function changeMainAPI() {
activeItem.amountGenElem.find('input').prop("disabled", false); activeItem.amountGenElem.find('input').prop("disabled", false);
activeItem.amountGenElem.css("opacity", 1.0); activeItem.amountGenElem.css("opacity", 1.0);
} }
if (selectedVal === "textgenerationwebui") {
$("#streaming_textgenerationwebui_block").css('display', 'block')
} else {
$("#streaming_textgenerationwebui_block").css('display', 'none')
}
if (selectedVal === "novel") { if (selectedVal === "novel") {
$("#ai_module_block_novel").css("display", "block"); $("#ai_module_block_novel").css("display", "block");

59
public/style.css
View File

@@ -2281,6 +2281,35 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button
width: 70px; width: 70px;
} }
.neo-range-input {
display: block;
cursor: text;
background-color: var(--black30a);
border: 1px solid var(--SmartThemeBorderColor);
border-radius: 0 0 5px 5px;
padding: 2px;
padding-left: 1em;
padding-top: 5px;
text-align: center;
width: 100%;
}
.neo-range-slider {
-webkit-appearance: none !important;
appearance: none !important;
margin: 0 !important;
margin-top: 7px !important;
padding: 0 !important;
width: 100% !important;
height: 5px !important;
background: var(--white50a) !important;
border-radius: 7px 7px 0 0 !important;
background-size: 70% 100% !important;
background-repeat: no-repeat !important;
box-shadow: inset 0 0 2px black !important;
cursor: ew-resize !important;
}
.range-block-range { .range-block-range {
margin: 0; margin: 0;
flex: 5; flex: 5;
@@ -2332,7 +2361,28 @@ input[type="range"]::-webkit-slider-thumb {
transition: all 250ms; transition: all 250ms;
} }
.note-link-span:hover { .note-link-span-lrg {
color: var(--SmartThemeQuoteColor);
border: 3px solid var(--SmartThemeQuoteColor);
border-radius: 100%;
line-height: calc(var(--mainFontSize)*1.6);
font-size: calc(var(--mainFontSize)*1.4);
font-weight: 700;
width: calc(var(--mainFontSize) + 1rem);
height: calc(var(--mainFontSize) + 1rem);
display: inline-block;
opacity: 0.5;
margin: 0 5px;
text-align: center;
box-shadow: 0 0 3px black;
transition: all 250ms;
position: absolute;
top: 6px;
right: 23px;
}
.note-link-span:hover,
.note-link-span-lrg:hover {
opacity: 1; opacity: 1;
} }
@@ -3053,7 +3103,8 @@ a {
#extensions_settings .inline-drawer-toggle.inline-drawer-header, #extensions_settings .inline-drawer-toggle.inline-drawer-header,
#extensions_settings2 .inline-drawer-toggle.inline-drawer-header, #extensions_settings2 .inline-drawer-toggle.inline-drawer-header,
#user-settings-block h4 { #user-settings-block h4,
.standoutHeader {
background-image: linear-gradient(348deg, var(--white30a)2%, var(--grey30a)10%, var(--black70a)95%, var(--SmartThemeQuoteColor)100%); background-image: linear-gradient(348deg, var(--white30a)2%, var(--grey30a)10%, var(--black70a)95%, var(--SmartThemeQuoteColor)100%);
margin-bottom: 5px; margin-bottom: 5px;
border-radius: 10px; border-radius: 10px;
@@ -3405,7 +3456,7 @@ a {
} }
#max_context_unlocked_warning { #max_context_unlocked_warning {
flex-basis: 100%; /* flex-basis: 100%; */
} }
#max_context_unlocked:not(:checked)+div { #max_context_unlocked:not(:checked)+div {
@@ -3621,4 +3672,4 @@ a {
height: 100vh; height: 100vh;
z-index: 9999; z-index: 9999;
} }
} }