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	.last_mes:has(.mes_text:empty):has(.mes_reasoning_details[open]) .mes_reasoning:not(:empty) {	1132	.last_mes:has(.mes_text:empty):has(.mes_reasoning_details[open]) .mes_reasoning:not(:empty) {
1126	margin-bottom: 30px;	1133	margin-bottom: var(--mes-right-spacing);
1127	}	1134	}
1128		1135
1129	.last_mes .mes_reasoning,
1130	.last_mes .mes_text {	1136	.last_mes .mes_text {
1131	padding-right: 30px;	1137	padding-right: var(--mes-right-spacing);
1132	}	1138	}
1133		1139
1134	/* SWIPE RELATED STYLES*/	1140	/* SWIPE RELATED STYLES*/