Add toggle for showing hidden reasoning

b5fc7d6d4d2be896456fb4ee009e77d31991bf1e

Wolfsblvt <wolfsblvt@gmail.com>

public/index.html+6 -0 Viewed

                                             Auto-Expand
                                         </small>
                                     </label>
 +                                    <label class="checkbox_label flex1" for="reasoning_show_hidden" title="Show reasoning time for models with hidden reasoning." data-i18n="[title]reasoning_show_hidden">
 +                                        <input id="reasoning_show_hidden" type="checkbox" />
 +                                        <small data-i18n="Show Hidden">
 +                                            Show Hidden
 +                                        </small>
 +                                    </label>
                                 </div>
                                 <div class="flex-container alignItemsBaseline">
                                     <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">

public/scripts/power-user.js+1 -0 Viewed

         auto_parse: false,
         add_to_prompts: false,
         auto_expand: false,
 +        show_hidden: false,
         prefix: '<think>\n',
         suffix: '\n</think>',
         separator: '\n\n',

public/scripts/reasoning.js+9 -1 Viewed

         toggleReasoningAutoExpand();
         saveSettingsDebounced();
     });
 +    toggleReasoningAutoExpand();
++
 +    $('#reasoning_show_hidden').prop('checked', power_user.reasoning.show_hidden);
 +    $('#reasoning_show_hidden').on('change', function () {
 +        power_user.reasoning.show_hidden = !!$(this).prop('checked');
 +        $('#chat').attr('data-show-hidden-reasoning', power_user.reasoning.show_hidden ? 'true' : null);
 +        saveSettingsDebounced();
 +    });
 +    $('#chat').attr('data-show-hidden-reasoning', power_user.reasoning.show_hidden ? 'true' : null);
+}
 function registerReasoningSlashCommands() {

 export function initReasoning() {
     loadReasoningSettings();
 -    toggleReasoningAutoExpand();
     setReasoningEventHandlers();
     registerReasoningSlashCommands();
     registerReasoningMacros();

public/style.css+2 -7 Viewed

     background-color: color-mix(in srgb, var(--SmartThemeQuoteColor) 33%, var(--SmartThemeBlurTintColor) 66%);
+}
 /** HideIf hidden reasoning blocksshould -not revertbe thisshown, selectorwe tohide showall themblocks againthat don't have content */
 -.mes.reasoning[data-reasoning-state="hidden"] .mes_reasoning_details {
 +#chat:not([data-show-hidden-reasoning="true"]) .mes:has(.mes_reasoning:empty) .mes_reasoning_details {
     display: none;
+}
 -/** Show "Thinking..." during generation, even if the reasoning is hidden by default */
 -body[data-generating="true"] .last_mes.reasoning[data-reasoning-state="hidden"] .mes_reasoning_details {
 -    display: block;
 -}
+-
 .mes_reasoning_details .mes_reasoning_arrow {
     position: absolute;
     top: 50%;