#2558 Add persona duping

00d74ec683632226dc9790438b8a2714af8ebeeb

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

public/index.html+3 -0 Viewed

                         <button class="menu_button set_default_persona" title="Select this as default persona for the new chats." data-i18n="[title]Select this as default persona for the new chats.">
                             <i class="fa-fw fa-solid fa-crown"></i>
                         </button>
 +                        <button class="menu_button duplicate_persona" title="Duplicate persona" data-i18n="[title]Duplicate persona">
 +                            <i class="fa-fw fa-solid fa-clone"></i>
 +                        </button>
                         <button class="menu_button delete_avatar" title="Delete persona" data-i18n="[title]Delete persona">
                             <i class="fa-fw fa-solid fa-trash-alt"></i>
                         </button>

public/scripts/personas.js+48 -0 Viewed

+    }
+}
 +/**
 + * Duplicates a persona.
 + * @param {string} avatarId
 + * @returns {Promise<void>}
 + */
 +async function duplicatePersona(avatarId) {
 +    const personaName = power_user.personas[avatarId];
++
 +    if (!personaName) {
 +        toastr.warning('Current avatar is not a persona');
 +        return;
 +    }
++
 +    const confirm = await Popup.show.confirm('Are you sure you want to duplicate this persona?', personaName);
++
 +    if (!confirm) {
 +        console.debug('User cancelled duplicating persona');
 +        return;
 +    }
++
 +    const newAvatarId = `${Date.now()}-${personaName.replace(/[^a-zA-Z0-9]/g, '')}.png`;
 +    const descriptor = power_user.persona_descriptions[avatarId];
++
 +    power_user.personas[newAvatarId] = personaName;
 +    power_user.persona_descriptions[newAvatarId] = {
 +        description: descriptor?.description || '',
 +        position: descriptor?.position || persona_description_positions.IN_PROMPT,
 +        depth: descriptor?.depth || DEFAULT_DEPTH,
 +        role: descriptor?.role || DEFAULT_ROLE,
 +    };
++
 +    await uploadUserAvatar(getUserAvatar(avatarId), newAvatarId);
 +    await getUserAvatars(true, newAvatarId);
 +    saveSettingsDebounced();
 +}
++
 export function initPersonas() {
     $(document).on('click', '.bind_user_name', bindUserNameToPersona);
     $(document).on('click', '.set_default_persona', setDefaultPersona);

         $('#avatar_upload_file').trigger('click');
     });
 +    $(document).on('click', '#user_avatar_block .duplicate_persona', function (e) {
 +        e.stopPropagation();
 +        const avatarId = $(this).closest('.avatar-container').find('.avatar').attr('imgfile');
++
 +        if (!avatarId) {
 +            console.log('no imgfile');
 +            return;
 +        }
++
 +        duplicatePersona(avatarId);
 +    });
++
     $(document).on('click', '#user_avatar_block .set_persona_image', function (e) {
         e.stopPropagation();
         const avatarId = $(this).closest('.avatar-container').find('.avatar').attr('imgfile');

public/style.css+4 -0 Viewed

     opacity: 1;
+}
 +.avatar-container .avatar-buttons .menu_button {
 +    padding: 3px;
 +}
++
 /* Ross should be able to handle this later */
 /*.big-avatars .avatar-buttons{
     justify-content: center;