Add thonk block copy

1dd73e74ab25a569de2251aec5268e36e7606376

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

public/index.html+1 -0 Viewed

                     <details class="mes_reasoning_details">
                         <summary class="mes_reasoning_summary">
                             <span data-i18n="Reasoning">Reasoning</span>
 +                            <div class="mes_reasoning_copy right_menu_button fa-solid fa-copy" title="Copy reasoning" data-i18n="[title]Copy reasoning"></div>
                         </summary>
                         <div class="mes_reasoning"></div>
                     </details>

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

     saveBase64AsFile,
     extractTextFromOffice,
     download,
 +    copyText,
 } from './utils.js';
 import { extension_settings, renderExtensionTemplateAsync, saveMetadataDebounced } from './extensions.js';
 import { POPUP_RESULT, POPUP_TYPE, Popup, callGenericPopup } from './popup.js';

     $(document).on('click', '.mes_img_enlarge', enlargeMessageImage);
     $(document).on('click', '.mes_img_delete', deleteMessageImage);
 +    $(document).on('click', '.mes_reasoning_copy', (e) => {
 +        e.stopPropagation();
 +        e.preventDefault();
 +    });
++
 +    $(document).on('pointerup', '.mes_reasoning_copy', async function () {
 +        const mesBlock = $(this).closest('.mes');
 +        const mesId = mesBlock.attr('mesid');
 +        const message = chat[mesId];
 +        const reasoning = message?.extra?.reasoning;
++
 +        if (!reasoning) {
 +            return;
 +        }
++
 +        await copyText(reasoning);
 +        toastr.info(t`Copied!`, '', { timeOut: 2000 });
 +    });
++
     $('#file_form_input').on('change', async () => {
         const fileInput = document.getElementById('file_form_input');
         if (!(fileInput instanceof HTMLInputElement)) return;

public/style.css+11 -0 Viewed

 .mes_reasoning_summary {
     cursor: pointer;
 +    position: relative;
 +}
++
 +.mes_reasoning_details:not([open]) .mes_reasoning_copy {
 +    display: none;
 +}
++
 +.mes_reasoning_copy {
 +    position: absolute;
 +    right: 0;
 +    top: 0;
+}
 .mes_reasoning_summary > span {