diff --git a/public/manifest.json b/public/manifest.json
index f9b2dbe..346467a 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -8,7 +8,8 @@
     "minimum_chrome_version": "88",
     "manifest_version": 3,
     "permissions": [
-        "cookies"
+        "cookies",
+        "storage"
     ],
     "host_permissions": [
         "https://*.lightning.force.com/",
diff --git a/src/App.vue b/src/App.vue
index 3c596b9..f5f9607 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, type App, inject } from 'vue';
+
 import ToolLauncher from './components/ToolLauncher.vue';
 import ErrorModal from './components/modals/error/ErrorModal.vue';
 
@@ -10,6 +11,7 @@ const errorModal = ref<InstanceType<typeof ErrorModal> | null>(null);
 app.config.errorHandler = err => {
   errorModal.value?.show(err as Error);
 };
+
 app.provide('errorModal', errorModal);
 
 window.addEventListener('unhandledrejection', (e: PromiseRejectionEvent) => {
diff --git a/src/components/GroupMemberships.vue b/src/components/GroupMemberships.vue
index db99d6d..5ecb918 100644
--- a/src/components/GroupMemberships.vue
+++ b/src/components/GroupMemberships.vue
@@ -294,7 +294,7 @@ function showError(message: string, stack?: string) {
                     </h2>
                 </div>
                 <div class="slds-no-flex">
-                    <button class="slds-button slds-button_icon slds-button_icon-border-filled slds-custom-align-button"
+                    <button class="slds-button slds-button_icon slds-button_icon-border-filled align-card-action-button"
                             title="Toggle API Names"
                            @click="showAPINames = !showAPINames"
                            :disabled="loading || saving">
diff --git a/src/components/QuickCreateUser.vue b/src/components/QuickCreateUser.vue
index 74ef654..ca6e309 100644
--- a/src/components/QuickCreateUser.vue
+++ b/src/components/QuickCreateUser.vue
@@ -2,27 +2,40 @@
 import { onMounted, ref } from 'vue';
 
 import PopoutCardFooter from './PopoutCardFooter.vue';
+import FullscreenOverlay from '@/components/slds/FullscreenOverlay.vue';
 import SalesforceToolingService from '@/services/salesforce-tooling-service';
 import Context from '@/models/context';
+import QuickCreateUserSettingsModal from '@/components/modals/quick-create-user-settings/QuickCreateUserSettingsModal.vue';
 import UserCreateForm from '@/models/UserCreateForm';
 import SalesforceUserService from '@/services/salesforce-user-service';
 import Profile from '@/models/Profile';
 import Role from '@/models/Role';
+import UserQuickCreateSettings from '@/models/UserQuickCreateSettings';
+
+const SETTINGS_KEY = 'quick-create-user-settings';
 
 const props = defineProps<{
     context: Context
 }>();
 
+const overlay = ref<InstanceType<typeof FullscreenOverlay> | null>(null);
+const settingsModal = ref<InstanceType<typeof QuickCreateUserSettingsModal> | null>(null);
+
 let userService: SalesforceUserService;
 let toolingService: SalesforceToolingService;
 
 const title = ref('');
+const error = ref('');
 
 const form = ref(new UserCreateForm());
 
 const loading = ref(true);
 const creating = ref(false);
 
+const showUsernameTooltip = ref(false);
+
+const settings = ref(new UserQuickCreateSettings());
+
 const profiles = ref<Array<Profile>>([]);
 const roles = ref<Array<Role>>([]);
 
@@ -38,13 +51,21 @@ async function loadData() {
     title.value = `Quick Create User`;
     document.title = `Salesforce Niknax: ${title.value}`;
 
-    await loadProfiles();
-    await loadRoles();
+    // Load settings
+    const settingsResult = await chrome.storage.local.get([SETTINGS_KEY]);
+    if (SETTINGS_KEY in settingsResult) {
+        settings.value = settingsResult[SETTINGS_KEY] as UserQuickCreateSettings;
+    }
+
+    // Load profiles/roles
+    await Promise.all([loadProfiles(), loadRoles()]);
 
     loading.value = false;
 }
 
 async function loadProfiles() {
+    form.value.profileId = 'loading';
+
     const result = await userService.query('SELECT Id, Name, UserlicenseId, UserLicense.Name FROM Profile');
     if (!result.success) {
         // TODO: handle
@@ -56,6 +77,8 @@ async function loadProfiles() {
 }
 
 async function loadRoles() {
+    form.value.roleId = 'loading';
+
     const result = await userService.query('SELECT Id, Name FROM UserRole');
     if (!result.success) {
         // TODO: handle
@@ -63,94 +86,161 @@ async function loadRoles() {
     }
 
     roles.value = (result.data as Array<any>).map(record => new Role(record.Id, record.Name));
+    form.value.roleId = '';
 }
 
 async function onEmailEntered() {
-    if (!userService.isValidEmail(form.value.email)) {
-        // TODO: handle
+    if (! (form.value.emailValid = userService.isValidEmail(form.value.email))) {
         return;
     }
 
     const emailUsername = form.value.email.substring(0, form.value.email.indexOf('@'));
 
-    form.value.lastName = emailUsername;
+    const nameComponents = emailUsername.split('.');
+    if (settings.value.getFirstLastNameFromEmail && nameComponents.length > 1) {
+        let firstName = nameComponents[0];
+        let lastName = nameComponents[nameComponents.length - 1];
+
+        firstName = firstName[0].toUpperCase() + firstName.slice(1);
+        lastName = lastName[0].toUpperCase() + lastName.slice(1);
+
+        form.value.firstName = firstName;
+        form.value.lastName = lastName;
+    } else {
+        form.value.firstName = '';
+        form.value.lastName = emailUsername;
+    }
+
     form.value.alias = userService.generateAlias();
-    form.value.username = userService.generateUsername(emailUsername);
+    form.value.username = userService.generateUsername(emailUsername, settings.value.usernameDomain);
     form.value.nickname = userService.generateNickname();
 }
 
-async function onCreateAndCloseClick() {
-    creating.value = true;
+async function onSettingsClick() {
+    const newSettings = await settingsModal.value?.show(settings.value);
+    if (newSettings) {
+        settings.value = newSettings;
 
-    const org = await userService.getOrganisation();
-
-    const userCreateResult = await userService.create('User', {
-        LastName: form.value.lastName,
-        Email: form.value.email,
-        Alias: form.value.alias,
-        Username: form.value.username,
-        CommunityNickname: form.value.nickname,
-        LocaleSidKey: org.defaultLocaleSidKey,
-        TimeZoneSidKey: org.timeZoneSidKey,
-        ProfileId: form.value.profileId,
-        UserRoleId: form.value.roleId,
-        LanguageLocaleKey: org.languageLocaleKey,
-        EmailEncodingKey: 'UTF-8'
-    });
-    if (!userCreateResult.success) {
-        // TODO: handle
-        return;
+        await chrome.storage.local.set({
+            'quick-create-user-settings': newSettings
+        });
     }
+}
 
-    if (form.value.resetPassword) {
-        const resetPasswordResult = await toolingService.executeAnonymous(`System.resetPassword('${userCreateResult.data.id}', true);`);
-        if (!resetPasswordResult.success) {
-            // TODO: handle
+async function onCreateAndCloseClick() {
+    creating.value = true;
+
+    try {
+        const org = await userService.getOrganisation();
+
+        const userCreateResult = await userService.create('User', {
+            FirstName: form.value.firstName,
+            LastName: form.value.lastName,
+            Email: form.value.email,
+            Alias: form.value.alias,
+            Username: form.value.username,
+            CommunityNickname: form.value.nickname,
+            LocaleSidKey: org.defaultLocaleSidKey,
+            TimeZoneSidKey: org.timeZoneSidKey,
+            ProfileId: form.value.profileId,
+            UserRoleId: form.value.roleId,
+            LanguageLocaleKey: org.languageLocaleKey,
+            EmailEncodingKey: 'UTF-8'
+        });
+        if (!userCreateResult.success) {
+            error.value = `Failed to create the user. ${userCreateResult.error}`;
             return;
         }
-    }
 
-    creating.value = false;
+        if (form.value.resetPassword) {
+            const resetPasswordResult = await toolingService.executeAnonymous(`System.resetPassword('${userCreateResult.data.id}', true);`);
+            if (!resetPasswordResult.success) {
+                error.value = `Failed to reset the password. ${resetPasswordResult.error}`;
+                return;
+            }
+        }
+
+        // Show overlay
+        const message = form.value.resetPassword ? 'User created and password reset sent!' : 'User created!';
+        await overlay.value?.show(message, 2000);
 
-    // const currentPopup = await chrome.windows.getCurrent();
-    // await chrome.windows.remove(currentPopup.id!);
+        // Close window
+        const currentPopup = await chrome.windows.getCurrent();
+        await chrome.windows.remove(currentPopup.id!);
+    } finally {
+        creating.value = false;
+    }
 }
 </script>
 
 <template>
     <article class="slds-card">
         <div class="slds-card__header slds-grid">
-            <header class="slds-media slds-media_center slds-has-flexi-truncate">
-                <div class="slds-media__figure">
-                    <span class="slds-icon_container slds-icon-standard-customers">
-                        <svg class="slds-icon slds-icon_small">
-                            <use xlink:href="slds/assets/icons/standard-sprite/svg/symbols.svg#customers"></use>
-                        </svg>
-                    </span>
-                </div>
-                <div class="slds-media__body">
-                    <h2 class="slds-card__header-title">
-                        <span>{{ title }}</span>
-                    </h2>
-                </div>
-                <div class="slds-no-flex">
-                    <button class="slds-button slds-button_icon slds-button_icon-border-filled slds-custom-align-button"
-                            title="Settings"
-                           :disabled="loading || creating">
-                        <svg class="slds-button__icon">
-                            <use xlink:href="slds/assets/icons/utility-sprite/svg/symbols.svg#settings"></use>
-                        </svg>
-                    </button>
-                    <button class="slds-button slds-button_brand" @click="onCreateAndCloseClick"
-                        :disabled="loading || creating">
-                        {{ creating ? 'Creating...' : 'Create & Close' }}
-                    </button>
-                </div>
-            </header>
-        </div>
+                <header class="slds-media slds-media_center slds-has-flexi-truncate">
+                    <div class="slds-media__figure">
+                        <span class="slds-icon_container slds-icon-standard-customers">
+                            <svg class="slds-icon slds-icon_small">
+                                <use xlink:href="slds/assets/icons/standard-sprite/svg/symbols.svg#customers"></use>
+                            </svg>
+                        </span>
+                    </div>
+                    <div class="slds-media__body">
+                        <h2 class="slds-card__header-title">
+                            <span>{{ title }}</span>
+                        </h2>
+                    </div>
+                    <div class="slds-no-flex">
+                        <!-- Setting button -->
+                        <button class="slds-button slds-button_icon slds-button_icon-border-filled align-card-action-button"
+                                title="Settings"
+                               @click="onSettingsClick">
+                            <svg class="slds-button__icon">
+                                <use xlink:href="slds/assets/icons/utility-sprite/svg/symbols.svg#settings"></use>
+                            </svg>
+                        </button>
+
+                        <!-- Save & Close button -->
+                        <button class="slds-button slds-button_brand"
+                               @click="onCreateAndCloseClick"
+                               :disabled="loading || creating">
+                            {{ creating ? 'Creating...' : 'Create & Close' }}
+                        </button>
+
+                        <!-- Error popover -->
+                        <section id="save-popover" class="slds-popover slds-popover_error slds-nubbin_top-right" role="dialog" v-if="error">
+                            <button class="slds-button slds-button_icon slds-button_icon-small slds-float_right slds-popover__close slds-button_icon-inverse slds-m-top_x-small slds-m-right_small" title="Close" @click="error = ''">
+                                <svg class="slds-button__icon">
+                                    <use xlink:href="slds/assets/icons/utility-sprite/svg/symbols.svg#close"></use>
+                                </svg>
+                            </button>
+                            <header class="slds-popover__header">
+                                <div class="slds-media slds-media_center slds-has-flexi-truncate ">
+                                    <div class="slds-media__figure">
+                                        <span class="slds-icon_container slds-icon-utility-error">
+                                            <svg class="slds-icon slds-icon_x-small">
+                                                <use xlink:href="slds/assets/icons/utility-sprite/svg/symbols.svg#error"></use>
+                                            </svg>
+                                        </span>
+                                    </div>
+                                    <div class="slds-media__body">
+                                        <h2 class="slds-truncate slds-text-heading_medium">We hit a snag</h2>
+                                    </div>
+                                </div>
+                            </header>
+                            <div class="slds-popover__body">
+                                <p>{{ error }}</p>
+                            </div>
+                        </section>
+                    </div>
+                </header>
+            </div>
         <div class="slds-card__body slds-card__body_inner">
-            <form class="slds-form" role="list">
-                <div class="slds-form-element slds-form-element_stacked">
+            <p class="slds-m-bottom_x-small">Enter an email address and the rest of the form will auto-populate.</p>
+
+            <div class="slds-form slds-m-top_x-small" role="list">
+
+                <!-- Email field -->
+                <div :class="`slds-form-element slds-m-bottom_x-small ${form.emailValid ? '' : 'slds-has-error'}`">
                     <label class="slds-form-element__label" for="email-input">
                         <abbr class="slds-required" title="required">* </abbr>
                         Email
@@ -159,14 +249,15 @@ async function onCreateAndCloseClick() {
                         <input type="text"
                                id="email-input"
                                class="slds-input"
-                               v-model="form.email" 
-                               v-debounce:200ms="onEmailEntered"
+                               v-model="form.email"
+                               @keyup="onEmailEntered"
                                autofocus
                                required />
                     </div>
                 </div>
 
-                <div class="slds-form__row slds-p-horizontal_xx-small">
+                <!-- First/Last name fields -->
+                <div class="slds-form__row">
                     <div class="slds-form__item" role="listitem">
                         <div class="slds-form-element slds-form-element_horizontal slds-is-editing">
                             <label class="slds-form-element__label" for="first-name-input">First Name</label>
@@ -188,7 +279,8 @@ async function onCreateAndCloseClick() {
                     </div>
                 </div>
 
-                <div class="slds-form__row slds-p-horizontal_xx-small">
+                <!-- Profile/Role fields -->
+                <div class="slds-form__row">
                     <div class="slds-form__item" role="listitem">
                         <div class="slds-form-element slds-form-element_horizontal slds-is-editing">
                             <label class="slds-form-element__label" for="profile-input">
@@ -197,7 +289,8 @@ async function onCreateAndCloseClick() {
                             </label>
                             <div class="slds-form-element__control">
                                 <div class="slds-select_container">
-                                <select class="slds-select" id="profile-input" v-model="form.profileId">
+                                <select id="profile-input" class="slds-select" :disabled="profiles.length === 0" v-model="form.profileId">
+                                    <option v-if="profiles.length === 0" value="loading">Loading...</option>
                                     <option v-for="profile of profiles"
                                            :key="profile.id"
                                            :value="profile.id">
@@ -213,8 +306,9 @@ async function onCreateAndCloseClick() {
                             <label class="slds-form-element__label" for="role-input">Role</label>
                             <div class="slds-form-element__control">
                                 <div class="slds-select_container">
-                                <select class="slds-select" id="role-input">
+                                <select class="slds-select" id="role-input" :disabled="profiles.length === 0" v-model="form.roleId">
                                     <option value="">None</option>
+                                    <option v-if="roles.length === 0" value="loading">Loading...</option>
                                     <option v-for="role of roles"
                                            :key="role.id"
                                            :value="role.id">
@@ -227,7 +321,8 @@ async function onCreateAndCloseClick() {
                     </div>
                 </div>
 
-                <div class="slds-form-element slds-form-element_stacked">
+                <!-- Alias field -->
+                <div class="slds-form-element slds-m-bottom_x-small">
                     <label class="slds-form-element__label" for="alias-input">
                         <abbr class="slds-required" title="required">* </abbr>
                         Alias
@@ -237,17 +332,29 @@ async function onCreateAndCloseClick() {
                     </div>
                 </div>
 
-                <div class="slds-form-element slds-form-element_stacked">
+                <!-- Username field -->
+                <div class="slds-form-element slds-m-bottom_x-small">
                     <label class="slds-form-element__label" for="username-input">
                         <abbr class="slds-required" title="required">* </abbr>
                         Username
                     </label>
+                    <div class="slds-form-element__icon">
+                        <button class="slds-button slds-button_icon" @mouseenter="showUsernameTooltip = true" @mouseleave="showUsernameTooltip = false">
+                            <svg class="slds-button__icon">
+                                <use xlink:href="slds/assets/icons/utility-sprite/svg/symbols.svg#info"></use>
+                            </svg>
+                        </button>
+                        <div class="slds-popover slds-popover_tooltip slds-nubbin_bottom-left popover-help" role="tooltip" v-show="showUsernameTooltip">
+                            <div class="slds-popover__body">Parts of the username are randomly generated to ensure uniqueness.</div>
+                        </div>
+                    </div>
                     <div class="slds-form-element__control">
                         <input type="text" id="username-input" class="slds-input" v-model="form.username" required />
                     </div>
                 </div>
 
-                <div class="slds-form-element slds-form-element_stacked">
+                <!-- Nickname field -->
+                <div class="slds-form-element slds-m-bottom_x-small">
                     <label class="slds-form-element__label" for="nickname-input">
                         <abbr class="slds-required" title="required">* </abbr>
                         Nickname
@@ -257,7 +364,7 @@ async function onCreateAndCloseClick() {
                     </div>
                 </div>
 
-                <fieldset class="slds-form-element slds-form-element_stacked">
+                <fieldset class="slds-form-element">
                     <div class="slds-form-element__control">
                         <div class="slds-checkbox">
                             <input type="checkbox" name="advanced-group" id="generate-password-checkbox" v-model="form.resetPassword" />
@@ -268,21 +375,20 @@ async function onCreateAndCloseClick() {
                         </div>
                     </div>
                 </fieldset>
-
-                <!-- <fieldset class="slds-form-element slds-form-element_stacked slds-m-top_large">
-                    <legend class="slds-form-element__legend slds-form-element__label">Preferences</legend>
-                    <div class="slds-form-element__control">
-                        <div class="slds-form-element">
-                            <label class="slds-form-element__label" for="input-01">Username @ Suffix</label>
-                            <div class="slds-form-element__control">
-                                <input type="text" id="input-01" class="slds-input" />
-                            </div>
-                        </div>
-                    </div>
-                </fieldset> -->
-            </form>
+            </div>
         </div>
 
         <PopoutCardFooter />
     </article>
-</template>
\ No newline at end of file
+
+    <QuickCreateUserSettingsModal ref="settingsModal" />
+    <FullscreenOverlay ref="overlay" />
+</template>
+
+<style>
+#save-popover {
+    position: absolute;
+    left: 200px;
+    top: 54px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/ToolLauncher.vue b/src/components/ToolLauncher.vue
index 2331335..3043676 100644
--- a/src/components/ToolLauncher.vue
+++ b/src/components/ToolLauncher.vue
@@ -74,7 +74,14 @@ onMounted(() => {
 </template>
 
 <style>
-.slds-custom-align-button {
+.align-card-action-button {
     margin-top: -4px;
 }
+
+.popover-help {
+    position: absolute;
+    top: -45px;
+    left: -15px;
+    width: 45vw;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/modals/quick-create-user-settings/QuickCreateUserSettingsModal.vue b/src/components/modals/quick-create-user-settings/QuickCreateUserSettingsModal.vue
new file mode 100644
index 0000000..fc501bf
--- /dev/null
+++ b/src/components/modals/quick-create-user-settings/QuickCreateUserSettingsModal.vue
@@ -0,0 +1,119 @@
+<script setup lang="ts">
+import { ref, toRaw } from 'vue';
+
+import UserQuickCreateSettings from '@/models/UserQuickCreateSettings';
+
+// Setup promise to defer until the user has either selected a user or closed the dialog.
+let resultResolve: (value: UserQuickCreateSettings | PromiseLike<UserQuickCreateSettings | null> | null) => void;
+
+const visible = ref(false);
+const showUsernameDomainTooltip = ref(false);
+
+const form = ref(new UserQuickCreateSettings());
+
+async function show(currentSettings: UserQuickCreateSettings): Promise<UserQuickCreateSettings | null> {
+    visible.value = true;
+    document.addEventListener('keydown', onKeydown);
+
+    form.value = currentSettings;
+
+    return new Promise<UserQuickCreateSettings | null>((resolve) => {
+        resultResolve = resolve;
+    });
+}
+
+function onCancelClick() {
+    resultResolve(null);
+    close();
+}
+
+function onSaveClick() {
+    resultResolve(toRaw(form.value));
+    close();
+}
+
+function close() {
+    visible.value = false;
+    document.removeEventListener('keydown', onKeydown);
+}
+
+function onCloseClick() {
+    resultResolve(null);
+    close();
+}
+
+function onKeydown(e: KeyboardEvent) {
+    if (e.key === 'Escape') {
+        resultResolve(null);
+        close();
+    }
+}
+
+defineExpose<{
+    show(currentSettings: UserQuickCreateSettings): Promise<UserQuickCreateSettings | null>
+}>({
+    show
+});
+</script>
+
+<template>
+    <template v-if="visible">
+        <section role="dialog" tabindex="-1" class="slds-modal slds-fade-in-open slds-modal_small">
+            <div class="slds-modal__container">
+                <button class="slds-button slds-button_icon slds-modal__close slds-button_icon-inverse"
+                    @click="onCloseClick">
+                    <svg class="slds-button__icon slds-button__icon_large">
+                        <use xlink:href="slds/assets/icons/utility-sprite/svg/symbols.svg#close"></use>
+                    </svg>
+                </button>
+                <div class="slds-modal__header">
+                    <h1 class="slds-text-heading_medium">Settings</h1>
+                </div>
+                <div class="slds-modal__content slds-p-around_medium">
+                    <div class="slds-form" role="list">
+                        <div class="slds-form-element slds-form-element_stacked">
+                            <label class="slds-form-element__label" for="username-domain-input">Username Domain</label>
+                            <div class="slds-form-element__icon">
+                                <button class="slds-button slds-button_icon" @mouseenter="showUsernameDomainTooltip = true" @mouseleave="showUsernameDomainTooltip = false">
+                                    <svg class="slds-button__icon">
+                                        <use xlink:href="slds/assets/icons/utility-sprite/svg/symbols.svg#info"></use>
+                                    </svg>
+                                </button>
+                                <div class="slds-popover slds-popover_tooltip slds-nubbin_bottom-left popover-help" role="tooltip" v-show="showUsernameDomainTooltip">
+                                    <div class="slds-popover__body">The default text to place after the @ symbol in the username.</div>
+                                </div>
+                            </div>
+                            <div class="slds-form-element__control">
+                                <input type="text" id="username-domain-input" class="slds-input" v-model="form.usernameDomain" />
+                            </div>
+                        </div>
+
+                        <fieldset class="slds-form-element slds-form-element_stacked">
+                            <div class="slds-form-element__control">
+                                <div class="slds-checkbox">
+                                    <input type="checkbox" id="split-email-username-checkbox" v-model="form.getFirstLastNameFromEmail" />
+                                    <label class="slds-checkbox__label" for="split-email-username-checkbox">
+                                        <span class="slds-checkbox_faux"></span>
+                                        <span class="slds-form-element__label">Get First/Last name from Email</span>
+                                    </label>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>
+                </div>
+                <div class="slds-modal__footer slds-theme_default">
+                    <button class="slds-button slds-button_neutral" @click="onCancelClick">Cancel</button>
+                    <button class="slds-button slds-button_brand" @click="onSaveClick">Save</button>
+                </div>
+            </div>
+        </section>
+        <div class="slds-backdrop slds-backdrop_open" role="presentation"></div>
+    </template>
+</template>
+
+<style scoped>
+/* Important to be able to show tooltips */
+.slds-modal__content {
+    overflow: visible;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/modals/user-select/UserSelectModal.vue b/src/components/modals/user-select/UserSelectModal.vue
index c67cdf2..3ac8d7b 100644
--- a/src/components/modals/user-select/UserSelectModal.vue
+++ b/src/components/modals/user-select/UserSelectModal.vue
@@ -4,7 +4,7 @@ import { ref } from 'vue';
 import type User from '@/models/User';
 import SearchLookup from '../../slds/SearchLookup.vue';
 import SearchLookupItem from '@/components/slds/SearchLookupItem';
-import type Context from '@/models/context';
+import Context from '@/models/context';
 import SalesforceRESTService from '@/services/salesforce-rest-service';
 
 let restService: SalesforceRESTService;
@@ -117,6 +117,8 @@ defineExpose<{
 </template>
 
 <style scoped>
+
+/* Important to be able to show full dropdown */
 .slds-modal__content {
     overflow: visible;
 }
diff --git a/src/components/slds/FullscreenOverlay.vue b/src/components/slds/FullscreenOverlay.vue
new file mode 100644
index 0000000..bf13fed
--- /dev/null
+++ b/src/components/slds/FullscreenOverlay.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const visible = ref(false);
+const message = ref('');
+
+function show(messageInput: string, duration: number): Promise<void> {
+    message.value = messageInput;
+
+    visible.value = true;
+
+    return new Promise<void>((resolve) => {
+        setTimeout(() => {
+            visible.value = false;
+            resolve();
+        }, duration);
+    });
+}
+
+defineExpose<{
+    show(message: string, duration: number): Promise<void>
+}>({
+    show
+});
+</script>
+
+<template>
+    <Transition>
+        <div class="overlay slds-align_absolute-center" v-if="visible">
+            <div class="overlay-content">
+                <span class="slds-icon_container slds-icon-utility-success slds-m-bottom_x-small">
+                    <svg class="slds-icon slds-icon-text-default">
+                        <use xlink:href="slds/assets/icons/utility-sprite/svg/symbols.svg#success"></use>
+                    </svg>
+                </span>
+                <div class="slds-text-heading_medium">{{ message }}</div>
+            </div>
+        </div>
+    </Transition>
+</template>
+
+<style scoped>
+.overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgb(69, 198, 90);
+    z-index: 2;
+}
+
+.overlay-content {
+    text-align: center;
+    color: white;
+}
+
+.overlay .slds-icon {
+    fill: white;
+}
+
+.v-enter-active {
+  animation: scale-in 0.25s;
+}
+
+@keyframes scale-in {
+  0% {
+    transform: scale(0);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/slds/LightningToast.vue b/src/components/slds/LightningToast.vue
new file mode 100644
index 0000000..7793097
--- /dev/null
+++ b/src/components/slds/LightningToast.vue
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+
+const visible = ref(false);
+const text = ref('');
+const type = ref('');
+const duration = ref(1000);
+
+const notifyClasses = computed(() => {
+    let classes = 'slds-notify slds-notify_toast';
+
+    switch (type.value) {
+        case 'warning':
+            classes += ' slds-theme_warning';
+            break;
+        case 'error':
+            classes += ' slds-theme_error';
+            break;
+        case 'success':
+            classes += ' slds-theme_success';
+            break;
+    }
+
+    return classes;
+});
+
+function show(inputText: string, inputType: string, inputDuration: number) {
+    text.value = inputText;
+    type.value = inputType;
+    duration.value = inputDuration;
+
+    visible.value = true;
+
+    // setTimeout(() => {
+    //     visible.value = false;
+    // }, inputDuration);
+}
+
+defineExpose<{
+    show(text: string, type: string, duration: number): void
+}>({
+    show
+});
+</script>
+
+<template>
+    <div class="slds-notify_container slds-is-relative" v-if="visible">
+        <div :class="notifyClasses" role="status">
+            <div class="slds-notify__content">
+                <div class="slds-text-align_center">{{ text }}</div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.slds-notify_toast {
+    margin: 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/models/UserCreateForm.ts b/src/models/UserCreateForm.ts
index f687716..381d5e5 100644
--- a/src/models/UserCreateForm.ts
+++ b/src/models/UserCreateForm.ts
@@ -2,7 +2,10 @@ export default class UserCreateForm {
     firstName = '';
     lastName = '';
     alias = '';
+
     email = '';
+    emailValid = false;
+
     username = '';
     nickname = '';
     federationIdentifier = '';
diff --git a/src/models/UserQuickCreateSettings.ts b/src/models/UserQuickCreateSettings.ts
new file mode 100644
index 0000000..edc43a7
--- /dev/null
+++ b/src/models/UserQuickCreateSettings.ts
@@ -0,0 +1,4 @@
+export default class UserQuickCreateSettings {
+    usernameDomain = '';
+    getFirstLastNameFromEmail = true;
+}
\ No newline at end of file
diff --git a/src/services/salesforce-rest-service.ts b/src/services/salesforce-rest-service.ts
index b08ce93..e1b5f37 100644
--- a/src/services/salesforce-rest-service.ts
+++ b/src/services/salesforce-rest-service.ts
@@ -22,7 +22,7 @@ export default class SalesforceRESTService {
     // }
 
     protected authFetch(requestUrl: URL, requestInfo: any = { method: 'GET' }): Promise<Response> {
-        const actualRequestUrl = requestUrl.toString().replace('+', '%20');
+        const actualRequestUrl = requestUrl.toString().replace(/\+/g, '%20');
 
         if (!requestInfo.headers)
             requestInfo.headers = {};
diff --git a/src/services/salesforce-tooling-service.ts b/src/services/salesforce-tooling-service.ts
index 41fb323..8c57cbe 100644
--- a/src/services/salesforce-tooling-service.ts
+++ b/src/services/salesforce-tooling-service.ts
@@ -1,4 +1,4 @@
-import type ServiceResult from './result';
+import ServiceResult from './result';
 
 export default class SalesforceToolingService {
     EXECUTE_ANONYMOUS_ENDPOINT = '/services/data/v58.0/tooling/executeAnonymous';
@@ -11,12 +11,11 @@ export default class SalesforceToolingService {
         this.sessionId = sessionId;
     }
 
-    protected authFetch(requestUrl: URL, requestInfo: any = { method: 'GET' }) {
-        const actualRequestUrl = requestUrl.toString().replace('+', '%20');
+    protected authFetch(requestUrl: URL, requestInfo: any = { method: 'GET' }): Promise<Response> {
+        const actualRequestUrl = requestUrl.toString().replace(/\+/g, '%20');
 
-        if (!requestInfo.headers) {
+        if (!requestInfo.headers)
             requestInfo.headers = {};
-        }
         requestInfo.headers['Authorization'] = 'Bearer ' + this.sessionId
 
         return fetch(actualRequestUrl, requestInfo);
diff --git a/src/services/salesforce-user-service.ts b/src/services/salesforce-user-service.ts
index 66041c9..57169e1 100644
--- a/src/services/salesforce-user-service.ts
+++ b/src/services/salesforce-user-service.ts
@@ -14,17 +14,15 @@ export default class SalesforceUserService extends SalesforceRESTService {
     generateUsername(usernamePrefix?: string, domainPrefix?: string): string {
         let username = this.generateRandomString(5, false, true, true);
         if (usernamePrefix) {
-            username = `${usernamePrefix}-${username}`;
+            username = `${usernamePrefix}.${username}`;
         }
 
         let domain = this.generateRandomString(5, false, true, false);
         if (domainPrefix) {
-            domain = `${domainPrefix}-${domain}`;
+            domain = `${domainPrefix}.${domain}`;
         }
 
-        const tld = this.generateRandomString(3, false, true, false);
-
-        return `${username}@${domain}.${tld}`;
+        return `${username}@${domain}`;
     }
 
     generateNickname(): string {