This commit is contained in:
SillyLossy
2023-04-08 18:09:55 +03:00
3 changed files with 586 additions and 554 deletions

View File

@ -106,7 +106,8 @@
Adjust generation to worker capabilities
</label>
<h4>API key</h4>
<h5>Get it here: <a target="_blank" href="https://horde.koboldai.net/register">Register</a></h5>
<h5>Get it here: <a target="_blank" href="https://horde.koboldai.net/register">Register</a>
</h5>
<input id="horde_api_key" name="horde_api_key" class="text_pole" maxlength="500" value="0000000000" autocomplete="off">
<h4 class="horde_model_title">
Model
@ -322,10 +323,9 @@
<div class="drawer-toggle drawer-header">
<div class="drawer-icon icon-sliders closedIcon" title="AI Response Configuration"></div>
</div>
<div class="drawer-content closedDrawer widthFreeExpand">
<div class="drawer-content fillLeft closedDrawer widthFreeExpand">
<div class="flex-container">
<div id="ai-settings-flex-col1" class="flexWide50p">
<div id="respective-presets-block">
<div id="respective-presets-block" class="width100p">
<div id="kobold_api-presets">
<h3>Kobold Presets
<a href="/notes/4" class="notes-link" target="_blank">
@ -369,9 +369,13 @@
<select id="settings_preset_textgenerationwebui">
</select>
</div>
<div id="poe_api-presets">
<h3>Poe.com API Settings</h3>
<!-- just a placeholder title for the Poe.com settings panel-->
</div>
<hr>
<div id="common-gen-settings-block">
</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">
@ -389,7 +393,7 @@
</div>
</div>
</div>
<div id="respective-ranges-and-temps">
<div id="respective-ranges-and-temps" class="width100p">
<div id="range_block">
<div class="range-block">
<div class="range-block-title">
@ -575,53 +579,40 @@
</div>
<div id="range_block_poe">
<div class="range-block">
<div class="range-block-title">
Auto-purge poe.com chat
</div>
<div class="range-block-counter">
Deletes messages from poe before each prompt is sent
</div>
<div class="range-block-range">
<label for="poe_auto_purge" class="checkbox_label">
<input id="poe_auto_purge" type="checkbox">
Enable
Auto-purge chat cache
</label>
<div class="range-block-counter justifyLeft">
Deletes messages from poe before each prompt is sent
</div>
</div>
<div class="range-block">
<div class="range-block-title">
Auto-jailbreak
</div>
<div class="range-block-counter">
Sends the jailbreak message and keeps it in context
</div>
<div class="range-block-range">
<label for="poe_auto_jailbreak" class="checkbox_label">
<input id="poe_auto_jailbreak" type="checkbox">
Enable
Auto-jailbreak
</label>
<div class="range-block-counter justifyLeft">
Sends the jailbreak message and keeps it in context
</div>
</div>
<div class="range-block">
<div class="range-block-title">
<label for="poe_character_nudge" class="checkbox_label">
<input id="poe_character_nudge" class="text_pole" type="checkbox" />
Send character note
</div>
<div class="range-block-counter">
</label>
<div class="range-block-counter justifyLeft">
Nudges the bot to reply as the character only
</div>
<div class="range-block-range">
<label for="poe_character_nudge" class="checkbox_label">
<input id="poe_character_nudge" class="text_pole" type="checkbox" />
Enable
</label>
</div>
</div>
</div>
</div>
</div>
<div id="ai-settings-flex-col2" class="flexWide50p">
<div id="advanced-ai-config-block">
<div id="advanced-ai-config-block" class="width100p">
<div id="kobold_api-settings">
<div id="kobold-advanced-config">
<div class="range-block">
@ -826,6 +817,7 @@
</div>
<div id="openai_settings">
<div class="flex-container">
<div class="range-block">
<label class="checkbox_label" for="nsfw_toggle">
<input id="nsfw_toggle" type="checkbox" checked>
@ -868,7 +860,7 @@
Wrap in Quotes
</label>
</div>
</div>
<br>
<div class="range-block">
@ -927,7 +919,7 @@
<div class="range-block-title">
Jailbreak activation message
</div>
<div class="range-block-counter">
<div class="range-block-counter justifyLeft">
Message sent as a jailbreak to activate the roleplay
</div>
<div class="range-block-range">
@ -938,7 +930,7 @@
<div class="range-block-title">
Jailbreak activation response
</div>
<div class="range-block-counter">
<div class="range-block-counter justifyLeft">
Bot reply that counts as a successful jailbreak
</div>
<div class="range-block-range">
@ -949,7 +941,7 @@
<div class="range-block-title">
Character note text
</div>
<div class="range-block-counter">
<div class="range-block-counter justifyLeft">
Text to be send as a character nudge
</div>
<div class="range-block-range">
@ -961,7 +953,6 @@
</div>
</div>
</div>
</div>
<div id="WI-SP-button" class="drawer" style="z-index:3003;">
<div class="drawer-toggle drawer-header">
@ -1121,7 +1112,8 @@
<h4>Active extensions</h4>
<ul id="extensions_list">
</ul>
<p>Missing something? Press <a id="extensions_details" href="javascript:void(null);">here</a> for more details!</p>
<p>Missing something? Press <a id="extensions_details" href="javascript:void(null);">here</a>
for more details!</p>
</div>
<div id="extensions_settings">
<h3>Extension settings</h3>
@ -1132,9 +1124,10 @@
<div id="rightNavHolder" class="drawer" style="z-index:3001;">
<div id="unimportantYes" class="drawer-toggle drawer-header">
<div id="rightNavDrawerIcon" class="drawer-icon icon-idcard closedIcon" title="Character Management"></div>
<div id="rightNavDrawerIcon" class="drawer-icon icon-idcard closedIcon" title="Character Management">
</div>
<nav id="right-nav-panel" class="drawer-content closedDrawer">
</div>
<nav id="right-nav-panel" class="drawer-content closedDrawer fillRight">
<div id="right-nav-panel-tabs">
<div class="right_menu_button" id="rm_button_characters" title="Select/Create Characters">
<img alt="" class="svg_icon" src="img/list-ul-solid.svg" />
@ -1161,11 +1154,11 @@
<div id="avatar_div_div" class="avatar">
<img id="avatar_load_preview" src="img/ai4.png" alt="avatar">
</div>
<div class="form_create_bottom_buttons_block">
<label for="add_avatar_button" class="menu_button" title="Click to select a new avatar for this character">
<input type="file" id="add_avatar_button" name="avatar" accept="image/png, image/jpeg, image/jpg, image/gif, image/bmp">
<img alt="" class="svg_icon" src="img/file-image-solid.svg">
</label>
<div class="form_create_bottom_buttons_block">
<div id="rm_button_back" class="menu_button">
<img alt="" class="svg_icon" src="img/left-long-solid.svg">
</div>

View File

@ -2137,7 +2137,7 @@ function changeMainAPI() {
"poe": {
apiSettings: $("#poe_settings"),
apiConnector: $("#poe_api"),
apiPresets: $(""),
apiPresets: $("#poe_api-presets"),
apiRanges: $("#range_block_poe"),
maxContextElem: $("#max_context_block"),
amountGenElem: $("#amount_gen_block"),

View File

@ -33,7 +33,7 @@
--greyCAIbg: rgb(36, 36, 37);
--ivory: rgb(220, 220, 210);
--sheldWidth: 800px;
--sheldWidth: 1000px;
}
* {
@ -1043,9 +1043,10 @@ input[type=search]:focus::-webkit-search-cancel-button {
display: flex;
flex: 1;
grid-template-columns: repeat(3, min-content);
grid-gap: 20px;
grid-gap: 10px;
align-items: center;
justify-content: end;
flex-wrap: wrap;
}
#rm_info_block {
@ -1084,7 +1085,6 @@ input[type=search]:focus::-webkit-search-cancel-button {
}
#result_info {
margin-left: 10px;
color: var(--white30a);
display: flex;
}
@ -1184,17 +1184,17 @@ input[type=search]:focus::-webkit-search-cancel-button {
.menu_button {
font-weight: bold;
/* font-weight: bold; */
color: var(--white70);
background-color: var(--black50a);
border: 1px solid var(--white30a);
border-radius: 10px;
padding: 10px;
padding: 5px;
width: min-content;
cursor: pointer;
margin: 10px 0;
transition: 0.3s;
font-size: 15px;
/* font-size: 15px; */
}
.menu_button:hover {
@ -1671,10 +1671,12 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):checked::after
.range-block-counter {
width: max-content;
display: block;
max-width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
/* margin-top: 10px; */
font-size: 11px;
color: var(--white50a);
}
@ -1899,7 +1901,7 @@ input[type="range"]::-webkit-slider-thumb {
.checkbox_label {
display: flex;
flex-direction: row;
column-gap: 10px;
column-gap: 5px;
align-items: center;
}
@ -2200,6 +2202,7 @@ input[type="range"]::-webkit-slider-thumb {
width: 100%;
align-items: center;
column-gap: 10px;
flex-wrap: wrap;
}
.rm_group_settings {
@ -2235,6 +2238,9 @@ input[type="range"]::-webkit-slider-thumb {
overflow: auto;
display: flex;
flex-direction: column;
border: 1px solid grey;
border-radius: 10px;
background-color: var(--black30a);
}
#rm_group_buttons_expander {
@ -2624,10 +2630,10 @@ a {
left: auto;
padding: 0 10px;
backdrop-filter: blur(10px);
background-color: var(--black60a);
background-color: var(--black50a);
-webkit-backdrop-filter: blur(10px);
z-index: 3000;
white-space: nowrap;
/* white-space: nowrap; */
border: 0;
border-left: 1px solid var(--grey30a);
border-bottom: 1px solid var(--grey30a);
@ -2918,6 +2924,8 @@ label[for="extensions_autoconnect"] {
display: none;
}
.drawer-content {
background-color: var(--black50a);
color: white;
@ -2939,6 +2947,28 @@ label[for="extensions_autoconnect"] {
-webkit-backdrop-filter: blur(20px);
}
.fillRight, .fillLeft {
min-width: unset;
}
.fillLeft{
max-width: calc((100vw - var(--sheldWidth) - 2px) /2);
max-height: calc(100vh - 55px);
height: calc(100vh - 55px);
position: fixed;
top: 40px;
margin: 0;
left: 0;
right: auto;
padding: 0 10px;
border-radius: 0 0 20px 0;
box-shadow: none;
}
.width100p {
width:100%;
}
.drawer-content .text_pole {
width: 100%;
}
@ -2949,13 +2979,20 @@ label[for="extensions_autoconnect"] {
.flex-container {
display: flex;
gap: 20px;
gap: 10px;
flex-wrap: wrap;
}
.flexWide50p {
flex: 50%;
}
.justifyLeft {
text-align: start;
justify-content: left;
margin-left: unset;
}
.widthFreeExpand {
width: unset;
}
@ -2964,6 +3001,7 @@ label[for="extensions_autoconnect"] {
display: flex;
flex-direction: row;
column-gap: 10px;
flex-wrap: wrap;
}
#openai_api-presets>div {
@ -3032,6 +3070,7 @@ label[for="extensions_autoconnect"] {
display: flex;
justify-content: space-evenly;
flex-direction: row;
flex-wrap: wrap;
}
/* ---------- @media queries must always go at the bottom ------------*/