Assorted summary improvements

7a54b0cad76210d80ed877e40dedfee86d44c0c3

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

Parents: 919df98c6ec9d77b1ef6a260bd0f3df291267452

public/scripts/extensions/memory/index.js+38 -61 Viewed

 const MODULE_NAME = '1_memory';
-let lastCharacterId = null;
-let lastGroupId = null;
-let lastChatId = null;
 let lastMessageHash = null;
 let lastMessageId = null;
 let inApiCall = false;

+}
 function switchSourceControls(value) {
-    $('#memory_settings [data-summary-source]').each((_, element) => {
+    $('#summaryExtensionDrawerContents [data-summary-source], #memory_settings [data-summary-source]').each((_, element) => {
         const source = element.dataset.summarySource.split(',').map(s => s.trim());
         $(element).toggle(source.includes(value));
     });

     saveSettingsDebounced();
+}
-function saveLastValues() {
-    const context = getContext();
-    lastGroupId = context.groupId;
-    lastCharacterId = context.characterId;
-    lastChatId = context.chatId;
-    lastMessageId = context.chat?.length ?? null;
-    lastMessageHash = getStringHash((context.chat.length && context.chat[context.chat.length - 1]['mes']) ?? '');
-}
 function getLatestMemoryFromChat(chat) {
     if (!Array.isArray(chat) || !chat.length) {
         return '';

     return -1;
+}
+function onChatChanged() {
+    const context = getContext();
+    const latestMemory = getLatestMemoryFromChat(context.chat);
+    setMemoryContext(latestMemory, false);
+}
 async function onChatEvent() {
     // Module not enabled
     if (extension_settings.memory.source === summary_sources.extras && !modules.includes('summarize')) {

         return;
+    }
-    const context = getContext();
-    const chat = context.chat;
-    // no characters or group selected
-    if (!context.groupId && context.characterId === undefined) {
-        return;
-    }
     // Streaming in-progress
     if (streamingProcessor && !streamingProcessor.isFinished) {
         return;
+    }
-    // Chat/character/group changed
-    if ((context.groupId && lastGroupId !== context.groupId) || (context.characterId !== lastCharacterId) || (context.chatId !== lastChatId)) {
-        const latestMemory = getLatestMemoryFromChat(chat);
-        setMemoryContext(latestMemory, false);
-        saveLastValues();
-        return;
-    }
     // Currently summarizing or frozen state - skip
     if (inApiCall || extension_settings.memory.memoryFrozen) {
         return;
+    }
+    const context = getContext();
+    const chat = context.chat;
     // No new messages - do nothing
     if (chat.length === 0 || (lastMessageId === chat.length && getStringHash(chat[chat.length - 1].mes) === lastMessageHash)) {
         return;

     summarizeChat(context)
         .catch(console.error)
-        .finally(saveLastValues);
+        .finally(() => {
+            lastMessageId = context.chat?.length ?? null;
+            lastMessageHash = getStringHash((context.chat.length && context.chat[context.chat.length - 1]['mes']) ?? '');
+        });
+}
 /**

+    }
     const context = getContext();
     const skipWIAN = extension_settings.memory.SkipWIAN;
-    console.log(`Skipping WIAN? ${skipWIAN}`);
-    if (!context.chatId) {
-        toastr.warning('No chat selected');
-        return '';
-    }
     const toast = quiet ? jQuery() : toastr.info('Summarizing chat...', 'Please wait', { timeOut: 0, extendedTimeOut: 0 });
     const value = extension_settings.memory.source === summary_sources.main

             .removeClass('zoomed_avatar')
             .addClass('draggable')
             .empty();
-        const prevSummaryBoxContents = $('#memory_contents').val(); //copy summary box before emptying
+        const prevSummaryBoxContents = $('#memory_contents').val().toString(); //copy summary box before emptying
         originalElement.empty();
         originalElement.html('<div class="flex-container alignitemscenter justifyCenter wide100p"><small>Currently popped out</small></div>');
         newElement.append(controlBarHtml).append(originalHTMLClone);

             const summaryPopoutHTML = $('#summaryExtensionDrawerContents');
             $('#summaryExtensionPopout').fadeOut(animation_duration, () => {
                 originalElement.empty();
-                originalElement.html(summaryPopoutHTML);
+                originalElement.append(summaryPopoutHTML);
                 $('#summaryExtensionPopout').remove();
             });
             loadSettings();

 function setupListeners() {
     //setup shared listeners for popout and regular ext menu
     $('#memory_restore').off('click').on('click', onMemoryRestoreClick);
-    $('#memory_contents').off('click').on('input', onMemoryContentInput);
+    $('#memory_contents').off('input').on('input', onMemoryContentInput);
-    $('#memory_frozen').off('click').on('input', onMemoryFrozenInput);
+    $('#memory_frozen').off('input').on('input', onMemoryFrozenInput);
-    $('#memory_skipWIAN').off('click').on('input', onMemorySkipWIANInput);
+    $('#memory_skipWIAN').off('input').on('input', onMemorySkipWIANInput);
-    $('#summary_source').off('click').on('change', onSummarySourceChange);
+    $('#summary_source').off('change').on('change', onSummarySourceChange);
-    $('#memory_prompt_words').off('click').on('input', onMemoryPromptWordsInput);
+    $('#memory_prompt_words').off('input').on('input', onMemoryPromptWordsInput);
-    $('#memory_prompt_interval').off('click').on('input', onMemoryPromptIntervalInput);
+    $('#memory_prompt_interval').off('input').on('input', onMemoryPromptIntervalInput);
-    $('#memory_prompt').off('click').on('input', onMemoryPromptInput);
+    $('#memory_prompt').off('input').on('input', onMemoryPromptInput);
     $('#memory_force_summarize').off('click').on('click', () => forceSummarizeChat(false));
-    $('#memory_template').off('click').on('input', onMemoryTemplateInput);
+    $('#memory_template').off('input').on('input', onMemoryTemplateInput);
-    $('#memory_depth').off('click').on('input', onMemoryDepthInput);
+    $('#memory_depth').off('input').on('input', onMemoryDepthInput);
-    $('#memory_role').off('click').on('input', onMemoryRoleInput);
+    $('#memory_role').off('input').on('input', onMemoryRoleInput);
-    $('input[name="memory_position"]').off('click').on('change', onMemoryPositionChange);
+    $('input[name="memory_position"]').off('change').on('change', onMemoryPositionChange);
-    $('#memory_prompt_words_force').off('click').on('input', onMemoryPromptWordsForceInput);
+    $('#memory_prompt_words_force').off('input').on('input', onMemoryPromptWordsForceInput);
-    $('#memory_prompt_builder_default').off('click').on('input', onMemoryPromptBuilderInput);
+    $('#memory_prompt_builder_default').off('input').on('input', onMemoryPromptBuilderInput);
-    $('#memory_prompt_builder_raw_blocking').off('click').on('input', onMemoryPromptBuilderInput);
+    $('#memory_prompt_builder_raw_blocking').off('input').on('input', onMemoryPromptBuilderInput);
-    $('#memory_prompt_builder_raw_non_blocking').off('click').on('input', onMemoryPromptBuilderInput);
+    $('#memory_prompt_builder_raw_non_blocking').off('input').on('input', onMemoryPromptBuilderInput);
     $('#memory_prompt_restore').off('click').on('click', onMemoryPromptRestoreClick);
     $('#memory_prompt_interval_auto').off('click').on('click', onPromptIntervalAutoClick);
     $('#memory_prompt_words_auto').off('click').on('click', onPromptForceWordsAutoClick);
-    $('#memory_override_response_length').off('click').on('input', onOverrideResponseLengthInput);
+    $('#memory_override_response_length').off('input').on('input', onOverrideResponseLengthInput);
-    $('#memory_max_messages_per_request').off('click').on('input', onMaxMessagesPerRequestInput);
+    $('#memory_max_messages_per_request').off('input').on('input', onMaxMessagesPerRequestInput);
     $('#memory_include_wi_scan').off('input').on('input', onMemoryIncludeWIScanInput);
     $('#summarySettingsBlockToggle').off('click').on('click', function () {
-        console.log('saw settings button click');
+        $('#summarySettingsBlock').slideToggle(200, 'swing');
-        $('#summarySettingsBlock').slideToggle(200, 'swing'); //toggleClass("hidden");
     });
+}

     await addExtensionControls();
     loadSettings();
+    eventSource.on(event_types.CHAT_CHANGED, onChatChanged);
     eventSource.makeLast(event_types.CHARACTER_MESSAGE_RENDERED, onChatEvent);
-    eventSource.on(event_types.MESSAGE_DELETED, onChatEvent);
+    for (const event of [event_types.MESSAGE_DELETED, event_types.MESSAGE_UPDATED, event_types.MESSAGE_SWIPED]) {
-    eventSource.on(event_types.MESSAGE_EDITED, onChatEvent);
+        eventSource.on(event, onChatEvent);
-    eventSource.on(event_types.MESSAGE_SWIPED, onChatEvent);
+    }
-    eventSource.on(event_types.CHAT_CHANGED, onChatEvent);
     SlashCommandParser.addCommandObject(SlashCommand.fromProps({
         name: 'summarize',
         callback: summarizeCallback,

public/scripts/extensions/memory/settings.html+6 -4 Viewed

         <div class="inline-drawer-content">
             <div id="summaryExtensionDrawerContents">
                 <label for="summary_source" data-i18n="ext_sum_with">Summarize with:</label>
-                <select id="summary_source">
+                <select id="summary_source" class="text_pole">
                     <option value="main" data-i18n="ext_sum_main_api">Main API</option>
                     <option value="extras">Extras API (deprecated)</option>
                     <option value="webllm" data-i18n="ext_sum_webllm">WebLLM Extension</option>
                 </select><br>
                 <div class="flex-container justifyspacebetween alignitemscenter">
-                    <span class="flex1" data-i18n="ext_sum_current_summary">Current summary:</span>
+                    <span data-i18n="ext_sum_current_summary">Current summary:</span>
-                    <div id="memory_restore" class="menu_button flex1 margin0" data-i18n="[title]ext_sum_restore_tip" title="Restore a previous summary; use repeatedly to clear summarization state for this chat.">
+                    <i class="editor_maximize fa-solid fa-maximize right_menu_button" data-for="memory_contents" title="Expand the editor" data-i18n="[title]Expand the editor"></i>
-                        <span data-i18n="ext_sum_restore_previous">Restore Previous</span>
+                    <span class="flex1">&nbsp;</span>
+                    <div id="memory_restore" class="menu_button margin0" data-i18n="[title]ext_sum_restore_tip" title="Restore a previous summary; use repeatedly to clear summarization state for this chat.">
+                        <small data-i18n="ext_sum_restore_previous">Restore Previous</small>
                     </div>
                 </div>

public/scripts/extensions/memory/style.css+15 -0 Viewed

     flex-direction: column;
+}
+#memory_contents {
+    field-sizing: content;
+    max-height: 50dvh;
+}
+#memory_restore {
+    width: max-content;
+}
 #memory_settings textarea {
     font-size: calc(var(--mainFontSize) * 0.9);
     line-height: 1.2;

     flex-direction: column;
     row-gap: 5px;
+}
+#summaryExtensionPopout {
+    display: flex;
+    flex-direction: column;
+    padding-top: 25px;
+}