Add toggle for reasoning auto-expand

ff83ae975d1cf6e79209b32779c28d2e707a7fee

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

public/index.html+7 -1 Viewed

                                         Auto-Parse Reasoning
                                     </small>
                                 </label>
+                                <label class="checkbox_label" for="reasoning_auto_expand" title="Automatically expand reasoning blocks." data-i18n="[title]reasoning_auto_expand">
+                                    <input id="reasoning_auto_expand" type="checkbox" />
+                                    <small data-i18n="Auto-Expand Reasoning">
+                                        Auto-Expand Reasoning
+                                    </small>
+                                </label>
                                 <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">
                                     <input id="reasoning_add_to_prompts" type="checkbox" />
                                     <small data-i18n="Add Reasoning to Prompts">

                             <div class="mes_edit_cancel menu_button  fa-solid fa-xmark" title="Cancel" data-i18n="[title]Cancel"></div>
                         </div>
                     </div>
-                    <details class="mes_reasoning_details" open>
+                    <details class="mes_reasoning_details">
                         <summary class="mes_reasoning_summary flex-container">
                             <div class="mes_reasoning_header_block flex-container">
                                 <div class="mes_reasoning_header flex-container">

public/scripts/reasoning.js+20 -0 Viewed

+}
 /**
+ * Toggles the auto-expand state of reasoning blocks.
+ */
+function toggleReasoningAutoExpand() {
+    const reasoningBlocks = document.querySelectorAll('details.mes_reasoning_details');
+    reasoningBlocks.forEach((block) => {
+        if (block instanceof HTMLDetailsElement) {
+            block.open = power_user.reasoning.auto_expand;
+        }
+    });
+}
+/**
  * Helper class for adding reasoning to messages.
  * Keeps track of the number of reasoning additions.
  */

         power_user.reasoning.auto_parse = !!$(this).prop('checked');
         saveSettingsDebounced();
     });
+    $('#reasoning_auto_expand').prop('checked', power_user.reasoning.auto_expand);
+    $('#reasoning_auto_expand').on('change', function () {
+        power_user.reasoning.auto_expand = !!$(this).prop('checked');
+        toggleReasoningAutoExpand();
+        saveSettingsDebounced();
+    });
+}
 function registerReasoningSlashCommands() {

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