Merge branch 'persona-improvements' of https://github.com/SillyTavern/SillyTavern into persona-improvements

public/scripts/personas.js

@@ -1219,10 +1219,13 @@ function updatePersonaUIStates() {
     const { isTemporary, info } = getPersonaTemporaryLockInfo();
     if (isTemporary) {
         const messageContainer = document.createElement('div');
-        messageContainer.innerHTML = t`Temporary persona in use.`;
+        const messageSpan = document.createElement('span');
+        messageSpan.textContent = t`Temporary persona in use.`;
+        messageContainer.appendChild(messageSpan);
+        messageContainer.classList.add('flex-container', 'alignItemsBaseline');
 
         const infoIcon = document.createElement('i');
-        infoIcon.classList.add('fa-solid', 'fa-circle-info', 'opacity50p', 'marginLeft5');
+        infoIcon.classList.add('fa-solid', 'fa-circle-info', 'opacity50p');
         infoIcon.title = info;
         messageContainer.appendChild(infoIcon);
 
@@ -1525,7 +1528,22 @@ async function duplicatePersona(avatarId) {
     saveSettingsDebounced();
 }
 
+/**
+ * If a current user avatar is not bound to persona, bind it.
+ */
+function migrateNonPersonaUser() {
+    if (user_avatar in power_user.personas) {
+        return;
+    }
+
+    power_user.personas[user_avatar] = name1;
+    void getOrCreatePersonaDescriptor();
+    setPersonaDescription();
+    saveSettingsDebounced();
+}
+
 export function initPersonas() {
+    migrateNonPersonaUser();
     $('#persona_delete_button').on('click', deleteUserAvatar);
     $('#lock_persona_default').on('click', () => togglePersonaLock('default'));
     $('#lock_user_name').on('click', () => togglePersonaLock('chat'));

public/style.css

@@ -3028,7 +3028,7 @@ select option:not(:checked) {
     white-space: nowrap;
     margin-right: 10px;
     font-size: calc(var(--mainFontSize) * 1.25);
-    color: var(--grey50);
+    opacity: 0.5;
 }
 
 #persona_connections_buttons {