@authup/client-web-kit 1.0.0-beta.19 → 1.0.0-beta.21

package/dist/index.cjs

@@ -65,6 +65,52 @@ function injectHTTPClient(app) {
  * view the LICENSE file that was distributed with this source code.
  */ const STORE_ID = 'authup';
 
+class PermissionBindingPolicyEvaluator {
+    async can(ctx) {
+        return ctx.spec.type === kit.BuiltInPolicyType.PERMISSION_BINDING;
+    }
+    async validateSpecification(ctx) {
+        return this.validator.run(ctx.spec);
+    }
+    async validateData(ctx) {
+        if (!smob.isObject(ctx.data.identity) && !smob.isObject(ctx.data.permission)) {
+            throw kit.PolicyError.evaluatorContextInvalid();
+        }
+        return ctx.data;
+    }
+    async evaluate(ctx) {
+        // todo: this must be changed when the permission-checker not only checks owned permissions.
+        return kit.maybeInvertPolicyOutcome(true, ctx.spec.invert);
+    }
+    constructor(){
+        this.validator = new kit.PermissionBindingPolicyValidator();
+    }
+}
+
+class PolicyEngine extends kit.PolicyEngine {
+    constructor(){
+        super();
+        this.registerEvaluator(kit.BuiltInPolicyType.PERMISSION_BINDING, new PermissionBindingPolicyEvaluator());
+    }
+}
+
+function createPromiseShareWrapperFn(fn) {
+    let promise;
+    return (...args)=>{
+        if (promise) {
+            return promise;
+        }
+        promise = new Promise((resolve, reject)=>{
+            fn(...args).then((r)=>resolve(r)).catch((e)=>reject(e));
+        });
+        promise.finally(()=>{
+            setTimeout(()=>{
+                promise = undefined;
+            }, 0);
+        });
+        return promise;
+    };
+}
 function createStore(context = {}) {
     const client = new coreHttpKit.Client({
         baseURL: context.baseURL
@@ -93,38 +139,10 @@ function createStore(context = {}) {
         refreshToken.value = input;
     };
     // --------------------------------------------------------------------
-    const handleTokenGrantResponse = (response)=>{
-        const expireDate = new Date(Date.now() + response.expires_in * 1000);
-        setAccessTokenExpireDate(expireDate);
-        setAccessToken(response.access_token);
-        setRefreshToken(response.refresh_token);
-    };
-    // --------------------------------------------------------------------
-    let refreshTokenPromise;
-    const attemptRefreshToken = ()=>{
-        if (!refreshToken.value) {
-            return Promise.reject(new Error('No refresh token is present.'));
-        }
-        if (refreshTokenPromise) {
-            return refreshTokenPromise;
-        }
-        refreshTokenPromise = client.token.createWithRefreshToken({
-            refresh_token: refreshToken.value
-        }).then((r)=>{
-            handleTokenGrantResponse(r);
-            return r;
-        }).finally(()=>{
-            refreshTokenPromise = undefined;
-        });
-        return refreshTokenPromise;
-    };
-    // --------------------------------------------------------------------
     const user = vue.ref(undefined);
     const userId = vue.computed(()=>user.value ? user.value.id : undefined);
-    const userResolved = vue.ref(false);
     const setUser = (entity)=>{
         user.value = entity;
-        userResolved.value = !!entity;
     };
     // --------------------------------------------------------------------
     const realm = vue.ref(undefined);
@@ -145,68 +163,100 @@ function createStore(context = {}) {
     const setRealmManagement = (entity)=>{
         realmManagement.value = entity;
     };
-    const abilities = new kit.Abilities();
-    const tokenInfo = vue.ref(undefined);
-    const tokenResolved = vue.ref(false);
-    const setTokenInfo = (entity)=>{
-        tokenResolved.value = !!entity;
-        tokenInfo.value = entity;
-        if (!entity) {
-            setRealm(undefined);
-            setRealmManagement(undefined);
-            abilities.set([]);
-            return;
+    // --------------------------------------------------------------------
+    const permissionRepository = new kit.PermissionMemoryProvider();
+    const permissionChecker = new kit.PermissionChecker({
+        provider: permissionRepository,
+        policyEngine: new PolicyEngine()
+    });
+    // --------------------------------------------------------------------
+    const userResolved = vue.ref(false);
+    const resolveUser = async ()=>{
+        if (!accessToken.value || userResolved.value) {
+            return Promise.resolve();
         }
-        if (entity.exp) {
-            const expireDate = new Date(entity.exp * 1000);
-            setAccessTokenExpireDate(expireDate);
+        userResolved.value = true;
+        return client.userInfo.get(`Bearer ${accessToken.value}`).then((response)=>{
+            setUser(response);
+        });
+    };
+    // --------------------------------------------------------------------
+    const tokenResolved = vue.ref(false);
+    const resolveToken = async ()=>{
+        if (!accessToken.value || tokenResolved.value) {
+            return Promise.resolve();
         }
-        if (entity.realm_id && entity.realm_name) {
-            realm.value = {
-                id: entity.realm_id,
-                name: entity.realm_name
-            };
-            if (typeof realmManagement.value === 'undefined') {
-                setRealmManagement(realm.value);
+        tokenResolved.value = true;
+        return client.token.introspect({
+            token: accessToken.value
+        }, {
+            authorizationHeader: {
+                type: 'Bearer',
+                token: accessToken.value
             }
-        }
-        if (entity.permissions) {
-            abilities.set(entity.permissions);
-        }
+        }).then((response)=>{
+            if (response.exp) {
+                const expireDate = new Date(response.exp * 1000);
+                setAccessTokenExpireDate(expireDate);
+            }
+            if (response.realm_id && response.realm_name) {
+                realm.value = {
+                    id: response.realm_id,
+                    name: response.realm_name
+                };
+                if (!realmManagement.value) {
+                    setRealmManagement(realm.value);
+                }
+            }
+            if (response.permissions) {
+                permissionRepository.setMany(response.permissions);
+            }
+        });
     };
     // --------------------------------------------------------------------
-    const resolve = async (ctx = {})=>{
-        if (!accessToken.value || ctx.attempts && ctx.attempts > 3) return;
+    const handleTokenGrantResponse = (response)=>{
+        const expireDate = new Date(Date.now() + response.expires_in * 1000);
+        setAccessTokenExpireDate(expireDate);
+        setAccessToken(response.access_token);
+        setRefreshToken(response.refresh_token);
+    };
+    // --------------------------------------------------------------------
+    const refreshSession = createPromiseShareWrapperFn(async ()=>{
+        if (!refreshToken.value) {
+            throw new kit.TokenError('The access token can not be renewed.');
+        }
+        return client.token.createWithRefreshToken({
+            refresh_token: refreshToken.value
+        }).then((r)=>handleTokenGrantResponse(r)).catch((e)=>{
+            logout();
+            return Promise.reject(e);
+        }).finally(()=>{
+            tokenResolved.value = false;
+            userResolved.value = false;
+        });
+    });
+    // --------------------------------------------------------------------
+    const resolveInternal = async ()=>{
         try {
-            if (!tokenResolved.value || ctx.refresh) {
-                const token = await client.token.introspect({
-                    token: accessToken.value
-                }, {
-                    authorizationHeader: {
-                        type: 'Bearer',
-                        token: accessToken.value
-                    }
-                });
-                setTokenInfo(token);
-                tokenResolved.value = true;
+            if (!accessToken.value && refreshToken.value) {
+                await refreshSession();
             }
-            if (!userResolved.value || ctx.refresh) {
-                const entity = await client.userInfo.get(`Bearer ${accessToken.value}`);
-                setUser(entity);
-                userResolved.value = true;
+            if (accessToken.value) {
+                await resolveToken();
+                if (!user.value) {
+                    await resolveUser();
+                }
             }
         } catch (e) {
-            if (coreHttpKit.isClientTokenExpiredError(e)) {
-                await attemptRefreshToken();
-                await resolve({
-                    refresh: true,
-                    attempts: ctx.attempts ? ctx.attempts++ : 1
-                });
-                return;
+            if (coreHttpKit.isClientTokenExpiredError(e) && refreshToken.value) {
+                await refreshSession();
+                return resolveInternal();
             }
             throw e;
         }
+        return Promise.resolve();
     };
+    const resolve = createPromiseShareWrapperFn(resolveInternal);
     const loggedIn = vue.computed(()=>!!accessToken.value);
     const login = async (ctx)=>{
         try {
@@ -220,7 +270,7 @@ function createStore(context = {}) {
             handleTokenGrantResponse(response);
             await resolve();
         } catch (e) {
-            setUser(undefined);
+            logout();
             throw e;
         }
     };
@@ -229,12 +279,15 @@ function createStore(context = {}) {
         setAccessTokenExpireDate(undefined);
         setRefreshToken(undefined);
         setUser(undefined);
-        setTokenInfo(undefined);
+        setRealm(undefined);
+        setRealmManagement(undefined);
+        tokenResolved.value = false;
+        userResolved.value = false;
     };
     return {
         initialized,
         setInitialized,
-        abilities,
+        permissionChecker,
         login,
         logout,
         loggedIn,
@@ -246,8 +299,6 @@ function createStore(context = {}) {
         setAccessTokenExpireDate,
         refreshToken,
         setRefreshToken,
-        tokenInfo,
-        setTokenInfo,
         realm,
         realmId,
         realmIsRoot,
@@ -330,34 +381,34 @@ function shouldUpdate(dependencies, newCookies, oldCookies) {
 
 const StoreSymbol = Symbol.for('AuthupStore');
 function useStore(pinia, app) {
-    const instance = injectStore(app);
+    const instance = injectStoreFactory(app);
     if (!instance) {
         throw new Error('The store has not been injected in the app context.');
     }
     return instance(pinia);
 }
-function injectStore(app) {
+function injectStoreFactory(app) {
     const instance = inject$1(StoreSymbol, app);
     if (!instance) {
-        throw new Error('The store has not been injected in the app context.');
+        throw new Error('The store factory has not been injected in the app context.');
     }
     return instance;
 }
-function hasStore(app) {
+function hasStoreFactory(app) {
     return !!inject$1(StoreSymbol, app);
 }
-function provideStore(store, app) {
+function provideStoreFactory(store, app) {
     provide(StoreSymbol, store, app);
 }
 
 function installStore(app, options = {}) {
-    if (hasStore(app)) {
+    if (hasStoreFactory(app)) {
         return;
     }
-    const storeCreator = pinia.defineStore(STORE_ID, ()=>createStore({
+    const storeFactory = pinia.defineStore(STORE_ID, ()=>createStore({
             baseURL: options.baseURL
         }));
-    const store = storeCreator(options.pinia);
+    const store = storeFactory(options.pinia);
     let cookieGet;
     if (options.cookieGet) {
         cookieGet = options.cookieGet;
@@ -376,8 +427,8 @@ function installStore(app, options = {}) {
     if (options.cookieUnset) {
         cookieUnset = options.cookieUnset;
     } else if (options.cookieSet) {
-        cookieUnset = (key)=>{
-            options.cookieSet(key, null);
+        cookieUnset = (key, opts)=>{
+            options.cookieSet(key, null, opts);
         };
     } else {
         const cookies = useCookies();
@@ -434,12 +485,12 @@ function installStore(app, options = {}) {
             return;
         }
         if (action.name === 'logout') {
-            cookieUnset(coreHttpKit.CookieName.ACCESS_TOKEN);
-            cookieUnset(coreHttpKit.CookieName.ACCESS_TOKEN_EXPIRE_DATE);
-            cookieUnset(coreHttpKit.CookieName.REFRESH_TOKEN);
-            cookieUnset(coreHttpKit.CookieName.USER);
-            cookieUnset(coreHttpKit.CookieName.REALM);
-            cookieUnset(coreHttpKit.CookieName.REALM_MANAGEMENT);
+            cookieUnset(coreHttpKit.CookieName.ACCESS_TOKEN, {});
+            cookieUnset(coreHttpKit.CookieName.ACCESS_TOKEN_EXPIRE_DATE, {});
+            cookieUnset(coreHttpKit.CookieName.REFRESH_TOKEN, {});
+            cookieUnset(coreHttpKit.CookieName.USER, {});
+            cookieUnset(coreHttpKit.CookieName.REALM, {});
+            cookieUnset(coreHttpKit.CookieName.REALM_MANAGEMENT, {});
         }
     });
     initStore();
@@ -447,26 +498,34 @@ function installStore(app, options = {}) {
         if (mutation.storeId !== STORE_ID) {
             return;
         }
+        let maxAge;
+        if (state.accessTokenExpireDate) {
+            maxAge = Math.floor(Math.max(1000, new Date(`${state.accessTokenExpireDate}`).getTime() - Date.now()) / 1000);
+        }
         if (state.accessToken) {
-            cookieSet(coreHttpKit.CookieName.ACCESS_TOKEN, state.accessToken);
+            cookieSet(coreHttpKit.CookieName.ACCESS_TOKEN, state.accessToken, {
+                maxAge
+            });
         }
         if (state.accessTokenExpireDate) {
-            cookieSet(coreHttpKit.CookieName.ACCESS_TOKEN_EXPIRE_DATE, state.accessTokenExpireDate);
+            cookieSet(coreHttpKit.CookieName.ACCESS_TOKEN_EXPIRE_DATE, state.accessTokenExpireDate, {
+                maxAge
+            });
         }
         if (state.refreshToken) {
-            cookieSet(coreHttpKit.CookieName.REFRESH_TOKEN, state.refreshToken);
+            cookieSet(coreHttpKit.CookieName.REFRESH_TOKEN, state.refreshToken, {});
         }
         if (state.user) {
-            cookieSet(coreHttpKit.CookieName.USER, state.user);
+            cookieSet(coreHttpKit.CookieName.USER, state.user, {});
         }
         if (state.realm) {
-            cookieSet(coreHttpKit.CookieName.REALM, state.realm);
+            cookieSet(coreHttpKit.CookieName.REALM, state.realm, {});
         }
         if (state.realmManagement) {
-            cookieSet(coreHttpKit.CookieName.REALM_MANAGEMENT, state.realmManagement);
+            cookieSet(coreHttpKit.CookieName.REALM_MANAGEMENT, state.realmManagement, {});
         }
     });
-    provideStore(storeCreator, app);
+    provideStoreFactory(storeFactory, app);
 }
 
 function storeToRefs(store) {
@@ -489,8 +548,8 @@ function installHTTPClient(app, options = {}) {
     const client = new coreHttpKit.Client({
         baseURL: options.baseURL
     });
-    const storeCreator = injectStore(app);
-    const store = storeCreator(options.pinia);
+    const storeFactory = injectStoreFactory(app);
+    const store = storeFactory(options.pinia);
     const { refreshToken } = pinia.storeToRefs(store);
     const tokenHook = new coreHttpKit.ClientResponseErrorTokenHook(client, {
         baseURL: options.baseURL,
@@ -507,7 +566,8 @@ function installHTTPClient(app, options = {}) {
         },
         tokenFailed: ()=>{
             store.logout();
-        }
+        },
+        timer: !options.isServer
     });
     store.$subscribe((mutation, state)=>{
         if (mutation.storeId !== STORE_ID) return;
@@ -523,10 +583,7 @@ function installHTTPClient(app, options = {}) {
         }
         if (state.refreshToken && state.accessTokenExpireDate) {
             const expiresIn = Math.floor((state.accessTokenExpireDate.getTime() - Date.now()) / 1000);
-            tokenHook.setTimer({
-                refresh_token: ()=>refreshToken.value,
-                expires_in: expiresIn
-            });
+            tokenHook.setTimer(expiresIn, ()=>refreshToken.value);
         }
     });
     provideHTTPClient(client, app);
@@ -744,7 +801,7 @@ function injectSocketManager(app) {
 }
 
 function installSocketManager(app, options) {
-    const storeCreator = injectStore(app);
+    const storeCreator = injectStoreFactory(app);
     const store = storeCreator(options.pinia);
     const { accessToken } = storeToRefs(store);
     const manager = new coreRealtimeKit.ClientManager({
@@ -1510,26 +1567,25 @@ function createEntityManager(ctx) {
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ exports.TranslatorTranslationGroup = void 0;
-(function(TranslatorTranslationGroup) {
+ */ var TranslatorTranslationGroup = /*#__PURE__*/ function(TranslatorTranslationGroup) {
     TranslatorTranslationGroup["DEFAULT"] = "default";
     TranslatorTranslationGroup["CLIENT"] = "authupClient";
     TranslatorTranslationGroup["VUECS"] = "vuecs";
     TranslatorTranslationGroup["VUELIDATE"] = "vuelidate";
-})(exports.TranslatorTranslationGroup || (exports.TranslatorTranslationGroup = {}));
-exports.TranslatorTranslationVuecsKey = void 0;
-(function(TranslatorTranslationVuecsKey) {
+    return TranslatorTranslationGroup;
+}({});
+var TranslatorTranslationVuecsKey = /*#__PURE__*/ function(TranslatorTranslationVuecsKey) {
     TranslatorTranslationVuecsKey["NO_MORE"] = "noMore";
-})(exports.TranslatorTranslationVuecsKey || (exports.TranslatorTranslationVuecsKey = {}));
-exports.TranslatorTranslationClientKey = void 0;
-(function(TranslatorTranslationClientKey) {
+    return TranslatorTranslationVuecsKey;
+}({});
+var TranslatorTranslationClientKey = /*#__PURE__*/ function(TranslatorTranslationClientKey) {
     TranslatorTranslationClientKey["NAME_HINT"] = "nameHint";
     TranslatorTranslationClientKey["DESCRIPTION_HINT"] = "descriptionHint";
     TranslatorTranslationClientKey["REDIRECT_URI_HINT"] = "redirectURIHint";
     TranslatorTranslationClientKey["IS_CONFIDENTIAL"] = "isConfidential";
-})(exports.TranslatorTranslationClientKey || (exports.TranslatorTranslationClientKey = {}));
-exports.TranslatorTranslationDefaultKey = void 0;
-(function(TranslatorTranslationDefaultKey) {
+    return TranslatorTranslationClientKey;
+}({});
+var TranslatorTranslationDefaultKey = /*#__PURE__*/ function(TranslatorTranslationDefaultKey) {
     TranslatorTranslationDefaultKey["ADD"] = "add";
     TranslatorTranslationDefaultKey["CREATE"] = "create";
     TranslatorTranslationDefaultKey["DELETE"] = "delete";
@@ -1560,40 +1616,118 @@ exports.TranslatorTranslationDefaultKey = void 0;
     TranslatorTranslationDefaultKey["SECRET"] = "secret";
     TranslatorTranslationDefaultKey["REDIRECT_URIS"] = "redirectUris";
     TranslatorTranslationDefaultKey["USERS"] = "users";
-})(exports.TranslatorTranslationDefaultKey || (exports.TranslatorTranslationDefaultKey = {}));
+    return TranslatorTranslationDefaultKey;
+}({});
 
-function setObjectPathProperty(record, key, value) {
-    const parts = key.split('.');
-    if (parts.length === 1) {
-        record[key] = value;
-        return;
-    }
-    const prefix = parts.shift();
-    if (prefix) {
-        if (!Object.prototype.hasOwnProperty.call(record, prefix) || !smob.isObject(record[prefix])) {
-            record[prefix] = {};
+/*
+ * Copyright (c) 2024-2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ const BRACKET_NUMBER_REGEX = RegExp("(?<!\\\\)\\[(\\d+)]$");
+/**
+ * Convert string to property path array.
+ *
+ * @see https://github.com/lodash/lodash/blob/main/src/.internal/stringToPath.ts
+ * @see https://github.com/chaijs/pathval
+ *
+ * @param segment
+ */ function pathToArray(segment) {
+    const str = segment.replace(/([^\\])\[/g, '$1.[');
+    const parts = str.match(/(\\\.|[^.]+?)+/g);
+    if (!parts) {
+        return [];
+    }
+    const result = [];
+    for(let i = 0; i < parts.length; i++){
+        if (parts[i] === 'constructor' || parts[i] === '__proto__' || parts[i] === 'prototype') {
+            continue;
+        }
+        const regex = BRACKET_NUMBER_REGEX.exec(parts[i]);
+        if (regex) {
+            result.push(regex[1]);
+        } else {
+            result.push(parts[i].replace(/\\([.[\]])/g, '$1'));
         }
-        setObjectPathProperty(record[prefix], parts.join('.'), value);
     }
+    return result;
 }
-function getObjectPathProperty(data, key) {
-    const dotIndex = key.indexOf('.');
-    const currentKey = dotIndex === -1 ? key : key.substring(0, dotIndex);
-    if (dotIndex === -1) {
-        return data[currentKey];
+/*
+ * Copyright (c) 2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ var Character;
+(function(Character) {
+    Character["WILDCARD"] = "*";
+    Character["GLOBSTAR"] = "**";
+})(Character || (Character = {}));
+/*
+ * Copyright (c) 2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ function isObject(input) {
+    return !!input && typeof input === 'object' && !Array.isArray(input);
+}
+function getPathValue(data, path) {
+    const parts = Array.isArray(path) ? path : pathToArray(path);
+    let res;
+    let temp = data;
+    let index = 0;
+    while(index < parts.length){
+        if (temp === null || typeof temp === 'undefined') {
+            break;
+        }
+        if (parts[index] in Object(temp)) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-expect-error
+            temp = temp[parts[index]];
+        } else {
+            break;
+        }
+        if (index === parts.length - 1) {
+            res = temp;
+        }
+        index++;
     }
-    if (!smob.isObject(data[currentKey])) {
-        return undefined;
+    return res;
+}
+const NUMBER_REGEX = /^\d+$/;
+function setPathValue(data, path, value) {
+    const parts = Array.isArray(path) ? path : pathToArray(path);
+    let temp = data;
+    let index = 0;
+    while(index < parts.length){
+        /* istanbul ignore next */ if (!Array.isArray(temp) && !isObject(temp)) {
+            break;
+        }
+        const key = parts[index];
+        // [foo, '0']
+        if (typeof temp[key] === 'undefined') {
+            const match = NUMBER_REGEX.test(key);
+            if (match) {
+                temp[key] = [];
+            } else {
+                temp[key] = {};
+            }
+        }
+        if (index === parts.length - 1) {
+            temp[key] = value;
+            break;
+        }
+        index++;
+        temp = temp[key];
     }
-    const nextKey = key.substring(currentKey.length + 1);
-    return getObjectPathProperty(data[currentKey], nextKey);
+    return data;
 }
+
 class MemoryStore {
     async get(context) {
         if (!this.data[context.locale] || !this.data[context.locale][context.group]) {
             return undefined;
         }
-        const output = getObjectPathProperty(this.data[context.locale][context.group], context.key);
+        const output = getPathValue(this.data[context.locale][context.group], context.key);
         if (typeof output === 'string') {
             return output;
         }
@@ -1601,7 +1735,7 @@ class MemoryStore {
     }
     async set(context) {
         this.initLines(context.group, context.locale);
-        setObjectPathProperty(this.data[context.locale][context.group], context.key, context.value);
+        setPathValue(this.data[context.locale][context.group], context.key, context.value);
     }
     initLines(group, locale) {
         if (typeof this.data[locale] === 'undefined') {
@@ -1771,49 +1905,49 @@ function useTranslationsForGroup(group, elements) {
 }
 
 const TranslatorTranslationClientGerman = {
-    [exports.TranslatorTranslationClientKey.NAME_HINT]: 'Etwas, das Benutzer erkennen und vertrauen werden',
-    [exports.TranslatorTranslationClientKey.DESCRIPTION_HINT]: 'Dies wird allen Benutzern dieser Anwendung angezeigt',
-    [exports.TranslatorTranslationClientKey.REDIRECT_URI_HINT]: 'URI-Muster, zu dem ein Browser nach einem erfolgreichen Login weiterleiten kann',
-    [exports.TranslatorTranslationClientKey.IS_CONFIDENTIAL]: 'Ist vertraulich?'
+    [TranslatorTranslationClientKey.NAME_HINT]: 'Etwas, das Benutzer erkennen und vertrauen werden',
+    [TranslatorTranslationClientKey.DESCRIPTION_HINT]: 'Dies wird allen Benutzern dieser Anwendung angezeigt',
+    [TranslatorTranslationClientKey.REDIRECT_URI_HINT]: 'URI-Muster, zu dem ein Browser nach einem erfolgreichen Login weiterleiten kann',
+    [TranslatorTranslationClientKey.IS_CONFIDENTIAL]: 'Ist vertraulich?'
 };
 
 const TranslatorTranslationDefaultGerman = {
-    [exports.TranslatorTranslationDefaultKey.ADD]: 'hinzufügen',
-    [exports.TranslatorTranslationDefaultKey.CREATE]: 'erstellen',
-    [exports.TranslatorTranslationDefaultKey.DELETE]: 'löschen',
-    [exports.TranslatorTranslationDefaultKey.GENERATE]: 'generieren',
-    [exports.TranslatorTranslationDefaultKey.UPDATE]: 'aktualisieren',
-    [exports.TranslatorTranslationDefaultKey.ACTIVE]: 'aktiv',
-    [exports.TranslatorTranslationDefaultKey.INACTIVE]: 'inaktiv',
-    [exports.TranslatorTranslationDefaultKey.LOCKED]: 'gesperrt',
-    [exports.TranslatorTranslationDefaultKey.NOT_LOCKED]: 'nicht gesperrt',
-    [exports.TranslatorTranslationDefaultKey.VALUE_IS_REGEX]: 'Wert ist regex pattern?',
-    [exports.TranslatorTranslationDefaultKey.CLIENT]: 'Client',
-    [exports.TranslatorTranslationDefaultKey.CLIENTS]: 'Clients',
-    [exports.TranslatorTranslationDefaultKey.CLIENT_SCOPES]: 'Client-Bereiche',
-    [exports.TranslatorTranslationDefaultKey.DISPLAY_NAME]: 'Anzeigename',
-    [exports.TranslatorTranslationDefaultKey.EMAIL]: 'E-Mail',
-    [exports.TranslatorTranslationDefaultKey.EXTERNAL_ID]: 'externe ID',
-    [exports.TranslatorTranslationDefaultKey.HASHED]: 'gehasht',
-    [exports.TranslatorTranslationDefaultKey.OVERVIEW]: 'Überblick',
-    [exports.TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS]: 'Identitätsanbieter',
-    [exports.TranslatorTranslationDefaultKey.NAME]: 'Name',
-    [exports.TranslatorTranslationDefaultKey.DESCRIPTION]: 'Beschreibung',
-    [exports.TranslatorTranslationDefaultKey.PERMISSIONS]: 'Berechtigungen',
-    [exports.TranslatorTranslationDefaultKey.REALM]: 'Organisation',
-    [exports.TranslatorTranslationDefaultKey.REALMS]: 'Organisationen',
-    [exports.TranslatorTranslationDefaultKey.ROLES]: 'Rollen',
-    [exports.TranslatorTranslationDefaultKey.SCOPES]: 'Bereiche',
-    [exports.TranslatorTranslationDefaultKey.SECRET]: 'Geheimnis',
-    [exports.TranslatorTranslationDefaultKey.REDIRECT_URIS]: 'Weiterleitungs-URIs',
-    [exports.TranslatorTranslationDefaultKey.USERS]: 'Benutzer'
+    [TranslatorTranslationDefaultKey.ADD]: 'hinzufügen',
+    [TranslatorTranslationDefaultKey.CREATE]: 'erstellen',
+    [TranslatorTranslationDefaultKey.DELETE]: 'löschen',
+    [TranslatorTranslationDefaultKey.GENERATE]: 'generieren',
+    [TranslatorTranslationDefaultKey.UPDATE]: 'aktualisieren',
+    [TranslatorTranslationDefaultKey.ACTIVE]: 'aktiv',
+    [TranslatorTranslationDefaultKey.INACTIVE]: 'inaktiv',
+    [TranslatorTranslationDefaultKey.LOCKED]: 'gesperrt',
+    [TranslatorTranslationDefaultKey.NOT_LOCKED]: 'nicht gesperrt',
+    [TranslatorTranslationDefaultKey.VALUE_IS_REGEX]: 'Wert ist regex pattern?',
+    [TranslatorTranslationDefaultKey.CLIENT]: 'Client',
+    [TranslatorTranslationDefaultKey.CLIENTS]: 'Clients',
+    [TranslatorTranslationDefaultKey.CLIENT_SCOPES]: 'Client-Bereiche',
+    [TranslatorTranslationDefaultKey.DISPLAY_NAME]: 'Anzeigename',
+    [TranslatorTranslationDefaultKey.EMAIL]: 'E-Mail',
+    [TranslatorTranslationDefaultKey.EXTERNAL_ID]: 'externe ID',
+    [TranslatorTranslationDefaultKey.HASHED]: 'gehasht',
+    [TranslatorTranslationDefaultKey.OVERVIEW]: 'Überblick',
+    [TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS]: 'Identitätsanbieter',
+    [TranslatorTranslationDefaultKey.NAME]: 'Name',
+    [TranslatorTranslationDefaultKey.DESCRIPTION]: 'Beschreibung',
+    [TranslatorTranslationDefaultKey.PERMISSIONS]: 'Berechtigungen',
+    [TranslatorTranslationDefaultKey.REALM]: 'Organisation',
+    [TranslatorTranslationDefaultKey.REALMS]: 'Organisationen',
+    [TranslatorTranslationDefaultKey.ROLES]: 'Rollen',
+    [TranslatorTranslationDefaultKey.SCOPES]: 'Bereiche',
+    [TranslatorTranslationDefaultKey.SECRET]: 'Geheimnis',
+    [TranslatorTranslationDefaultKey.REDIRECT_URIS]: 'Weiterleitungs-URIs',
+    [TranslatorTranslationDefaultKey.USERS]: 'Benutzer'
 };
 
-exports.VuelidateCustomRuleKey = void 0;
-(function(VuelidateCustomRuleKey) {
+var VuelidateCustomRuleKey = /*#__PURE__*/ function(VuelidateCustomRuleKey) {
     VuelidateCustomRuleKey["ALPHA_NUM_HYPHEN_UNDERSCORE"] = "alphaNumHyphenUnderscore";
     VuelidateCustomRuleKey["ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE"] = "alphaUpperNumHyphenUnderscore";
-})(exports.VuelidateCustomRuleKey || (exports.VuelidateCustomRuleKey = {}));
+    return VuelidateCustomRuleKey;
+}({});
 const VuelidateCustomRule = {
     ["alphaNumHyphenUnderscore"]: validators.helpers.regex(/^[a-z0-9-_]*$/),
     ["alphaUpperNumHyphenUnderscore"]: validators.helpers.regex(/^[a-zA-Z0-9-_]*$/)
@@ -1837,76 +1971,76 @@ function extractVuelidateResultsFromChild(vuelidate, child, keys) {
 }
 
 const TranslatorTranslationVuelidateGerman = {
-    [exports.VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: 'Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-z-_]+',
-    [exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: 'Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-zA-Z-_]+'
+    [VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: 'Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-z-_]+',
+    [VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: 'Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-zA-Z-_]+'
 };
 
 const TranslatorTranslationVuecsGerman = {
-    [exports.TranslatorTranslationVuecsKey.NO_MORE]: 'Keine weiteren {{name}} verfügbar'
+    [TranslatorTranslationVuecsKey.NO_MORE]: 'Keine weiteren {{name}} verfügbar'
 };
 
 const TranslatorTranslationClientEnglish = {
-    [exports.TranslatorTranslationClientKey.NAME_HINT]: 'Something users will recognize and trust',
-    [exports.TranslatorTranslationClientKey.DESCRIPTION_HINT]: 'Displayed to all users of this application',
-    [exports.TranslatorTranslationClientKey.REDIRECT_URI_HINT]: 'URI pattern a browser can redirect to after a successful login',
-    [exports.TranslatorTranslationClientKey.IS_CONFIDENTIAL]: 'Is confidential?'
+    [TranslatorTranslationClientKey.NAME_HINT]: 'Something users will recognize and trust',
+    [TranslatorTranslationClientKey.DESCRIPTION_HINT]: 'Displayed to all users of this application',
+    [TranslatorTranslationClientKey.REDIRECT_URI_HINT]: 'URI pattern a browser can redirect to after a successful login',
+    [TranslatorTranslationClientKey.IS_CONFIDENTIAL]: 'Is confidential?'
 };
 
 const TranslatorTranslationDefaultEnglish = {
-    [exports.TranslatorTranslationDefaultKey.ADD]: 'add',
-    [exports.TranslatorTranslationDefaultKey.CREATE]: 'create',
-    [exports.TranslatorTranslationDefaultKey.DELETE]: 'delete',
-    [exports.TranslatorTranslationDefaultKey.GENERATE]: 'generate',
-    [exports.TranslatorTranslationDefaultKey.UPDATE]: 'update',
-    [exports.TranslatorTranslationDefaultKey.ACTIVE]: 'active',
-    [exports.TranslatorTranslationDefaultKey.INACTIVE]: 'inactive',
-    [exports.TranslatorTranslationDefaultKey.LOCKED]: 'locked',
-    [exports.TranslatorTranslationDefaultKey.NOT_LOCKED]: 'not locked',
-    [exports.TranslatorTranslationDefaultKey.VALUE_IS_REGEX]: 'Value is regex pattern?',
-    [exports.TranslatorTranslationDefaultKey.CLIENT]: 'update',
-    [exports.TranslatorTranslationDefaultKey.CLIENTS]: 'clients',
-    [exports.TranslatorTranslationDefaultKey.CLIENT_SCOPES]: 'client scopes',
-    [exports.TranslatorTranslationDefaultKey.DISPLAY_NAME]: 'display name',
-    [exports.TranslatorTranslationDefaultKey.EMAIL]: 'email',
-    [exports.TranslatorTranslationDefaultKey.EXTERNAL_ID]: 'external id',
-    [exports.TranslatorTranslationDefaultKey.HASHED]: 'hashed',
-    [exports.TranslatorTranslationDefaultKey.OVERVIEW]: 'overview',
-    [exports.TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS]: 'identity providers',
-    [exports.TranslatorTranslationDefaultKey.NAME]: 'name',
-    [exports.TranslatorTranslationDefaultKey.DESCRIPTION]: 'description',
-    [exports.TranslatorTranslationDefaultKey.PERMISSIONS]: 'permissions',
-    [exports.TranslatorTranslationDefaultKey.REALM]: 'realm',
-    [exports.TranslatorTranslationDefaultKey.REALMS]: 'realms',
-    [exports.TranslatorTranslationDefaultKey.ROLES]: 'roles',
-    [exports.TranslatorTranslationDefaultKey.SCOPES]: 'scopes',
-    [exports.TranslatorTranslationDefaultKey.SECRET]: 'secret',
-    [exports.TranslatorTranslationDefaultKey.REDIRECT_URIS]: 'redirect uri(s)',
-    [exports.TranslatorTranslationDefaultKey.USERS]: 'users'
+    [TranslatorTranslationDefaultKey.ADD]: 'add',
+    [TranslatorTranslationDefaultKey.CREATE]: 'create',
+    [TranslatorTranslationDefaultKey.DELETE]: 'delete',
+    [TranslatorTranslationDefaultKey.GENERATE]: 'generate',
+    [TranslatorTranslationDefaultKey.UPDATE]: 'update',
+    [TranslatorTranslationDefaultKey.ACTIVE]: 'active',
+    [TranslatorTranslationDefaultKey.INACTIVE]: 'inactive',
+    [TranslatorTranslationDefaultKey.LOCKED]: 'locked',
+    [TranslatorTranslationDefaultKey.NOT_LOCKED]: 'not locked',
+    [TranslatorTranslationDefaultKey.VALUE_IS_REGEX]: 'Value is regex pattern?',
+    [TranslatorTranslationDefaultKey.CLIENT]: 'update',
+    [TranslatorTranslationDefaultKey.CLIENTS]: 'clients',
+    [TranslatorTranslationDefaultKey.CLIENT_SCOPES]: 'client scopes',
+    [TranslatorTranslationDefaultKey.DISPLAY_NAME]: 'display name',
+    [TranslatorTranslationDefaultKey.EMAIL]: 'email',
+    [TranslatorTranslationDefaultKey.EXTERNAL_ID]: 'external id',
+    [TranslatorTranslationDefaultKey.HASHED]: 'hashed',
+    [TranslatorTranslationDefaultKey.OVERVIEW]: 'overview',
+    [TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS]: 'identity providers',
+    [TranslatorTranslationDefaultKey.NAME]: 'name',
+    [TranslatorTranslationDefaultKey.DESCRIPTION]: 'description',
+    [TranslatorTranslationDefaultKey.PERMISSIONS]: 'permissions',
+    [TranslatorTranslationDefaultKey.REALM]: 'realm',
+    [TranslatorTranslationDefaultKey.REALMS]: 'realms',
+    [TranslatorTranslationDefaultKey.ROLES]: 'roles',
+    [TranslatorTranslationDefaultKey.SCOPES]: 'scopes',
+    [TranslatorTranslationDefaultKey.SECRET]: 'secret',
+    [TranslatorTranslationDefaultKey.REDIRECT_URIS]: 'redirect uri(s)',
+    [TranslatorTranslationDefaultKey.USERS]: 'users'
 };
 
 const TranslatorTranslationVuelidateEnglish = {
-    [exports.VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: 'The input value is only allowed to consist of the following characters: [0-9a-z-_]+',
-    [exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: 'The input value is only allowed to consist of the following characters: [0-9a-zA-Z-_]+'
+    [VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: 'The input value is only allowed to consist of the following characters: [0-9a-z-_]+',
+    [VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: 'The input value is only allowed to consist of the following characters: [0-9a-zA-Z-_]+'
 };
 
 const TranslatorTranslationVuecsEnglish = {
-    [exports.TranslatorTranslationVuecsKey.NO_MORE]: 'No more {{name}} available'
+    [TranslatorTranslationVuecsKey.NO_MORE]: 'No more {{name}} available'
 };
 
 function installTranslator(app, options = {}) {
     const store = new MemoryStore({
         data: {
             de: {
-                [exports.TranslatorTranslationGroup.CLIENT]: TranslatorTranslationClientGerman,
-                [exports.TranslatorTranslationGroup.DEFAULT]: TranslatorTranslationDefaultGerman,
-                [exports.TranslatorTranslationGroup.VUECS]: TranslatorTranslationVuecsGerman,
-                [exports.TranslatorTranslationGroup.VUELIDATE]: TranslatorTranslationVuelidateGerman
+                [TranslatorTranslationGroup.CLIENT]: TranslatorTranslationClientGerman,
+                [TranslatorTranslationGroup.DEFAULT]: TranslatorTranslationDefaultGerman,
+                [TranslatorTranslationGroup.VUECS]: TranslatorTranslationVuecsGerman,
+                [TranslatorTranslationGroup.VUELIDATE]: TranslatorTranslationVuelidateGerman
             },
             en: {
-                [exports.TranslatorTranslationGroup.CLIENT]: TranslatorTranslationClientEnglish,
-                [exports.TranslatorTranslationGroup.DEFAULT]: TranslatorTranslationDefaultEnglish,
-                [exports.TranslatorTranslationGroup.VUECS]: TranslatorTranslationVuecsEnglish,
-                [exports.TranslatorTranslationGroup.VUELIDATE]: TranslatorTranslationVuelidateEnglish
+                [TranslatorTranslationGroup.CLIENT]: TranslatorTranslationClientEnglish,
+                [TranslatorTranslationGroup.DEFAULT]: TranslatorTranslationDefaultEnglish,
+                [TranslatorTranslationGroup.VUECS]: TranslatorTranslationVuecsEnglish,
+                [TranslatorTranslationGroup.VUELIDATE]: TranslatorTranslationVuelidateEnglish
             }
         }
     });
@@ -1918,12 +2052,12 @@ function installTranslator(app, options = {}) {
 
 function createFormSubmitTranslations() {
     const updateText = useTranslation({
-        group: exports.TranslatorTranslationGroup.DEFAULT,
-        key: exports.TranslatorTranslationDefaultKey.UPDATE
+        group: TranslatorTranslationGroup.DEFAULT,
+        key: TranslatorTranslationDefaultKey.UPDATE
     });
     const createText = useTranslation({
-        group: exports.TranslatorTranslationGroup.DEFAULT,
-        key: exports.TranslatorTranslationDefaultKey.CREATE
+        group: TranslatorTranslationGroup.DEFAULT,
+        key: TranslatorTranslationDefaultKey.CREATE
     });
     return {
         createText,
@@ -1953,6 +2087,65 @@ function buildFormSubmitWithTranslations(options, translations) {
     };
 }
 
+function createPermissionCheckerReactiveFn(ctx = {}) {
+    let store;
+    if (ctx.store) {
+        store = ctx.store;
+    } else {
+        store = useStore(ctx.pinia, ctx.app);
+    }
+    const storeRefs = storeToRefs(store);
+    return (ctx)=>{
+        const data = vue.ref(false);
+        let computePromise;
+        const compute = async ()=>{
+            if (computePromise) {
+                return computePromise;
+            }
+            let identity;
+            if (storeRefs.userId.value) {
+                identity = {
+                    type: 'user',
+                    id: storeRefs.userId.value
+                };
+            }
+            let outcome;
+            try {
+                computePromise = store.permissionChecker.preCheckOneOf({
+                    ...ctx,
+                    data: {
+                        ...ctx.data || {},
+                        identity
+                    }
+                }).then(()=>true).catch(()=>false);
+                outcome = await computePromise;
+            } catch (e) {
+                outcome = false;
+            } finally{
+                computePromise = undefined;
+            }
+            return outcome;
+        };
+        Promise.resolve().then(()=>compute()).then((outcome)=>{
+            data.value = outcome;
+        });
+        let removeListener;
+        vue.onMounted(()=>{
+            removeListener = vue.watch(storeRefs.loggedIn, ()=>{
+                Promise.resolve().then(()=>compute()).then((outcome)=>{
+                    data.value = outcome;
+                });
+            });
+        });
+        vue.onUnmounted(()=>{
+            if (typeof removeListener !== 'undefined') {
+                removeListener();
+            }
+        });
+        return data;
+    };
+}
+
 const AClient = vue.defineComponent({
     props: defineEntityManagerProps(),
     emits: defineEntityManagerEvents(),
@@ -2000,22 +2193,9 @@ function useUpdatedAt(input) {
     });
 }
 
-function useAbilityCheck(name) {
-    const { abilities } = useStore();
-    const data = vue.ref(false);
-    data.value = abilities.has(name);
-    let removeListener;
-    vue.onMounted(()=>{
-        removeListener = abilities.on('updated', ()=>{
-            data.value = abilities.has(name);
-        });
-    });
-    vue.onUnmounted(()=>{
-        if (typeof removeListener !== 'undefined') {
-            removeListener();
-        }
-    });
-    return data;
+function usePermissionCheck(ctx) {
+    const checkFn = createPermissionCheckerReactiveFn();
+    return checkFn(ctx);
 }
 
 function useRealmResourceWritableCheck(realmId) {
@@ -2059,6 +2239,7 @@ const ARealmForm = vue.defineComponent({
         const busy = vue.ref(false);
         const form = vue.reactive({
             name: '',
+            display_name: '',
             description: ''
         });
         const $v = useVuelidate({
@@ -2067,6 +2248,10 @@ const ARealmForm = vue.defineComponent({
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(128)
             },
+            display_name: {
+                minLength: validators.minLength(3),
+                maxLength: validators.maxLength(256)
+            },
             description: {
                 minLength: validators.minLength(5),
                 maxLength: validators.maxLength(4096)
@@ -2104,23 +2289,27 @@ const ARealmForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
+            {
+                key: TranslatorTranslationDefaultKey.GENERATE
+            },
             {
-                key: exports.TranslatorTranslationDefaultKey.GENERATE
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
         ]);
         const render = ()=>{
-            const id = formControls.buildFormGroup({
+            const children = [];
+            children.push(formControls.buildFormGroup({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -2130,10 +2319,9 @@ const ARealmForm = vue.defineComponent({
                         disabled: manager.data.value && manager.data.value.name === coreKit.REALM_MASTER_NAME
                     }
                 })
-            });
-            let idHint = [];
+            }));
             if (!manager.data.value || !manager.data.value.id) {
-                idHint = [
+                children.push([
                     vue.h('div', {
                         class: 'mb-3'
                     }, [
@@ -2154,16 +2342,28 @@ const ARealmForm = vue.defineComponent({
                                 class: 'fa fa-wrench'
                             }),
                             ' ',
-                            translationsDefault[exports.TranslatorTranslationDefaultKey.GENERATE].value
+                            translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
                         ])
                     ])
-                ];
+                ]);
             }
-            const description = formControls.buildFormGroup({
+            children.push(formControls.buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: formControls.buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            }));
+            children.push(formControls.buildFormGroup({
                 validationMessages: translationsValidation.description.value,
                 validationSeverity: getVuelidateSeverity($v.value.description),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DESCRIPTION].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
                 content: formControls.buildFormTextarea({
                     value: $v.value.description.$model,
                     onChange (input) {
@@ -2173,26 +2373,19 @@ const ARealmForm = vue.defineComponent({
                         rows: 4
                     }
                 })
-            });
-            const submitButton = buildFormSubmitWithTranslations({
+            }));
+            children.push(buildFormSubmitWithTranslations({
                 submit,
                 busy: busy.value,
                 isEditing: isEditing.value,
                 invalid: $v.value.$invalid
-            }, translationsSubmit);
+            }, translationsSubmit));
             return vue.h('form', {
                 onSubmit ($event) {
                     $event.preventDefault();
                     return submit.apply(null);
                 }
-            }, [
-                id,
-                idHint,
-                vue.h('hr'),
-                description,
-                vue.h('hr'),
-                submitButton
-            ]);
+            }, children);
         };
         return ()=>render();
     }
@@ -2209,12 +2402,12 @@ const ARealms = vue.defineComponent({
             setup: ctx
         });
         const translationsName = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationDefaultKey.REALMS
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationDefaultKey.REALMS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationsName
             }
@@ -2313,8 +2506,8 @@ const AClientRedirectUris = vue.defineComponent({
             return lastEl && lastEl.trim() !== '';
         });
         const addTranslation = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.ADD
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.ADD
         });
         const render = ()=>{
             const elements = items.value.map((item, index)=>vue.h(AClientRedirectUrisItem, {
@@ -2373,6 +2566,7 @@ const AClientForm = vue.defineComponent({
         const busy = vue.ref(false);
         const form = vue.reactive({
             name: '',
+            display_name: '',
             description: '',
             realm_id: '',
             redirect_uri: '',
@@ -2384,7 +2578,11 @@ const AClientForm = vue.defineComponent({
         const $v = useVuelidate({
             name: {
                 required: validators.required,
-                [exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
+                [VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
+                minLength: validators.minLength(3),
+                maxLength: validators.maxLength(256)
+            },
+            display_name: {
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(256)
             },
@@ -2444,38 +2642,41 @@ const AClientForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsClient = useTranslationsForGroup(exports.TranslatorTranslationGroup.CLIENT, [
+        const translationsClient = useTranslationsForGroup(TranslatorTranslationGroup.CLIENT, [
             {
-                key: exports.TranslatorTranslationClientKey.NAME_HINT
+                key: TranslatorTranslationClientKey.NAME_HINT
             },
             {
-                key: exports.TranslatorTranslationClientKey.DESCRIPTION_HINT
+                key: TranslatorTranslationClientKey.DESCRIPTION_HINT
             },
             {
-                key: exports.TranslatorTranslationClientKey.REDIRECT_URI_HINT
+                key: TranslatorTranslationClientKey.REDIRECT_URI_HINT
             },
             {
-                key: exports.TranslatorTranslationClientKey.IS_CONFIDENTIAL
+                key: TranslatorTranslationClientKey.IS_CONFIDENTIAL
             }
         ]);
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
+            {
+                key: TranslatorTranslationDefaultKey.GENERATE
+            },
             {
-                key: exports.TranslatorTranslationDefaultKey.GENERATE
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.REALM
+                key: TranslatorTranslationDefaultKey.REALM
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.REDIRECT_URIS
+                key: TranslatorTranslationDefaultKey.REDIRECT_URIS
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.SECRET
+                key: TranslatorTranslationDefaultKey.SECRET
             }
         ]);
         const render = ()=>{
@@ -2484,7 +2685,7 @@ const AClientForm = vue.defineComponent({
                     validationMessages: translationsValidation.name.value,
                     validationSeverity: getVuelidateSeverity($v.value.name),
                     label: true,
-                    labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                     content: formControls.buildFormInput({
                         value: $v.value.name.$model,
                         onChange (input) {
@@ -2495,46 +2696,62 @@ const AClientForm = vue.defineComponent({
                         }
                     })
                 }),
-                vue.h('small', translationsClient[exports.TranslatorTranslationClientKey.NAME_HINT].value)
+                vue.h('small', translationsClient[TranslatorTranslationClientKey.NAME_HINT].value)
             ];
+            const displayName = formControls.buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: formControls.buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            });
             const description = [
-                formControls.buildFormGroup({
-                    validationMessages: translationsValidation.description.value,
-                    validationSeverity: getVuelidateSeverity($v.value.description),
-                    label: true,
-                    labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DESCRIPTION].value,
-                    content: formControls.buildFormTextarea({
-                        value: $v.value.description.$model,
-                        onChange (input) {
-                            $v.value.description.$model = input;
-                        },
-                        props: {
-                            rows: 7
-                        }
-                    })
-                }),
-                vue.h('small', translationsClient[exports.TranslatorTranslationClientKey.DESCRIPTION_HINT].value)
+                vue.h('div', [
+                    formControls.buildFormGroup({
+                        validationMessages: translationsValidation.description.value,
+                        validationSeverity: getVuelidateSeverity($v.value.description),
+                        label: true,
+                        labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
+                        content: formControls.buildFormTextarea({
+                            value: $v.value.description.$model,
+                            onChange (input) {
+                                $v.value.description.$model = input;
+                            },
+                            props: {
+                                rows: 7
+                            }
+                        })
+                    }),
+                    vue.h('small', translationsClient[TranslatorTranslationClientKey.DESCRIPTION_HINT].value)
+                ])
             ];
             const redirectUri = [
-                vue.h('label', {
-                    class: 'form-label'
-                }, [
-                    translationsDefault[exports.TranslatorTranslationDefaultKey.REDIRECT_URIS].value
-                ]),
-                vue.h(AClientRedirectUris, {
-                    uri: form.redirect_uri,
-                    onUpdated: (value)=>{
-                        form.redirect_uri = value;
-                    }
-                }),
-                vue.h('small', translationsClient[exports.TranslatorTranslationClientKey.REDIRECT_URI_HINT].value)
+                vue.h('div', [
+                    vue.h('label', {
+                        class: 'form-label'
+                    }, [
+                        translationsDefault[TranslatorTranslationDefaultKey.REDIRECT_URIS].value
+                    ]),
+                    vue.h(AClientRedirectUris, {
+                        uri: form.redirect_uri,
+                        onUpdated: (value)=>{
+                            form.redirect_uri = value;
+                        }
+                    }),
+                    vue.h('small', translationsClient[TranslatorTranslationClientKey.REDIRECT_URI_HINT].value)
+                ])
             ];
             const isConfidential = formControls.buildFormGroup({
                 validationMessages: translationsValidation.is_confidential.value,
                 validationSeverity: getVuelidateSeverity($v.value.is_confidential),
                 content: formControls.buildFormInputCheckbox({
                     groupClass: 'form-switch mt-3',
-                    labelContent: translationsClient[exports.TranslatorTranslationClientKey.IS_CONFIDENTIAL].value,
+                    labelContent: translationsClient[TranslatorTranslationClientKey.IS_CONFIDENTIAL].value,
                     value: $v.value.is_confidential.$model,
                     onChange (input) {
                         $v.value.is_confidential.$model = input;
@@ -2553,7 +2770,8 @@ const AClientForm = vue.defineComponent({
                                 disabled: true
                             }
                         })
-                    })
+                    }),
+                    vue.h('hr')
                 ];
             }
             const secret = [
@@ -2561,7 +2779,7 @@ const AClientForm = vue.defineComponent({
                     validationMessages: translationsValidation.secret.value,
                     validationSeverity: getVuelidateSeverity($v.value.secret),
                     label: true,
-                    labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.SECRET].value,
+                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.SECRET].value,
                     content: formControls.buildFormInput({
                         value: $v.value.secret.$model,
                         onChange (input) {
@@ -2583,7 +2801,7 @@ const AClientForm = vue.defineComponent({
                             class: 'fa fa-wrench'
                         }),
                         ' ',
-                        translationsDefault[exports.TranslatorTranslationDefaultKey.GENERATE].value
+                        translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
                     ])
                 ])
             ];
@@ -2599,7 +2817,7 @@ const AClientForm = vue.defineComponent({
                     vue.h('hr'),
                     vue.h('label', {
                         class: 'form-label'
-                    }, translationsDefault[exports.TranslatorTranslationDefaultKey.REALM].value),
+                    }, translationsDefault[TranslatorTranslationDefaultKey.REALM].value),
                     vue.h(ARealms, {
                         headerTitle: false
                     }, {
@@ -2620,9 +2838,10 @@ const AClientForm = vue.defineComponent({
                 class: 'col'
             }, [
                 id,
-                vue.h('hr'),
                 name,
                 vue.h('hr'),
+                displayName,
+                vue.h('hr'),
                 secret,
                 realm
             ]);
@@ -2630,11 +2849,11 @@ const AClientForm = vue.defineComponent({
                 vue.h('div', {
                     class: 'col'
                 }, [
-                    description,
+                    isConfidential,
                     vue.h('hr'),
                     redirectUri,
                     vue.h('hr'),
-                    isConfidential,
+                    description,
                     submitForm
                 ])
             ];
@@ -2667,12 +2886,12 @@ const AClients = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.CLIENTS
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.CLIENTS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -2715,12 +2934,12 @@ const AClientScopes = vue.defineComponent({
             setup: ctx
         });
         const translationClientScopes = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.CLIENT_SCOPES
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.CLIENT_SCOPES
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationClientScopes
             }
@@ -2767,13 +2986,18 @@ const AScopeForm = vue.defineComponent({
         const busy = vue.ref(false);
         const form = vue.reactive({
             name: '',
+            display_name: '',
             description: '',
             realm_id: ''
         });
         const $v = useVuelidate({
             name: {
                 required: validators.required,
-                [exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
+                [VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
+                minLength: validators.minLength(3),
+                maxLength: validators.maxLength(256)
+            },
+            display_name: {
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(256)
             },
@@ -2825,15 +3049,18 @@ const AScopeForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.REALM
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
+            },
+            {
+                key: TranslatorTranslationDefaultKey.REALM
             }
         ]);
         return ()=>{
@@ -2842,7 +3069,7 @@ const AScopeForm = vue.defineComponent({
                     validationMessages: translationsValidation.name.value,
                     validationSeverity: getVuelidateSeverity($v.value.name),
                     label: true,
-                    labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                     content: formControls.buildFormInput({
                         value: $v.value.name.$model,
                         onChange (input) {
@@ -2853,11 +3080,23 @@ const AScopeForm = vue.defineComponent({
                         }
                     })
                 }),
+                formControls.buildFormGroup({
+                    validationMessages: translationsValidation.display_name.value,
+                    validationSeverity: getVuelidateSeverity($v.value.display_name),
+                    label: true,
+                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                    content: formControls.buildFormInput({
+                        value: $v.value.display_name.$model,
+                        onChange (input) {
+                            $v.value.display_name.$model = input;
+                        }
+                    })
+                }),
                 formControls.buildFormGroup({
                     validationMessages: translationsValidation.description.value,
                     validationSeverity: getVuelidateSeverity($v.value.description),
                     label: true,
-                    labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DESCRIPTION].value,
+                    labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
                     content: formControls.buildFormTextarea({
                         value: $v.value.description.$model,
                         onChange (input) {
@@ -2899,12 +3138,12 @@ const AScopes = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.SCOPES
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.SCOPES
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -3022,6 +3261,7 @@ const AIdentityProviderBasicFields = vue.defineComponent({
     setup (props, setup) {
         const form = vue.reactive({
             name: '',
+            display_name: '',
             slug: '',
             enabled: true
         });
@@ -3031,9 +3271,13 @@ const AIdentityProviderBasicFields = vue.defineComponent({
                 minLength: validators.minLength(5),
                 maxLength: validators.maxLength(128)
             },
+            display_name: {
+                minLength: validators.minLength(3),
+                maxLength: validators.maxLength(256)
+            },
             slug: {
                 required: validators.required,
-                [exports.VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[exports.VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE],
+                [VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE],
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(36)
             },
@@ -3058,7 +3302,7 @@ const AIdentityProviderBasicFields = vue.defineComponent({
                 valid: !$v.value.$invalid
             });
         };
-        function assign(data) {
+        function assign(data = {}) {
             extendObjectProperties(form, data);
             if (isSlugEmpty.value) {
                 generateId();
@@ -3070,13 +3314,24 @@ const AIdentityProviderBasicFields = vue.defineComponent({
         const updatedAt = useUpdatedAt(props.entity);
         onChange(updatedAt, ()=>assign(props.entity));
         assign(props.entity);
-        const validationMessages = useTranslationsForNestedValidation($v.value);
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
+            {
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
+            },
+            {
+                key: TranslatorTranslationDefaultKey.NAME
+            },
+            {
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
+            }
+        ]);
+        const translationsValidation = useTranslationsForNestedValidation($v.value);
         return ()=>{
             const name = formControls.buildFormGroup({
-                validationMessages: validationMessages.name.value,
+                validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: 'Name',
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -3084,8 +3339,20 @@ const AIdentityProviderBasicFields = vue.defineComponent({
                     }
                 })
             });
+            const displayName = formControls.buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: formControls.buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            });
             const slug = formControls.buildFormGroup({
-                validationMessages: validationMessages.slug.value,
+                validationMessages: translationsValidation.slug.value,
                 validationSeverity: getVuelidateSeverity($v.value.slug),
                 label: true,
                 labelContent: 'Slug',
@@ -3126,6 +3393,7 @@ const AIdentityProviderBasicFields = vue.defineComponent({
             });
             return [
                 name,
+                displayName,
                 slug,
                 slugGenerator,
                 enabled
@@ -4552,12 +4820,12 @@ const AIdentityProviders = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -4637,9 +4905,9 @@ const AIdentityProviderRoleAssignment = vue.defineComponent({
             value_is_regex: {}
         }, form);
         const validationMessages = useTranslationsForNestedValidation($v.value);
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.VALUE_IS_REGEX
+                key: TranslatorTranslationDefaultKey.VALUE_IS_REGEX
             }
         ]);
         const manager = createEntityManager({
@@ -4828,6 +5096,7 @@ const ARoleForm = vue.defineComponent({
         const busy = vue.ref(false);
         const form = vue.reactive({
             name: '',
+            display_name: '',
             description: '',
             realm_id: ''
         });
@@ -4837,6 +5106,10 @@ const ARoleForm = vue.defineComponent({
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(30)
             },
+            display_name: {
+                minLength: validators.minLength(3),
+                maxLength: validators.maxLength(256)
+            },
             description: {
                 minLength: validators.minLength(5),
                 maxLength: validators.maxLength(4096)
@@ -4876,12 +5149,15 @@ const ARoleForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
+            {
+                key: TranslatorTranslationDefaultKey.NAME
+            },
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
         ]);
         const render = ()=>{
@@ -4890,7 +5166,7 @@ const ARoleForm = vue.defineComponent({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -4898,11 +5174,23 @@ const ARoleForm = vue.defineComponent({
                     }
                 })
             }));
+            children.push(formControls.buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: formControls.buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            }));
             children.push(formControls.buildFormGroup({
                 validationMessages: translationsValidation.description.value,
                 validationSeverity: getVuelidateSeverity($v.value.description),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DESCRIPTION].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
                 content: formControls.buildFormTextarea({
                     value: $v.value.description.$model,
                     onChange (input) {
@@ -4944,12 +5232,12 @@ const ARoles = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationDefaultKey.ROLES
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationDefaultKey.ROLES
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -5021,6 +5309,38 @@ const APermission = vue.defineComponent({
     }
 });
 
+const APermissionCheck = vue.defineComponent({
+    props: {
+        name: {
+            type: [
+                String,
+                Array
+            ],
+            required: true
+        },
+        data: {
+            type: Object
+        },
+        options: {
+            type: Object
+        }
+    },
+    setup (props, { slots }) {
+        const fn = createPermissionCheckerReactiveFn();
+        const isPermitted = vue.computed(()=>fn({
+                name: props.name,
+                data: props.data,
+                options: props.options
+            }));
+        return ()=>{
+            if (isPermitted.value && hasNormalizedSlot(listControls.SlotName.DEFAULT, slots)) {
+                return normalizeSlot(listControls.SlotName.DEFAULT, {}, slots);
+            }
+            return [];
+        };
+    }
+});
+
 const APermissionForm = vue.defineComponent({
     props: {
         entity: {
@@ -5032,6 +5352,7 @@ const APermissionForm = vue.defineComponent({
         const busy = vue.ref(false);
         const form = vue.reactive({
             name: '',
+            display_name: '',
             description: '',
             realm_id: ''
         });
@@ -5041,6 +5362,10 @@ const APermissionForm = vue.defineComponent({
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(128)
             },
+            display_name: {
+                minLength: validators.minLength(3),
+                maxLength: validators.maxLength(256)
+            },
             description: {
                 minLength: validators.minLength(5),
                 maxLength: validators.maxLength(4096)
@@ -5080,12 +5405,15 @@ const APermissionForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
+            {
+                key: TranslatorTranslationDefaultKey.NAME
+            },
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
         ]);
         const render = ()=>{
@@ -5094,7 +5422,7 @@ const APermissionForm = vue.defineComponent({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -5105,11 +5433,23 @@ const APermissionForm = vue.defineComponent({
                     }
                 })
             }));
+            children.push(formControls.buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: formControls.buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            }));
             children.push(formControls.buildFormGroup({
                 validationMessages: translationsValidation.description.value,
                 validationSeverity: getVuelidateSeverity($v.value.description),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DESCRIPTION].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
                 content: formControls.buildFormTextarea({
                     value: $v.value.description.$model,
                     onChange (input) {
@@ -5151,12 +5491,12 @@ const APermissions = vue.defineComponent({
             setup
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.PERMISSIONS
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.PERMISSIONS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -5244,15 +5584,20 @@ const ARobotForm = vue.defineComponent({
         const busy = vue.ref(false);
         const form = vue.reactive({
             name: '',
+            display_name: '',
             realm_id: '',
             secret: ''
         });
         const $v = useVuelidate({
             name: {
-                [exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[exports.VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
+                [VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE],
                 minLength: validators.minLength(3),
                 maxLength: validators.maxLength(128)
             },
+            display_name: {
+                minLength: validators.minLength(3),
+                maxLength: validators.maxLength(256)
+            },
             realm_id: {
                 required: validators.required
             },
@@ -5272,7 +5617,7 @@ const ARobotForm = vue.defineComponent({
         const isRealmLocked = vue.computed(()=>!!props.realmId);
         const isSecretHashed = vue.computed(()=>manager.data.value && manager.data.value.secret === form.secret && form.secret.startsWith('$'));
         const generateSecret = ()=>{
-            form.secret = kit.createNanoID('0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-_!.', 64);
+            form.secret = kit.createNanoID(64);
         };
         function initForm() {
             if (props.name) {
@@ -5304,21 +5649,24 @@ const ARobotForm = vue.defineComponent({
         };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
+            {
+                key: TranslatorTranslationDefaultKey.GENERATE
+            },
             {
-                key: exports.TranslatorTranslationDefaultKey.GENERATE
+                key: TranslatorTranslationDefaultKey.HASHED
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.HASHED
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.SECRET
+                key: TranslatorTranslationDefaultKey.SECRET
             }
         ]);
         const render = ()=>{
@@ -5326,7 +5674,7 @@ const ARobotForm = vue.defineComponent({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
@@ -5337,6 +5685,18 @@ const ARobotForm = vue.defineComponent({
                     }
                 })
             });
+            const displayName = formControls.buildFormGroup({
+                validationMessages: translationsValidation.display_name.value,
+                validationSeverity: getVuelidateSeverity($v.value.display_name),
+                label: true,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                content: formControls.buildFormInput({
+                    value: $v.value.display_name.$model,
+                    onChange (input) {
+                        $v.value.display_name.$model = input;
+                    }
+                })
+            });
             let id = [];
             if (manager.data.value) {
                 id = [
@@ -5357,11 +5717,11 @@ const ARobotForm = vue.defineComponent({
                 validationSeverity: getVuelidateSeverity($v.value.secret),
                 label: true,
                 labelContent: [
-                    translationsDefault[exports.TranslatorTranslationDefaultKey.SECRET].value,
+                    translationsDefault[TranslatorTranslationDefaultKey.SECRET].value,
                     isSecretHashed.value ? vue.h('span', {
                         class: 'text-danger font-weight-bold ps-1'
                     }, [
-                        translationsDefault[exports.TranslatorTranslationDefaultKey.HASHED].value,
+                        translationsDefault[TranslatorTranslationDefaultKey.HASHED].value,
                         ' ',
                         vue.h('i', {
                             class: 'fa fa-exclamation-triangle ps-1'
@@ -5387,7 +5747,7 @@ const ARobotForm = vue.defineComponent({
                         class: 'fa fa-wrench'
                     }),
                     ' ',
-                    translationsDefault[exports.TranslatorTranslationDefaultKey.GENERATE].value
+                    translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
                 ])
             ]);
             const submitForm = buildFormSubmitWithTranslations({
@@ -5401,6 +5761,7 @@ const ARobotForm = vue.defineComponent({
             }, [
                 id,
                 name,
+                displayName,
                 secret,
                 secretInfo,
                 vue.h('hr'),
@@ -5457,12 +5818,12 @@ const ARobots = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationDefaultKey.ROBOTS
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationDefaultKey.ROBOTS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -5660,7 +6021,6 @@ const AUserForm = vue.defineComponent({
     emits: defineEntityManagerEvents(),
     async setup (props, ctx) {
         const busy = vue.ref(false);
-        const displayNameChanged = vue.ref(false);
         const form = vue.reactive({
             active: true,
             name: '',
@@ -5678,9 +6038,8 @@ const AUserForm = vue.defineComponent({
             },
             name_locked: {},
             display_name: {
-                required: validators.required,
                 minLength: validators.minLength(3),
-                maxLength: validators.maxLength(128)
+                maxLength: validators.maxLength(256)
             },
             email: {
                 minLength: validators.minLength(5),
@@ -5721,40 +6080,32 @@ const AUserForm = vue.defineComponent({
             }
             await manager.createOrUpdate(form);
         };
-        const updateDisplayName = (value)=>{
-            if (!displayNameChanged.value) {
-                form.display_name = value;
-            }
-        };
-        const handleDisplayNameChanged = (value)=>{
-            displayNameChanged.value = value.length !== 0;
-        };
         const translationsValidation = useTranslationsForNestedValidation($v.value);
         const translationsSubmit = createFormSubmitTranslations();
-        const translationsDefault = useTranslationsForGroup(exports.TranslatorTranslationGroup.DEFAULT, [
+        const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
             {
-                key: exports.TranslatorTranslationDefaultKey.ACTIVE
+                key: TranslatorTranslationDefaultKey.ACTIVE
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.INACTIVE
+                key: TranslatorTranslationDefaultKey.INACTIVE
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DISPLAY_NAME
+                key: TranslatorTranslationDefaultKey.DISPLAY_NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.EMAIL
+                key: TranslatorTranslationDefaultKey.EMAIL
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.LOCKED
+                key: TranslatorTranslationDefaultKey.LOCKED
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.NOT_LOCKED
+                key: TranslatorTranslationDefaultKey.NOT_LOCKED
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.NAME
+                key: TranslatorTranslationDefaultKey.NAME
             },
             {
-                key: exports.TranslatorTranslationDefaultKey.DESCRIPTION
+                key: TranslatorTranslationDefaultKey.DESCRIPTION
             }
         ]);
         const render = ()=>{
@@ -5762,12 +6113,11 @@ const AUserForm = vue.defineComponent({
                 validationMessages: translationsValidation.name.value,
                 validationSeverity: getVuelidateSeverity($v.value.name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.name.$model,
                     onChange (input) {
                         $v.value.name.$model = input;
-                        updateDisplayName.call(null, input);
                     },
                     props: {
                         disabled: form.name_locked
@@ -5778,12 +6128,11 @@ const AUserForm = vue.defineComponent({
                 validationMessages: translationsValidation.display_name.value,
                 validationSeverity: getVuelidateSeverity($v.value.display_name),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
                 content: formControls.buildFormInput({
                     value: $v.value.display_name.$model,
                     onChange (input) {
                         $v.value.display_name.$model = input;
-                        handleDisplayNameChanged.call(null, input);
                     }
                 })
             });
@@ -5791,7 +6140,7 @@ const AUserForm = vue.defineComponent({
                 validationMessages: translationsValidation.email.value,
                 validationSeverity: getVuelidateSeverity($v.value.email),
                 label: true,
-                labelContent: translationsDefault[exports.TranslatorTranslationDefaultKey.EMAIL].value,
+                labelContent: translationsDefault[TranslatorTranslationDefaultKey.EMAIL].value,
                 content: formControls.buildFormInput({
                     value: $v.value.email.$model,
                     props: {
@@ -5816,7 +6165,7 @@ const AUserForm = vue.defineComponent({
                                     'text-success': form.name_locked
                                 }
                             }, [
-                                form.name_locked ? translationsDefault[exports.TranslatorTranslationDefaultKey.LOCKED].value : translationsDefault[exports.TranslatorTranslationDefaultKey.NOT_LOCKED].value
+                                form.name_locked ? translationsDefault[TranslatorTranslationDefaultKey.LOCKED].value : translationsDefault[TranslatorTranslationDefaultKey.NOT_LOCKED].value
                             ]),
                             value: form.name_locked,
                             onChange (input) {
@@ -5840,7 +6189,7 @@ const AUserForm = vue.defineComponent({
                                         'text-success': form.active
                                     }
                                 }, [
-                                    form.active ? translationsDefault[exports.TranslatorTranslationDefaultKey.ACTIVE].value : translationsDefault[exports.TranslatorTranslationDefaultKey.INACTIVE].value
+                                    form.active ? translationsDefault[TranslatorTranslationDefaultKey.ACTIVE].value : translationsDefault[TranslatorTranslationDefaultKey.INACTIVE].value
                                 ]),
                                 value: form.active,
                                 onChange (input) {
@@ -5923,12 +6272,12 @@ const AUsers = vue.defineComponent({
             setup: ctx
         });
         const translationName = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.USERS
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.USERS
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.VUECS,
-            key: exports.TranslatorTranslationVuecsKey.NO_MORE,
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
             data: {
                 name: translationName
             }
@@ -6294,11 +6643,11 @@ const APagination = vue.defineComponent({
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var TitleSlotName;
-(function(TitleSlotName) {
+ */ var TitleSlotName = /*#__PURE__*/ function(TitleSlotName) {
     TitleSlotName["DEFAULT"] = "default";
     TitleSlotName["ICON"] = "icon";
-})(TitleSlotName || (TitleSlotName = {}));
+    return TitleSlotName;
+}({});
 
 function buildTitle(ctx) {
     ctx.tag = ctx.tag || 'h6';
@@ -6367,8 +6716,8 @@ const ATitle = vue.defineComponent({
     slots: Object,
     setup (props, { slots }) {
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.OVERVIEW
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.OVERVIEW
         });
         return ()=>buildTitle({
                 slots,
@@ -6384,11 +6733,11 @@ const ATitle = vue.defineComponent({
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var ListSearchSlotName;
-(function(ListSearchSlotName) {
+ */ var ListSearchSlotName = /*#__PURE__*/ function(ListSearchSlotName) {
     ListSearchSlotName["DEFAULT"] = "default";
     ListSearchSlotName["ICON"] = "icon";
-})(ListSearchSlotName || (ListSearchSlotName = {}));
+    return ListSearchSlotName;
+}({});
 
 function debounce(func, timeout = 200) {
     let timer;
@@ -6558,12 +6907,6 @@ const LanguageSwitcherDropdown = vue.defineComponent({
     }
 });
 
-var ElementType;
-(function(ElementType) {
-    ElementType["BUTTON"] = "button";
-    ElementType["LINK"] = "link";
-    ElementType["DROP_DOWN_ITEM"] = "dropDownItem";
-})(ElementType || (ElementType = {}));
 const AEntityDelete = vue.defineComponent({
     props: {
         elementIcon: {
@@ -6616,8 +6959,8 @@ const AEntityDelete = vue.defineComponent({
             }
         });
         const translation = useTranslation({
-            group: exports.TranslatorTranslationGroup.DEFAULT,
-            key: exports.TranslatorTranslationDefaultKey.DELETE
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.DELETE
         });
         const render = ()=>{
             let tag = 'button';
@@ -6690,6 +7033,7 @@ var components = /*#__PURE__*/Object.freeze({
     AIdentityProviders: AIdentityProviders,
     APagination: APagination,
     APermission: APermission,
+    APermissionCheck: APermissionCheck,
     APermissionForm: APermissionForm,
     APermissionRobotAssignments: APermissionRobotAssignments,
     APermissionRoleAssignments: APermissionRoleAssignments,
@@ -6761,7 +7105,8 @@ function install(app1, options) {
     });
     installHTTPClient(app1, {
         pinia: options.pinia,
-        baseURL: options.baseURL
+        baseURL: options.baseURL,
+        isServer: options.isServer
     });
     installTranslator(app1, {
         locale: options.translatorLocale
@@ -6795,6 +7140,7 @@ exports.AIdentityProviderRoleAssignments = AIdentityProviderRoleAssignments;
 exports.AIdentityProviders = AIdentityProviders;
 exports.APagination = APagination;
 exports.APermission = APermission;
+exports.APermissionCheck = APermissionCheck;
 exports.APermissionForm = APermissionForm;
 exports.APermissionRobotAssignments = APermissionRobotAssignments;
 exports.APermissionRoleAssignments = APermissionRoleAssignments;
@@ -6837,7 +7183,12 @@ exports.LanguageSwitcherDropdown = LanguageSwitcherDropdown;
 exports.STORE_ID = STORE_ID;
 exports.SocketClientSymbol = SocketClientSymbol;
 exports.StoreSymbol = StoreSymbol;
+exports.TranslatorTranslationClientKey = TranslatorTranslationClientKey;
+exports.TranslatorTranslationDefaultKey = TranslatorTranslationDefaultKey;
+exports.TranslatorTranslationGroup = TranslatorTranslationGroup;
+exports.TranslatorTranslationVuecsKey = TranslatorTranslationVuecsKey;
 exports.VuelidateCustomRule = VuelidateCustomRule;
+exports.VuelidateCustomRuleKey = VuelidateCustomRuleKey;
 exports.buildEntityManagerSlotProps = buildEntityManagerSlotProps;
 exports.buildFormSubmitWithTranslations = buildFormSubmitWithTranslations;
 exports.buildListCreatedHandler = buildListCreatedHandler;
@@ -6846,6 +7197,7 @@ exports.buildListUpdatedHandler = buildListUpdatedHandler;
 exports.createEntityManager = createEntityManager;
 exports.createFormSubmitTranslations = createFormSubmitTranslations;
 exports.createList = createList;
+exports.createPermissionCheckerReactiveFn = createPermissionCheckerReactiveFn;
 exports.createStore = createStore;
 exports.default = index;
 exports.defineEntityManagerEvents = defineEntityManagerEvents;
@@ -6857,12 +7209,12 @@ exports.extractVuelidateResultsFromChild = extractVuelidateResultsFromChild;
 exports.getVuelidateSeverity = getVuelidateSeverity;
 exports.hasHTTPClient = hasHTTPClient;
 exports.hasNormalizedSlot = hasNormalizedSlot;
-exports.hasStore = hasStore;
+exports.hasStoreFactory = hasStoreFactory;
 exports.initFormAttributesFromSource = initFormAttributesFromSource;
 exports.inject = inject$1;
 exports.injectHTTPClient = injectHTTPClient;
 exports.injectSocketManager = injectSocketManager;
-exports.injectStore = injectStore;
+exports.injectStoreFactory = injectStoreFactory;
 exports.injectTranslatorLocale = injectTranslatorLocale;
 exports.install = install;
 exports.installHTTPClient = installHTTPClient;
@@ -6877,11 +7229,11 @@ exports.onChange = onChange;
 exports.provide = provide;
 exports.provideHTTPClient = provideHTTPClient;
 exports.provideSocketManager = provideSocketManager;
-exports.provideStore = provideStore;
+exports.provideStoreFactory = provideStoreFactory;
 exports.renderEntityAssignAction = renderEntityAssignAction;
 exports.storeToRefs = storeToRefs;
-exports.useAbilityCheck = useAbilityCheck;
 exports.useIsEditing = useIsEditing;
+exports.usePermissionCheck = usePermissionCheck;
 exports.useRealmResourceWritableCheck = useRealmResourceWritableCheck;
 exports.useStore = useStore;
 exports.useTranslation = useTranslation;