mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
AI config panel cleanup/styling
- editable inputs styled - moved API model selectors from AIConfig to API Panel - nicer WI Entry footer spacing - corrected WI Entry textarea height calculations - centered send_textarea placeholder .mes_text now wraps anywhere to prevent long strings from overflowing-X - placeholders added to a few inputs
This commit is contained in:
RossAscends
@@ -6,8 +6,8 @@
|
||||
"temperature": 1.7,
|
||||
"max_length": 90,
|
||||
"min_length": 1,
|
||||
"tail_free_sampling": 0.6602,
|
||||
"repetition_penalty": 1.0565,
|
||||
"tail_free_sampling": 0.66,
|
||||
"repetition_penalty": 1.06,
|
||||
"repetition_penalty_range": 340,
|
||||
"repetition_penalty_frequency": 0,
|
||||
"repetition_penalty_presence": 0
|
||||
|
||||
@@ -86,6 +86,9 @@
|
||||
<div class="checked fa-solid fa-lock "></div>
|
||||
</label>
|
||||
</div>
|
||||
<div class="toggle-description flex-container justifyLeft wide100p editable-slider-notification">
|
||||
Click slider numbers to input manually.
|
||||
</div>
|
||||
<div class="scrollableInner">
|
||||
<div class="flex-container">
|
||||
<div id="respective-presets-block" class="width100p">
|
||||
@@ -122,16 +125,6 @@
|
||||
<i id="delete_oai_preset" class="menu_button fa-solid fa-trash-can" title="Delete the preset"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4>OpenAI Model</h4>
|
||||
<select id="model_openai_select">
|
||||
<option value="gpt-3.5-turbo">gpt-3.5-turbo</option>
|
||||
<option value="gpt-3.5-turbo-0301">gpt-3.5-turbo-0301</option>
|
||||
<option value="gpt-4">gpt-4</option>
|
||||
<option value="gpt-4-0314">gpt-4-0314</option>
|
||||
<option value="gpt-4-32k">gpt-4-32k</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div id="textgenerationwebui_api-presets">
|
||||
<h3>Text Gen WebUI (ooba) presets</h3>
|
||||
@@ -142,13 +135,17 @@
|
||||
<h3>Poe.com API Settings</h3>
|
||||
<!-- just a placeholder title for the Poe.com settings panel-->
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div id="common-gen-settings-block" class="width100p">
|
||||
<div id="pro-settings-block">
|
||||
<div id="amount_gen_block" class="range-block">
|
||||
<div class="range-block-title">
|
||||
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="512" step="1">
|
||||
</div>
|
||||
@@ -158,10 +155,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="max_context_block" class="range-block">
|
||||
<div class="range-block-title">
|
||||
Context Size (tokens)
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="max_context" name="volume" min="512" max="2048" step="1">
|
||||
</div>
|
||||
@@ -173,12 +173,18 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="respective-ranges-and-temps" class="width100p">
|
||||
<div id="range_block">
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Temperature
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="temp" name="volume" min="0.1" max="2.0" step="0.01">
|
||||
</div>
|
||||
@@ -188,10 +194,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Rep. Pen.
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="rep_pen" name="volume" min="1" max="1.5" step="0.01">
|
||||
</div>
|
||||
@@ -201,10 +209,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Rep. Pen. Range
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="rep_pen_range" name="volume" min="0" max="2048" step="1">
|
||||
</div>
|
||||
@@ -215,13 +225,43 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="range_block_novel">
|
||||
<div class="range-block-title">
|
||||
Temperature
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="temp_novel" name="volume" min="0.1" max="2.0" step="0.01">
|
||||
</div>
|
||||
<div class="range-block-counter">
|
||||
<div contenteditable="true" data-for="temp_novel" id="temp_counter_novel">
|
||||
select
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Rep. Pen.
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="rep_pen_novel" name="volume" min="1" max="1.5" step="0.01">
|
||||
</div>
|
||||
<div class="range-block-counter">
|
||||
<div contenteditable="true" data-for="rep_pen_novel" id="rep_pen_counter_novel">
|
||||
select
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="range_block_textgenerationwebui">
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Temperature
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="temp_textgenerationwebui" name="volume" min="0.1" max="2.0" step="0.01">
|
||||
</div>
|
||||
@@ -231,10 +271,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Rep. Pen.
|
||||
</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>
|
||||
@@ -244,10 +286,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Encoder Rep. Pen.
|
||||
</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>
|
||||
@@ -257,10 +301,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
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>
|
||||
@@ -270,10 +316,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
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>
|
||||
@@ -284,12 +332,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="range_block_openai">
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
<div class="range-block-title justifyLeft">
|
||||
OpenAI Reverse Proxy
|
||||
</div>
|
||||
<div class="range-block-counter">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Alternative server URL (leave empty to use the default value).<br>
|
||||
<div id="ReverseProxyWarningMessage" class="reverse_proxy_warning">
|
||||
<b>Remove your real OAI API Key from the API panel BEFORE typing anything into this box.</b>
|
||||
@@ -305,6 +354,7 @@
|
||||
<div class="range-block-title">
|
||||
Context Size (tokens)
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="openai_max_context" name="volume" min="512" max="4095" step="1">
|
||||
</div>
|
||||
@@ -314,6 +364,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Max Response Length (tokens)
|
||||
@@ -327,6 +378,7 @@
|
||||
Temperature
|
||||
</div>
|
||||
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="temp_openai" name="volume" min="0" max="2.0" step="0.01">
|
||||
</div>
|
||||
@@ -334,11 +386,12 @@
|
||||
<div contenteditable="true" data-for="temp_openai" id="temp_counter_openai">select</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Frequency Penalty
|
||||
</div>
|
||||
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="freq_pen_openai" name="volume" min="-2" max="2" step="0.01">
|
||||
</div>
|
||||
@@ -348,10 +401,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Presence Penalty
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="pres_pen_openai" name="volume" min="-2" max="2" step="0.01">
|
||||
</div>
|
||||
@@ -362,13 +417,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="range_block_poe">
|
||||
<div class="range-block">
|
||||
<label for="poe_streaming" class="checkbox_label widthFreeExpand">
|
||||
<input id="poe_streaming" type="checkbox" />
|
||||
Streaming
|
||||
</label>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Display bot response text chunks as they are generated.
|
||||
</div>
|
||||
</div>
|
||||
@@ -377,7 +433,7 @@
|
||||
<input id="poe_auto_purge" type="checkbox">
|
||||
Auto-purge API context (save JB)
|
||||
</label>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Delete non-JB messages from Poe context before sending a new prompt. Prevents auto-jailbreak message from being pushed out of context.
|
||||
</div>
|
||||
</div>
|
||||
@@ -386,7 +442,7 @@
|
||||
<input id="poe_auto_jailbreak" type="checkbox">
|
||||
Auto-jailbreak
|
||||
</label>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Send the jailbreak message before first generation after page refresh.
|
||||
</div>
|
||||
</div>
|
||||
@@ -395,14 +451,18 @@
|
||||
<input id="poe_character_nudge" type="checkbox" />
|
||||
Send character note
|
||||
</label>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Sent with every prompt to modify bot responses.
|
||||
</div>
|
||||
<!-- <div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div id="advanced-ai-config-block" class="width100p">
|
||||
<div id="kobold_api-settings">
|
||||
<div id="kobold-advanced-config">
|
||||
@@ -410,6 +470,7 @@
|
||||
<div class="range-block-title">
|
||||
Top P
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="top_p" name="volume" min="0" max="1" step="0.01">
|
||||
</div>
|
||||
@@ -419,10 +480,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<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" name="volume" min="0" max="1" step="0.01">
|
||||
</div>
|
||||
@@ -432,10 +495,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Top K
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="top_k" name="volume" min="0" max="100" step="1">
|
||||
</div>
|
||||
@@ -445,10 +510,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Typical Sampling
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="typical" name="volume" min="0" max="1" step="0.01">
|
||||
</div>
|
||||
@@ -458,10 +525,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Tail Free Sampling
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="tfs" name="volume" min="0" max="1" step="0.01">
|
||||
</div>
|
||||
@@ -471,10 +540,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Rep. Pen. Slope
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="rep_pen_slope" name="volume" min="0" max="10" step="0.1">
|
||||
</div>
|
||||
@@ -484,6 +555,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<label class="checkbox_label" for="single_line">
|
||||
<input id="single_line" type="checkbox" />
|
||||
@@ -493,60 +565,13 @@
|
||||
</div>
|
||||
</div>
|
||||
<div id="novel_api-settings">
|
||||
<h4>Novel AI Model
|
||||
<a href="/notes#models" class="notes-link" target="_blank">
|
||||
<span class="note-link-span">?</span>
|
||||
</a>
|
||||
</h4>
|
||||
<select id="model_novel_select">
|
||||
<option value="euterpe-v2">Euterpe</option>
|
||||
<option value="krake-v2">Krake</option>
|
||||
</select>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Temperature
|
||||
</div>
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="temp_novel" name="volume" min="0.1" max="2.0" step="0.01">
|
||||
</div>
|
||||
<div class="range-block-counter">
|
||||
<div contenteditable="true" data-for="temp_novel" id="temp_counter_novel">
|
||||
select
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Rep. Pen.
|
||||
</div>
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="rep_pen_novel" name="volume" min="1" max="1.5" step="0.01">
|
||||
</div>
|
||||
<div class="range-block-counter">
|
||||
<div contenteditable="true" data-for="rep_pen_novel" id="rep_pen_counter_novel">
|
||||
select
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Rep. Pen. Range (tokens)
|
||||
</div>
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="rep_pen_size_novel" name="volume" min="0" max="2048" step="1">
|
||||
</div>
|
||||
<div class="range-block-counter">
|
||||
<div contenteditable="true" data-for="rep_pen_size_novel" id="rep_pen_size_counter_novel">
|
||||
select
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="textgenerationwebui_api-settings">
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
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>
|
||||
@@ -556,10 +581,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
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>
|
||||
@@ -569,10 +596,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
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>
|
||||
@@ -582,6 +611,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<label class="checkbox_label" for="streaming_textgenerationwebui">
|
||||
<input type="checkbox" id="streaming_textgenerationwebui" />
|
||||
@@ -599,7 +629,7 @@
|
||||
<input type="checkbox" id="add_bos_token_textgenerationwebui" />
|
||||
Add BOS Token
|
||||
</label>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Add the bos_token to the beginning of prompts. Disabling this can make the replies more creative.
|
||||
</div>
|
||||
</div>
|
||||
@@ -608,7 +638,7 @@
|
||||
<input type="checkbox" id="ban_eos_token_textgenerationwebui" />
|
||||
Ban EOS Token
|
||||
</label>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Ban the eos_token. This forces the model to never end the generation prematurely.
|
||||
</div>
|
||||
</div>
|
||||
@@ -624,6 +654,7 @@
|
||||
<div class="range-block-title">
|
||||
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>
|
||||
@@ -633,10 +664,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Length Penalty
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="length_penalty_textgenerationwebui" name="volume" min="-5" max="5" step="0.1" />
|
||||
</div>
|
||||
@@ -646,6 +679,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<label class="checkbox_label" for="early_stopping_textgenerationwebui">
|
||||
<input type="checkbox" id="early_stopping_textgenerationwebui" />
|
||||
@@ -658,6 +692,7 @@
|
||||
<div class="range-block-title">
|
||||
Penalty Alpha
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="penalty_alpha_textgenerationwebui" name="volume" min="0" max="5" step="0.05" />
|
||||
</div>
|
||||
@@ -667,6 +702,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<div class="range-block-title">
|
||||
Seed
|
||||
@@ -687,28 +723,28 @@
|
||||
<input id="nsfw_first" type="checkbox" />
|
||||
NSFW first
|
||||
</label>
|
||||
<div class="range-block-counter justifyLeft">NSFW block goes first in the resulting prompt</div>
|
||||
<div class="toggle-description justifyLeft">NSFW block goes first in the resulting prompt</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<label title="Inserts jailbreak as a last system message" class="checkbox_label widthFreeExpand">
|
||||
<input id="jailbreak_system" type="checkbox" />
|
||||
Send Jailbreak
|
||||
</label>
|
||||
<div class="range-block-counter justifyLeft">Inserts jailbreak as a last system message</div>
|
||||
<div class="toggle-description justifyLeft">Inserts jailbreak as a last system message</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<label for="stream_toggle" title="Enables OpenAI completion streaming" class="checkbox_label widthFreeExpand">
|
||||
<input id="stream_toggle" type="checkbox" />
|
||||
Streaming
|
||||
</label>
|
||||
<div class="range-block-counter justifyLeft">Enables OpenAI completion streaming</div>
|
||||
<div class="toggle-description justifyLeft">Enables OpenAI completion streaming</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
<label title="Use OAI knowledge base to enhance definitions for public figures and known fictional characters" class="checkbox_label widthFreeExpand">
|
||||
<input id="enhance_definitions" type="checkbox" />
|
||||
Enhance Definitions
|
||||
</label>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Use OAI knowledge base to enhance definitions for public figures and known fictional characters
|
||||
</div>
|
||||
</div>
|
||||
@@ -717,7 +753,7 @@
|
||||
<input id="wrap_in_quotes" type="checkbox" />
|
||||
Wrap in Quotes
|
||||
</label>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Wrap entire user message in quotes before sending.
|
||||
Leave off if you use quotes manually for speech.
|
||||
</div>
|
||||
@@ -731,7 +767,7 @@
|
||||
<div class="fa-solid fa-clock-rotate-left "></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block-counter">
|
||||
<div class="toggle-description justifyLeft">
|
||||
The main prompt used to set the model behavior
|
||||
</div>
|
||||
<div class="wide100p">
|
||||
@@ -745,7 +781,7 @@
|
||||
<div class="fa-solid fa-clock-rotate-left "></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block-counter">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Prompt that is used when the NSFW toggle is on
|
||||
</div>
|
||||
<div class="wide100p">
|
||||
@@ -759,7 +795,7 @@
|
||||
<div class="fa-solid fa-clock-rotate-left"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block-counter">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Prompt that is used when the Jailbreak toggle is on
|
||||
</div>
|
||||
<div class="wide100p">
|
||||
@@ -773,7 +809,7 @@
|
||||
<div class="fa-solid fa-clock-rotate-left"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block-counter">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Prompt that is used for Impersonation function
|
||||
</div>
|
||||
<div class="wide100p">
|
||||
@@ -784,7 +820,7 @@
|
||||
<div class="range-block-title openai_restorable">
|
||||
Logit Bias
|
||||
</div>
|
||||
<div class="range-block-counter">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Helps to ban or reenforce the usage of certain words
|
||||
</div>
|
||||
<div class="openai_logit_bias_preset_form">
|
||||
@@ -819,7 +855,7 @@
|
||||
<div class="fa-solid fa-clock-rotate-left"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Message to send when auto-jailbreak is on.
|
||||
</div>
|
||||
<div class="wide100p">
|
||||
@@ -833,7 +869,7 @@
|
||||
<div class="fa-solid fa-clock-rotate-left"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Bot must send this back to confirm jailbreak
|
||||
</div>
|
||||
<div class="wide100p">
|
||||
@@ -847,11 +883,11 @@
|
||||
<div class="fa-solid fa-clock-rotate-left"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Influences bot behavior in its responses.
|
||||
</div>
|
||||
<div class="wide100p">
|
||||
<textarea id="poe_nudge_text" class="text_pole textarea_compact" rows="3" maxlength="250"></textarea>
|
||||
<textarea id="poe_nudge_text" class="text_pole textarea_compact" rows="6" maxlength="250"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block">
|
||||
@@ -861,11 +897,11 @@
|
||||
<div class="fa-solid fa-clock-rotate-left"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="range-block-counter justifyLeft">
|
||||
<div class="toggle-description justifyLeft">
|
||||
Prompt that is used for Impersonation function
|
||||
</div>
|
||||
<div class="wide100p">
|
||||
<textarea id="poe_impersonation_prompt" class="text_pole textarea_compact" rows="3" maxlength="250"></textarea>
|
||||
<textarea id="poe_impersonation_prompt" class="text_pole textarea_compact" rows="6" maxlength="250"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -875,6 +911,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="sys-settings-button" class="drawer">
|
||||
<div class="drawer-toggle drawer-header">
|
||||
<div id="API-status-top" class="drawer-icon fa-solid fa-plug-circle-exclamation closedIcon" title="API Connections"></div>
|
||||
@@ -903,7 +940,7 @@
|
||||
<div id="kobold_api_block">
|
||||
<h4>API url</h4>
|
||||
<h5>Example: http://127.0.0.1:5000/api </h5>
|
||||
<input id="api_url_text" name="api_url" class="text_pole" maxlength="500" value="" autocomplete="off">
|
||||
<input id="api_url_text" name="api_url" class="text_pole" placeholder="http://127.0.0.1:5000/api" maxlength="500" value="" autocomplete="off">
|
||||
<input id="api_button" class="menu_button" type="submit" value="Connect">
|
||||
<div id="api_loading" class="api-load-icon fa-solid fa-hourglass fa-spin"></div>
|
||||
</div>
|
||||
@@ -956,6 +993,15 @@
|
||||
<input id="api_key_novel" name="api_key_novel" class="text_pole" maxlength="500" size="35" value="" autocomplete="off">
|
||||
<input id="api_button_novel" class="menu_button" type="submit" value="Connect">
|
||||
<div id="api_loading_novel" class="api-load-icon fa-solid fa-hourglass fa-spin"></div>
|
||||
<h4>Novel AI Model
|
||||
<a href="/notes#models" class="notes-link" target="_blank">
|
||||
<span class="note-link-span">?</span>
|
||||
</a>
|
||||
</h4>
|
||||
<select id="model_novel_select">
|
||||
<option value="euterpe-v2">Euterpe</option>
|
||||
<option value="krake-v2">Krake</option>
|
||||
</select>
|
||||
</form>
|
||||
<div id="online_status3">
|
||||
<div id="online_status_indicator3"></div>
|
||||
@@ -1005,6 +1051,16 @@
|
||||
<div class="online_status_indicator4"></div>
|
||||
<div class="online_status_text4">No connection...</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4>OpenAI Model</h4>
|
||||
<select id="model_openai_select">
|
||||
<option value="gpt-3.5-turbo">gpt-3.5-turbo</option>
|
||||
<option value="gpt-3.5-turbo-0301">gpt-3.5-turbo-0301</option>
|
||||
<option value="gpt-4">gpt-4</option>
|
||||
<option value="gpt-4-0314">gpt-4-0314</option>
|
||||
<option value="gpt-4-32k">gpt-4-32k</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<a id="openai_api_usage" href="javascript:void(0);">View API Usage Metrics</a>
|
||||
</div>
|
||||
@@ -1241,6 +1297,7 @@
|
||||
<div class="range-block-title">
|
||||
Font Scale
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="font_scale" name="font_scale" min="0.8" max="1.2" step="0.05">
|
||||
</div>
|
||||
@@ -1250,10 +1307,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="blur-strength-block" class="range-block">
|
||||
<div class="range-block-title">
|
||||
Blur Strength
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="blur_strength" name="blur_strength" min="0" max="30" step="1">
|
||||
</div>
|
||||
@@ -1263,10 +1322,12 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="shadow-width-block" class="range-block">
|
||||
<div class="range-block-title">
|
||||
Text Shadow Width
|
||||
</div>
|
||||
<div class="range-block-range-and-counter">
|
||||
<div class="range-block-range">
|
||||
<input type="range" id="shadow_width" name="shadow_width" min="0" max="5" step="1">
|
||||
</div>
|
||||
@@ -1276,6 +1337,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
@@ -1436,7 +1498,7 @@
|
||||
<div name="NameChanger">
|
||||
<h4>Name</h4>
|
||||
<div class="change_name">
|
||||
<input id="your_name" name="your_name" class="text_pole" maxlength="50" value="" autocomplete="off">
|
||||
<input id="your_name" name="your_name" placeholder="Enter your name" class="text_pole" maxlength="50" value="" autocomplete="off">
|
||||
<div id="your_name_button" class="menu_button fa-solid fa-check" title="Click to set a new User Name">
|
||||
</div>
|
||||
</div>
|
||||
@@ -1930,7 +1992,7 @@
|
||||
|
||||
|
||||
<div class="world_entry_form_control world_entry_form_horizontal">
|
||||
<div class="flex-container flexFlowColumn flexNoGap wi-enter-footer-text ">
|
||||
<div class="flex-container flexFlowColumn flexNoGap wi-enter-footer-text flex1 ">
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" name="constant" />
|
||||
<span>Constant</span>
|
||||
@@ -1940,7 +2002,7 @@
|
||||
<span>Selective</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="world_entry_form_control world_entry_form_radios wi-enter-footer-text">
|
||||
<div class="world_entry_form_control world_entry_form_radios wi-enter-footer-text flex1">
|
||||
<div>
|
||||
<label><input type="radio" name="position" value="0">
|
||||
<span>Before Char</span>
|
||||
@@ -1952,18 +2014,18 @@
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="world_entry_form_control wi-enter-footer-text flex-container flexNoGap "> <!-- world_entry_form_control -->
|
||||
<div class="world_entry_form_control wi-enter-footer-text flex1 flex-container flexNoGap "> <!-- world_entry_form_control -->
|
||||
<!-- <label for="order"> -->
|
||||
|
||||
Insertion Order
|
||||
<!-- Bigger number = inserted earlier -->
|
||||
|
||||
<!-- </label> -->
|
||||
<input class="text_pole wide50px" type="number" name="order" placeholder="" />
|
||||
<input class="text_pole" type="number" name="order" placeholder="" />
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex-container flexFlowColumn flexNoGap wi-enter-footer-text">
|
||||
<div class="flex-container flexFlowColumn flexNoGap wi-enter-footer-text flex1">
|
||||
<div class="world_entry_form_uid">
|
||||
UID:
|
||||
|
||||
|
||||
@@ -309,7 +309,7 @@ function appendWorldEntry(entry) {
|
||||
|
||||
async function resetScrollHeight(element) {
|
||||
await delay(1);
|
||||
const height = Number($(element).prop("scrollHeight")) + 1;
|
||||
const height = Number($(element).prop("scrollHeight")) + 3;
|
||||
$(element).css("height", "");
|
||||
$(element).css("height", `${height}px`);
|
||||
}
|
||||
|
||||
@@ -546,6 +546,12 @@ code {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.range-block-range-and-counter {
|
||||
flex: 1;
|
||||
flex-wrap: nowrap;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.change_name {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -623,7 +629,8 @@ body.big-avatars .avatar img {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
max-width: 100%;
|
||||
word-wrap: break-word;
|
||||
/* word-wrap: break-word; */
|
||||
overflow-wrap: anywhere;
|
||||
/* animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite; */
|
||||
}
|
||||
|
||||
@@ -685,9 +692,15 @@ select {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#send_textarea::placeholder,
|
||||
|
||||
.text_pole::placeholder {
|
||||
color: var(--SmartThemeBodyColor);
|
||||
color: rgb(92, 90, 90);
|
||||
}
|
||||
|
||||
#send_textarea::placeholder {
|
||||
color: var(--SmartThemeEmColor);
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#rm_ch_create_block textarea {
|
||||
@@ -1940,21 +1953,39 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button
|
||||
}
|
||||
|
||||
.range-block-counter {
|
||||
width: max-content;
|
||||
/* width: max-content; */
|
||||
margin-left: 5px;
|
||||
margin-right: 15px;
|
||||
font-size: calc(var(--mainFontSize) * 0.95);
|
||||
color: var(--SmartThemeBodyColor);
|
||||
flex: 1;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.toggle-description {
|
||||
width: max-content;
|
||||
margin-left: 5px;
|
||||
margin-right: 15px;
|
||||
font-size: calc(var(--mainFontSize) * 0.8);
|
||||
color: var(--SmartThemeEmColor);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.range-block-counter div[contenteditable="true"] {
|
||||
display: block;
|
||||
cursor: text;
|
||||
background-color: var(--black30a);
|
||||
border: 1px solid var(--white30a);
|
||||
border-radius: 5px;
|
||||
padding: 2px;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.range-block-range {
|
||||
margin: 0;
|
||||
width: 80%;
|
||||
/* width: 80%; */
|
||||
flex: 5;
|
||||
/* margin-bottom: 10px; */
|
||||
}
|
||||
|
||||
@@ -3440,6 +3471,10 @@ toolcool-color-picker {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.flex1 {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.alignitemscenter {
|
||||
align-items: center;
|
||||
}
|
||||
@@ -3529,6 +3564,18 @@ toolcool-color-picker {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.editable-slider-notification {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
margin: 0 auto;
|
||||
width: 70%;
|
||||
top: 5px;
|
||||
padding: 0;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.openai_logit_bias_form {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
Reference in New Issue
Block a user