347a515c · permissionBRICK/SillyTavern

public/index.html+3 -0 Viewed

                     <details class="mes_reasoning_details">
                         <summary class="mes_reasoning_summary">
                             <span data-i18n="Reasoning">Reasoning</span>
+                            <div class="mes_reasoning_actions">
                                 <div class="mes_reasoning_copy mes_button fa-solid fa-copy" title="Copy reasoning" data-i18n="[title]Copy reasoning"></div>
+                                <div class="mes_reasoning_delete mes_button fa-solid fa-trash-can" title="Remove reasoning" data-i18n="[title]Remove reasoning"></div>
+                            </div>
                         </summary>
                         <div class="mes_reasoning"></div>
                     </details>

public/scripts/chats.js+23 -1 Viewed

     neutralCharacterName,
     updateChatMetadata,
     system_message_types,
+    updateMessageBlock,
 } from '../script.js';
 import { selected_group } from './group-chats.js';
 import { power_user } from './power-user.js';

         e.preventDefault();
     });
+    $(document).on('click', '.mes_reasoning_delete', async function (e) {
+        e.stopPropagation();
+        e.preventDefault();
+        const confirm = await Popup.show.confirm(t`Are you sure you want to clear the reasoning?`, t`Visible message contents will stay intact.`);
+        if (!confirm) {
+            return;
+        }
+        const mesBlock = $(this).closest('.mes');
+        const mesId = Number(mesBlock.attr('mesid'));
+        const message = chat[mesId];
+        if (!message?.extra){
+            return;
+        }
+        message.extra.reasoning = '';
+        await saveChatConditional();
+        updateMessageBlock(mesId, message);
+    });
     $(document).on('pointerup', '.mes_reasoning_copy', async function () {
         const mesBlock = $(this).closest('.mes');
-        const mesId = mesBlock.attr('mesid');
+        const mesId = Number(mesBlock.attr('mesid'));
         const message = chat[mesId];
         const reasoning = message?.extra?.reasoning;

public/style.css+11 -4 Viewed

     padding: 5px;
     margin: 5px 0;
     overflow-y: auto;
-    max-height: 70vh;
+}
 .mes_reasoning_summary {

     position: relative;
+}
-.mes_reasoning_details:not([open]) .mes_reasoning_copy {
+.mes_reasoning_details:not([open]) .mes_reasoning_actions {
     display: none;
+}
-.mes_reasoning_copy {
+.mes_reasoning_actions {
     position: absolute;
     right: 0;
     top: 0;
+    display: flex;
+    gap: 4px;
+    flex-wrap: nowrap;
+    justify-content: flex-end;
+    transition: all 200ms;
+    overflow-x: hidden;
+    padding: 1px;
+}
 .mes_reasoning_summary > span {
-    margin-left: 5px;
+    margin-left: 0.5em;
+}
 .mes_reasoning_details:has(.mes_reasoning:empty),

Thonk yeet