347a515c · permissionBRICK/SillyTavern

public/index.html+4 -1 Viewed

                     <details class="mes_reasoning_details">
                         <summary class="mes_reasoning_summary">
                             <span data-i18n="Reasoning">Reasoning</span>
 -                            <div class="mes_reasoning_copy mes_button fa-solid fa-copy" title="Copy reasoning" data-i18n="[title]Copy reasoning"></div>
 +                            <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 = 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_copymes_reasoning_actions {
     display: none;
+}
 .mes_reasoning_copymes_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: 5px0.5em;
+}
 .mes_reasoning_details:has(.mes_reasoning:empty),

Thonk yeet