Show connected characters in persona panel - Print list of connected characters in persona panel - Fix smaller bugs with missing connections in persona description

255e75c6cf9d4fdd5ebf00320ac33a445818bafd

Wolfsblvt <wolfsblvt@gmail.com>

public/index.html+3 -1 Viewed

                                         <div data-i18n="Character">Character</div>
                                     </div>
                                 </div>
-                                <div id="persona_connections_list" class="text_muted m-b-1" data-i18n="persona_no_connections">[No connections]</div>
+                                <div id="persona_connections_list" class="text_muted m-b-1 avatars_inline flex-container scroll-reset-container expander" data-i18n="persona_no_connections">
+                                    [No connections]
+                                </div>
                             </div>
                             <div class="persona_management_global_settings">

public/script.js+2 -0 Viewed

     initPersonas,
     setPersonaDescription,
     initUserAvatar,
+    updatePersonaConnectionsAvatarList,
 } from './scripts/personas.js';
 import { getBackgrounds, initBackgrounds, loadBackgroundSettings, background_settings } from './scripts/backgrounds.js';
 import { hideLoader, showLoader } from './scripts/loader.js';

     });
     favsToHotswap();
+    updatePersonaConnectionsAvatarList();
+}
 /** Checks the state of the current search, and adds/removes the search sorting option accordingly */

public/scripts/personas.js+36 -3 Viewed

 import {
+    buildAvatarList,
+    characterToEntity,
     characters,
     chat,
     chat_metadata,

     event_types,
     getRequestHeaders,
     getThumbnailUrl,
+    groupToEntity,
     menu_type,
     name1,
     name2,

 } from '../script.js';
 import { persona_description_positions, power_user } from './power-user.js';
 import { getTokenCountAsync } from './tokenizers.js';
-import { PAGINATION_TEMPLATE, debounce, delay, download, ensureImageFormatSupported, flashHighlight, getBase64Async, parseJsonFile } from './utils.js';
+import { PAGINATION_TEMPLATE, debounce, delay, download, ensureImageFormatSupported, flashHighlight, getBase64Async, getCharIndex, parseJsonFile } from './utils.js';
 import { debounce_timeout } from './constants.js';
 import { FILTER_TYPES, FilterHelper } from './filters.js';
-import { selected_group } from './group-chats.js';
+import { groups, selected_group } from './group-chats.js';
 import { POPUP_RESULT, POPUP_TYPE, Popup, callGenericPopup } from './popup.js';
 import { t } from './i18n.js';
 import { openWorldInfoEditor, world_names } from './world-info.js';

         .prop('selected', String(true));
     $('#persona_lore_button').toggleClass('world_set', !!power_user.persona_description_lorebook);
     countPersonaDescriptionTokens();
+    updatePersonaLockIcons();
+    updatePersonaConnectionsAvatarList();
+}
+/**
+ * Displays avatar connections for the current persona.
+ * Converts connections to entities and populates the avatar list. Shows a message if no connections are found.
+ */
+export function updatePersonaConnectionsAvatarList() {
+    /** @type {PersonaConnection[]} */
+    const connections = power_user.persona_descriptions[user_avatar]?.connections ?? [];
+    const entities = connections.map(connection => {
+        if (connection.type === 'character') {
+            const character = characters.find(c => c.avatar === connection.id);
+            if (character) return characterToEntity(character, getCharIndex(character));
+        }
+        if (connection.type === 'group') {
+            const group = groups.find(g => g.id === connection.id);
+            if (group) return groupToEntity(group);
+        }
+        return undefined;
+    }).filter(entity => entity?.item !== undefined);
+    if (entities.length)
+        buildAvatarList($('#persona_connections_list'), entities);
+    else
+        $('#persona_connections_list').text('[No connections]');
+}
 export function autoSelectPersona(name) {

                 console.log(`Unlocking persona ${user_avatar} from this character ${name2}`);
                 power_user.persona_descriptions[user_avatar].connections = connections.filter(c => !isPersonaConnectionLocked(c));
                 saveSettingsDebounced();
+                updatePersonaConnectionsAvatarList();
                 if (power_user.persona_show_notifications) {
                     toastr.info(t`User persona ${name1} is now unlocked from character ${name2}. Click the "Lock" again to revert.`, t`Persona unlocked`);
+                }

                 console.log(`Locking persona ${user_avatar} to this character ${name2}`);
                 power_user.persona_descriptions[user_avatar].connections = [...connections, newConnection];
                 saveSettingsDebounced();
+                updatePersonaConnectionsAvatarList();
                 if (power_user.persona_show_notifications) {
                     toastr.success(t`User persona ${name1} is locked to character ${name2}`);
+                }

     /** @type {PersonaConnection[]} */
     const connections = power_user.persona_descriptions[user_avatar]?.connections;
-    const hasCharLock = !!connections.some(c =>
+    const hasCharLock = !!connections?.some(c =>
         (menu_type === 'character_edit' && c.type === 'character' && c.id === characters[this_chid]?.avatar)
         || (menu_type === 'group_edit' && c.type === 'group' && c.id === selected_group));
     $('#lock_persona_to_char').toggleClass('locked', hasCharLock);