SillyTavern/public/scripts/templates/userProfile.html

<div class="flex-container flexFlowColumn justifyLeft flexGap10">
    <div>
        <h2 class="marginBot10 flex-container">
            <span>Hi,</span><span class="userName margin0"></span>
            <div class="userChangeNameButton right_menu_button" title="Change display name.">
                <i class="fa-fw fa-solid fa-pencil fa-xs"></i>
            </div>
        </h2>
    </div>
    <div>
        <h3>
            Account Info
        </h3>
        <div class="flex-container flexGap10">
            <div>
                <div class="avatar" title="To change your user avatar, select a default persona in the Persona Management menu.">
                    <img src="img/ai4.png" alt="avatar">
                </div>
            </div>
            <div class="flex1 flex-container flexGap10">
                <div class="flex-container flexFlowColumn">
                    <div>
                        <span data-i18n="Handle:">Handle:</span>
                        <span class="userHandle"></span>
                    </div>
                    <div>
                        <span data-i18n="Role:">Role:</span>
                        <span class="userRole"></span>
                    </div>
                </div>
                <div class="flex-container flexFlowColumn">
                    <div>
                        <span data-i18n="Created:">Created:</span>
                        <span class="userCreated"></span>
                    </div>
                    <div>
                        <span data-i18n="Password:">Password:</span>
                        <i class="hasPassword fa-fw fa-solid fa-lock"></i>
                        <i class="noPassword fa-fw fa-solid fa-lock-open"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div>
        <h3>
            Account Actions
        </h3>
        <div class="flex-container flexFlowColumn flexNoGap">
            <div class="flex-container">
                <div class="userChangePasswordButton menu_button menu_button_icon" title="Change your password.">
                    <i class="fa-fw fa-solid fa-key"></i>
                    <span data-i18n="Change Password">Change Password</span>
                </div>
            </div>
            <div class="flex-container">
                <div class="userSettingsSnapshotsButton menu_button menu_button_icon" title="Manage your settings snapshots.">
                    <i class="fa-fw fa-solid fa-camera"></i>
                    <span data-i18n="Settings Snapshots">Settings Snapshots</span>
                </div>
                <div class="userBackupButton menu_button menu_button_icon" title="Download a complete backup of your user data.">
                    <i class="fa-fw fa-solid fa-download"></i>
                    <span data-i18n="Download Backup">Download Backup</span>
                </div>
            </div>
        </div>
    </div>
    <div>
        <h3>
            Danger Zone
        </h3>
        <div class="flex-container">
            <div class="userResetSettingsButton menu_button menu_button_icon" title="Reset your settings to factory defaults.">
                <i class="fa-fw fa-solid fa-cog warning"></i>
                <span data-i18n="Reset Settings">Reset Settings</span>
            </div>
            <div class="userResetAllButton menu_button menu_button_icon" title="Wipe all user data and reset your account to factory settings.">
                <i class="fa-fw fa-solid fa-skull warning"></i>
                <span data-i18n="Reset Everything">Reset Everything</span>
            </div>
        </div>
    </div>
</div>