diff --git a/public/css/st-tailwind.css b/public/css/st-tailwind.css index 46030fcf2..a505fe467 100644 --- a/public/css/st-tailwind.css +++ b/public/css/st-tailwind.css @@ -62,23 +62,24 @@ .margin-bot-10px, .marginBot10 { - margin-bottom: 10px; + margin-bottom: 10px !important; } .marginTop10 { - margin-top: 10px; + margin-top: 10px !important; } .marginBot5 { - margin-bottom: 5px; + margin-bottom: 5px !important; } .marginTop5 { - margin-top: 5px; + margin-top: 5px !important; } .marginTopBot5 { - margin: 5px 0; + margin-top: 5px !important; + margin-bottom: 5px !important; } .margin5 { @@ -113,6 +114,10 @@ align-self: start; } +.gap0 { + gap: 0 !important; +} + .gap3px { gap: 3px !important; } @@ -125,6 +130,14 @@ gap: 10px !important; } +.gap10h20v { + gap: 10px 20px !important; +} + +.gap10h5v { + gap: 5px 10px !important; +} + .wide10pMinFit { width: 10%; min-width: fit-content; @@ -212,6 +225,18 @@ display: flex; } +.flexBasis50p { + flex-basis: 50% +} + +.flexBasis25p { + flex-basis: 25% +} + +.flexBasis200px { + flex-basis: 200px +} + .flex-container { display: flex; gap: 5px; @@ -226,6 +251,10 @@ flex-grow: 1; } +.flexShrink { + flex-shrink: 1 +} + .flexnowrap { flex-wrap: nowrap; } @@ -304,10 +333,6 @@ flex: 50%; } -.wide50p { - width: 50% !important; -} - .wide25p { width: 25%; } @@ -473,4 +498,16 @@ textarea:disabled { .opacity1 { 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; } \ No newline at end of file diff --git a/public/index.html b/public/index.html index ef4822f6a..3ed0c0128 100644 --- a/public/index.html +++ b/public/index.html @@ -122,6 +122,7 @@
Click slider numbers to input manually.
+
@@ -212,47 +213,36 @@
-
-
-
- Response Length (tokens) -
-
-
-
- -
-
- +
-
-
+
+ Response Length (tokens) + +
+ +
+
+
-
-
- Context Size (tokens) +
+ Context Size (tokens) + +
+
-
-
- -
-
- -
-
-
- -
- -
- - Only select models support context sizes greater than 4096 tokens. - Increase only if you know what you're doing. - +
+
@@ -460,129 +450,62 @@
-
- -
- - Display the response bit by bit as it is generated.
- - When this is off, responses will be displayed all at once when they are complete. - -
-
-
-
- Temperature -
-
-
- -
-
- +
+
+ Temperature -
+ + +
-
-
-
- Repetition Penalty -
-
-
- -
-
- +
+ Repetition Penalty -
+ + +
-
-
-
- Repetition Penalty Range -
-
-
- -
-
- +
+ Repetition Penalty Range -
+ + +
-
-
-
- Encoder Repetition Penalty -
-
-
- -
-
- +
+ Encoder Repetition Penalty -
+ + +
-
-
-
- Frequency Penalty -
-
-
- -
-
- +
+ Frequency Penalty -
+ + +
-
-
-
- Presence Penalty -
-
-
- -
-
- +
+ Presence Penalty -
+ + +
-
-
-
- No Repeat Ngram Size -
-
-
- -
-
- +
+ No Repeat Ngram Size -
+ + +
-
-
-
- Min Length -
-
-
- -
-
- +
+ Min Length -
+ + +
@@ -922,9 +845,7 @@
-
-
@@ -1350,298 +1271,205 @@
-
-
- Top K -
-
-
- -
-
- -
-
-
-
-
- Top P -
-
-
- -
-
- +
+
+ Top K -
+ + +
-
-
-
- Typical P -
-
-
- -
-
- +
+ Top P -
+ + +
-
-
-
- Top A -
-
-
- -
-
- +
+ Typical P -
+ + +
-
-
-
- Tail Free Sampling -
-
-
- -
-
- +
+ Top A -
+ + +
-
-
-
- Epsilon Cutoff -
-
-
- -
-
- +
+ Tail Free Sampling -
+ + +
-
-
-
- Eta Cutoff -
-
-
- -
-
- +
+ Epsilon Cutoff -
+ + +
-
-
- -
-
- -
- Add the bos_token to the beginning of prompts. Disabling this can make the - replies more creative. -
-
-
- -
- Ban the eos_token. This forces the model to never end the generation - prematurely. -
-
-
- -
-
-
-

- Banned Tokens - (LLaMA models) -

-
- Sequences you don't want to appear in the output. One per line. Text or [token ids]. -
-
- -
- - -   - - Most tokens have a leading space. - - -
-
-
-

- CFG Scale -

-
-
- -
-
- +
+ Eta Cutoff -
+ + +
-
-
-
- Negative Prompt -
-
- -
- - Used if CFG Scale is unset globally, per chat or character - -
-
-

Beam search

-
-
- Number of Beams -
-
-
- -
-
- +
+
+
-
-
-
-
- Length Penalty -
-
-
- -
-
- + + + + +
-
-
- -
-
-

Contrastive search

-
-
- Penalty Alpha -
-
-
- -
-
- - +
+

Mirostat +
+

+
+
+ Mode + + +
+
+ Tau + + +
+
+ Eta + + +
-
-
-

Mirostat (mode=1 is only for llama.cpp)

-
-
- Mirostat Mode -
-
-
- -
-
- - +
+

Contrast Search +
+

+
+ Penalty Alpha + +
-
-
-
- Mirostat Tau -
-
-
- +
+

Beam Search +
+

+
+
+ Number of Beams + + +
+
+ Length Penalty + + +
-
- - +
+
-
-
-
- Mirostat Eta -
-
-
- +
+
+

+ Banned Tokens + (LLaMA models) +
+

+ + Sequences you don't want to appear in the output. One per line. Text or [token ids]. + +
+
-
- - -
-
-
-
-
-

Grammar

-
- -
- - Type in the desired custom grammar (GBNF). + + +   + + Most tokens have a leading space. + +
+
+
+
+ CFG Scale +
+
+ + +
+
+
+ Negative Prompt +
+
+ +
+ + Used if CFG Scale is unset globally, per chat or character + +
+
+
+

Grammar +
+

+
+ +
+ + Type in the desired custom grammar (GBNF). + +
-
-
-
-
- Seed +
+
+ Seed +
+
+
-
+
@@ -5097,4 +4925,4 @@ - + \ No newline at end of file diff --git a/public/script.js b/public/script.js index b35ab71a6..4802f725c 100644 --- a/public/script.js +++ b/public/script.js @@ -4751,6 +4751,11 @@ function changeMainAPI() { activeItem.amountGenElem.find('input').prop("disabled", false); 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") { $("#ai_module_block_novel").css("display", "block"); diff --git a/public/style.css b/public/style.css index 6dd49a234..af566bb6f 100644 --- a/public/style.css +++ b/public/style.css @@ -2281,6 +2281,35 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button 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 { margin: 0; flex: 5; @@ -2332,7 +2361,28 @@ input[type="range"]::-webkit-slider-thumb { 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; } @@ -3053,7 +3103,8 @@ a { #extensions_settings .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%); margin-bottom: 5px; border-radius: 10px; @@ -3405,7 +3456,7 @@ a { } #max_context_unlocked_warning { - flex-basis: 100%; + /* flex-basis: 100%; */ } #max_context_unlocked:not(:checked)+div { @@ -3621,4 +3672,4 @@ a { height: 100vh; z-index: 9999; } -} +} \ No newline at end of file