Reasoning inline edit improvements + style

8fb95f9a8401cd6e82097ddd2d8e822a56677291

Wolfsblvt <wolfsblvt@gmail.com>

public/script.js+21 -0 Viewed

     appendMediaToMessage(mes, div.closest('.mes'));
     addCopyToCodeBlocks(div.closest('.mes'));
 +    const reasoningEditDone = mesBlock.find('.mes_reasoning_edit_done:visible');
 +    if (reasoningEditDone.length > 0) {
 +        reasoningEditDone.trigger('click');
 +    }
++
     await eventSource.emit(event_types.MESSAGE_UPDATED, this_edit_mes_id);
     this_edit_mes_id = undefined;
     await saveChatConditional();

             var edit_mes_id = $(this).closest('.mes').attr('mesid');
             this_edit_mes_id = edit_mes_id;
 +            // Also edit reasoning, if it exists
 +            const reasoningEdit = $(this).closest('.mes_block').find('.mes_reasoning_edit:visible');
 +            if (reasoningEdit.length > 0) {
 +                reasoningEdit.trigger('click');
 +            }
++
             var text = chat[edit_mes_id]['mes'];
             if (chat[edit_mes_id]['is_user']) {
                 this_edit_mes_chname = name1;

         appendMediaToMessage(chat[this_edit_mes_id], $(this).closest('.mes'));
         addCopyToCodeBlocks($(this).closest('.mes'));
 +        const reasoningEditDone = $(this).closest('.mes_block').find('.mes_reasoning_edit_cancel:visible');
 +        if (reasoningEditDone.length > 0) {
 +            reasoningEditDone.trigger('click');
 +        }
++
         await eventSource.emit(event_types.MESSAGE_UPDATED, this_edit_mes_id);
         this_edit_mes_id = undefined;
     });

+        }
     });
 +    $(document).on('click', '.mes_reasoning_summary', function () {
 +        // If you toggle summary header while editing reasoning, yup - we just cancel it
 +        $(this).closest('.mes').find('.mes_reasoning_edit_cancel:visible').trigger('click');
 +    });
++
     $(document).keyup(function (e) {
         if (e.key === 'Escape') {
             const isEditVisible = $('#curEditTextarea').is(':visible') || $('.reasoning_edit_textarea').length > 0;

public/style.css+11 -5 Viewed

     --tool-cool-color-picker-btn-bg: transparent;
     --tool-cool-color-picker-btn-border-color: transparent;
 +    --mes-right-spacing: 30px;
++
     --avatar-base-height: 50px;
     --avatar-base-width: 50px;
     --avatar-base-border-radius: 2px;

     border-left: 2px solid var(--SmartThemeEmColor);
     border-radius: 2px;
     padding: 5px;
 -    padding-left: 14px;
     margin-bottom: 0.5rem;
     overflow-y: auto;
     color: var(--SmartThemeEmColor);
+}
 +.mes_reasoning_details {
 +    margin-right: var(--mes-right-spacing);
 +}
 +.mes_reasoning_details .mes_reasoning_summary {
 +    margin-right: calc(var(--mes-right-spacing) * -1);
 +}
++
 .mes_reasoning *:last-child {
     margin-bottom: 0;
+}

 .mes_bias:empty,
 .mes_reasoning:empty,
 .mes_reasoning_details:has(.mes_reasoning:empty),
 -.mes_block:has(.edit_textarea) .mes_reasoning_details,
 .mes_reasoning_details:not([open]) .mes_reasoning_actions,
 .mes_reasoning_details:has(.reasoning_edit_textarea) .mes_reasoning,
 .mes_reasoning_details:not(:has(.reasoning_edit_textarea)) .mes_reasoning_actions .edit_button,

@@ -1123,12 +1130,11 @@ body .panelControlBar {
1123	1130	}
1124	1131
1125	1132	.last_mes:has(.mes_text:empty):has(.mes_reasoning_details[open]) .mes_reasoning:not(:empty) {
1126	1133	margin-bottom: 30pxvar(--mes-right-spacing);
1127	1134	}
1128	1135
1129		-.last_mes .mes_reasoning,
1130	1136	.last_mes .mes_text {
1131	1137	padding-right: 30pxvar(--mes-right-spacing);
1132	1138	}
1133	1139
1134	1140	/* SWIPE RELATED STYLES*/