Update layout of Reasoning settings block

This commit is contained in:
Cohee 2025-02-08 21:18:46 +02:00
parent d5959a4681
commit 98ea463e0e
2 changed files with 46 additions and 35 deletions

View File

@ -3750,7 +3750,7 @@
<label class="checkbox_label" for="custom_stopping_strings_macro"> <label class="checkbox_label" for="custom_stopping_strings_macro">
<input id="custom_stopping_strings_macro" type="checkbox" checked> <input id="custom_stopping_strings_macro" type="checkbox" checked>
<small data-i18n="Replace Macro in Custom Stopping Strings"> <small data-i18n="Replace Macro in Custom Stopping Strings">
Replace Macro in Custom Stopping Strings Replace Macro in Stop Strings
</small> </small>
</label> </label>
</div> </div>
@ -3797,44 +3797,53 @@
<span data-i18n="Reasoning">Reasoning</span> <span data-i18n="Reasoning">Reasoning</span>
</h4> </h4>
<div> <div>
<label class="checkbox_label" for="reasoning_auto_parse" title="Automatically parse reasoning blocks from main content between the reasoning prefix/suffix. Both fields must be defined and non-empty." data-i18n="[title]reasoning_auto_parse"> <div class="flex-container alignItemsBaseline">
<input id="reasoning_auto_parse" type="checkbox" /> <label class="checkbox_label flex1" for="reasoning_auto_parse" title="Automatically parse reasoning blocks from main content between the reasoning prefix/suffix. Both fields must be defined and non-empty." data-i18n="[title]reasoning_auto_parse">
<small data-i18n="Auto-Parse Reasoning"> <input id="reasoning_auto_parse" type="checkbox" />
Auto-Parse Reasoning <small data-i18n="Auto-Parse">
</small> Auto-Parse
</label> </small>
<label class="checkbox_label" for="reasoning_auto_expand" title="Automatically expand reasoning blocks." data-i18n="[title]reasoning_auto_expand"> </label>
<input id="reasoning_auto_expand" type="checkbox" /> <label class="checkbox_label flex1" for="reasoning_auto_expand" title="Automatically expand reasoning blocks." data-i18n="[title]reasoning_auto_expand">
<small data-i18n="Auto-Expand Reasoning"> <input id="reasoning_auto_expand" type="checkbox" />
Auto-Expand Reasoning <small data-i18n="Auto-Expand">
</small> Auto-Expand
</label> </small>
<label class="checkbox_label" for="reasoning_add_to_prompts" title="Add existing reasoning blocks to prompts. To add a new reasoning block, use the message edit menu." data-i18n="[title]reasoning_add_to_prompts"> </label>
<input id="reasoning_add_to_prompts" type="checkbox" /> </div>
<small data-i18n="Add Reasoning to Prompts"> <div class="flex-container alignItemsBaseline">
Add Reasoning to Prompts <label class="checkbox_label flex1" for="reasoning_add_to_prompts" title="Add existing reasoning blocks to prompts. To add a new reasoning block, use the message edit menu." data-i18n="[title]reasoning_add_to_prompts">
</small> <input id="reasoning_add_to_prompts" type="checkbox" />
</label> <small data-i18n="Add to Prompts">
<div class="flex-container"> Add to Prompts
<div class="flex1" title="Inserted before the reasoning content." data-i18n="[title]reasoning_prefix"> </small>
<small data-i18n="Prefix">Prefix</small> </label>
<textarea id="reasoning_prefix" class="text_pole textarea_compact autoSetHeight"></textarea> <div class="flex1 flex-container alignItemsBaseline" title="Maximum number of reasoning blocks to be added per prompt, counting from the last message." data-i18n="[title]reasoning_max_additions">
</div> <input id="reasoning_max_additions" class="text_pole textarea_compact widthUnset" type="number" min="0" max="999"></textarea>
<div class="flex1" title="Inserted after the reasoning content." data-i18n="[title]reasoning_suffix"> <small data-i18n="Max">Max</small>
<small data-i18n="Suffix">Suffix</small>
<textarea id="reasoning_suffix" class="text_pole textarea_compact autoSetHeight"></textarea>
</div> </div>
</div> </div>
<div class="flex-container"> <details>
<div class="flex1" title="Inserted between the reasoning and the message content." data-i18n="[title]reasoning_separator"> <summary data-i18n="Reasoning Formatting">
<small data-i18n="Separator">Separator</small> Reasoning Formatting
<textarea id="reasoning_separator" class="text_pole textarea_compact autoSetHeight"></textarea> </summary>
<div class="flex-container">
<div class="flex1" title="Inserted before the reasoning content." data-i18n="[title]reasoning_prefix">
<small data-i18n="Prefix">Prefix</small>
<textarea id="reasoning_prefix" class="text_pole textarea_compact autoSetHeight"></textarea>
</div>
<div class="flex1" title="Inserted after the reasoning content." data-i18n="[title]reasoning_suffix">
<small data-i18n="Suffix">Suffix</small>
<textarea id="reasoning_suffix" class="text_pole textarea_compact autoSetHeight"></textarea>
</div>
</div> </div>
<div class="flex1" title="Maximum number of reasoning blocks to be added per prompt, counting from the last message." data-i18n="[title]reasoning_max_additions"> <div class="flex-container">
<small data-i18n="Max Additions">Max Additions</small> <div class="flex1" title="Inserted between the reasoning and the message content." data-i18n="[title]reasoning_separator">
<input id="reasoning_max_additions" class="text_pole textarea_compact" type="number" min="0" max="999"></textarea> <small data-i18n="Separator">Separator</small>
<textarea id="reasoning_separator" class="text_pole textarea_compact autoSetHeight"></textarea>
</div>
</div> </div>
</div> </details>
</div> </div>
</div> </div>
<div> <div>

View File

@ -5746,11 +5746,13 @@ body:not(.movingUI) .drawer-content.maximized {
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }
#SystemPromptColumn summary,
#InstructSequencesColumn summary { #InstructSequencesColumn summary {
font-size: 0.95em; font-size: 0.95em;
cursor: pointer; cursor: pointer;
} }
#SystemPromptColumn details,
#InstructSequencesColumn details:not(:last-of-type) { #InstructSequencesColumn details:not(:last-of-type) {
margin-bottom: 5px; margin-bottom: 5px;
} }