Update layout of Reasoning settings block

98ea463e0e549c31b7968f0f86eb443f96581d98

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: d5959a4681481582640b78c4c73a0a3208a6421f
2 files changed, +46 -35Ignore whitespace
public/index.html+44 -35
@@ -3750,7 +3750,7 @@
3750 <label class="checkbox_label" for="custom_stopping_strings_macro">3750 <label class="checkbox_label" for="custom_stopping_strings_macro">
3751 <input id="custom_stopping_strings_macro" type="checkbox" checked>3751 <input id="custom_stopping_strings_macro" type="checkbox" checked>
3752 <small data-i18n="Replace Macro in Custom Stopping Strings">3752 <small data-i18n="Replace Macro in Custom Stopping Strings">
3753 Replace Macro in Custom Stopping Strings3753 Replace Macro in Stop Strings
3754 </small>3754 </small>
3755 </label>3755 </label>
3756 </div>3756 </div>
@@ -3797,44 +3797,53 @@
3797 <span data-i18n="Reasoning">Reasoning</span>3797 <span data-i18n="Reasoning">Reasoning</span>
3798 </h4>3798 </h4>
3799 <div>3799 <div>
3800 <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">3800 <div class="flex-container alignItemsBaseline">
3801 <input id="reasoning_auto_parse" type="checkbox" />3801 <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">
3802 <small data-i18n="Auto-Parse Reasoning">3802 <input id="reasoning_auto_parse" type="checkbox" />
3803 Auto-Parse Reasoning3803 <small data-i18n="Auto-Parse">
3804 </small>3804 Auto-Parse
3805 </label>3805 </small>
3806 <label class="checkbox_label" for="reasoning_auto_expand" title="Automatically expand reasoning blocks." data-i18n="[title]reasoning_auto_expand">3806 </label>
3807 <input id="reasoning_auto_expand" type="checkbox" />3807 <label class="checkbox_label flex1" for="reasoning_auto_expand" title="Automatically expand reasoning blocks." data-i18n="[title]reasoning_auto_expand">
3808 <small data-i18n="Auto-Expand Reasoning">3808 <input id="reasoning_auto_expand" type="checkbox" />
3809 Auto-Expand Reasoning3809 <small data-i18n="Auto-Expand">
3810 </small>3810 Auto-Expand
3811 </label>3811 </small>
3812 <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">3812 </label>
3813 <input id="reasoning_add_to_prompts" type="checkbox" />3813 </div>
3814 <small data-i18n="Add Reasoning to Prompts">3814 <div class="flex-container alignItemsBaseline">
3815 Add Reasoning to Prompts3815 <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">
3816 </small>3816 <input id="reasoning_add_to_prompts" type="checkbox" />
3817 </label>3817 <small data-i18n="Add to Prompts">
3818 <div class="flex-container">3818 Add to Prompts
3819 <div class="flex1" title="Inserted before the reasoning content." data-i18n="[title]reasoning_prefix">3819 </small>
3820 <small data-i18n="Prefix">Prefix</small>3820 </label>
3821 <textarea id="reasoning_prefix" class="text_pole textarea_compact autoSetHeight"></textarea>3821 <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">
3822 </div>3822 <input id="reasoning_max_additions" class="text_pole textarea_compact widthUnset" type="number" min="0" max="999"></textarea>
3823 <div class="flex1" title="Inserted after the reasoning content." data-i18n="[title]reasoning_suffix">3823 <small data-i18n="Max">Max</small>
3824 <small data-i18n="Suffix">Suffix</small>
3825 <textarea id="reasoning_suffix" class="text_pole textarea_compact autoSetHeight"></textarea>
3826 </div>3824 </div>
3827 </div>3825 </div>
3828 <div class="flex-container">3826 <details>
3829 <div class="flex1" title="Inserted between the reasoning and the message content." data-i18n="[title]reasoning_separator">3827 <summary data-i18n="Reasoning Formatting">
3830 <small data-i18n="Separator">Separator</small>3828 Reasoning Formatting
3831 <textarea id="reasoning_separator" class="text_pole textarea_compact autoSetHeight"></textarea>3829 </summary>
3830 <div class="flex-container">
3831 <div class="flex1" title="Inserted before the reasoning content." data-i18n="[title]reasoning_prefix">
3832 <small data-i18n="Prefix">Prefix</small>
3833 <textarea id="reasoning_prefix" class="text_pole textarea_compact autoSetHeight"></textarea>
3834 </div>
3835 <div class="flex1" title="Inserted after the reasoning content." data-i18n="[title]reasoning_suffix">
3836 <small data-i18n="Suffix">Suffix</small>
3837 <textarea id="reasoning_suffix" class="text_pole textarea_compact autoSetHeight"></textarea>
3838 </div>
3832 </div>3839 </div>
3833 <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">3840 <div class="flex-container">
3834 <small data-i18n="Max Additions">Max Additions</small>3841 <div class="flex1" title="Inserted between the reasoning and the message content." data-i18n="[title]reasoning_separator">
3835 <input id="reasoning_max_additions" class="text_pole textarea_compact" type="number" min="0" max="999"></textarea>3842 <small data-i18n="Separator">Separator</small>
3843 <textarea id="reasoning_separator" class="text_pole textarea_compact autoSetHeight"></textarea>
3844 </div>
3836 </div>3845 </div>
3837 </div>3846 </details>
3838 </div>3847 </div>
3839 </div>3848 </div>
3840 <div>3849 <div>
public/style.css+2 -0
@@ -5746,11 +5746,13 @@ body:not(.movingUI) .drawer-content.maximized {
5746 overflow-wrap: anywhere;5746 overflow-wrap: anywhere;
5747}5747}
57485748
5749#SystemPromptColumn summary,
5749#InstructSequencesColumn summary {5750#InstructSequencesColumn summary {
5750 font-size: 0.95em;5751 font-size: 0.95em;
5751 cursor: pointer;5752 cursor: pointer;
5752}5753}
57535754
5755#SystemPromptColumn details,
5754#InstructSequencesColumn details:not(:last-of-type) {5756#InstructSequencesColumn details:not(:last-of-type) {
5755 margin-bottom: 5px;5757 margin-bottom: 5px;
5756}5758}