import { shuffle, onlyUnique, debounce, delay, isDataURL, createThumbnail, extractAllWords, } from './utils.js'; import { RA_CountCharTokens, humanizedDateTime, dragElement, favsToHotswap } from "./RossAscends-mods.js"; import { loadMovingUIState, sortEntitiesList } from './power-user.js'; import { chat, sendSystemMessage, printMessages, substituteParams, characters, default_avatar, addOneMessage, callPopup, clearChat, Generate, select_rm_info, setCharacterId, setCharacterName, setEditedMessageId, is_send_press, name1, resetChatState, setSendButtonState, getCharacters, system_message_types, online_status, talkativeness_default, selectRightMenuWithAnimation, setRightTabSelectedClass, default_ch_mes, deleteLastMessage, showSwipeButtons, hideSwipeButtons, chat_metadata, updateChatMetadata, isStreamingEnabled, getThumbnailUrl, streamingProcessor, getRequestHeaders, setMenuType, menu_type, select_selected_character, cancelTtsPlay, isMultigenEnabled, displayPastChats, sendMessageAsUser, getBiasStrings, saveChatConditional, deactivateSendButtons, activateSendButtons, eventSource, event_types, getCurrentChatId, setScenarioOverride, getCropPopup, system_avatar, } from "../script.js"; import { appendTagToList, createTagMapFromList, getTagsList, applyTagsOnCharacterSelect, tag_map, printTagFilters } from './tags.js'; import { FILTER_TYPES, FilterHelper } from './filters.js'; export { selected_group, is_group_automode_enabled, is_group_generating, group_generation_id, groups, saveGroupChat, generateGroupWrapper, deleteGroup, getGroupAvatar, getGroups, regenerateGroup, resetSelectedGroup, select_group_chats, } let is_group_generating = false; // Group generation flag let is_group_automode_enabled = false; let groups = []; let selected_group = null; let group_generation_id = null; let fav_grp_checked = false; let openGroupId = null; let newGroupMembers = []; export const group_activation_strategy = { NATURAL: 0, LIST: 1, }; export const groupCandidatesFilter = new FilterHelper(debounce(printGroupCandidates, 100)); const groupAutoModeInterval = setInterval(groupChatAutoModeWorker, 5000); const saveGroupDebounced = debounce(async (group, reload) => await _save(group, reload), 500); async function _save(group, reload = true) { await fetch("/editgroup", { method: "POST", headers: getRequestHeaders(), body: JSON.stringify(group), }); if (reload) { await getCharacters(); } } // Group chats async function regenerateGroup() { let generationId = getLastMessageGenerationId(); while (chat.length > 0) { const lastMes = chat[chat.length - 1]; const this_generationId = lastMes.extra?.gen_id; // for new generations after the update if ((generationId && this_generationId) && generationId !== this_generationId) { break; } // legacy for generations before the update else if (lastMes.is_user || lastMes.is_system) { break; } await deleteLastMessage(); } generateGroupWrapper(); } async function loadGroupChat(chatId) { const response = await fetch("/getgroupchat", { method: "POST", headers: getRequestHeaders(), body: JSON.stringify({ id: chatId }), }); if (response.ok) { const data = await response.json(); return data; } return []; } export async function getGroupChat(groupId) { const group = groups.find((x) => x.id === groupId); const chat_id = group.chat_id; const data = await loadGroupChat(chat_id); if (Array.isArray(data) && data.length) { data[0].is_group = true; for (let key of data) { chat.push(key); } printMessages(); } else { sendSystemMessage(system_message_types.GROUP, '', { isSmallSys: true }); if (group && Array.isArray(group.members)) { for (let member of group.members) { const character = characters.find(x => x.avatar === member || x.name === member); if (!character) { continue; } const mes = getFirstCharacterMessage(character); chat.push(mes); addOneMessage(mes); } } await saveGroupChat(groupId, false); } if (group) { let metadata = group.chat_metadata ?? {}; updateChatMetadata(metadata, true); } eventSource.emit(event_types.CHAT_CHANGED, getCurrentChatId()); } function getFirstCharacterMessage(character) { let messageText = character.first_mes; // if there are alternate greetings, pick one at random if (Array.isArray(character.data?.alternate_greetings)) { const messageTexts = [character.first_mes, ...character.data.alternate_greetings].filter(x => x); messageText = messageTexts[Math.floor(Math.random() * messageTexts.length)]; } const mes = {}; mes["is_user"] = false; mes["is_system"] = false; mes["name"] = character.name; mes["is_name"] = true; mes["send_date"] = humanizedDateTime(); mes["original_avatar"] = character.avatar; mes["extra"] = { "gen_id": Date.now() * Math.random() * 1000000 }; mes["mes"] = messageText ? substituteParams(messageText.trim(), name1, character.name) : default_ch_mes; mes["force_avatar"] = character.avatar != "none" ? getThumbnailUrl('avatar', character.avatar) : default_avatar; return mes; } function resetSelectedGroup() { selected_group = null; is_group_generating = false; } async function saveGroupChat(groupId, shouldSaveGroup) { const group = groups.find(x => x.id == groupId); const chat_id = group.chat_id; group['date_last_chat'] = Date.now(); const response = await fetch("/savegroupchat", { method: "POST", headers: getRequestHeaders(), body: JSON.stringify({ id: chat_id, chat: [...chat] }), }); if (shouldSaveGroup && response.ok) { await editGroup(groupId, false, false); } } export async function renameGroupMember(oldAvatar, newAvatar, newName) { // Scan every group for our renamed character for (const group of groups) { try { // Try finding the member by old avatar link const memberIndex = group.members.findIndex(x => x == oldAvatar); // Character was not present in the group... if (memberIndex == -1) { continue; } // Replace group member avatar id and save the changes group.members[memberIndex] = newAvatar; await editGroup(group.id, true, false); console.log(`Renamed character ${newName} in group: ${group.name}`) // Load all chats from this group for (const chatId of group.chats) { const messages = await loadGroupChat(chatId); // Only save the chat if there were any changes to the chat content let hadChanges = false; // Chat shouldn't be empty if (Array.isArray(messages) && messages.length) { // Iterate over every chat message for (const message of messages) { // Only look at character messages if (message.is_user || message.is_system) { continue; } // Message belonged to the old-named character: // Update name, avatar thumbnail URL and original avatar link if (message.force_avatar && message.force_avatar.indexOf(encodeURIComponent(oldAvatar)) !== -1) { message.name = newName; message.force_avatar = message.force_avatar.replace(encodeURIComponent(oldAvatar), encodeURIComponent(newAvatar)); message.original_avatar = newAvatar; hadChanges = true; } } if (hadChanges) { const saveChatResponse = await fetch("/savegroupchat", { method: "POST", headers: getRequestHeaders(), body: JSON.stringify({ id: chatId, chat: [...messages] }), }); if (saveChatResponse.ok) { console.log(`Renamed character ${newName} in group chat: ${chatId}`); } } } } } catch (error) { console.log(`An error during renaming the character ${newName} in group: ${group.name}`); console.error(error); } } } async function getGroups() { const response = await fetch("/getgroups", { method: "POST", headers: getRequestHeaders() }); if (response.ok) { const data = await response.json(); groups = data.sort((a, b) => a.id - b.id); // Convert groups to new format for (const group of groups) { if (typeof group.id === 'number') { group.id = String(group.id); } if (group.disabled_members == undefined) { group.disabled_members = []; } if (group.chat_id == undefined) { group.chat_id = group.id; group.chats = [group.id]; group.members = group.members .map(x => characters.find(y => y.name == x)?.avatar) .filter(x => x) .filter(onlyUnique) } if (group.past_metadata == undefined) { group.past_metadata = {}; } if (typeof group.chat_id === 'number') { group.chat_id = String(group.chat_id); } if (Array.isArray(group.chats) && group.chats.some(x => typeof x === 'number')) { group.chats = group.chats.map(x => String(x)); } } } } export function getGroupBlock(group) { const template = $("#group_list_template .group_select").clone(); template.data("id", group.id); template.attr("grid", group.id); template.find(".ch_name").html(group.name); template.find('.group_fav_icon').css("display", 'none'); template.addClass(group.fav ? 'is_fav' : ''); template.find(".ch_fav").val(group.fav); // Display inline tags const tags = getTagsList(group.id); const tagsElement = template.find('.tags'); tags.forEach(tag => appendTagToList(tagsElement, tag, {})); const avatar = getGroupAvatar(group); if (avatar) { $(template).find(".avatar").replaceWith(avatar); } return template; } function updateGroupAvatar(group) { $("#group_avatar_preview").empty().append(getGroupAvatar(group)); $(".group_select").each(function () { if ($(this).data("id") == group.id) { $(this).find(".avatar").replaceWith(getGroupAvatar(group)); } }); } function getGroupAvatar(group) { if (!group) { return $(`
`); } if (isDataURL(group.avatar_url)) { return $(``); } const memberAvatars = []; if (group && Array.isArray(group.members) && group.members.length) { for (const member of group.members) { const charIndex = characters.findIndex(x => x.avatar === member); if (charIndex !== -1 && characters[charIndex].avatar !== "none") { const avatar = getThumbnailUrl('avatar', characters[charIndex].avatar); memberAvatars.push(avatar); } if (memberAvatars.length === 4) { break; } } } const avatarCount = memberAvatars.length; if (avatarCount >= 1 && avatarCount <= 4) { const groupAvatar = $(`#group_avatars_template .collage_${avatarCount}`).clone(); for (let i = 0; i < avatarCount; i++) { groupAvatar.find(`.img_${i + 1}`).attr("src", memberAvatars[i]); } return groupAvatar; } // default avatar const groupAvatar = $("#group_avatars_template .collage_1").clone(); groupAvatar.find(".img_1").attr("src", group.avatar_url || system_avatar); return groupAvatar; } async function generateGroupWrapper(by_auto_mode, type = null, params = {}) { if (online_status === "no_connection") { is_group_generating = false; setSendButtonState(false); return; } if (is_group_generating) { return false; } // Auto-navigate back to group menu if (menu_type !== "group_edit") { select_group_chats(selected_group); await delay(1); } const group = groups.find((x) => x.id === selected_group); let typingIndicator = $("#chat .typing_indicator"); if (!group || !Array.isArray(group.members) || !group.members.length) { sendSystemMessage(system_message_types.EMPTY, '', { isSmallSys: true }); return; } try { hideSwipeButtons(); is_group_generating = true; setCharacterName(''); setCharacterId(undefined); const userInput = $("#send_textarea").val(); if (typingIndicator.length === 0 && !isStreamingEnabled()) { typingIndicator = $( "#typing_indicator_template .typing_indicator" ).clone(); typingIndicator.hide(); $("#chat").append(typingIndicator); } // id of this specific batch for regeneration purposes group_generation_id = Date.now(); const lastMessage = chat[chat.length - 1]; let messagesBefore = chat.length; let lastMessageText = lastMessage?.mes || ''; let activationText = ""; let isUserInput = false; let isGenerationDone = false; let isGenerationAborted = false; if (userInput?.length && !by_auto_mode) { isUserInput = true; activationText = userInput; messagesBefore++; } else { if (lastMessage && !lastMessage.is_system) { activationText = lastMessage.mes; } } const resolveOriginal = params.resolve; const rejectOriginal = params.reject; if (params.signal instanceof AbortSignal) { if (params.signal.aborted) { throw new Error('Already aborted signal passed. Group generation stopped'); } params.signal.onabort = () => { isGenerationAborted = true; }; } if (typeof params.resolve === 'function') { params.resolve = function () { isGenerationDone = true; resolveOriginal.apply(this, arguments); }; } if (typeof params.reject === 'function') { params.reject = function () { isGenerationDone = true; rejectOriginal.apply(this, arguments); } } const activationStrategy = Number(group.activation_strategy ?? group_activation_strategy.NATURAL); const enabledMembers = group.members.filter(x => !group.disabled_members.includes(x)); let activatedMembers = []; if (params && typeof params.force_chid == 'number') { activatedMembers = [params.force_chid]; } else if (type === "quiet") { activatedMembers = activateSwipe(group.members); if (activatedMembers.length === 0) { activatedMembers = activateListOrder(group.members.slice(0, 1)); } } else if (type === "swipe" || type === 'continue') { activatedMembers = activateSwipe(group.members); if (activatedMembers.length === 0) { toastr.warning('Deleted group member swiped. To get a reply, add them back to the group.'); throw new Error('Deleted group member swiped'); } } else if (type === "impersonate") { $("#send_textarea").attr("disabled", true); activatedMembers = activateImpersonate(group.members); } else if (activationStrategy === group_activation_strategy.NATURAL) { activatedMembers = activateNaturalOrder(enabledMembers, activationText, lastMessage, group.allow_self_responses, isUserInput); } else if (activationStrategy === group_activation_strategy.LIST) { activatedMembers = activateListOrder(enabledMembers); } if (activatedMembers.length === 0) { toastr.warning('All group members are disabled. Enable at least one to get a reply.'); // Send user message as is const bias = getBiasStrings(userInput, type); await sendMessageAsUser(userInput, bias.messageBias); await saveChatConditional(); $('#send_textarea').val('').trigger('input'); } // now the real generation begins: cycle through every activated character for (const chId of activatedMembers) { deactivateSendButtons(); isGenerationDone = false; const generateType = type == "swipe" || type == "impersonate" || type == "quiet" || type == 'continue' ? type : "group_chat"; setCharacterId(chId); setCharacterName(characters[chId].name) await Generate(generateType, { automatic_trigger: by_auto_mode, ...(params || {}) }); if (type !== "swipe" && type !== "impersonate" && !isMultigenEnabled() && !isStreamingEnabled()) { // update indicator and scroll down typingIndicator .find(".typing_indicator_name") .text(characters[chId].name); $("#chat").append(typingIndicator); typingIndicator.show(200, function () { typingIndicator.get(0).scrollIntoView({ behavior: "smooth" }); }); } // TODO: This is awful. Refactor this while (true) { deactivateSendButtons(); if (isGenerationAborted) { throw new Error('Group generation aborted'); } // if not swipe - check if message generated already if (generateType === "group_chat" && !isMultigenEnabled() && chat.length == messagesBefore) { await delay(100); } // if swipe - see if message changed else if (type === "swipe") { if (isStreamingEnabled()) { if (streamingProcessor && !streamingProcessor.isFinished) { await delay(100); } else { break; } } else if (isMultigenEnabled()) { if (isGenerationDone) { break; } else { await delay(100); } } else { if (lastMessageText === chat[chat.length - 1].mes) { await delay(100); } else { break; } } } else if (type === "impersonate") { if (isStreamingEnabled()) { if (streamingProcessor && !streamingProcessor.isFinished) { await delay(100); } else { break; } } else if (isMultigenEnabled()) { if (isGenerationDone) { break; } else { await delay(100); } } else { if (!$("#send_textarea").val() || $("#send_textarea").val() == userInput) { await delay(100); } else { break; } } } else if (type === 'quiet') { if (isGenerationDone) { break; } else { await delay(100); } } else if (isMultigenEnabled()) { if (isGenerationDone) { messagesBefore++; break; } else { await delay(100); } } else if (isStreamingEnabled()) { if (streamingProcessor && !streamingProcessor.isFinished) { await delay(100); } else { messagesBefore++; break; } } else { messagesBefore++; break; } } } } finally { // hide and reapply the indicator to the bottom of the list typingIndicator.hide(200); $("#chat").append(typingIndicator); is_group_generating = false; $("#send_textarea").attr("disabled", false); setSendButtonState(false); setCharacterId(undefined); setCharacterName(''); activateSendButtons(); showSwipeButtons(); } } function getLastMessageGenerationId() { let generationId = null; if (chat.length > 0) { const lastMes = chat[chat.length - 1]; if (!lastMes.is_user && !lastMes.is_system && lastMes.extra) { generationId = lastMes.extra.gen_id; } } return generationId; } function activateImpersonate(members) { const randomIndex = Math.floor(Math.random() * members.length); const activatedMembers = [members[randomIndex]]; const memberIds = activatedMembers .map((x) => characters.findIndex((y) => y.avatar === x)) .filter((x) => x !== -1); return memberIds; } function activateSwipe(members) { let activatedNames = []; // pre-update group chat swipe if (!chat[chat.length - 1].original_avatar) { const matches = characters.filter(x => x.name == chat[chat.length - 1].name); for (const match of matches) { if (members.includes(match.avatar)) { activatedNames.push(match.avatar); break; } } } else { activatedNames.push(chat[chat.length - 1].original_avatar); } const memberIds = activatedNames .map((x) => characters.findIndex((y) => y.avatar === x)) .filter((x) => x !== -1); return memberIds; } function activateListOrder(members) { let activatedMembers = members.filter(onlyUnique); // map to character ids const memberIds = activatedMembers .map((x) => characters.findIndex((y) => y.avatar === x)) .filter((x) => x !== -1); return memberIds; } function activateNaturalOrder(members, input, lastMessage, allowSelfResponses, isUserInput) { let activatedMembers = []; // prevents the same character from speaking twice let bannedUser = !isUserInput && lastMessage && !lastMessage.is_user && lastMessage.name; // ...unless allowed to do so if (allowSelfResponses) { bannedUser = undefined; } // find mentions (excluding self) if (input && input.length) { for (let inputWord of extractAllWords(input)) { for (let member of members) { const character = characters.find(x => x.avatar === member) if (!character || character.name === bannedUser) { continue; } if (extractAllWords(character.name).includes(inputWord)) { activatedMembers.push(member); break; } } } } // activation by talkativeness (in shuffled order, except banned) const shuffledMembers = shuffle([...members]); for (let member of shuffledMembers) { const character = characters.find((x) => x.avatar === member); if (!character || character.name === bannedUser) { continue; } const rollValue = Math.random(); let talkativeness = Number(character.talkativeness); talkativeness = Number.isNaN(talkativeness) ? talkativeness_default : talkativeness; if (talkativeness >= rollValue) { activatedMembers.push(member); } } // pick 1 at random if no one was activated let retries = 0; while (activatedMembers.length === 0 && ++retries <= members.length) { const randomIndex = Math.floor(Math.random() * members.length); const character = characters.find((x) => x.avatar === members[randomIndex]); if (!character) { continue; } activatedMembers.push(members[randomIndex]); } // de-duplicate array of character avatars activatedMembers = activatedMembers.filter(onlyUnique); // map to character ids const memberIds = activatedMembers .map((x) => characters.findIndex((y) => y.avatar === x)) .filter((x) => x !== -1); return memberIds; } async function deleteGroup(id) { const response = await fetch("/deletegroup", { method: "POST", headers: getRequestHeaders(), body: JSON.stringify({ id: id }), }); if (response.ok) { selected_group = null; delete tag_map[id]; resetChatState(); clearChat(); printMessages(); await getCharacters(); select_rm_info("group_delete", id); $("#rm_button_selected_ch").children("h2").text(''); setRightTabSelectedClass(); } } export async function editGroup(id, immediately, reload = true) { let group = groups.find((x) => x.id === id); if (!group) { return; } group['chat_metadata'] = chat_metadata; if (immediately) { return await _save(group, reload); } saveGroupDebounced(group, reload); } let groupAutoModeAbortController = null; async function groupChatAutoModeWorker() { if (!is_group_automode_enabled || online_status === "no_connection") { return; } if (!selected_group || is_send_press || is_group_generating) { return; } const group = groups.find((x) => x.id === selected_group); if (!group || !Array.isArray(group.members) || !group.members.length) { return; } groupAutoModeAbortController = new AbortController(); await generateGroupWrapper(true, 'auto', { signal: groupAutoModeAbortController.signal }); } async function modifyGroupMember(chat_id, groupMember, isDelete) { const id = groupMember.data("id"); const thisGroup = groups.find((x) => x.id == chat_id); const membersArray = thisGroup?.members ?? newGroupMembers; if (isDelete) { const index = membersArray.findIndex((x) => x === id); if (index !== -1) { membersArray.splice(membersArray.indexOf(id), 1); } } else { membersArray.unshift(id); } if (openGroupId) { await editGroup(openGroupId, false, false); updateGroupAvatar(thisGroup); } printGroupCandidates(); printGroupMembers(); const groupHasMembers = getGroupCharacters({ doFilter: false, onlyMembers: true }).length > 0; $("#rm_group_submit").prop("disabled", !groupHasMembers); } async function reorderGroupMember(chat_id, groupMember, direction) { const id = groupMember.data("id"); const thisGroup = groups.find((x) => x.id == chat_id); const memberArray = thisGroup?.members ?? newGroupMembers; const indexOf = memberArray.indexOf(id); if (direction == 'down') { const next = memberArray[indexOf + 1]; if (next) { memberArray[indexOf + 1] = memberArray[indexOf]; memberArray[indexOf] = next; } } if (direction == 'up') { const prev = memberArray[indexOf - 1]; if (prev) { memberArray[indexOf - 1] = memberArray[indexOf]; memberArray[indexOf] = prev; } } printGroupMembers(); // Existing groups need to modify members list if (openGroupId) { await editGroup(chat_id, false, false); updateGroupAvatar(thisGroup); } } async function onGroupActivationStrategyInput(e) { if (openGroupId) { let _thisGroup = groups.find((x) => x.id == openGroupId); _thisGroup.activation_strategy = Number(e.target.value); await editGroup(openGroupId, false, false); } } async function onGroupNameInput() { if (openGroupId) { let _thisGroup = groups.find((x) => x.id == openGroupId); _thisGroup.name = $(this).val(); $("#rm_button_selected_ch").children("h2").text(_thisGroup.name); await editGroup(openGroupId); } } function isGroupMember(group, avatarId) { if (group && Array.isArray(group.members)) { return group.members.includes(avatarId); } else { return newGroupMembers.includes(avatarId); } } function getGroupCharacters({ doFilter, onlyMembers } = {}) { function sortMembersFn(a, b) { const membersArray = thisGroup?.members ?? newGroupMembers; const aIndex = membersArray.indexOf(a.item.avatar); const bIndex = membersArray.indexOf(b.item.avatar); return aIndex - bIndex; } const thisGroup = openGroupId && groups.find((x) => x.id == openGroupId); let candidates = characters .filter((x) => isGroupMember(thisGroup, x.avatar) == onlyMembers) .map((x, index) => ({ item: x, id: index, type: 'character' })); if (onlyMembers) { candidates.sort(sortMembersFn); } else { sortEntitiesList(candidates); } if (doFilter) { candidates = groupCandidatesFilter.applyFilters(candidates); } return candidates; } function printGroupCandidates() { const storageKey = 'GroupCandidates_PerPage'; $("#rm_group_add_members_pagination").pagination({ dataSource: getGroupCharacters({ doFilter: true, onlyMembers: false }), pageSize: 5, pageRange: 1, position: 'top', showPageNumbers: false, showSizeChanger: false, prevText: '<', nextText: '>', showNavigator: true, showSizeChanger: true, pageSize: Number(localStorage.getItem(storageKey)) || 5, sizeChangerOptions: [5, 10, 25, 50, 100, 200], afterSizeSelectorChange: function (e) { localStorage.setItem(storageKey, e.target.value); }, callback: function (data) { $("#rm_group_add_members").empty(); for (const i of data) { $("#rm_group_add_members").append(getGroupCharacterBlock(i.item)); } }, }); } function printGroupMembers() { const storageKey = 'GroupMembers_PerPage'; $("#rm_group_members_pagination").pagination({ dataSource: getGroupCharacters({ doFilter: false, onlyMembers: true }), pageSize: 5, pageRange: 1, position: 'top', showPageNumbers: false, showSizeChanger: false, prevText: '<', nextText: '>', showNavigator: true, showSizeChanger: true, pageSize: Number(localStorage.getItem(storageKey)) || 5, sizeChangerOptions: [5, 10, 25, 50, 100, 200], afterSizeSelectorChange: function (e) { localStorage.setItem(storageKey, e.target.value); }, callback: function (data) { $("#rm_group_members").empty(); for (const i of data) { $("#rm_group_members").append(getGroupCharacterBlock(i.item)); } }, }); } function getGroupCharacterBlock(character) { const avatar = getThumbnailUrl('avatar', character.avatar); const template = $("#group_member_template .group_member").clone(); const isFav = character.fav || character.fav == 'true'; template.data("id", character.avatar); template.find(".avatar img").attr({ "src": avatar, "title": character.avatar }); template.find(".ch_name").text(character.name); template.attr("chid", characters.indexOf(character)); template.find('.ch_fav').val(isFav); template.toggleClass('is_fav', isFav); template.toggleClass('disabled', isGroupMemberDisabled(character.avatar)); // Display inline tags const tags = getTagsList(character.avatar); const tagsElement = template.find('.tags'); tags.forEach(tag => appendTagToList(tagsElement, tag, {})); if (!openGroupId) { template.find('[data-action="speak"]').hide(); template.find('[data-action="enable"]').hide(); template.find('[data-action="disable"]').hide(); } return template; } function isGroupMemberDisabled(avatarId) { const thisGroup = openGroupId && groups.find((x) => x.id == openGroupId); return Boolean(thisGroup && thisGroup.disabled_members.includes(avatarId)); } function onDeleteGroupClick() { if (is_group_generating) { toastr.warning('Not so fast! Wait for the characters to stop typing before deleting the group.'); return; } $("#dialogue_popup").data("group_id", openGroupId); callPopup('This will also delete all your chats with that group. If you want to delete a single conversation, select a "View past chats" option in the lower left menu.
', "del_group"); } async function onFavoriteGroupClick() { updateFavButtonState(!fav_grp_checked); if (openGroupId) { let _thisGroup = groups.find((x) => x.id == openGroupId); _thisGroup.fav = fav_grp_checked; await editGroup(openGroupId, false, false); favsToHotswap(); } } async function onGroupSelfResponsesClick() { if (openGroupId) { let _thisGroup = groups.find((x) => x.id == openGroupId); const value = $(this).prop("checked"); _thisGroup.allow_self_responses = value; await editGroup(openGroupId, false, false); } } function select_group_chats(groupId, skipAnimation) { openGroupId = groupId; newGroupMembers = []; const group = openGroupId && groups.find((x) => x.id == openGroupId); const groupName = group?.name ?? ""; const replyStrategy = Number(group?.activation_strategy ?? group_activation_strategy.NATURAL); setMenuType(!!group ? 'group_edit' : 'group_create'); $("#group_avatar_preview").empty().append(getGroupAvatar(group)); $("#rm_group_restore_avatar").toggle(!!group && isDataURL(group.avatar_url)); $("#rm_group_chat_name").val(groupName); $("#rm_group_filter").val("").trigger("input"); $(`input[name="rm_group_activation_strategy"][value="${replyStrategy}"]`).prop('checked', true); if (!skipAnimation) { selectRightMenuWithAnimation('rm_group_chats_block'); } // render characters list printGroupCandidates(); printGroupMembers(); const groupHasMembers = !!$("#rm_group_members").children().length; $("#rm_group_submit").prop("disabled", !groupHasMembers); $("#rm_group_allow_self_responses").prop("checked", group && group.allow_self_responses); // bottom buttons if (openGroupId) { $("#rm_group_submit").hide(); $("#rm_group_delete").show(); $("#rm_group_scenario").show(); } else { $("#rm_group_submit").show(); if ($("#groupAddMemberListToggle .inline-drawer-content").css('display') !== 'block') { $("#groupAddMemberListToggle").trigger('click'); } $("#rm_group_delete").hide(); $("#rm_group_scenario").hide(); } updateFavButtonState(group?.fav ?? false); // top bar if (group) { $("#rm_group_automode_label").show(); $("#rm_button_selected_ch").children("h2").text(groupName); setRightTabSelectedClass('rm_button_selected_ch'); } else { $("#rm_group_automode_label").hide(); } eventSource.emit('groupSelected', {detail: {id: openGroupId, group: group}}); } async function uploadGroupAvatar(event) { const file = event.target.files[0]; if (!file) { return; } const e = await new Promise((resolve, reject) => { const reader = new FileReader(); reader.onload = resolve; reader.onerror = reject; reader.readAsDataURL(file); }); $('#dialogue_popup').addClass('large_dialogue_popup wide_dialogue_popup'); const croppedImage = await callPopup(getCropPopup(e.target.result), 'avatarToCrop'); if (!croppedImage) { return; } const thumbnail = await createThumbnail(croppedImage, 96, 144); if (!openGroupId) { $('#group_avatar_preview img').attr('src', thumbnail); $('#rm_group_restore_avatar').show(); return; } let _thisGroup = groups.find((x) => x.id == openGroupId); _thisGroup.avatar_url = thumbnail; $("#group_avatar_preview").empty().append(getGroupAvatar(_thisGroup)); $("#rm_group_restore_avatar").show(); await editGroup(openGroupId, true, true); } async function restoreGroupAvatar() { const confirm = await callPopup('