@authup/client-web-kit 1.0.0-beta.35 → 1.0.0-beta.37

package/dist/index.mjs

@@ -2,7 +2,7 @@ import installFormControl, { VCFormGroup, VCFormInput, VCFormInputCheckbox, VCFo
 import { installStoreManager } from "@vuecs/form-controls/core";
 import installPagination, { buildPagination } from "@vuecs/pagination";
 import { EntityDefaultEventName, EntityType, IdentityProviderPreset, IdentityProviderProtocol, REALM_MASTER_NAME, buildEntityChannelName, buildUserFakeEmail, getIdentityProviderProtocolForPreset, isUserFakeEmail } from "@authup/core-kit";
-import { Fragment, Suspense, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, hasInjectionContext, inject as inject$1, isReactive, isRef, mergeProps, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, provide as provide$1, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, toRaw, toRef, unref, watch, withCtx, withModifiers } from "vue";
+import { Fragment, Suspense, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, hasInjectionContext, inject as inject$1, isReactive, isRef, mergeProps, nextTick, normalizeClass, normalizeProps, onMounted, onUnmounted, openBlock, provide as provide$1, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, toRaw, toRef, unref, watch, withCtx, withModifiers } from "vue";
 import { IVuelidate, getSeverity, install as install$1, useTranslationsForBaseValidation as useTranslationsForBaseValidation$1, useTranslationsForNestedValidations } from "@ilingo/vuelidate";
 import useVuelidate from "@vuelidate/core";
 import { email, helpers, maxLength, maxValue, minLength, minValue, numeric, required, sameAs, url } from "@vuelidate/validators";
@@ -77,8 +77,8 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 };
 //#endregion
 //#region src/components/utility/form-input-list/AFormInputListItem.vue
-const _hoisted_1$14 = ["disabled"];
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$24 = ["disabled"];
+function _sfc_render$53(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IVuelidate = resolveComponent("IVuelidate");
@@ -97,7 +97,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
 					type: "button",
 					class: "btn btn-xs btn-warning",
 					onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleDeleted && _ctx.handleDeleted(...args), ["prevent"]))
-				}, [..._cache[2] || (_cache[2] = [createElementVNode("i", { class: "fa fa-minus" }, null, -1)])], 8, _hoisted_1$14)]),
+				}, [..._cache[2] || (_cache[2] = [createElementVNode("i", { class: "fa fa-minus" }, null, -1)])], 8, _hoisted_1$24)]),
 				_: 1
 			}, 8, ["modelValue", "onChange"])]),
 			_: 1
@@ -105,7 +105,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 1
 	}, 8, ["validation"]);
 }
-var AFormInputListItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AFormInputListItem_vue_vue_type_script_lang_default, [["render", _sfc_render$17]]);
+var AFormInputListItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AFormInputListItem_vue_vue_type_script_lang_default, [["render", _sfc_render$53]]);
 //#endregion
 //#region src/core/inject.ts
 function inject(key, instance) {
@@ -245,24 +245,24 @@ function createStore(context) {
 	const accessToken = ref(null);
 	const setAccessToken = (input) => {
 		accessToken.value = input;
-		context.dispatcher.emit(StoreDispatcherEventName.ACCESS_TOKEN_UPDATED, input);
+		context.dispatcher.emit("accessTokenUpdated", input);
 	};
 	const accessTokenExpireDate = ref(null);
 	const setAccessTokenExpireDate = (input) => {
 		if (typeof input === "number" || typeof input === "string") accessTokenExpireDate.value = new Date(input);
 		else accessTokenExpireDate.value = input;
-		context.dispatcher.emit(StoreDispatcherEventName.ACCESS_TOKEN_EXPIRE_DATE_UPDATED, accessTokenExpireDate.value);
+		context.dispatcher.emit("accessTokenExpireDateUpdated", accessTokenExpireDate.value);
 	};
 	const refreshToken = ref(null);
 	const setRefreshToken = (input) => {
 		refreshToken.value = input;
-		context.dispatcher.emit(StoreDispatcherEventName.REFRESH_TOKEN_UPDATED, input);
+		context.dispatcher.emit("refreshTokenUpdated", input);
 	};
 	const user = ref(null);
 	const userId = computed(() => user.value ? user.value.id : null);
 	const setUser = (input) => {
 		user.value = input;
-		context.dispatcher.emit(StoreDispatcherEventName.USER_UPDATED, input);
+		context.dispatcher.emit("userUpdated", input);
 	};
 	const realm = ref(null);
 	const realmId = computed(() => realm.value ? realm.value.id : void 0);
@@ -273,14 +273,14 @@ function createStore(context) {
 	});
 	const setRealm = (input) => {
 		realm.value = input;
-		context.dispatcher.emit(StoreDispatcherEventName.REALM_UPDATED, input);
+		context.dispatcher.emit("realmUpdated", input);
 	};
 	const realmManagement = ref(null);
 	const realmManagementId = computed(() => realmManagement.value ? realmManagement.value.id : realmId.value);
 	const realmManagementName = computed(() => realmManagement.value ? realmManagement.value.name : realmName.value);
 	const setRealmManagement = (input) => {
 		realmManagement.value = input;
-		context.dispatcher.emit(StoreDispatcherEventName.REALM_MANAGEMENT_UPDATED, input);
+		context.dispatcher.emit("realmManagementUpdated", input);
 	};
 	const permissionProvider = new PermissionMemoryProvider();
 	const permissionEvaluator = new PermissionEvaluator({
@@ -356,7 +356,7 @@ function createStore(context) {
 		}
 	});
 	const resolveInternal = async () => {
-		context.dispatcher.emit(StoreDispatcherEventName.RESOLVING);
+		context.dispatcher.emit("resolving");
 		try {
 			if (!accessToken.value && refreshToken.value) await refreshSession();
 			if (accessToken.value) {
@@ -370,12 +370,12 @@ function createStore(context) {
 				await resolveUser();
 			} else throw e;
 		}
-		context.dispatcher.emit(StoreDispatcherEventName.RESOLVED);
+		context.dispatcher.emit("resolved");
 	};
 	const resolve = createPromiseShareWrapperFn(resolveInternal);
 	const loggedIn = computed(() => !!accessToken.value);
 	const login = async (ctx) => {
-		context.dispatcher.emit(StoreDispatcherEventName.LOGGING_IN);
+		context.dispatcher.emit("loggingIn");
 		applyTokenGrantResponse(await client.token.createWithPassword({
 			username: ctx.name,
 			password: ctx.password,
@@ -383,7 +383,7 @@ function createStore(context) {
 		}));
 		await resolveToken();
 		await resolveUser();
-		context.dispatcher.emit(StoreDispatcherEventName.LOGGED_IN);
+		context.dispatcher.emit("loggedIn");
 	};
 	const exchangeAuthorizationCode = async (code) => {
 		const response = await client.token.createWithAuthorizationCode({ code });
@@ -393,9 +393,9 @@ function createStore(context) {
 		await resolveUser();
 	};
 	const logout = async () => {
-		context.dispatcher.emit(StoreDispatcherEventName.LOGGING_OUT);
+		context.dispatcher.emit("loggingOut");
 		await cleanup();
-		context.dispatcher.emit(StoreDispatcherEventName.LOGGED_OUT);
+		context.dispatcher.emit("loggedOut");
 	};
 	return {
 		cookiesRead,
@@ -503,29 +503,29 @@ function installStore(app, options = {}) {
 		if (!store.accessTokenExpireDate) return;
 		return Math.floor(Math.max(1e3, (/* @__PURE__ */ new Date(`${store.accessTokenExpireDate}`)).getTime() - Date.now()) / 1e3);
 	};
-	storeDispatcher.on(StoreDispatcherEventName.ACCESS_TOKEN_EXPIRE_DATE_UPDATED, (input) => {
+	storeDispatcher.on("accessTokenExpireDateUpdated", (input) => {
 		if (input) cookieSet(CookieName.ACCESS_TOKEN_EXPIRE_DATE, input, { maxAge: maxAgeFn() });
 		else cookieUnset(CookieName.ACCESS_TOKEN_EXPIRE_DATE, {});
 	});
-	storeDispatcher.on(StoreDispatcherEventName.ACCESS_TOKEN_UPDATED, (input) => {
+	storeDispatcher.on("accessTokenUpdated", (input) => {
 		if (input) {
 			const maxAge = maxAgeFn();
 			cookieSet(CookieName.ACCESS_TOKEN, input, { maxAge });
 		} else cookieUnset(CookieName.ACCESS_TOKEN, {});
 	});
-	storeDispatcher.on(StoreDispatcherEventName.REFRESH_TOKEN_UPDATED, (input) => {
+	storeDispatcher.on("refreshTokenUpdated", (input) => {
 		if (input) cookieSet(CookieName.REFRESH_TOKEN, input, {});
 		else cookieUnset(CookieName.REFRESH_TOKEN, {});
 	});
-	storeDispatcher.on(StoreDispatcherEventName.USER_UPDATED, (input) => {
+	storeDispatcher.on("userUpdated", (input) => {
 		if (input) cookieSet(CookieName.USER, input, {});
 		else cookieUnset(CookieName.USER, {});
 	});
-	storeDispatcher.on(StoreDispatcherEventName.REALM_UPDATED, (input) => {
+	storeDispatcher.on("realmUpdated", (input) => {
 		if (input) cookieSet(CookieName.REALM, input, {});
 		else cookieUnset(CookieName.REALM, {});
 	});
-	storeDispatcher.on(StoreDispatcherEventName.REALM_MANAGEMENT_UPDATED, (input) => {
+	storeDispatcher.on("realmManagementUpdated", (input) => {
 		if (input) cookieSet(CookieName.REALM_MANAGEMENT, input, {});
 		else cookieUnset(CookieName.REALM_MANAGEMENT, {});
 	});
@@ -586,8 +586,8 @@ function installHTTPClientAuthenticationHook(app, options = {}) {
 			hook.setTimer(expiresIn);
 		}
 	};
-	storeDispatcher.on(StoreDispatcherEventName.ACCESS_TOKEN_UPDATED, () => handleAccessTokenEvent());
-	storeDispatcher.on(StoreDispatcherEventName.ACCESS_TOKEN_EXPIRE_DATE_UPDATED, () => handleAccessTokenExpireDateEvent());
+	storeDispatcher.on("accessTokenUpdated", () => handleAccessTokenEvent());
+	storeDispatcher.on("accessTokenExpireDateUpdated", () => handleAccessTokenExpireDateEvent());
 	handleAccessTokenEvent();
 	handleAccessTokenExpireDateEvent();
 	provideHTTPClientAuthenticationHook(hook, app);
@@ -721,48 +721,48 @@ function useTranslationsForGroup(group, elements) {
 //#endregion
 //#region src/core/translator/de/client.ts
 const TranslatorTranslationClientGerman = {
-	[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?",
-	[TranslatorTranslationClientKey.IS_ACTIVE]: "Ist aktiv?",
-	[TranslatorTranslationClientKey.HASH_SECRET]: "Geheimnis hashen?"
+	["nameHint"]: "Etwas, das Benutzer erkennen und vertrauen werden",
+	["descriptionHint"]: "Dies wird allen Benutzern dieser Anwendung angezeigt",
+	["redirectURIHint"]: "URI-Muster, zu dem ein Browser nach einem erfolgreichen Login weiterleiten kann",
+	["isConfidential"]: "Ist vertraulich?",
+	["isActive"]: "Ist aktiv?",
+	["hashSecret"]: "Geheimnis hashen?"
 };
 //#endregion
 //#region src/core/translator/de/default.ts
 const TranslatorTranslationDefaultGerman = {
-	[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.DECISION_STRATEGY]: "Entscheidungsstrategie",
-	[TranslatorTranslationDefaultKey.DESCRIPTION]: "Beschreibung",
-	[TranslatorTranslationDefaultKey.PERMISSIONS]: "Berechtigungen",
-	[TranslatorTranslationDefaultKey.POLICY]: "Richtlinie",
-	[TranslatorTranslationDefaultKey.POLICIES]: "Richtlinien",
-	[TranslatorTranslationDefaultKey.REALM]: "Organisation",
-	[TranslatorTranslationDefaultKey.REALMS]: "Organisationen",
-	[TranslatorTranslationDefaultKey.ROLES]: "Rollen",
-	[TranslatorTranslationDefaultKey.SCOPES]: "Bereiche",
-	[TranslatorTranslationDefaultKey.SECRET]: "Geheimnis",
-	[TranslatorTranslationDefaultKey.REDIRECT_URIS]: "Weiterleitungs-URIs",
-	[TranslatorTranslationDefaultKey.USERS]: "Benutzer"
+	["add"]: "hinzufügen",
+	["create"]: "erstellen",
+	["delete"]: "löschen",
+	["generate"]: "generieren",
+	["update"]: "aktualisieren",
+	["active"]: "aktiv",
+	["inactive"]: "inaktiv",
+	["locked"]: "gesperrt",
+	["notLocked"]: "nicht gesperrt",
+	["valueIsRegex"]: "Wert ist regex pattern?",
+	["client"]: "Client",
+	["clients"]: "Clients",
+	["clientScopes"]: "Client-Bereiche",
+	["displayName"]: "Anzeigename",
+	["email"]: "E-Mail",
+	["externalId"]: "externe ID",
+	["hashed"]: "gehasht",
+	["overview"]: "Überblick",
+	["identityProviders"]: "Identitätsanbieter",
+	["name"]: "Name",
+	["decisionStrategy"]: "Entscheidungsstrategie",
+	["description"]: "Beschreibung",
+	["permissions"]: "Berechtigungen",
+	["policy"]: "Richtlinie",
+	["policies"]: "Richtlinien",
+	["realm"]: "Organisation",
+	["realms"]: "Organisationen",
+	["roles"]: "Rollen",
+	["scopes"]: "Bereiche",
+	["secret"]: "Geheimnis",
+	["redirectUris"]: "Weiterleitungs-URIs",
+	["users"]: "Benutzer"
 };
 //#endregion
 //#region src/core/vuelidate.ts
@@ -772,8 +772,8 @@ let VuelidateCustomRuleKey = /* @__PURE__ */ function(VuelidateCustomRuleKey) {
 	return VuelidateCustomRuleKey;
 }({});
 const VuelidateCustomRule = {
-	[VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: helpers.regex(/^[a-z0-9-_]*$/),
-	[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]: helpers.regex(/^[a-zA-Z0-9-_.]*$/)
+	["alphaNumHyphenUnderscore"]: helpers.regex(/^[a-z0-9-_]*$/),
+	["alphaUpperNumHyphenUnderscoreDot"]: helpers.regex(/^[a-zA-Z0-9-_.]*$/)
 };
 function getVuelidateSeverity(vuelidate) {
 	return getSeverity(vuelidate);
@@ -789,83 +789,83 @@ function extractVuelidateResultsFromChild(vuelidate, child, keys) {
 //#endregion
 //#region src/core/translator/de/vuelidate.ts
 const TranslatorTranslationVuelidateGerman = {
-	[VuelidateCustomRuleKey.ALPHA_NUM_HYPHEN_UNDERSCORE]: "Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-z-_]+",
-	[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]: "Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-zA-Z-_.]+"
+	["alphaNumHyphenUnderscore"]: "Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-z-_]+",
+	["alphaUpperNumHyphenUnderscoreDot"]: "Der Eingabewert darf nur aus folgenden Zeichen bestehen: [0-9a-zA-Z-_.]+"
 };
 //#endregion
 //#region src/core/translator/de/vuecs.ts
-const TranslatorTranslationVuecsGerman = { [TranslatorTranslationVuecsKey.NO_MORE]: "Keine weiteren {{name}} verfügbar" };
+const TranslatorTranslationVuecsGerman = { ["noMore"]: "Keine weiteren {{name}} verfügbar" };
 //#endregion
 //#region src/core/translator/en/client.ts
 const TranslatorTranslationClientEnglish = {
-	[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?",
-	[TranslatorTranslationClientKey.IS_ACTIVE]: "Is active?",
-	[TranslatorTranslationClientKey.HASH_SECRET]: "Hash secret?"
+	["nameHint"]: "Something users will recognize and trust",
+	["descriptionHint"]: "Displayed to all users of this application",
+	["redirectURIHint"]: "URI pattern a browser can redirect to after a successful login",
+	["isConfidential"]: "Is confidential?",
+	["isActive"]: "Is active?",
+	["hashSecret"]: "Hash secret?"
 };
 //#endregion
 //#region src/core/translator/en/default.ts
 const TranslatorTranslationDefaultEnglish = {
-	[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.DECISION_STRATEGY]: "decision strategy",
-	[TranslatorTranslationDefaultKey.DESCRIPTION]: "description",
-	[TranslatorTranslationDefaultKey.POLICY]: "policy",
-	[TranslatorTranslationDefaultKey.POLICIES]: "policies",
-	[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"
+	["add"]: "add",
+	["create"]: "create",
+	["delete"]: "delete",
+	["generate"]: "generate",
+	["update"]: "update",
+	["active"]: "active",
+	["inactive"]: "inactive",
+	["locked"]: "locked",
+	["notLocked"]: "not locked",
+	["valueIsRegex"]: "Value is regex pattern?",
+	["client"]: "update",
+	["clients"]: "clients",
+	["clientScopes"]: "client scopes",
+	["displayName"]: "display name",
+	["email"]: "email",
+	["externalId"]: "external id",
+	["hashed"]: "hashed",
+	["overview"]: "overview",
+	["identityProviders"]: "identity providers",
+	["name"]: "name",
+	["decisionStrategy"]: "decision strategy",
+	["description"]: "description",
+	["policy"]: "policy",
+	["policies"]: "policies",
+	["permissions"]: "permissions",
+	["realm"]: "realm",
+	["realms"]: "realms",
+	["roles"]: "roles",
+	["scopes"]: "scopes",
+	["secret"]: "secret",
+	["redirectUris"]: "redirect uri(s)",
+	["users"]: "users"
 };
 //#endregion
 //#region src/core/translator/en/vuelidate.ts
 const TranslatorTranslationVuelidateEnglish = {
-	[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_DOT]: "The input value is only allowed to consist of the following characters: [0-9a-zA-Z-_.]+"
+	["alphaNumHyphenUnderscore"]: "The input value is only allowed to consist of the following characters: [0-9a-z-_]+",
+	["alphaUpperNumHyphenUnderscoreDot"]: "The input value is only allowed to consist of the following characters: [0-9a-zA-Z-_.]+"
 };
 //#endregion
 //#region src/core/translator/en/vuecs.ts
-const TranslatorTranslationVuecsEnglish = { [TranslatorTranslationVuecsKey.NO_MORE]: "No more {{name}} available" };
+const TranslatorTranslationVuecsEnglish = { ["noMore"]: "No more {{name}} available" };
 //#endregion
 //#region src/core/translator/install.ts
 function installTranslator(app, options = {}) {
 	install$1(app, {
 		store: new MemoryStore({ data: {
 			de: {
-				[TranslatorTranslationGroup.CLIENT]: TranslatorTranslationClientGerman,
-				[TranslatorTranslationGroup.DEFAULT]: TranslatorTranslationDefaultGerman,
-				[TranslatorTranslationGroup.VUECS]: TranslatorTranslationVuecsGerman,
-				[TranslatorTranslationGroup.VUELIDATE]: TranslatorTranslationVuelidateGerman
+				["authupClient"]: TranslatorTranslationClientGerman,
+				["default"]: TranslatorTranslationDefaultGerman,
+				["vuecs"]: TranslatorTranslationVuecsGerman,
+				["vuelidate"]: TranslatorTranslationVuelidateGerman
 			},
 			en: {
-				[TranslatorTranslationGroup.CLIENT]: TranslatorTranslationClientEnglish,
-				[TranslatorTranslationGroup.DEFAULT]: TranslatorTranslationDefaultEnglish,
-				[TranslatorTranslationGroup.VUECS]: TranslatorTranslationVuecsEnglish,
-				[TranslatorTranslationGroup.VUELIDATE]: TranslatorTranslationVuelidateEnglish
+				["authupClient"]: TranslatorTranslationClientEnglish,
+				["default"]: TranslatorTranslationDefaultEnglish,
+				["vuecs"]: TranslatorTranslationVuecsEnglish,
+				["vuelidate"]: TranslatorTranslationVuelidateEnglish
 			}
 		} }),
 		locale: options.locale
@@ -875,13 +875,13 @@ function installTranslator(app, options = {}) {
 //#region src/core/form/submit.ts
 function createFormSubmitTranslations() {
 	const updateText = useTranslation({
-		group: TranslatorTranslationGroup.DEFAULT,
-		key: TranslatorTranslationDefaultKey.UPDATE
+		group: "default",
+		key: "update"
 	});
 	return {
 		createText: useTranslation({
-			group: TranslatorTranslationGroup.DEFAULT,
-			key: TranslatorTranslationDefaultKey.CREATE
+			group: "default",
+			key: "create"
 		}),
 		updateText
 	};
@@ -1023,45 +1023,52 @@ function normalizeSlot(name, scope = {}, $slots = {}) {
 	return [];
 }
 //#endregion
-//#region src/components/utility/translation/ATranslation.ts
-const ATranslation = defineComponent({
-	props: {
-		group: {
-			type: String,
-			required: true
+//#region src/components/utility/translation/ATranslationDefault.vue?vue&type=script&lang.ts
+var ATranslationDefault_vue_vue_type_script_lang_default = defineComponent({
+	components: { ATranslation: defineComponent({
+		props: {
+			group: {
+				type: String,
+				required: true
+			},
+			name: {
+				type: String,
+				required: true
+			}
 		},
-		name: {
-			type: String,
-			required: true
+		setup(props, { slots }) {
+			const translation = useTranslation({
+				group: props.group,
+				key: props.name
+			});
+			return () => {
+				if (hasNormalizedSlot(SlotName.DEFAULT, slots)) return normalizeSlot(SlotName.DEFAULT, { data: translation.value }, slots);
+				return [translation.value];
+			};
 		}
-	},
-	setup(props, { slots }) {
-		const translation = useTranslation({
-			group: props.group,
-			key: props.name
-		});
-		return () => {
-			if (hasNormalizedSlot(SlotName.DEFAULT, slots)) return normalizeSlot(SlotName.DEFAULT, { data: translation.value }, slots);
-			return [translation.value];
-		};
+	}) },
+	props: { name: {
+		type: String,
+		required: true
+	} },
+	setup() {
+		return { TranslatorTranslationGroup };
 	}
 });
 //#endregion
+//#region src/components/utility/translation/ATranslationDefault.vue
+function _sfc_render$52(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ATranslation = resolveComponent("ATranslation");
+	return openBlock(), createBlock(_component_ATranslation, {
+		group: _ctx.TranslatorTranslationGroup.DEFAULT,
+		name: _ctx.name
+	}, null, 8, ["group", "name"]);
+}
+//#endregion
 //#region src/components/utility/form-input-list/AFormInputList.vue?vue&type=script&lang.ts
 var AFormInputList_vue_vue_type_script_lang_default = defineComponent({
 	components: {
-		ATranslationDefault: defineComponent({
-			props: { name: {
-				type: String,
-				required: true
-			} },
-			setup(props) {
-				return () => h(ATranslation, {
-					group: TranslatorTranslationGroup.DEFAULT,
-					name: props.name
-				});
-			}
-		}),
+		ATranslationDefault: /* @__PURE__ */ _plugin_vue_export_helper_default(ATranslationDefault_vue_vue_type_script_lang_default, [["render", _sfc_render$52]]),
 		AFormInputListItem: AFormInputListItem_default
 	},
 	props: {
@@ -1123,16 +1130,16 @@ var AFormInputList_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/utility/form-input-list/AFormInputList.vue
-const _hoisted_1$13 = { class: "d-flex flex-column gap-2" };
-const _hoisted_2$11 = { class: "d-flex flex-row" };
-const _hoisted_3$9 = { class: "align-self-end" };
-const _hoisted_4$7 = { class: "ms-auto" };
-const _hoisted_5$4 = ["disabled"];
-const _hoisted_6$3 = { class: "d-flex flex-column gap-1" };
-function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$23 = { class: "d-flex flex-column gap-2" };
+const _hoisted_2$14 = { class: "d-flex flex-row" };
+const _hoisted_3$12 = { class: "align-self-end" };
+const _hoisted_4$10 = { class: "ms-auto" };
+const _hoisted_5$7 = ["disabled"];
+const _hoisted_6$6 = { class: "d-flex flex-column gap-1" };
+function _sfc_render$51(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_ATranslationDefault = resolveComponent("ATranslationDefault");
 	const _component_AFormInputListItem = resolveComponent("AFormInputListItem");
-	return openBlock(), createElementBlock("div", _hoisted_1$13, [createElementVNode("div", _hoisted_2$11, [createElementVNode("div", _hoisted_3$9, [renderSlot(_ctx.$slots, "label", {}, () => [_cache[1] || (_cache[1] = createTextVNode(" Names ", -1))])]), createElementVNode("div", _hoisted_4$7, [createElementVNode("button", {
+	return openBlock(), createElementBlock("div", _hoisted_1$23, [createElementVNode("div", _hoisted_2$14, [createElementVNode("div", _hoisted_3$12, [renderSlot(_ctx.$slots, "label", {}, () => [_cache[1] || (_cache[1] = createTextVNode(" Names ", -1))])]), createElementVNode("div", _hoisted_4$10, [createElementVNode("button", {
 		class: "btn btn-xs btn-primary",
 		type: "button",
 		disabled: !_ctx.canAdd,
@@ -1141,7 +1148,7 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
 		_cache[2] || (_cache[2] = createElementVNode("i", { class: "fa fa-plus" }, null, -1)),
 		_cache[3] || (_cache[3] = createTextVNode()),
 		createVNode(_component_ATranslationDefault, { name: "add" })
-	], 8, _hoisted_5$4)])]), createElementVNode("div", _hoisted_6$3, [_ctx.items.length === 0 ? renderSlot(_ctx.$slots, "noItems", { key: 0 }, () => [_cache[4] || (_cache[4] = createElementVNode("div", { class: "alert alert-sm alert-info" }, " The form list has no items yet ", -1))]) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+	], 8, _hoisted_5$7)])]), createElementVNode("div", _hoisted_6$6, [_ctx.items.length === 0 ? renderSlot(_ctx.$slots, "noItems", { key: 0 }, () => [_cache[4] || (_cache[4] = createElementVNode("div", { class: "alert alert-sm alert-info" }, " The form list has no items yet ", -1))]) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
 		return renderSlot(_ctx.$slots, "default", {
 			key: item.id,
 			item,
@@ -1165,7 +1172,7 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
 		]))]);
 	}), 128))])]);
 }
-var AFormInputList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AFormInputList_vue_vue_type_script_lang_default, [["render", _sfc_render$16]]);
+var AFormInputList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AFormInputList_vue_vue_type_script_lang_default, [["render", _sfc_render$51]]);
 //#endregion
 //#region src/components/utility/pagination/module.ts
 function buildPagination$1(ctx) {
@@ -1789,6 +1796,18 @@ function create(ctx) {
 			throw error.value;
 		}
 	};
+	if (ctx.query) {
+		const queryFn = ctx.query;
+		let initialized = false;
+		watch(() => JSON.stringify(queryFn()), () => {
+			if (!initialized) {
+				initialized = true;
+				return;
+			}
+			entity.value = void 0;
+			resolve({ query: queryFn() });
+		}, { immediate: true });
+	}
 	const manager = {
 		resolve,
 		resolveOrFail,
@@ -1822,6 +1841,52 @@ function defineEntityManager(ctx) {
 	return create(ctx);
 }
 //#endregion
+//#region src/components/utility/toggle-button/AToggleButton.vue?vue&type=script&lang.ts
+var AToggleButton_vue_vue_type_script_lang_default = defineComponent({
+	props: {
+		value: {
+			type: Boolean,
+			required: true
+		},
+		isBusy: {
+			type: Boolean,
+			required: true
+		}
+	},
+	emits: ["changed"],
+	setup(props, { emit }) {
+		const handleClick = (e) => {
+			e.preventDefault();
+			emit("changed", !props.value);
+		};
+		return { handleClick };
+	}
+});
+//#endregion
+//#region src/components/utility/toggle-button/AToggleButton.vue
+const _hoisted_1$22 = ["aria-label", "disabled"];
+function _sfc_render$50(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("button", {
+		type: "button",
+		"aria-label": _ctx.isBusy ? "Processing" : _ctx.value ? "Remove" : "Add",
+		class: normalizeClass(["btn btn-xs", {
+			"btn-dark": _ctx.isBusy,
+			"btn-success": !_ctx.isBusy && !_ctx.value,
+			"btn-danger": !_ctx.isBusy && _ctx.value
+		}]),
+		disabled: _ctx.isBusy,
+		onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+	}, [createElementVNode("i", {
+		"aria-hidden": "true",
+		class: normalizeClass(["fa", {
+			"fa-question": _ctx.isBusy,
+			"fa-plus": !_ctx.isBusy && !_ctx.value,
+			"fa-minus": !_ctx.isBusy && _ctx.value
+		}])
+	}, null, 2)], 10, _hoisted_1$22);
+}
+var AToggleButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AToggleButton_vue_vue_type_script_lang_default, [["render", _sfc_render$50]]);
+//#endregion
 //#region src/components/utility/toggle-button/module.ts
 function renderToggleButton(options) {
 	return h("button", {
@@ -1842,13 +1907,6 @@ function renderToggleButton(options) {
 	}] })]);
 }
 //#endregion
-//#region src/components/utility/search/constants.ts
-let ListSearchSlotName = /* @__PURE__ */ function(ListSearchSlotName) {
-	ListSearchSlotName["DEFAULT"] = "default";
-	ListSearchSlotName["ICON"] = "icon";
-	return ListSearchSlotName;
-}({});
-//#endregion
 //#region src/components/utility/search/module.ts
 function debounce(func, timeout = 200) {
 	let timer;
@@ -1863,7 +1921,7 @@ function buildListSearch(ctx) {
 	ctx.icon = ctx.icon ?? true;
 	ctx.iconClass = ctx.iconClass || "fa fa-search";
 	ctx.iconPosition = ctx.iconPosition ?? "start";
-	if (hasNormalizedSlot(ListSearchSlotName.DEFAULT, ctx.slots)) return normalizeSlot(ListSearchSlotName.DEFAULT, {
+	if (hasNormalizedSlot("default", ctx.slots)) return normalizeSlot("default", {
 		load: ctx.load,
 		busy: ctx.busy,
 		icon: ctx.icon,
@@ -1871,7 +1929,7 @@ function buildListSearch(ctx) {
 		iconPosition: ctx.iconPosition
 	}, ctx.slots);
 	let iconContent;
-	if (hasNormalizedSlot(ListSearchSlotName.ICON)) iconContent = normalizeSlot(ListSearchSlotName.ICON, {}, ctx.slots);
+	if (hasNormalizedSlot("icon")) iconContent = normalizeSlot("icon", {}, ctx.slots);
 	const options = {};
 	if (ctx.icon) if (ctx.iconPosition === "start") {
 		options.groupPrepend = true;
@@ -1995,12 +2053,6 @@ function defineEntityPicker({ props, setup, component }) {
 }
 //#endregion
 //#region src/components/utility/entity/AEntityDelete.ts
-var ElementType = /* @__PURE__ */ function(ElementType) {
-	ElementType["BUTTON"] = "button";
-	ElementType["LINK"] = "link";
-	ElementType["DROP_DOWN_ITEM"] = "dropDownItem";
-	return ElementType;
-}(ElementType || {});
 const AEntityDelete = defineComponent({
 	props: {
 		elementIcon: {
@@ -2013,7 +2065,7 @@ const AEntityDelete = defineComponent({
 		},
 		elementType: {
 			type: String,
-			default: ElementType.BUTTON
+			default: "button"
 		},
 		entityId: {
 			type: String,
@@ -2046,17 +2098,17 @@ const AEntityDelete = defineComponent({
 			}
 		});
 		const translation = useTranslation({
-			group: TranslatorTranslationGroup.DEFAULT,
-			key: TranslatorTranslationDefaultKey.DELETE
+			group: "default",
+			key: "delete"
 		});
 		const render = () => {
 			let tag = "button";
 			const data = {};
 			switch (props.elementType) {
-				case ElementType.LINK:
+				case "link":
 					tag = "a";
 					break;
-				case ElementType.DROP_DOWN_ITEM:
+				case "dropDownItem":
 					if (instance && typeof instance.appContext.app.component("BDropdownItem") !== "undefined") tag = resolveDynamicComponent("BDropdownItem");
 					break;
 			}
@@ -2076,20 +2128,13 @@ const AEntityDelete = defineComponent({
 	}
 });
 //#endregion
-//#region src/components/utility/title/constants.ts
-let TitleSlotName = /* @__PURE__ */ function(TitleSlotName) {
-	TitleSlotName["DEFAULT"] = "default";
-	TitleSlotName["ICON"] = "icon";
-	return TitleSlotName;
-}({});
-//#endregion
 //#region src/components/utility/title/module.ts
 function buildTitle(ctx) {
 	ctx.tag = ctx.tag || "h6";
 	ctx.icon = ctx.icon ?? true;
 	ctx.iconClass = ctx.iconClass || "fa-solid fa-list";
 	ctx.iconPosition = ctx.iconPosition ?? "start";
-	if (hasNormalizedSlot(TitleSlotName.DEFAULT, ctx.slots)) return normalizeSlot(TitleSlotName.DEFAULT, {
+	if (hasNormalizedSlot("default", ctx.slots)) return normalizeSlot("default", {
 		tag: ctx.tag,
 		icon: ctx.icon,
 		iconClass: ctx.iconClass,
@@ -2098,7 +2143,7 @@ function buildTitle(ctx) {
 	let icon;
 	if (ctx.icon) {
 		let iconContent;
-		if (hasNormalizedSlot(TitleSlotName.ICON)) iconContent = normalizeSlot(TitleSlotName.ICON, {}, ctx.slots);
+		if (hasNormalizedSlot("icon")) iconContent = normalizeSlot("icon", {}, ctx.slots);
 		if (iconContent) icon = iconContent;
 		else icon = h("i", { class: [ctx.iconClass, "pe-1"] });
 	}
@@ -2123,8 +2168,8 @@ const ATitle = defineComponent({
 	slots: Object,
 	setup(props, { slots }) {
 		const translation = useTranslation({
-			group: TranslatorTranslationGroup.DEFAULT,
-			key: TranslatorTranslationDefaultKey.OVERVIEW
+			group: "default",
+			key: "overview"
 		});
 		return () => buildTitle({
 			slots,
@@ -2290,7 +2335,7 @@ const ARealmForm = defineComponent({
 				required,
 				minLength: minLength(3),
 				maxLength: maxLength(128),
-				[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]
+				["alphaUpperNumHyphenUnderscoreDot"]: VuelidateCustomRule["alphaUpperNumHyphenUnderscoreDot"]
 			},
 			display_name: {
 				minLength: minLength(3),
@@ -2329,12 +2374,12 @@ const ARealmForm = defineComponent({
 		};
 		const translationsValidation = useTranslationsForNestedValidation($v.value);
 		const translationsSubmit = createFormSubmitTranslations();
-		const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
-			{ key: TranslatorTranslationDefaultKey.GENERATE },
-			{ key: TranslatorTranslationDefaultKey.NAME },
-			{ key: TranslatorTranslationDefaultKey.DISPLAY_NAME },
-			{ key: TranslatorTranslationDefaultKey.DESCRIPTION },
-			{ key: TranslatorTranslationDefaultKey.REALM }
+		const translationsDefault = useTranslationsForGroup("default", [
+			{ key: "generate" },
+			{ key: "name" },
+			{ key: "displayName" },
+			{ key: "description" },
+			{ key: "realm" }
 		]);
 		const render = () => {
 			const children = [];
@@ -2342,7 +2387,7 @@ const ARealmForm = defineComponent({
 				validationMessages: translationsValidation.name.value,
 				validationSeverity: getVuelidateSeverity($v.value.name),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
+				labelContent: translationsDefault["name"].value,
 				content: buildFormInput({
 					value: $v.value.name.$model,
 					onChange(input) {
@@ -2363,13 +2408,13 @@ const ARealmForm = defineComponent({
 			}, [
 				h("i", { class: "fa fa-wrench" }),
 				" ",
-				translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
+				translationsDefault["generate"].value
 			])])]);
 			children.push(buildFormGroup({
 				validationMessages: translationsValidation.display_name.value,
 				validationSeverity: getVuelidateSeverity($v.value.display_name),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+				labelContent: translationsDefault["displayName"].value,
 				content: buildFormInput({
 					value: $v.value.display_name.$model,
 					onChange(input) {
@@ -2381,7 +2426,7 @@ const ARealmForm = defineComponent({
 				validationMessages: translationsValidation.description.value,
 				validationSeverity: getVuelidateSeverity($v.value.description),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
+				labelContent: translationsDefault["description"].value,
 				content: buildFormTextarea({
 					value: $v.value.description.$model,
 					onChange(input) {
@@ -2416,14 +2461,13 @@ const ARealms = defineComponent({
 			props,
 			setup: ctx
 		});
-		const translationsName = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationDefaultKey.REALMS
-		});
 		const translation = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationVuecsKey.NO_MORE,
-			data: { name: translationsName }
+			group: "vuecs",
+			key: "noMore",
+			data: { name: useTranslation({
+				group: "vuecs",
+				key: "realms"
+			}) }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -2485,7 +2529,7 @@ var AClientForm_vue_vue_type_script_lang_default = defineComponent({
 			active: { required },
 			name: {
 				required,
-				[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT],
+				["alphaUpperNumHyphenUnderscoreDot"]: VuelidateCustomRule["alphaUpperNumHyphenUnderscoreDot"],
 				minLength: minLength(3),
 				maxLength: maxLength(256)
 			},
@@ -2544,22 +2588,22 @@ var AClientForm_vue_vue_type_script_lang_default = defineComponent({
 			await manager.createOrUpdate(form);
 			assignFormProperties(form, manager.data.value);
 		};
-		const translationsClient = useTranslationsForGroup(TranslatorTranslationGroup.CLIENT, [
-			{ key: TranslatorTranslationClientKey.NAME_HINT },
-			{ key: TranslatorTranslationClientKey.DESCRIPTION_HINT },
-			{ key: TranslatorTranslationClientKey.REDIRECT_URI_HINT },
-			{ key: TranslatorTranslationClientKey.IS_CONFIDENTIAL },
-			{ key: TranslatorTranslationClientKey.IS_ACTIVE },
-			{ key: TranslatorTranslationClientKey.HASH_SECRET }
+		const translationsClient = useTranslationsForGroup("authupClient", [
+			{ key: "nameHint" },
+			{ key: "descriptionHint" },
+			{ key: "redirectURIHint" },
+			{ key: "isConfidential" },
+			{ key: "isActive" },
+			{ key: "hashSecret" }
 		]);
-		const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
-			{ key: TranslatorTranslationDefaultKey.GENERATE },
-			{ key: TranslatorTranslationDefaultKey.NAME },
-			{ key: TranslatorTranslationDefaultKey.DISPLAY_NAME },
-			{ key: TranslatorTranslationDefaultKey.DESCRIPTION },
-			{ key: TranslatorTranslationDefaultKey.REALM },
-			{ key: TranslatorTranslationDefaultKey.REDIRECT_URIS },
-			{ key: TranslatorTranslationDefaultKey.SECRET }
+		const translationsDefault = useTranslationsForGroup("default", [
+			{ key: "generate" },
+			{ key: "name" },
+			{ key: "displayName" },
+			{ key: "description" },
+			{ key: "realm" },
+			{ key: "redirectUris" },
+			{ key: "secret" }
 		]);
 		const redirectUris = computed(() => vuelidate.value.redirect_uri.$model ? vuelidate.value.redirect_uri.$model.split(",") : []);
 		return {
@@ -2579,18 +2623,18 @@ var AClientForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/client/AClientForm.vue
-const _hoisted_1$12 = { class: "row" };
-const _hoisted_2$10 = { class: "col" };
-const _hoisted_3$8 = {
+const _hoisted_1$21 = { class: "row" };
+const _hoisted_2$13 = { class: "col" };
+const _hoisted_3$11 = {
 	key: 0,
 	class: "text-danger font-weight-bold"
 };
-const _hoisted_4$6 = { class: "row" };
-const _hoisted_5$3 = { class: "col" };
-const _hoisted_6$2 = { class: "col" };
-const _hoisted_7$1 = { class: "col" };
+const _hoisted_4$9 = { class: "row" };
+const _hoisted_5$6 = { class: "col" };
+const _hoisted_6$5 = { class: "col" };
+const _hoisted_7$2 = { class: "col" };
 const _hoisted_8$1 = { class: "col" };
-function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$49(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IVuelidate = resolveComponent("IVuelidate");
@@ -2599,7 +2643,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AFormInputList = resolveComponent("AFormInputList");
 	const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
 	const _component_AFormSubmit = resolveComponent("AFormSubmit");
-	return openBlock(), createElementBlock("div", _hoisted_1$12, [createElementVNode("div", _hoisted_2$10, [
+	return openBlock(), createElementBlock("div", _hoisted_1$21, [createElementVNode("div", _hoisted_2$13, [
 		_ctx.data ? (openBlock(), createBlock(_component_VCFormGroup, { key: 0 }, {
 			label: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(" ID ", -1)])]),
 			default: withCtx(() => [createVNode(_component_VCFormInput, {
@@ -2645,7 +2689,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
 				"validation-messages": props.data,
 				"validation-severity": props.severity
 			}, {
-				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.secret) + " ", 1), _ctx.isSecretHashed ? (openBlock(), createElementBlock("span", _hoisted_3$8, [..._cache[11] || (_cache[11] = [createElementVNode("i", { class: "fa fa-exclamation-triangle" }, null, -1)])])) : createCommentVNode("v-if", true)]),
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.secret) + " ", 1), _ctx.isSecretHashed ? (openBlock(), createElementBlock("span", _hoisted_3$11, [..._cache[11] || (_cache[11] = [createElementVNode("i", { class: "fa fa-exclamation-triangle" }, null, -1)])])) : createCommentVNode("v-if", true)]),
 				default: withCtx(() => [createVNode(_component_VCFormInput, {
 					modelValue: _ctx.vuelidate.secret.$model,
 					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.vuelidate.secret.$model = $event),
@@ -2662,8 +2706,8 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
 			}, 8, ["validation-messages", "validation-severity"])]),
 			_: 1
 		}, 8, ["validation"]),
-		createElementVNode("div", _hoisted_4$6, [
-			createElementVNode("div", _hoisted_5$3, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.is_confidential }, {
+		createElementVNode("div", _hoisted_4$9, [
+			createElementVNode("div", _hoisted_5$6, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.is_confidential }, {
 				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
 					"validation-messages": props.data,
 					"validation-severity": props.severity
@@ -2679,7 +2723,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
 				}, 8, ["validation-messages", "validation-severity"])]),
 				_: 1
 			}, 8, ["validation"])]),
-			createElementVNode("div", _hoisted_6$2, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.secret_hashed }, {
+			createElementVNode("div", _hoisted_6$5, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.secret_hashed }, {
 				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
 					"validation-messages": props.data,
 					"validation-severity": props.severity
@@ -2695,7 +2739,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
 				}, 8, ["validation-messages", "validation-severity"])]),
 				_: 1
 			}, 8, ["validation"])]),
-			createElementVNode("div", _hoisted_7$1, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.active }, {
+			createElementVNode("div", _hoisted_7$2, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.active }, {
 				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
 					"validation-messages": props.data,
 					"validation-severity": props.severity
@@ -2773,7 +2817,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
 		])])
 	])]);
 }
-var AClientForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AClientForm_vue_vue_type_script_lang_default, [["render", _sfc_render$15]]);
+var AClientForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AClientForm_vue_vue_type_script_lang_default, [["render", _sfc_render$49]]);
 //#endregion
 //#region src/components/entities/client/AClients.ts
 const AClients = defineComponent({
@@ -2786,14 +2830,13 @@ const AClients = defineComponent({
 			props,
 			setup: ctx
 		});
-		const translationName = useTranslation({
-			group: TranslatorTranslationGroup.DEFAULT,
-			key: TranslatorTranslationDefaultKey.CLIENTS
-		});
 		const translation = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationVuecsKey.NO_MORE,
-			data: { name: translationName }
+			group: "vuecs",
+			key: "noMore",
+			data: { name: useTranslation({
+				group: "default",
+				key: "clients"
+			}) }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -2814,206 +2857,6 @@ const AClientPicker = defineComponent({
 	}
 });
 //#endregion
-//#region src/components/entities/policy/APolicies.ts
-const APolicies = defineComponent({
-	props: defineEntityCollectionVProps(),
-	emits: defineEntityCollectionVEmitOptions(),
-	slots: Object,
-	setup(props, setup) {
-		const { render } = defineEntityCollectionManager({
-			type: `${EntityType.POLICY}`,
-			props,
-			setup
-		});
-		const translationName = useTranslation({
-			group: TranslatorTranslationGroup.DEFAULT,
-			key: TranslatorTranslationDefaultKey.POLICIES
-		});
-		const translation = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationVuecsKey.NO_MORE,
-			data: { name: translationName }
-		});
-		return () => render({ noMore: { content: translation.value } });
-	}
-});
-//#endregion
-//#region src/components/entities/permission-policy-binding/APermissionPolicyBindingButton.ts
-const APermissionPolicyBindingButton = defineComponent({
-	props: {
-		entityType: {
-			type: String,
-			required: true
-		},
-		entity: {
-			type: Object,
-			required: true
-		}
-	},
-	emits: ["updated", "failed"],
-	setup(props, { emit }) {
-		const client = injectHTTPClient();
-		const modalOpen = ref(false);
-		const busy = ref(false);
-		const currentPolicyId = ref(props.entity.policy_id);
-		watch(toRef(props, "entity"), (val) => {
-			currentPolicyId.value = val.policy_id;
-		}, { deep: true });
-		const handleKeydown = (e) => {
-			if (e.key === "Escape" && modalOpen.value) modalOpen.value = false;
-		};
-		onMounted(() => {
-			document.addEventListener("keydown", handleKeydown);
-		});
-		onUnmounted(() => {
-			document.removeEventListener("keydown", handleKeydown);
-		});
-		const handlePolicySelect = async (policyId) => {
-			if (busy.value) return;
-			const api = hasOwnProperty(client, props.entityType) ? client[props.entityType] : void 0;
-			if (!api || !api.update) return;
-			busy.value = true;
-			try {
-				const response = await api.update(props.entity.id, { policy_id: policyId });
-				currentPolicyId.value = policyId;
-				emit("updated", response);
-			} catch (e) {
-				if (e instanceof Error) emit("failed", e);
-			} finally {
-				busy.value = false;
-			}
-		};
-		const modalTitleId = `policy-modal-title-${props.entity.id}`;
-		return () => {
-			const children = [];
-			children.push(h("button", {
-				class: ["btn btn-xs", {
-					"btn-dark": busy.value,
-					"btn-primary": !busy.value && currentPolicyId.value,
-					"btn-secondary": !busy.value && !currentPolicyId.value
-				}],
-				disabled: busy.value,
-				onClick(e) {
-					e.preventDefault();
-					modalOpen.value = true;
-				}
-			}, [h("i", { class: "fa fa-cog" })]));
-			if (modalOpen.value) {
-				const backdrop = h("div", {
-					class: "modal-backdrop fade show",
-					onClick() {
-						modalOpen.value = false;
-					}
-				});
-				const modal = h("div", {
-					class: "modal fade show d-block",
-					tabindex: "-1",
-					role: "dialog",
-					"aria-modal": "true",
-					"aria-labelledby": modalTitleId
-				}, [h("div", {
-					class: "modal-dialog",
-					role: "document",
-					onClick(e) {
-						e.stopPropagation();
-					}
-				}, [h("div", { class: "modal-content" }, [
-					h("div", { class: "modal-header" }, [h("h5", {
-						class: "modal-title",
-						id: modalTitleId
-					}, "Junction Policy"), h("button", {
-						type: "button",
-						class: "btn-close",
-						"aria-label": "Close",
-						onClick() {
-							modalOpen.value = false;
-						}
-					})]),
-					h("div", { class: "modal-body" }, [h(APolicies, { query: { filters: { parent_id: null } } }, { [SlotName.ITEM_ACTIONS]: (slotProps) => {
-						const isSelected = currentPolicyId.value === slotProps.data.id;
-						return h("button", {
-							class: ["btn btn-xs", {
-								"btn-dark": busy.value,
-								"btn-success": !busy.value && isSelected,
-								"btn-secondary": !busy.value && !isSelected
-							}],
-							disabled: busy.value,
-							onClick(e) {
-								e.preventDefault();
-								if (isSelected) handlePolicySelect(null);
-								else handlePolicySelect(slotProps.data.id);
-							}
-						}, [h("i", { class: ["fa", {
-							"fa-check": isSelected,
-							"fa-plus": !isSelected
-						}] })]);
-					} })]),
-					h("div", { class: "modal-footer" }, [currentPolicyId.value ? h("button", {
-						type: "button",
-						class: "btn btn-warning btn-xs",
-						disabled: busy.value,
-						onClick() {
-							handlePolicySelect(null);
-						}
-					}, "Reset") : void 0, h("button", {
-						type: "button",
-						class: "btn btn-secondary btn-xs",
-						onClick() {
-							modalOpen.value = false;
-						}
-					}, "Close")])
-				])])]);
-				children.push(h(Teleport, { to: "body" }, [backdrop, modal]));
-			}
-			return h("span", children);
-		};
-	}
-});
-//#endregion
-//#region src/components/entities/client-permission/AClientPermissionAssignment.ts
-const AClientPermissionAssignment = defineComponent({
-	props: {
-		clientId: String,
-		permissionId: String
-	},
-	emits: defineEntityVEmitOptions(),
-	async setup(props, setup) {
-		const manager = defineEntityManager({
-			type: `${EntityType.CLIENT_PERMISSION}`,
-			setup,
-			socket: { processEvent(event) {
-				return event.data.permission_id === props.permissionId && event.data.client_id === props.clientId;
-			} }
-		});
-		await manager.resolve({ query: { filters: {
-			client_id: props.clientId,
-			permission_id: props.permissionId
-		} } });
-		return () => {
-			const children = [renderToggleButton({
-				changed: (value) => {
-					if (value) return manager.create({
-						client_id: props.clientId,
-						permission_id: props.permissionId
-					});
-					return manager.delete();
-				},
-				value: !!manager.data.value,
-				isBusy: manager.busy.value
-			})];
-			if (manager.data.value) children.push(h(APermissionPolicyBindingButton, {
-				entityType: EntityType.CLIENT_PERMISSION,
-				entity: manager.data.value,
-				key: manager.data.value.id,
-				onUpdated: (entity) => {
-					manager.updated(entity);
-				}
-			}));
-			return h("span", { class: "d-flex gap-1" }, children);
-		};
-	}
-});
-//#endregion
 //#region src/components/entities/permission/APermission.ts
 const APermission = defineComponent({
 	props: defineEntityVProps(),
@@ -3088,7 +2931,7 @@ const APermissionForm = defineComponent({
 				required,
 				minLength: minLength(3),
 				maxLength: maxLength(128),
-				[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]
+				["alphaUpperNumHyphenUnderscoreDot"]: VuelidateCustomRule["alphaUpperNumHyphenUnderscoreDot"]
 			},
 			display_name: {
 				minLength: minLength(3),
@@ -3134,12 +2977,12 @@ const APermissionForm = defineComponent({
 		};
 		const translationsValidation = useTranslationsForNestedValidation($v.value);
 		const translationsSubmit = createFormSubmitTranslations();
-		const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
-			{ key: TranslatorTranslationDefaultKey.NAME },
-			{ key: TranslatorTranslationDefaultKey.DISPLAY_NAME },
-			{ key: TranslatorTranslationDefaultKey.DESCRIPTION },
-			{ key: TranslatorTranslationDefaultKey.DECISION_STRATEGY },
-			{ key: TranslatorTranslationDefaultKey.REALM }
+		const translationsDefault = useTranslationsForGroup("default", [
+			{ key: "name" },
+			{ key: "displayName" },
+			{ key: "description" },
+			{ key: "decisionStrategy" },
+			{ key: "realm" }
 		]);
 		const render = () => {
 			const children = [];
@@ -3147,7 +2990,7 @@ const APermissionForm = defineComponent({
 				validationMessages: translationsValidation.name.value,
 				validationSeverity: getVuelidateSeverity($v.value.name),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
+				labelContent: translationsDefault["name"].value,
 				content: buildFormInput({
 					value: $v.value.name.$model,
 					onChange(input) {
@@ -3160,7 +3003,7 @@ const APermissionForm = defineComponent({
 				validationMessages: translationsValidation.display_name.value,
 				validationSeverity: getVuelidateSeverity($v.value.display_name),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+				labelContent: translationsDefault["displayName"].value,
 				content: buildFormInput({
 					value: $v.value.display_name.$model,
 					onChange(input) {
@@ -3172,7 +3015,7 @@ const APermissionForm = defineComponent({
 				validationMessages: translationsValidation.description.value,
 				validationSeverity: getVuelidateSeverity($v.value.description),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
+				labelContent: translationsDefault["description"].value,
 				content: buildFormTextarea({
 					value: $v.value.description.$model,
 					onChange(input) {
@@ -3185,7 +3028,7 @@ const APermissionForm = defineComponent({
 				validationMessages: translationsValidation.decision_strategy.value,
 				validationSeverity: getVuelidateSeverity($v.value.decision_strategy),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.DECISION_STRATEGY].value,
+				labelContent: translationsDefault["decisionStrategy"].value,
 				content: [buildFormSelect({
 					value: $v.value.decision_strategy.$model,
 					onChange(input) {
@@ -3200,7 +3043,7 @@ const APermissionForm = defineComponent({
 				validationMessages: translationsValidation.realm_id.value,
 				validationSeverity: getVuelidateSeverity($v.value.realm_id),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.REALM].value,
+				labelContent: translationsDefault["realm"].value,
 				content: h(ARealmPicker, {
 					value: $v.value.realm_id.$model,
 					multiple: false,
@@ -3235,42 +3078,460 @@ const APermissions = defineComponent({
 			props,
 			setup
 		});
-		const translationName = useTranslation({
-			group: TranslatorTranslationGroup.DEFAULT,
-			key: TranslatorTranslationDefaultKey.PERMISSIONS
+		const translation = useTranslation({
+			group: "vuecs",
+			key: "noMore",
+			data: { name: useTranslation({
+				group: "default",
+				key: "permissions"
+			}) }
+		});
+		return () => render({ noMore: { content: translation.value } });
+	}
+});
+//#endregion
+//#region src/components/entities/policy/APolicies.ts
+const APolicies = defineComponent({
+	props: defineEntityCollectionVProps(),
+	emits: defineEntityCollectionVEmitOptions(),
+	slots: Object,
+	setup(props, setup) {
+		const { render } = defineEntityCollectionManager({
+			type: `${EntityType.POLICY}`,
+			props,
+			setup
 		});
 		const translation = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationVuecsKey.NO_MORE,
-			data: { name: translationName }
+			group: "vuecs",
+			key: "noMore",
+			data: { name: useTranslation({
+				group: "default",
+				key: "policies"
+			}) }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
 });
 //#endregion
-//#region src/components/entities/client-permission/AClientPermissionAssignments.ts
-const AClientPermissionAssignments = defineComponent({
-	props: { entityId: {
+//#region src/components/entities/policy/APolicyTypeBadge.vue?vue&type=script&lang.ts
+const typeLabels = {
+	[BuiltInPolicyType.COMPOSITE]: "Composite",
+	[BuiltInPolicyType.DATE]: "Date",
+	[BuiltInPolicyType.TIME]: "Time",
+	[BuiltInPolicyType.ATTRIBUTE_NAMES]: "Attr Names",
+	[BuiltInPolicyType.ATTRIBUTES]: "Attributes",
+	[BuiltInPolicyType.REALM_MATCH]: "Realm Match",
+	[BuiltInPolicyType.IDENTITY]: "Identity",
+	[BuiltInPolicyType.PERMISSION_BINDING]: "Perm Binding"
+};
+var APolicyTypeBadge_vue_vue_type_script_lang_default = defineComponent({
+	props: { type: {
 		type: String,
 		required: true
 	} },
-	setup(props, { slots }) {
-		return () => h(APermissions, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(AClientPermissionAssignment, {
-				clientInd: props.entityId,
-				permissionId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+	setup() {
+		return { typeLabels };
 	}
 });
 //#endregion
-//#region src/components/entities/role/ARoleForm.ts
-const ARoleForm = defineComponent({
+//#region src/components/entities/policy/APolicyTypeBadge.vue
+const _hoisted_1$20 = { class: "badge bg-info" };
+function _sfc_render$48(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("span", _hoisted_1$20, toDisplayString(_ctx.typeLabels[_ctx.type] || _ctx.type), 1);
+}
+var APolicyTypeBadge_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APolicyTypeBadge_vue_vue_type_script_lang_default, [["render", _sfc_render$48]]);
+//#endregion
+//#region src/components/entities/policy/APolicyDetailNav.vue?vue&type=script&lang.ts
+var APolicyDetailNav_vue_vue_type_script_lang_default = defineComponent({
+	props: { policyId: {
+		type: String,
+		required: true
+	} },
+	emits: ["click"],
+	setup(props, { emit }) {
+		const handleClick = (e) => {
+			e.preventDefault();
+			emit("click", props.policyId);
+		};
+		return { handleClick };
+	}
+});
+//#endregion
+//#region src/components/entities/policy/APolicyDetailNav.vue
+function _sfc_render$47(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("button", {
+		type: "button",
+		class: "btn btn-xs btn-outline-info",
+		title: "View policy details",
+		"aria-label": "View policy details",
+		onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+	}, [..._cache[1] || (_cache[1] = [createElementVNode("i", { class: "fa fa-eye" }, null, -1)])]);
+}
+var APolicyDetailNav_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APolicyDetailNav_vue_vue_type_script_lang_default, [["render", _sfc_render$47]]);
+//#endregion
+//#region src/components/entities/policy/APolicyInlineInfo.vue?vue&type=script&lang.ts
+var APolicyInlineInfo_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		APolicyTypeBadge: APolicyTypeBadge_default,
+		APolicyDetailNav: APolicyDetailNav_default
+	},
 	props: { entity: {
 		type: Object,
-		default: void 0
+		required: true
+	} },
+	emits: ["detail"],
+	setup(props, { emit }) {
+		const handleDetail = () => {
+			emit("detail", props.entity);
+		};
+		return { handleDetail };
+	}
+});
+//#endregion
+//#region src/components/entities/policy/APolicyInlineInfo.vue
+const _hoisted_1$19 = {
+	key: 0,
+	class: "badge bg-warning"
+};
+function _sfc_render$46(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_APolicyTypeBadge = resolveComponent("APolicyTypeBadge");
+	const _component_APolicyDetailNav = resolveComponent("APolicyDetailNav");
+	return openBlock(), createElementBlock(Fragment, null, [
+		createVNode(_component_APolicyTypeBadge, { type: _ctx.entity.type }, null, 8, ["type"]),
+		_ctx.entity.invert ? (openBlock(), createElementBlock("span", _hoisted_1$19, "Inverted")) : createCommentVNode("v-if", true),
+		createVNode(_component_APolicyDetailNav, {
+			"policy-id": _ctx.entity.id,
+			onClick: _ctx.handleDetail
+		}, null, 8, ["policy-id", "onClick"])
+	], 64);
+}
+var APolicyInlineInfo_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APolicyInlineInfo_vue_vue_type_script_lang_default, [["render", _sfc_render$46]]);
+//#endregion
+//#region src/components/entities/policy/APolicySummary.vue?vue&type=script&lang.ts
+var APolicySummary_vue_vue_type_script_lang_default = defineComponent({
+	components: { APolicyTypeBadge: APolicyTypeBadge_default },
+	props: { entity: {
+		type: Object,
+		required: true
+	} }
+});
+//#endregion
+//#region src/components/entities/policy/APolicySummary.vue
+const _hoisted_1$18 = { class: "d-flex flex-row gap-2 mb-2" };
+const _hoisted_2$12 = { class: "d-flex flex-row gap-2 mb-2" };
+const _hoisted_3$10 = {
+	key: 0,
+	class: "d-flex flex-row gap-2 mb-2"
+};
+const _hoisted_4$8 = {
+	key: 1,
+	class: "d-flex flex-row gap-2 mb-2"
+};
+const _hoisted_5$5 = {
+	key: 2,
+	class: "d-flex flex-row gap-2 mb-2"
+};
+const _hoisted_6$4 = {
+	key: 3,
+	class: "d-flex flex-row gap-2 mb-2"
+};
+function _sfc_render$45(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_APolicyTypeBadge = resolveComponent("APolicyTypeBadge");
+	return openBlock(), createElementBlock("div", null, [
+		createElementVNode("div", _hoisted_1$18, [_cache[0] || (_cache[0] = createElementVNode("strong", { style: { "min-width": "120px" } }, "Name", -1)), createElementVNode("div", null, toDisplayString(_ctx.entity.name), 1)]),
+		createElementVNode("div", _hoisted_2$12, [_cache[1] || (_cache[1] = createElementVNode("strong", { style: { "min-width": "120px" } }, "Type", -1)), createElementVNode("div", null, [createVNode(_component_APolicyTypeBadge, { type: _ctx.entity.type }, null, 8, ["type"])])]),
+		_ctx.entity.display_name ? (openBlock(), createElementBlock("div", _hoisted_3$10, [_cache[2] || (_cache[2] = createElementVNode("strong", { style: { "min-width": "120px" } }, "Display Name", -1)), createElementVNode("div", null, toDisplayString(_ctx.entity.display_name), 1)])) : createCommentVNode("v-if", true),
+		_ctx.entity.description ? (openBlock(), createElementBlock("div", _hoisted_4$8, [_cache[3] || (_cache[3] = createElementVNode("strong", { style: { "min-width": "120px" } }, "Description", -1)), createElementVNode("div", null, toDisplayString(_ctx.entity.description), 1)])) : createCommentVNode("v-if", true),
+		_ctx.entity.invert ? (openBlock(), createElementBlock("div", _hoisted_5$5, [..._cache[4] || (_cache[4] = [createElementVNode("strong", { style: { "min-width": "120px" } }, "Invert", -1), createElementVNode("div", null, [createElementVNode("span", { class: "badge bg-warning" }, "Yes")], -1)])])) : createCommentVNode("v-if", true),
+		_ctx.entity.built_in ? (openBlock(), createElementBlock("div", _hoisted_6$4, [..._cache[5] || (_cache[5] = [createElementVNode("strong", { style: { "min-width": "120px" } }, "Built-in", -1), createElementVNode("div", null, [createElementVNode("span", { class: "badge bg-secondary" }, "Yes")], -1)])])) : createCommentVNode("v-if", true)
+	]);
+}
+var APolicySummary_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APolicySummary_vue_vue_type_script_lang_default, [["render", _sfc_render$45]]);
+//#endregion
+//#region src/components/entities/permission-policy-binding/APermissionPolicyBindingButton.ts
+const APermissionPolicyBindingButton = defineComponent({
+	props: {
+		entityType: {
+			type: String,
+			required: true
+		},
+		entity: {
+			type: Object,
+			required: true
+		}
+	},
+	emits: ["updated", "failed"],
+	setup(props, { emit }) {
+		const client = injectHTTPClient();
+		const modalOpen = ref(false);
+		const busy = ref(false);
+		const currentPolicyId = ref(props.entity.policy_id);
+		const detailPolicy = ref(null);
+		watch(toRef(props, "entity"), (val) => {
+			currentPolicyId.value = val.policy_id;
+		}, { deep: true });
+		const handleKeydown = (e) => {
+			if (e.key === "Escape") {
+				if (detailPolicy.value) detailPolicy.value = null;
+				else if (modalOpen.value) modalOpen.value = false;
+			}
+		};
+		onMounted(() => {
+			document.addEventListener("keydown", handleKeydown);
+		});
+		onUnmounted(() => {
+			document.removeEventListener("keydown", handleKeydown);
+		});
+		const handlePolicySelect = async (policyId) => {
+			if (busy.value) return;
+			const api = hasOwnProperty(client, props.entityType) ? client[props.entityType] : void 0;
+			if (!api || !api.update) return;
+			busy.value = true;
+			try {
+				const response = await api.update(props.entity.id, { policy_id: policyId });
+				currentPolicyId.value = policyId;
+				emit("updated", response);
+			} catch (e) {
+				if (e instanceof Error) emit("failed", e);
+			} finally {
+				busy.value = false;
+			}
+		};
+		const modalTitleId = `policy-modal-title-${props.entity.id}`;
+		return () => {
+			const children = [];
+			children.push(h("button", {
+				class: ["btn btn-xs", {
+					"btn-dark": busy.value,
+					"btn-primary": !busy.value && currentPolicyId.value,
+					"btn-secondary": !busy.value && !currentPolicyId.value
+				}],
+				disabled: busy.value,
+				onClick(e) {
+					e.preventDefault();
+					modalOpen.value = true;
+				}
+			}, [h("i", { class: "fa fa-cog" })]));
+			if (modalOpen.value) {
+				const backdrop = h("div", {
+					class: "modal-backdrop fade show",
+					onClick() {
+						if (detailPolicy.value) detailPolicy.value = null;
+						else modalOpen.value = false;
+					}
+				});
+				let modalTitle;
+				let modalBody;
+				let modalFooter;
+				if (detailPolicy.value) {
+					const policy = detailPolicy.value;
+					modalTitle = policy.name;
+					modalBody = h(APolicySummary_default, { entity: policy });
+					modalFooter = [h("button", {
+						type: "button",
+						class: "btn btn-outline-secondary btn-xs",
+						onClick() {
+							detailPolicy.value = null;
+						}
+					}, [h("i", { class: "fa fa-arrow-left me-1" }), "Back"])];
+				} else {
+					modalTitle = "Junction Policy";
+					modalBody = h(APolicies, { query: { filters: { parent_id: null } } }, { [SlotName.ITEM]: (slotProps) => {
+						const isSelected = currentPolicyId.value === slotProps.data.id;
+						return [
+							h("div", [slotProps.data.name]),
+							h(APolicyInlineInfo_default, {
+								entity: slotProps.data,
+								onDetail: (policy) => {
+									detailPolicy.value = policy;
+								}
+							}),
+							h("div", { class: "ms-auto" }, [h("button", {
+								class: ["btn btn-xs", {
+									"btn-dark": busy.value,
+									"btn-success": !busy.value && isSelected,
+									"btn-secondary": !busy.value && !isSelected
+								}],
+								disabled: busy.value,
+								onClick(e) {
+									e.preventDefault();
+									if (isSelected) handlePolicySelect(null);
+									else handlePolicySelect(slotProps.data.id);
+								}
+							}, [h("i", { class: ["fa", {
+								"fa-check": isSelected,
+								"fa-plus": !isSelected
+							}] })])])
+						];
+					} });
+					modalFooter = [currentPolicyId.value ? h("button", {
+						type: "button",
+						class: "btn btn-warning btn-xs",
+						disabled: busy.value,
+						onClick() {
+							handlePolicySelect(null);
+						}
+					}, "Reset") : void 0, h("button", {
+						type: "button",
+						class: "btn btn-secondary btn-xs",
+						onClick() {
+							modalOpen.value = false;
+						}
+					}, "Close")];
+				}
+				const modal = h("div", {
+					class: "modal fade show d-block",
+					tabindex: "-1",
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": modalTitleId
+				}, [h("div", {
+					class: "modal-dialog",
+					role: "document",
+					onClick(e) {
+						e.stopPropagation();
+					}
+				}, [h("div", { class: "modal-content" }, [
+					h("div", { class: "modal-header" }, [h("h5", {
+						class: "modal-title",
+						id: modalTitleId
+					}, modalTitle), h("button", {
+						type: "button",
+						class: "btn-close",
+						"aria-label": "Close",
+						onClick() {
+							if (detailPolicy.value) detailPolicy.value = null;
+							else modalOpen.value = false;
+						}
+					})]),
+					h("div", { class: "modal-body" }, [modalBody]),
+					h("div", { class: "modal-footer" }, modalFooter)
+				])])]);
+				children.push(h(Teleport, { to: "body" }, [backdrop, modal]));
+			}
+			return h("span", children);
+		};
+	}
+});
+//#endregion
+//#region src/components/entities/client-permission/AClientPermissionAssignment.vue?vue&type=script&lang.ts
+var AClientPermissionAssignment_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		AToggleButton: AToggleButton_default,
+		APermissionPolicyBindingButton
+	},
+	props: {
+		clientId: {
+			type: String,
+			required: true
+		},
+		permissionId: {
+			type: String,
+			required: true
+		}
+	},
+	emits: defineEntityVEmitOptions(),
+	async setup(props, setup) {
+		const manager = defineEntityManager({
+			type: `${EntityType.CLIENT_PERMISSION}`,
+			setup,
+			query: () => ({ filters: {
+				client_id: props.clientId,
+				permission_id: props.permissionId
+			} }),
+			socket: { processEvent(event) {
+				return event.data.permission_id === props.permissionId && event.data.client_id === props.clientId;
+			} }
+		});
+		await manager.resolve({ query: { filters: {
+			client_id: props.clientId,
+			permission_id: props.permissionId
+		} } });
+		const handleChanged = (value) => {
+			if (value) return manager.create({
+				client_id: props.clientId,
+				permission_id: props.permissionId
+			});
+			return manager.delete();
+		};
+		const handleUpdated = (entity) => {
+			manager.updated(entity);
+		};
+		return {
+			manager,
+			handleChanged,
+			handleUpdated,
+			EntityType
+		};
+	}
+});
+//#endregion
+//#region src/components/entities/client-permission/AClientPermissionAssignment.vue
+const _hoisted_1$17 = { class: "d-flex gap-1" };
+function _sfc_render$44(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AToggleButton = resolveComponent("AToggleButton");
+	const _component_APermissionPolicyBindingButton = resolveComponent("APermissionPolicyBindingButton");
+	return openBlock(), createElementBlock("span", _hoisted_1$17, [createVNode(_component_AToggleButton, {
+		value: !!_ctx.manager.data.value,
+		"is-busy": _ctx.manager.busy.value,
+		onChanged: _ctx.handleChanged
+	}, null, 8, [
+		"value",
+		"is-busy",
+		"onChanged"
+	]), _ctx.manager.data.value ? (openBlock(), createBlock(_component_APermissionPolicyBindingButton, {
+		key: _ctx.manager.data.value.id,
+		"entity-type": _ctx.EntityType.CLIENT_PERMISSION,
+		entity: _ctx.manager.data.value,
+		onUpdated: _ctx.handleUpdated
+	}, null, 8, [
+		"entity-type",
+		"entity",
+		"onUpdated"
+	])) : createCommentVNode("v-if", true)]);
+}
+var AClientPermissionAssignment_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AClientPermissionAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$44]]);
+//#endregion
+//#region src/components/entities/client-permission/AClientPermissionAssignments.vue?vue&type=script&lang.ts
+var AClientPermissionAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		APermissions,
+		AClientPermissionAssignment: AClientPermissionAssignment_default
+	},
+	props: { entityId: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
+	}
+});
+//#endregion
+//#region src/components/entities/client-permission/AClientPermissionAssignments.vue
+function _sfc_render$43(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AClientPermissionAssignment = resolveComponent("AClientPermissionAssignment");
+	const _component_APermissions = resolveComponent("APermissions");
+	return openBlock(), createBlock(_component_APermissions, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_AClientPermissionAssignment, {
+			key: data.id,
+			"client-id": _ctx.entityId,
+			"permission-id": data.id
+		}, null, 8, ["client-id", "permission-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var AClientPermissionAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AClientPermissionAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$43]]);
+//#endregion
+//#region src/components/entities/role/ARoleForm.ts
+const ARoleForm = defineComponent({
+	props: { entity: {
+		type: Object,
+		default: void 0
 	} },
 	emits: defineEntityVEmitOptions(),
 	setup(props, ctx) {
@@ -3286,7 +3547,7 @@ const ARoleForm = defineComponent({
 				required,
 				minLength: minLength(3),
 				maxLength: maxLength(30),
-				[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]
+				["alphaUpperNumHyphenUnderscoreDot"]: VuelidateCustomRule["alphaUpperNumHyphenUnderscoreDot"]
 			},
 			display_name: {
 				minLength: minLength(3),
@@ -3326,11 +3587,11 @@ const ARoleForm = defineComponent({
 		};
 		const translationsValidation = useTranslationsForNestedValidation($v.value);
 		const translationsSubmit = createFormSubmitTranslations();
-		const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
-			{ key: TranslatorTranslationDefaultKey.NAME },
-			{ key: TranslatorTranslationDefaultKey.DISPLAY_NAME },
-			{ key: TranslatorTranslationDefaultKey.DESCRIPTION },
-			{ key: TranslatorTranslationDefaultKey.REALM }
+		const translationsDefault = useTranslationsForGroup("default", [
+			{ key: "name" },
+			{ key: "displayName" },
+			{ key: "description" },
+			{ key: "realm" }
 		]);
 		const render = () => {
 			const children = [];
@@ -3338,7 +3599,7 @@ const ARoleForm = defineComponent({
 				validationMessages: translationsValidation.name.value,
 				validationSeverity: getVuelidateSeverity($v.value.name),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
+				labelContent: translationsDefault["name"].value,
 				content: buildFormInput({
 					value: $v.value.name.$model,
 					onChange(input) {
@@ -3350,7 +3611,7 @@ const ARoleForm = defineComponent({
 				validationMessages: translationsValidation.display_name.value,
 				validationSeverity: getVuelidateSeverity($v.value.display_name),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+				labelContent: translationsDefault["displayName"].value,
 				content: buildFormInput({
 					value: $v.value.display_name.$model,
 					onChange(input) {
@@ -3362,7 +3623,7 @@ const ARoleForm = defineComponent({
 				validationMessages: translationsValidation.description.value,
 				validationSeverity: getVuelidateSeverity($v.value.description),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
+				labelContent: translationsDefault["description"].value,
 				content: buildFormTextarea({
 					value: $v.value.description.$model,
 					onChange(input) {
@@ -3375,7 +3636,7 @@ const ARoleForm = defineComponent({
 				validationMessages: translationsValidation.realm_id.value,
 				validationSeverity: getVuelidateSeverity($v.value.realm_id),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.REALM].value,
+				labelContent: translationsDefault["realm"].value,
 				content: h(ARealmPicker, {
 					value: $v.value.realm_id.$model,
 					onChange: (input) => {
@@ -3409,14 +3670,13 @@ const ARoles = defineComponent({
 			props,
 			setup: ctx
 		});
-		const translationName = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationDefaultKey.ROLES
-		});
 		const translation = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationVuecsKey.NO_MORE,
-			data: { name: translationName }
+			group: "vuecs",
+			key: "noMore",
+			data: { name: useTranslation({
+				group: "vuecs",
+				key: "roles"
+			}) }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -3442,17 +3702,28 @@ const ARole = defineComponent({
 	}
 });
 //#endregion
-//#region src/components/entities/client-role/AClientRoleAssignment.ts
-const AClientRoleAssignment = defineComponent({
+//#region src/components/entities/client-role/AClientRoleAssignment.vue?vue&type=script&lang.ts
+var AClientRoleAssignment_vue_vue_type_script_lang_default = defineComponent({
+	components: { AToggleButton: AToggleButton_default },
 	props: {
-		roleId: String,
-		clientId: String
+		roleId: {
+			type: String,
+			required: true
+		},
+		clientId: {
+			type: String,
+			required: true
+		}
 	},
 	emits: defineEntityVEmitOptions(),
 	async setup(props, setup) {
 		const manager = defineEntityManager({
 			type: `${EntityType.CLIENT_ROLE}`,
 			setup,
+			query: () => ({ filters: {
+				client_id: props.clientId,
+				role_id: props.roleId
+			} }),
 			socket: { processEvent(event) {
 				return event.data.client_id === props.clientId && event.data.role_id === props.roleId;
 			} }
@@ -3461,38 +3732,76 @@ const AClientRoleAssignment = defineComponent({
 			client_id: props.clientId,
 			role_id: props.roleId
 		} } });
-		return () => renderToggleButton({
-			changed: (value) => {
-				if (value) return manager.create({
-					client_id: props.clientId,
-					role_id: props.roleId
-				});
-				return manager.delete();
-			},
-			value: !!manager.data.value,
-			isBusy: manager.busy.value
-		});
+		const handleChanged = (value) => {
+			if (value) return manager.create({
+				client_id: props.clientId,
+				role_id: props.roleId
+			});
+			return manager.delete();
+		};
+		return {
+			manager,
+			handleChanged
+		};
 	}
 });
 //#endregion
-//#region src/components/entities/client-role/AClientRoleAssignments.ts
-const AClientRoleAssignments = defineComponent({
+//#region src/components/entities/client-role/AClientRoleAssignment.vue
+function _sfc_render$42(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AToggleButton = resolveComponent("AToggleButton");
+	return openBlock(), createBlock(_component_AToggleButton, {
+		value: !!_ctx.manager.data.value,
+		"is-busy": _ctx.manager.busy.value,
+		onChanged: _ctx.handleChanged
+	}, null, 8, [
+		"value",
+		"is-busy",
+		"onChanged"
+	]);
+}
+var AClientRoleAssignment_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AClientRoleAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$42]]);
+//#endregion
+//#region src/components/entities/client-role/AClientRoleAssignments.vue?vue&type=script&lang.ts
+var AClientRoleAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		ARoles,
+		AClientRoleAssignment: AClientRoleAssignment_default
+	},
 	props: {
-		entityId: String,
+		entityId: {
+			type: String,
+			required: true
+		},
 		realmId: String
 	},
 	setup(props, { slots }) {
-		return () => h(ARoles, { query: { filters: { realm_id: [...props.realmId ? [props.realmId] : [], null] } } }, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(AClientRoleAssignment, {
-				clientId: props.entityId,
-				roleId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return {
+			query: computed(() => ({ filters: { realm_id: [...props.realmId ? [props.realmId] : [], null] } })),
+			forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions")))
+		};
 	}
 });
 //#endregion
+//#region src/components/entities/client-role/AClientRoleAssignments.vue
+function _sfc_render$41(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AClientRoleAssignment = resolveComponent("AClientRoleAssignment");
+	const _component_ARoles = resolveComponent("ARoles");
+	return openBlock(), createBlock(_component_ARoles, { query: _ctx.query }, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_AClientRoleAssignment, {
+			key: data.id,
+			"client-id": _ctx.entityId,
+			"role-id": data.id
+		}, null, 8, ["client-id", "role-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1032, ["query"]);
+}
+var AClientRoleAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AClientRoleAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$41]]);
+//#endregion
 //#region src/components/entities/client-scope/AClientScope.ts
 const AClientScope = defineComponent({
 	props: defineEntityVProps(),
@@ -3524,14 +3833,13 @@ const AClientScopes = defineComponent({
 			props,
 			setup: ctx
 		});
-		const translationClientScopes = useTranslation({
-			group: TranslatorTranslationGroup.DEFAULT,
-			key: TranslatorTranslationDefaultKey.CLIENT_SCOPES
-		});
 		const translation = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationVuecsKey.NO_MORE,
-			data: { name: translationClientScopes }
+			group: "vuecs",
+			key: "noMore",
+			data: { name: useTranslation({
+				group: "default",
+				key: "clientScopes"
+			}) }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -3558,7 +3866,7 @@ const AScopeForm = defineComponent({
 		const $v = useVuelidate({
 			name: {
 				required,
-				[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT],
+				["alphaUpperNumHyphenUnderscoreDot"]: VuelidateCustomRule["alphaUpperNumHyphenUnderscoreDot"],
 				minLength: minLength(3),
 				maxLength: maxLength(256)
 			},
@@ -3605,11 +3913,11 @@ const AScopeForm = defineComponent({
 		};
 		const translationsValidation = useTranslationsForNestedValidation($v.value);
 		const translationsSubmit = createFormSubmitTranslations();
-		const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
-			{ key: TranslatorTranslationDefaultKey.NAME },
-			{ key: TranslatorTranslationDefaultKey.DISPLAY_NAME },
-			{ key: TranslatorTranslationDefaultKey.DESCRIPTION },
-			{ key: TranslatorTranslationDefaultKey.REALM }
+		const translationsDefault = useTranslationsForGroup("default", [
+			{ key: "name" },
+			{ key: "displayName" },
+			{ key: "description" },
+			{ key: "realm" }
 		]);
 		return () => {
 			const children = [
@@ -3617,7 +3925,7 @@ const AScopeForm = defineComponent({
 					validationMessages: translationsValidation.name.value,
 					validationSeverity: getVuelidateSeverity($v.value.name),
 					label: true,
-					labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
+					labelContent: translationsDefault["name"].value,
 					content: buildFormInput({
 						value: $v.value.name.$model,
 						onChange(input) {
@@ -3630,7 +3938,7 @@ const AScopeForm = defineComponent({
 					validationMessages: translationsValidation.display_name.value,
 					validationSeverity: getVuelidateSeverity($v.value.display_name),
 					label: true,
-					labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+					labelContent: translationsDefault["displayName"].value,
 					content: buildFormInput({
 						value: $v.value.display_name.$model,
 						onChange(input) {
@@ -3642,7 +3950,7 @@ const AScopeForm = defineComponent({
 					validationMessages: translationsValidation.description.value,
 					validationSeverity: getVuelidateSeverity($v.value.description),
 					label: true,
-					labelContent: translationsDefault[TranslatorTranslationDefaultKey.DESCRIPTION].value,
+					labelContent: translationsDefault["description"].value,
 					content: buildFormTextarea({
 						value: $v.value.description.$model,
 						onChange(input) {
@@ -3656,7 +3964,7 @@ const AScopeForm = defineComponent({
 				validationMessages: translationsValidation.realm_id.value,
 				validationSeverity: getVuelidateSeverity($v.value.realm_id),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.REALM].value,
+				labelContent: translationsDefault["realm"].value,
 				content: h(ARealmPicker, {
 					value: $v.value.realm_id.$model,
 					onChange: (input) => {
@@ -3689,14 +3997,13 @@ const AScopes = defineComponent({
 			props,
 			setup: ctx
 		});
-		const translationName = useTranslation({
-			group: TranslatorTranslationGroup.DEFAULT,
-			key: TranslatorTranslationDefaultKey.SCOPES
-		});
 		const translation = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationVuecsKey.NO_MORE,
-			data: { name: translationName }
+			group: "vuecs",
+			key: "noMore",
+			data: { name: useTranslation({
+				group: "default",
+				key: "scopes"
+			}) }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -3722,17 +4029,28 @@ const AScope = defineComponent({
 	}
 });
 //#endregion
-//#region src/components/entities/client-scope/AClientScopeAssignment.ts
-const AClientScopeAssignment = defineComponent({
+//#region src/components/entities/client-scope/AClientScopeAssignment.vue?vue&type=script&lang.ts
+var AClientScopeAssignment_vue_vue_type_script_lang_default = defineComponent({
+	components: { AToggleButton: AToggleButton_default },
 	props: {
-		clientId: String,
-		scopeId: String
+		clientId: {
+			type: String,
+			required: true
+		},
+		scopeId: {
+			type: String,
+			required: true
+		}
 	},
 	emits: defineEntityVEmitOptions(),
 	async setup(props, setup) {
 		const manager = defineEntityManager({
 			type: `${EntityType.CLIENT_SCOPE}`,
 			setup,
+			query: () => ({ filters: {
+				client_id: props.clientId,
+				scope_id: props.scopeId
+			} }),
 			socket: { processEvent(event) {
 				return event.data.client_id === props.clientId && event.data.scope_id === props.scopeId;
 			} }
@@ -3741,38 +4059,70 @@ const AClientScopeAssignment = defineComponent({
 			client_id: props.clientId,
 			scope_id: props.scopeId
 		} } });
-		return () => renderToggleButton({
-			changed: (value) => {
-				if (value) return manager.create({
-					client_id: props.clientId,
-					scope_id: props.scopeId
-				});
-				return manager.delete();
-			},
-			value: !!manager.data.value,
-			isBusy: manager.busy.value
-		});
+		const handleChanged = (value) => {
+			if (value) return manager.create({
+				client_id: props.clientId,
+				scope_id: props.scopeId
+			});
+			return manager.delete();
+		};
+		return {
+			manager,
+			handleChanged
+		};
 	}
 });
 //#endregion
-//#region src/components/entities/client-scope/AClientScopeAssignments.ts
-const AClientScopeAssignments = defineComponent({
+//#region src/components/entities/client-scope/AClientScopeAssignment.vue
+function _sfc_render$40(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AToggleButton = resolveComponent("AToggleButton");
+	return openBlock(), createBlock(_component_AToggleButton, {
+		value: !!_ctx.manager.data.value,
+		"is-busy": _ctx.manager.busy.value,
+		onChanged: _ctx.handleChanged
+	}, null, 8, [
+		"value",
+		"is-busy",
+		"onChanged"
+	]);
+}
+var AClientScopeAssignment_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AClientScopeAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$40]]);
+//#endregion
+//#region src/components/entities/client-scope/AClientScopeAssignments.vue?vue&type=script&lang.ts
+var AClientScopeAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		AScopes,
+		AClientScopeAssignment: AClientScopeAssignment_default
+	},
 	props: { entityId: {
 		type: String,
 		required: true
 	} },
 	setup(props, { slots }) {
-		return () => h(AScopes, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(AClientScopeAssignment, {
-				clientId: props.entityId,
-				scopeId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
+//#region src/components/entities/client-scope/AClientScopeAssignments.vue
+function _sfc_render$39(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AClientScopeAssignment = resolveComponent("AClientScopeAssignment");
+	const _component_AScopes = resolveComponent("AScopes");
+	return openBlock(), createBlock(_component_AScopes, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_AClientScopeAssignment, {
+			key: data.id,
+			"client-id": _ctx.entityId,
+			"scope-id": data.id
+		}, null, 8, ["client-id", "scope-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var AClientScopeAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AClientScopeAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$39]]);
+//#endregion
 //#region src/components/entities/identity-provider/AIdentityProvider.ts
 const AIdentityProvider = defineComponent({
 	props: defineEntityVProps(),
@@ -3808,7 +4158,7 @@ const AIdentityProviderBasicFields = defineComponent({
 				required,
 				minLength: minLength(3),
 				maxLength: maxLength(128),
-				[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]
+				["alphaUpperNumHyphenUnderscoreDot"]: VuelidateCustomRule["alphaUpperNumHyphenUnderscoreDot"]
 			},
 			display_name: {
 				minLength: minLength(3),
@@ -3833,10 +4183,10 @@ const AIdentityProviderBasicFields = defineComponent({
 		setup.expose({ assign });
 		onChange(useUpdatedAt(props.entity), () => assign(props.entity));
 		assign(props.entity);
-		const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
-			{ key: TranslatorTranslationDefaultKey.DISPLAY_NAME },
-			{ key: TranslatorTranslationDefaultKey.NAME },
-			{ key: TranslatorTranslationDefaultKey.DESCRIPTION }
+		const translationsDefault = useTranslationsForGroup("default", [
+			{ key: "displayName" },
+			{ key: "name" },
+			{ key: "description" }
 		]);
 		const translationsValidation = useTranslationsForNestedValidation($v.value);
 		return () => {
@@ -3845,7 +4195,7 @@ const AIdentityProviderBasicFields = defineComponent({
 					validationMessages: translationsValidation.name.value,
 					validationSeverity: getVuelidateSeverity($v.value.name),
 					label: true,
-					labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
+					labelContent: translationsDefault["name"].value,
 					content: buildFormInput({
 						value: $v.value.name.$model,
 						onChange(input) {
@@ -3869,7 +4219,7 @@ const AIdentityProviderBasicFields = defineComponent({
 					validationMessages: translationsValidation.display_name.value,
 					validationSeverity: getVuelidateSeverity($v.value.display_name),
 					label: true,
-					labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+					labelContent: translationsDefault["displayName"].value,
 					content: buildFormInput({
 						value: $v.value.display_name.$model,
 						onChange(input) {
@@ -4449,15 +4799,15 @@ var AIdentityProviderPicker_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderPicker.vue
-const _hoisted_1$11 = { class: "d-flex flex-column gap-2" };
-const _hoisted_2$9 = { class: "d-flex flex-row gap-2 flex-wrap" };
-const _hoisted_3$7 = ["onClick"];
-const _hoisted_4$5 = { class: "d-flex flex-row gap-2 flex-wrap" };
-const _hoisted_5$2 = ["onClick"];
-function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$16 = { class: "d-flex flex-column gap-2" };
+const _hoisted_2$11 = { class: "d-flex flex-row gap-2 flex-wrap" };
+const _hoisted_3$9 = ["onClick"];
+const _hoisted_4$7 = { class: "d-flex flex-row gap-2 flex-wrap" };
+const _hoisted_5$4 = ["onClick"];
+function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AIdentityProviderProtocol = resolveComponent("AIdentityProviderProtocol");
 	const _component_AIdentityProviderPreset = resolveComponent("AIdentityProviderPreset");
-	return openBlock(), createElementBlock("div", _hoisted_1$11, [createElementVNode("div", null, [_cache[0] || (_cache[0] = createElementVNode("h6", null, "Protocols", -1)), createElementVNode("div", _hoisted_2$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.protocols, (item, key) => {
+	return openBlock(), createElementBlock("div", _hoisted_1$16, [createElementVNode("div", null, [_cache[0] || (_cache[0] = createElementVNode("h6", null, "Protocols", -1)), createElementVNode("div", _hoisted_2$11, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.protocols, (item, key) => {
 		return openBlock(), createBlock(_component_AIdentityProviderProtocol, {
 			key,
 			id: item
@@ -4465,10 +4815,10 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
 			default: withCtx((props) => [createElementVNode("div", {
 				class: normalizeClass([{ "active": item === _ctx.protocol && !_ctx.preset }, "d-flex flex-column gap-1 text-center identity-provider-picker-item"]),
 				onClick: withModifiers(($event) => _ctx.pickProtocol(item), ["prevent"])
-			}, [createElementVNode("div", null, [createElementVNode("i", { class: normalizeClass(["fa-2x", props.icon]) }, null, 2)]), createElementVNode("div", null, toDisplayString(props.name), 1)], 10, _hoisted_3$7)]),
+			}, [createElementVNode("div", null, [createElementVNode("i", { class: normalizeClass(["fa-2x", props.icon]) }, null, 2)]), createElementVNode("div", null, toDisplayString(props.name), 1)], 10, _hoisted_3$9)]),
 			_: 2
 		}, 1032, ["id"]);
-	}), 128))])]), createElementVNode("div", null, [_cache[1] || (_cache[1] = createElementVNode("h6", null, "Presets", -1)), createElementVNode("div", _hoisted_4$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (item, key) => {
+	}), 128))])]), createElementVNode("div", null, [_cache[1] || (_cache[1] = createElementVNode("h6", null, "Presets", -1)), createElementVNode("div", _hoisted_4$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (item, key) => {
 		return openBlock(), createBlock(_component_AIdentityProviderPreset, {
 			key,
 			id: item
@@ -4476,12 +4826,12 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
 			default: withCtx((props) => [createElementVNode("div", {
 				class: normalizeClass([{ "active": item === _ctx.preset }, "d-flex flex-column gap-1 text-center identity-provider-picker-item"]),
 				onClick: withModifiers(($event) => _ctx.pickPreset(item), ["prevent"])
-			}, [createElementVNode("div", null, [createElementVNode("i", { class: normalizeClass(["fa-2x", props.icon]) }, null, 2)]), createElementVNode("div", null, toDisplayString(props.name), 1)], 10, _hoisted_5$2)]),
+			}, [createElementVNode("div", null, [createElementVNode("i", { class: normalizeClass(["fa-2x", props.icon]) }, null, 2)]), createElementVNode("div", null, toDisplayString(props.name), 1)], 10, _hoisted_5$4)]),
 			_: 2
 		}, 1032, ["id"]);
 	}), 128))])])]);
 }
-var AIdentityProviderPicker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AIdentityProviderPicker_vue_vue_type_script_lang_default, [["render", _sfc_render$14], ["__scopeId", "data-v-cb0d0718"]]);
+var AIdentityProviderPicker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AIdentityProviderPicker_vue_vue_type_script_lang_default, [["render", _sfc_render$38], ["__scopeId", "data-v-cb0d0718"]]);
 //#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderOAuth2ClientFields.ts
 const AIdentityProviderOAuth2ClientFields = defineComponent({
@@ -4535,69 +4885,71 @@ const AIdentityProviderOAuth2ClientFields = defineComponent({
 	}
 });
 //#endregion
-//#region src/components/entities/identity-provider/AIdentityProviderOAuth2Discovery.ts
-const AIdentityProviderOAuth2Discovery = defineComponent({
-	emits: ["lookup", "failed"],
-	setup(_, setup) {
-		const busy = ref(false);
-		const form = reactive({ url: "" });
-		const $v = useVuelidate({ url: { url } }, form);
-		const lookupValid = ref(false);
-		const message = ref(null);
-		const apiClient = new Client();
-		const lookup = async () => {
-			if (busy.value || $v.value.url.$invalid) return;
-			try {
-				const response = await apiClient.get(form.url);
-				if (isOpenIDProviderMetadata(response.data)) {
-					setup.emit("lookup", response.data);
-					lookupValid.value = true;
-				}
-			} catch (e) {
-				lookupValid.value = false;
-				if (e instanceof Error) {
-					message.value = `Lookup failed with: ${e.message}`;
-					setup.emit("failed", e);
-				}
-			} finally {
-				busy.value = false;
-			}
-		};
-		const validationMessages = useTranslationsForBaseValidation($v.value.url);
-		return () => {
-			let messageNode;
-			if (message.value) messageNode = h("div", { class: "alert alert-sm alert-warning" }, message.value);
-			return [
-				buildFormGroup({
-					validationMessages: validationMessages.value,
-					validationSeverity: getVuelidateSeverity($v.value.url),
-					labelContent: "Discovery",
-					content: buildFormInput({
-						class: { "is-valid": lookupValid.value },
-						props: { placeholder: "https://example.com/.well-known/openid-configuration" },
-						value: $v.value.url.$model,
-						onChange(input) {
-							$v.value.url.$model = input;
+//#region src/components/entities/identity-provider/AIdentityProviderOAuth2EndpointFields.vue?vue&type=script&lang.ts
+var AIdentityProviderOAuth2EndpointFields_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		VCFormGroup,
+		VCFormInput,
+		AIdentityProviderOAuth2Discovery: defineComponent({
+			emits: ["lookup", "failed"],
+			setup(_, setup) {
+				const busy = ref(false);
+				const form = reactive({ url: "" });
+				const $v = useVuelidate({ url: { url } }, form);
+				const lookupValid = ref(false);
+				const message = ref(null);
+				const apiClient = new Client();
+				const lookup = async () => {
+					if (busy.value || $v.value.url.$invalid) return;
+					try {
+						const response = await apiClient.get(form.url);
+						if (isOpenIDProviderMetadata(response.data)) {
+							setup.emit("lookup", response.data);
+							lookupValid.value = true;
 						}
-					})
-				}),
-				messageNode,
-				h("button", {
-					type: "button",
-					class: "btn btn-xs btn-primary mb-1",
-					disabled: !form.url || $v.value.$invalid,
-					onClick($event) {
-						$event.preventDefault();
-						return lookup();
+					} catch (e) {
+						lookupValid.value = false;
+						if (e instanceof Error) {
+							message.value = `Lookup failed with: ${e.message}`;
+							setup.emit("failed", e);
+						}
+					} finally {
+						busy.value = false;
 					}
-				}, [h("i", { class: "fa fa-search pe-1" }), "Lookup"])
-			];
-		};
-	}
-});
-//#endregion
-//#region src/components/entities/identity-provider/AIdentityProviderOAuth2EndpointFields.ts
-const AIdentityProviderOAuth2EndpointFields = defineComponent({
+				};
+				const validationMessages = useTranslationsForBaseValidation($v.value.url);
+				return () => {
+					let messageNode;
+					if (message.value) messageNode = h("div", { class: "alert alert-sm alert-warning" }, message.value);
+					return [
+						buildFormGroup({
+							validationMessages: validationMessages.value,
+							validationSeverity: getVuelidateSeverity($v.value.url),
+							labelContent: "Discovery",
+							content: buildFormInput({
+								class: { "is-valid": lookupValid.value },
+								props: { placeholder: "https://example.com/.well-known/openid-configuration" },
+								value: $v.value.url.$model,
+								onChange(input) {
+									$v.value.url.$model = input;
+								}
+							})
+						}),
+						messageNode,
+						h("button", {
+							type: "button",
+							class: "btn btn-xs btn-primary mb-1",
+							disabled: !form.url || $v.value.$invalid,
+							onClick($event) {
+								$event.preventDefault();
+								return lookup();
+							}
+						}, [h("i", { class: "fa fa-search pe-1" }), "Lookup"])
+					];
+				};
+			}
+		})
+	},
 	props: {
 		entity: { type: Object },
 		discovery: {
@@ -4624,64 +4976,81 @@ const AIdentityProviderOAuth2EndpointFields = defineComponent({
 			user_info_url: { url }
 		}, form, { $registerAs: "endpoint" });
 		function init() {
+			form.token_url = "";
+			form.authorize_url = "";
+			form.user_info_url = "";
 			if (!props.entity) return;
 			assignFormProperties(form, props.entity);
 		}
 		onChange(useUpdatedAt(props.entity), () => init());
 		init();
 		const validationMessages = useTranslationsForNestedValidation($v.value);
-		return () => {
-			let discoveryNode;
-			if (props.discovery) discoveryNode = [h(AIdentityProviderOAuth2Discovery, { onLookup(data) {
-				form.authorize_url = data.authorization_endpoint;
-				form.token_url = data.token_endpoint;
-			} })];
-			return [
-				discoveryNode,
-				buildFormGroup({
-					validationMessages: validationMessages.token_url.value,
-					validationSeverity: getVuelidateSeverity($v.value.token_url),
-					label: true,
-					labelContent: "Token",
-					content: buildFormInput({
-						value: $v.value.token_url.$model,
-						onChange(input) {
-							$v.value.token_url.$model = input;
-						},
-						props: { placeholder: "https://..." }
-					})
-				}),
-				buildFormGroup({
-					validationMessages: validationMessages.authorize_url.value,
-					validationSeverity: getVuelidateSeverity($v.value.authorize_url),
-					label: true,
-					labelContent: "Authorize",
-					content: buildFormInput({
-						value: $v.value.authorize_url.$model,
-						onChange(input) {
-							$v.value.authorize_url.$model = input;
-						},
-						props: { placeholder: "https://..." }
-					})
-				}),
-				buildFormGroup({
-					validationMessages: validationMessages.user_info_url.value,
-					validationSeverity: getVuelidateSeverity($v.value.user_info_url),
-					label: true,
-					labelContent: "UserInfo",
-					content: buildFormInput({
-						value: $v.value.user_info_url.$model,
-						onChange(input) {
-							$v.value.user_info_url.$model = input;
-						},
-						props: { placeholder: "https://..." }
-					})
-				})
-			];
+		const handleDiscoveryLookup = (data) => {
+			form.authorize_url = data.authorization_endpoint;
+			form.token_url = data.token_endpoint;
+		};
+		return {
+			$v,
+			validationMessages,
+			handleDiscoveryLookup,
+			getVuelidateSeverity
 		};
 	}
 });
 //#endregion
+//#region src/components/entities/identity-provider/AIdentityProviderOAuth2EndpointFields.vue
+function _sfc_render$37(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AIdentityProviderOAuth2Discovery = resolveComponent("AIdentityProviderOAuth2Discovery");
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	return openBlock(), createElementBlock(Fragment, null, [
+		_ctx.discovery ? (openBlock(), createBlock(_component_AIdentityProviderOAuth2Discovery, {
+			key: 0,
+			onLookup: _ctx.handleDiscoveryLookup
+		}, null, 8, ["onLookup"])) : createCommentVNode("v-if", true),
+		createVNode(_component_VCFormGroup, {
+			label: true,
+			"validation-messages": _ctx.validationMessages.token_url.value,
+			"validation-severity": _ctx.getVuelidateSeverity(_ctx.$v.token_url)
+		}, {
+			label: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Token ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.$v.token_url.$model,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$v.token_url.$model = $event),
+				placeholder: "https://..."
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"]),
+		createVNode(_component_VCFormGroup, {
+			label: true,
+			"validation-messages": _ctx.validationMessages.authorize_url.value,
+			"validation-severity": _ctx.getVuelidateSeverity(_ctx.$v.authorize_url)
+		}, {
+			label: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Authorize ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.$v.authorize_url.$model,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$v.authorize_url.$model = $event),
+				placeholder: "https://..."
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"]),
+		createVNode(_component_VCFormGroup, {
+			label: true,
+			"validation-messages": _ctx.validationMessages.user_info_url.value,
+			"validation-severity": _ctx.getVuelidateSeverity(_ctx.$v.user_info_url)
+		}, {
+			label: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" UserInfo ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.$v.user_info_url.$model,
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$v.user_info_url.$model = $event),
+				placeholder: "https://..."
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"])
+	], 64);
+}
+var AIdentityProviderOAuth2EndpointFields_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AIdentityProviderOAuth2EndpointFields_vue_vue_type_script_lang_default, [["render", _sfc_render$37]]);
+//#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderOAuth2Form.ts
 const AIdentityProviderOAuth2Form = defineComponent({
 	components: {
@@ -4808,7 +5177,7 @@ const AIdentityProviderOAuth2Form = defineComponent({
 				h("i", { class: "fa-solid fa-vihara" }),
 				" ",
 				"Endpoints"
-			]), h(AIdentityProviderOAuth2EndpointFields, {
+			]), h(AIdentityProviderOAuth2EndpointFields_default, {
 				entity: manager.data.value,
 				discovery: protocol.value === IdentityProviderProtocol.OIDC
 			})];
@@ -4929,38 +5298,58 @@ const AIdentityProviders = defineComponent({
 			props,
 			setup: ctx
 		});
-		const translationName = useTranslation({
-			group: TranslatorTranslationGroup.DEFAULT,
-			key: TranslatorTranslationDefaultKey.IDENTITY_PROVIDERS
-		});
 		const translation = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationVuecsKey.NO_MORE,
-			data: { name: translationName }
+			group: "vuecs",
+			key: "noMore",
+			data: { name: useTranslation({
+				group: "default",
+				key: "identityProviders"
+			}) }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
 });
 //#endregion
-//#region src/components/entities/identity-provider/AIdentityProviderIcon.ts
-const AIdentityProviderIcon = defineComponent({
+//#region src/components/entities/identity-provider/AIdentityProviderIcon.vue?vue&type=script&lang.ts
+var AIdentityProviderIcon_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		AIdentityProviderPreset,
+		AIdentityProviderProtocol
+	},
+	inheritAttrs: false,
 	props: { entity: {
 		type: Object,
 		required: true
-	} },
-	setup(props, setup) {
-		if (props.entity.preset) {
-			const { preset } = props.entity;
-			return () => h(AIdentityProviderPreset, { id: preset }, { default: (item) => h("i", { class: [item.icon, setup.attrs.class] }) });
-		}
-		if (!props.entity.protocol) return () => null;
-		const { protocol } = props.entity;
-		return () => h(AIdentityProviderProtocol, { id: protocol }, { default: (item) => h("i", { class: [item.icon, setup.attrs.class] }) });
-	}
+	} }
 });
 //#endregion
-//#region src/components/entities/identity-provider-role/AIdentityProviderRoleAssignment.ts
-const AIdentityProviderRoleAssignment = defineComponent({
+//#region src/components/entities/identity-provider/AIdentityProviderIcon.vue
+function _sfc_render$36(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AIdentityProviderPreset = resolveComponent("AIdentityProviderPreset");
+	const _component_AIdentityProviderProtocol = resolveComponent("AIdentityProviderProtocol");
+	return _ctx.entity.preset ? (openBlock(), createBlock(_component_AIdentityProviderPreset, {
+		key: 0,
+		id: _ctx.entity.preset
+	}, {
+		default: withCtx((item) => [createElementVNode("i", { class: normalizeClass([item.icon, _ctx.$attrs.class]) }, null, 2)]),
+		_: 1
+	}, 8, ["id"])) : _ctx.entity.protocol ? (openBlock(), createBlock(_component_AIdentityProviderProtocol, {
+		key: 1,
+		id: _ctx.entity.protocol
+	}, {
+		default: withCtx((item) => [createElementVNode("i", { class: normalizeClass([item.icon, _ctx.$attrs.class]) }, null, 2)]),
+		_: 1
+	}, 8, ["id"])) : createCommentVNode("v-if", true);
+}
+var AIdentityProviderIcon_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AIdentityProviderIcon_vue_vue_type_script_lang_default, [["render", _sfc_render$36]]);
+//#endregion
+//#region src/components/entities/identity-provider-role/AIdentityProviderRoleAssignment.vue?vue&type=script&lang.ts
+var AIdentityProviderRoleAssignment_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		VCFormGroup,
+		VCFormInput,
+		VCFormInputCheckbox
+	},
 	props: {
 		role: {
 			type: Object,
@@ -4994,7 +5383,7 @@ const AIdentityProviderRoleAssignment = defineComponent({
 			value_is_regex: {}
 		}, form);
 		const validationMessages = useTranslationsForNestedValidation($v.value);
-		const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [{ key: TranslatorTranslationDefaultKey.VALUE_IS_REGEX }]);
+		const translationsDefault = useTranslationsForGroup("default", [{ key: "valueIsRegex" }]);
 		const manager = defineEntityManager({
 			type: `${EntityType.IDENTITY_PROVIDER_ROLE_MAPPING}`,
 			setup,
@@ -5007,120 +5396,154 @@ const AIdentityProviderRoleAssignment = defineComponent({
 			provider_id: props.entityId
 		} } });
 		if (manager.data.value) assignFormProperties(form, manager.data.value);
-		const render = () => {
-			const displayButton = [h("button", {
-				class: "btn btn-xs btn-dark",
-				onClick($event) {
-					$event.preventDefault();
-					toggleDisplay.call(null);
-				}
-			}, [h("i", { class: ["fa", {
-				"fa-chevron-down": !display.value,
-				"fa-chevron-up": display.value
-			}] })])];
-			let dropAction = [];
-			if (manager.data.value) dropAction = [h("button", {
-				class: "btn btn-xs btn-danger ms-1",
-				disabled: $v.value.$invalid || manager.busy.value,
-				onClick($event) {
-					$event.preventDefault();
-					return manager.delete();
-				}
-			}, [h("i", { class: ["fa fa-trash"] })])];
-			const itemActions = h("div", { class: "ms-auto" }, [h("button", {
-				class: ["btn btn-xs", {
-					"btn-primary": !manager.data.value,
-					"btn-dark": !!manager.data.value
-				}],
-				onClick($event) {
-					$event.preventDefault();
-					if (manager.data.value) return manager.update(form);
-					return manager.create({
-						...form,
-						provider_id: props.entityId,
-						role_id: props.role.id
-					});
-				}
-			}, [h("i", { class: ["fa", {
-				"fa-plus": !manager.data.value,
-				"fa-save": manager.data.value
-			}] })]), dropAction]);
-			const listBar = h("div", { class: "d-flex flex-row" }, [
-				h("div", { class: "me-2" }, [displayButton]),
-				h("div", [h("h6", {
-					class: "mb-0",
-					onClick($event) {
-						$event.preventDefault();
-						toggleDisplay.call(null);
-					}
-				}, [props.role.name])]),
-				itemActions
-			]);
-			let renderForm = [];
-			if (display.value) renderForm = [h("div", { class: "mt-2" }, [
-				buildFormGroup({
-					label: true,
-					labelContent: "Name",
-					validationMessages: validationMessages.name.value,
-					validationSeverity: getVuelidateSeverity($v.value.name),
-					content: buildFormInput({
-						value: $v.value.name.$model,
-						onChange(input) {
-							$v.value.name.$model = input;
-						}
-					})
-				}),
-				buildFormGroup({
-					label: true,
-					labelContent: "Value",
-					validationMessages: validationMessages.value.value,
-					validationSeverity: getVuelidateSeverity($v.value.value),
-					content: buildFormInput({
-						value: $v.value.value.$model,
-						onChange(input) {
-							$v.value.value.$model = input;
-						}
-					})
-				}),
-				buildFormGroup({
-					validationMessages: validationMessages.value_is_regex.value,
-					validationSeverity: getVuelidateSeverity($v.value.value_is_regex),
-					label: true,
-					labelContent: "Regex",
-					content: buildFormInputCheckbox({
-						groupClass: "form-switch",
-						labelContent: translationsDefault.valueIsRegex.value,
-						value: $v.value.value_is_regex.$model,
-						onChange(input) {
-							$v.value.value_is_regex.$model = input;
-						}
-					})
-				})
-			])];
-			return h("div", { class: "list-item flex-column" }, [listBar, renderForm]);
+		const handleSaveOrCreate = (e) => {
+			e.preventDefault();
+			if (manager.data.value) return manager.update(form);
+			return manager.create({
+				...form,
+				provider_id: props.entityId,
+				role_id: props.role.id
+			});
+		};
+		const handleDelete = (e) => {
+			e.preventDefault();
+			return manager.delete();
+		};
+		return {
+			display,
+			toggleDisplay,
+			$v,
+			validationMessages,
+			translationsDefault,
+			manager,
+			handleSaveOrCreate,
+			handleDelete,
+			getVuelidateSeverity
 		};
-		return () => render();
 	}
 });
 //#endregion
-//#region src/components/entities/identity-provider-role/AIdentityProviderRoleAssignments.ts
-const AIdentityProviderRoleAssignments = defineComponent({
+//#region src/components/entities/identity-provider-role/AIdentityProviderRoleAssignment.vue
+const _hoisted_1$15 = { class: "list-item flex-column" };
+const _hoisted_2$10 = { class: "d-flex flex-row" };
+const _hoisted_3$8 = { class: "me-2" };
+const _hoisted_4$6 = { class: "ms-auto" };
+const _hoisted_5$3 = ["disabled"];
+const _hoisted_6$3 = {
+	key: 0,
+	class: "mt-2"
+};
+function _sfc_render$35(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
+	return openBlock(), createElementBlock("div", _hoisted_1$15, [createElementVNode("div", _hoisted_2$10, [
+		createElementVNode("div", _hoisted_3$8, [createElementVNode("button", {
+			class: "btn btn-xs btn-dark",
+			onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.toggleDisplay(), ["prevent"]))
+		}, [createElementVNode("i", { class: normalizeClass(["fa", {
+			"fa-chevron-down": !_ctx.display,
+			"fa-chevron-up": _ctx.display
+		}]) }, null, 2)])]),
+		createElementVNode("div", null, [createElementVNode("h6", {
+			class: "mb-0",
+			onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.toggleDisplay(), ["prevent"]))
+		}, toDisplayString(_ctx.role.name), 1)]),
+		createElementVNode("div", _hoisted_4$6, [createElementVNode("button", {
+			class: normalizeClass(["btn btn-xs", {
+				"btn-primary": !_ctx.manager.data.value,
+				"btn-dark": !!_ctx.manager.data.value
+			}]),
+			onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleSaveOrCreate && _ctx.handleSaveOrCreate(...args))
+		}, [createElementVNode("i", { class: normalizeClass(["fa", {
+			"fa-plus": !_ctx.manager.data.value,
+			"fa-save": _ctx.manager.data.value
+		}]) }, null, 2)], 2), _ctx.manager.data.value ? (openBlock(), createElementBlock("button", {
+			key: 0,
+			class: "btn btn-xs btn-danger ms-1",
+			disabled: _ctx.manager.busy.value,
+			onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleDelete && _ctx.handleDelete(...args))
+		}, [..._cache[7] || (_cache[7] = [createElementVNode("i", { class: "fa fa-trash" }, null, -1)])], 8, _hoisted_5$3)) : createCommentVNode("v-if", true)])
+	]), _ctx.display ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+		createVNode(_component_VCFormGroup, {
+			label: true,
+			"validation-messages": _ctx.validationMessages.name.value,
+			"validation-severity": _ctx.getVuelidateSeverity(_ctx.$v.name)
+		}, {
+			label: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode(" Name ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.$v.name.$model,
+				"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.$v.name.$model = $event)
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"]),
+		createVNode(_component_VCFormGroup, {
+			label: true,
+			"validation-messages": _ctx.validationMessages.value.value,
+			"validation-severity": _ctx.getVuelidateSeverity(_ctx.$v.value)
+		}, {
+			label: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode(" Value ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.$v.value.$model,
+				"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.$v.value.$model = $event)
+			}, null, 8, ["modelValue"])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"]),
+		createVNode(_component_VCFormGroup, {
+			label: true,
+			"validation-messages": _ctx.validationMessages.value_is_regex.value,
+			"validation-severity": _ctx.getVuelidateSeverity(_ctx.$v.value_is_regex)
+		}, {
+			label: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(" Regex ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInputCheckbox, {
+				modelValue: _ctx.$v.value_is_regex.$model,
+				"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.$v.value_is_regex.$model = $event),
+				"group-class": "form-switch",
+				"label-content": _ctx.translationsDefault.valueIsRegex.value
+			}, null, 8, ["modelValue", "label-content"])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"])
+	])) : createCommentVNode("v-if", true)]);
+}
+var AIdentityProviderRoleAssignment_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AIdentityProviderRoleAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$35]]);
+//#endregion
+//#region src/components/entities/identity-provider-role/AIdentityProviderRoleAssignments.vue?vue&type=script&lang.ts
+var AIdentityProviderRoleAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		ARoles,
+		AIdentityProviderRoleAssignment: AIdentityProviderRoleAssignment_default
+	},
 	props: { entityId: {
 		type: String,
 		required: true
 	} },
 	setup(props, { slots }) {
-		return () => h(ARoles, { headerTitle: false }, {
-			[SlotName.BODY]: (slotProps) => slotProps.data.map((item) => h(AIdentityProviderRoleAssignment, {
-				key: item.id,
-				entityId: props.entityId,
-				role: item
-			})),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "body"))) };
 	}
 });
 //#endregion
+//#region src/components/entities/identity-provider-role/AIdentityProviderRoleAssignments.vue
+function _sfc_render$34(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AIdentityProviderRoleAssignment = resolveComponent("AIdentityProviderRoleAssignment");
+	const _component_ARoles = resolveComponent("ARoles");
+	return openBlock(), createBlock(_component_ARoles, { "header-title": false }, createSlots({
+		body: withCtx((slotProps) => [(openBlock(true), createElementBlock(Fragment, null, renderList(slotProps.data, (item) => {
+			return openBlock(), createBlock(_component_AIdentityProviderRoleAssignment, {
+				key: item.id,
+				"entity-id": _ctx.entityId,
+				role: item
+			}, null, 8, ["entity-id", "role"]);
+		}), 128))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var AIdentityProviderRoleAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AIdentityProviderRoleAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$34]]);
+//#endregion
 //#region src/components/entities/policy/attribute-names/AAttributeNamesPolicyForm.vue?vue&type=script&lang.ts
 var AAttributeNamesPolicyForm_vue_vue_type_script_lang_default = defineComponent({
 	components: { AFormInputList: AFormInputList_default },
@@ -5147,7 +5570,7 @@ var AAttributeNamesPolicyForm_vue_vue_type_script_lang_default = defineComponent
 });
 //#endregion
 //#region src/components/entities/policy/attribute-names/AAttributeNamesPolicyForm.vue
-function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$33(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AFormInputList = resolveComponent("AFormInputList");
 	return openBlock(), createBlock(_component_AFormInputList, {
 		names: _ctx.vuelidate.names.$model,
@@ -5155,7 +5578,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
 		onChanged: _ctx.handleUpdated
 	}, null, 8, ["names", "onChanged"]);
 }
-var AAttributeNamesPolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AAttributeNamesPolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$13]]);
+var AAttributeNamesPolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AAttributeNamesPolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$33]]);
 //#endregion
 //#region src/components/entities/policy/APolicyParentAssignment.ts
 const APolicyParentAssignment = defineComponent({
@@ -5310,8 +5733,8 @@ var ACompositePolicyForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/composite/ACompositePolicyForm.vue
-const _hoisted_1$10 = { class: "alert alert-sm alert-info mt-1 mb-0" };
-function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$14 = { class: "alert alert-sm alert-info mt-1 mb-0" };
+function _sfc_render$32(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCFormSelect = resolveComponent("VCFormSelect");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IVuelidate = resolveComponent("IVuelidate");
@@ -5333,7 +5756,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
 				"modelValue",
 				"options",
 				"onChange"
-			]), createElementVNode("div", _hoisted_1$10, toDisplayString(_ctx.decisionStrategyHint), 1)]),
+			]), createElementVNode("div", _hoisted_1$14, toDisplayString(_ctx.decisionStrategyHint), 1)]),
 			_: 1
 		}, 8, ["validation-messages", "validation-severity"])]),
 		_: 1
@@ -5359,7 +5782,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 1
 	}, 8, ["validation"])]);
 }
-var ACompositePolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ACompositePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$12]]);
+var ACompositePolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ACompositePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$32]]);
 //#endregion
 //#region src/components/entities/policy/date/ADatePolicyForm.vue?vue&type=script&lang.ts
 var ADatePolicyForm_vue_vue_type_script_lang_default = defineComponent({
@@ -5399,7 +5822,7 @@ var ADatePolicyForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/date/ADatePolicyForm.vue
-function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$31(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IVuelidate = resolveComponent("IVuelidate");
@@ -5435,7 +5858,7 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 1
 	}, 8, ["validation"])]);
 }
-var ADatePolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ADatePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$11]]);
+var ADatePolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ADatePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$31]]);
 //#endregion
 //#region src/components/entities/policy/identity/AIdentityPolicyForm.vue?vue&type=script&lang.ts
 var AIdentityPolicyForm_vue_vue_type_script_lang_default = defineComponent({
@@ -5463,7 +5886,7 @@ var AIdentityPolicyForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/identity/AIdentityPolicyForm.vue
-function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$30(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AFormInputList = resolveComponent("AFormInputList");
 	return openBlock(), createBlock(_component_AFormInputList, {
 		names: _ctx.vuelidate.types.$model,
@@ -5474,7 +5897,7 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 1
 	}, 8, ["names", "onChanged"]);
 }
-var AIdentityPolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AIdentityPolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$10]]);
+var AIdentityPolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AIdentityPolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$30]]);
 //#endregion
 //#region src/components/entities/policy/realm-match/ARealmMatchPolicyForm.vue?vue&type=script&lang.ts
 var ARealmMatchPolicyForm_vue_vue_type_script_lang_default = defineComponent({
@@ -5526,18 +5949,18 @@ var ARealmMatchPolicyForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/realm-match/ARealmMatchPolicyForm.vue
-const _hoisted_1$9 = { class: "row" };
-const _hoisted_2$8 = { class: "col-7" };
-const _hoisted_3$6 = { class: "col-5" };
-const _hoisted_4$4 = ["for"];
-const _hoisted_5$1 = ["for"];
-const _hoisted_6$1 = ["for"];
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$13 = { class: "row" };
+const _hoisted_2$9 = { class: "col-7" };
+const _hoisted_3$7 = { class: "col-5" };
+const _hoisted_4$5 = ["for"];
+const _hoisted_5$2 = ["for"];
+const _hoisted_6$2 = ["for"];
+function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AFormInputList = resolveComponent("AFormInputList");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IVuelidate = resolveComponent("IVuelidate");
 	const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
-	return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("div", _hoisted_2$8, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.attribute_name }, {
+	return openBlock(), createElementBlock("div", _hoisted_1$13, [createElementVNode("div", _hoisted_2$9, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.attribute_name }, {
 		default: withCtx((props) => [createVNode(_component_VCFormGroup, {
 			"validation-messages": props.data,
 			"validation-severity": props.severity
@@ -5549,7 +5972,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
 			_: 1
 		}, 8, ["validation-messages", "validation-severity"])]),
 		_: 1
-	}, 8, ["validation"])]), createElementVNode("div", _hoisted_3$6, [
+	}, 8, ["validation"])]), createElementVNode("div", _hoisted_3$7, [
 		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.attribute_name_strict }, {
 			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
 				"validation-messages": props.data,
@@ -5562,7 +5985,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
 					label: true,
 					onChange: _ctx.handleUpdated
 				}, {
-					label: withCtx((iProps) => [createElementVNode("label", { for: iProps.id }, " Only match if the attribute is strict equal to the name? ", 8, _hoisted_4$4)]),
+					label: withCtx((iProps) => [createElementVNode("label", { for: iProps.id }, " Only match if the attribute is strict equal to the name? ", 8, _hoisted_4$5)]),
 					_: 1
 				}, 8, ["modelValue", "onChange"])]),
 				_: 1
@@ -5585,7 +6008,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
 						createTextVNode(" Determines if resources with null realm-id/name value should match all identity realms.", -1),
 						createElementVNode("br", null, null, -1),
 						createTextVNode(" If true, any identity realm can access resources with null realm-id/name values. ", -1)
-					])], 8, _hoisted_5$1)]),
+					])], 8, _hoisted_5$2)]),
 					_: 1
 				}, 8, ["modelValue", "onChange"])]),
 				_: 1
@@ -5608,7 +6031,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
 						createTextVNode(" Specifies whether the master realm of an identity should match all realm-id/name attributes, including null.", -1),
 						createElementVNode("br", null, null, -1),
 						createTextVNode(" If true, the master realm can access any resource regardless of its realm value. ", -1)
-					])], 8, _hoisted_6$1)]),
+					])], 8, _hoisted_6$2)]),
 					_: 1
 				}, 8, ["modelValue", "onChange"])]),
 				_: 1
@@ -5617,7 +6040,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
 		}, 8, ["validation"])
 	])]);
 }
-var ARealmMatchPolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ARealmMatchPolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$9]]);
+var ARealmMatchPolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ARealmMatchPolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$29]]);
 //#endregion
 //#region src/components/entities/policy/time/ATimePolicyForm.vue?vue&type=script&lang.ts
 var ATimePolicyForm_vue_vue_type_script_lang_default = defineComponent({
@@ -5692,20 +6115,20 @@ var ATimePolicyForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/time/ATimePolicyForm.vue
-const _hoisted_1$8 = { class: "row" };
-const _hoisted_2$7 = {
+const _hoisted_1$12 = { class: "row" };
+const _hoisted_2$8 = {
 	key: 0,
 	class: "col"
 };
-const _hoisted_3$5 = {
+const _hoisted_3$6 = {
 	key: 1,
 	class: "col"
 };
-const _hoisted_4$3 = {
+const _hoisted_4$4 = {
 	key: 2,
 	class: "col"
 };
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IVuelidate = resolveComponent("IVuelidate");
@@ -5763,8 +6186,8 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
 			}, 8, ["validation-messages", "validation-severity"])]),
 			_: 1
 		}, 8, ["validation"]),
-		createElementVNode("div", _hoisted_1$8, [
-			_ctx.displayIntervalForDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2$7, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.day_of_week }, {
+		createElementVNode("div", _hoisted_1$12, [
+			_ctx.displayIntervalForDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2$8, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.day_of_week }, {
 				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
 					"validation-messages": props.data,
 					"validation-severity": props.severity
@@ -5781,7 +6204,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
 				}, 8, ["validation-messages", "validation-severity"])]),
 				_: 1
 			}, 8, ["validation"])])) : createCommentVNode("v-if", true),
-			_ctx.displayIntervalForDayOfMonth ? (openBlock(), createElementBlock("div", _hoisted_3$5, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.day_of_month }, {
+			_ctx.displayIntervalForDayOfMonth ? (openBlock(), createElementBlock("div", _hoisted_3$6, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.day_of_month }, {
 				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
 					"validation-messages": props.data,
 					"validation-severity": props.severity
@@ -5798,7 +6221,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
 				}, 8, ["validation-messages", "validation-severity"])]),
 				_: 1
 			}, 8, ["validation"])])) : createCommentVNode("v-if", true),
-			_ctx.displayIntervalForDayOfYear ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.day_of_year }, {
+			_ctx.displayIntervalForDayOfYear ? (openBlock(), createElementBlock("div", _hoisted_4$4, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.day_of_year }, {
 				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
 					"validation-messages": props.data,
 					"validation-severity": props.severity
@@ -5818,7 +6241,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
 		])
 	]);
 }
-var ATimePolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ATimePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$8]]);
+var ATimePolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ATimePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$28]]);
 //#endregion
 //#region src/components/entities/policy/APolicy.ts
 const APolicy = defineComponent({
@@ -5876,19 +6299,19 @@ var APolicyTypePicker_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/APolicyTypePicker.vue
-const _hoisted_1$7 = { class: "d-flex flex-column gap-2" };
-const _hoisted_2$6 = { class: "d-flex flex-row gap-2 flex-wrap" };
-const _hoisted_3$4 = ["onClick"];
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("div", _hoisted_1$7, [createElementVNode("div", null, [_cache[0] || (_cache[0] = createElementVNode("h6", null, "Type", -1)), createElementVNode("div", _hoisted_2$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, key) => {
+const _hoisted_1$11 = { class: "d-flex flex-column gap-2" };
+const _hoisted_2$7 = { class: "d-flex flex-row gap-2 flex-wrap" };
+const _hoisted_3$5 = ["onClick"];
+function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", _hoisted_1$11, [createElementVNode("div", null, [_cache[0] || (_cache[0] = createElementVNode("h6", null, "Type", -1)), createElementVNode("div", _hoisted_2$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, key) => {
 		return openBlock(), createElementBlock("div", {
 			key,
 			class: normalizeClass([{ "active": item.id === _ctx.option }, "d-flex flex-column gap-1 text-center a-picker-item"]),
 			onClick: withModifiers(($event) => _ctx.pick(`${item.id}`), ["prevent"])
-		}, [createElementVNode("div", null, toDisplayString(item.value), 1)], 10, _hoisted_3$4);
+		}, [createElementVNode("div", null, toDisplayString(item.value), 1)], 10, _hoisted_3$5);
 	}), 128))])])]);
 }
-var APolicyTypePicker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APolicyTypePicker_vue_vue_type_script_lang_default, [["render", _sfc_render$7], ["__scopeId", "data-v-51b5a9d2"]]);
+var APolicyTypePicker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APolicyTypePicker_vue_vue_type_script_lang_default, [["render", _sfc_render$27], ["__scopeId", "data-v-51b5a9d2"]]);
 //#endregion
 //#region src/components/entities/policy/APolicyBasicForm.vue?vue&type=script&lang.ts
 var APolicyBasicForm_vue_vue_type_script_lang_default = defineComponent({
@@ -5960,21 +6383,21 @@ var APolicyBasicForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/APolicyBasicForm.vue
-const _hoisted_1$6 = { class: "row" };
-const _hoisted_2$5 = { class: "col" };
-const _hoisted_3$3 = ["for"];
-const _hoisted_4$2 = {
+const _hoisted_1$10 = { class: "row" };
+const _hoisted_2$6 = { class: "col" };
+const _hoisted_3$4 = ["for"];
+const _hoisted_4$3 = {
 	key: 0,
 	class: "col"
 };
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IVuelidate = resolveComponent("IVuelidate");
 	const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
 	const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
 	const _component_ARealmPicker = resolveComponent("ARealmPicker");
-	return openBlock(), createElementBlock("div", _hoisted_1$6, [createElementVNode("div", _hoisted_2$5, [
+	return openBlock(), createElementBlock("div", _hoisted_1$10, [createElementVNode("div", _hoisted_2$6, [
 		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.name }, {
 			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
 				"validation-messages": props.data,
@@ -6033,14 +6456,14 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
 					label: true,
 					onChange: _ctx.handleUpdated
 				}, {
-					label: withCtx((iProps) => [createElementVNode("label", { for: iProps.id }, " Invert? ", 8, _hoisted_3$3)]),
+					label: withCtx((iProps) => [createElementVNode("label", { for: iProps.id }, " Invert? ", 8, _hoisted_3$4)]),
 					_: 1
 				}, 8, ["modelValue", "onChange"])]),
 				_: 1
 			}, 8, ["validation-messages", "validation-severity"])]),
 			_: 1
 		}, 8, ["validation"])
-	]), !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.invert }, {
+	]), !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.invert }, {
 		default: withCtx((props) => [createVNode(_component_VCFormGroup, {
 			"validation-messages": props.data,
 			"validation-severity": props.severity
@@ -6063,7 +6486,7 @@ var APolicyForm_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		AFormSubmit,
 		APolicyTypePicker: APolicyTypePicker_default,
-		APolicyBasicForm: /* @__PURE__ */ _plugin_vue_export_helper_default(APolicyBasicForm_vue_vue_type_script_lang_default, [["render", _sfc_render$6]])
+		APolicyBasicForm: /* @__PURE__ */ _plugin_vue_export_helper_default(APolicyBasicForm_vue_vue_type_script_lang_default, [["render", _sfc_render$26]])
 	},
 	props: {
 		entity: { type: Object },
@@ -6116,11 +6539,11 @@ var APolicyForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/APolicyForm.vue
-const _hoisted_1$5 = { class: "d-flex flex-column" };
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$9 = { class: "d-flex flex-column" };
+function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_APolicyBasicForm = resolveComponent("APolicyBasicForm");
 	const _component_AFormSubmit = resolveComponent("AFormSubmit");
-	return openBlock(), createElementBlock("div", _hoisted_1$5, [
+	return openBlock(), createElementBlock("div", _hoisted_1$9, [
 		_cache[0] || (_cache[0] = createElementVNode("h6", null, "General", -1)),
 		createVNode(_component_APolicyBasicForm, { entity: _ctx.data }, null, 8, ["entity"]),
 		_ctx.typeComputed ? renderSlot(_ctx.$slots, "default", {
@@ -6143,28 +6566,46 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
 		])])
 	]);
 }
-var APolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$5]]);
+var APolicyForm_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$25]]);
 //#endregion
-//#region src/components/entities/permission-client/APermissionClientAssignments.ts
-const APermissionClientAssignments = defineComponent({
+//#region src/components/entities/permission-client/APermissionClientAssignments.vue?vue&type=script&lang.ts
+var APermissionClientAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		AClients,
+		AClientPermissionAssignment: AClientPermissionAssignment_default
+	},
 	props: { entityId: {
 		type: String,
 		required: true
 	} },
 	setup(props, { slots }) {
-		return () => h(AClients, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(AClientPermissionAssignment, {
-				permissionId: props.entityId,
-				clientId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
-//#region src/components/entities/permission-policy/APermissionPolicyAssignment.ts
-const APermissionPolicyAssignment = defineComponent({
+//#region src/components/entities/permission-client/APermissionClientAssignments.vue
+function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AClientPermissionAssignment = resolveComponent("AClientPermissionAssignment");
+	const _component_AClients = resolveComponent("AClients");
+	return openBlock(), createBlock(_component_AClients, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_AClientPermissionAssignment, {
+			key: data.id,
+			"permission-id": _ctx.entityId,
+			"client-id": data.id
+		}, null, 8, ["permission-id", "client-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var APermissionClientAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APermissionClientAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$24]]);
+//#endregion
+//#region src/components/entities/permission-policy/APermissionPolicyAssignment.vue?vue&type=script&lang.ts
+var APermissionPolicyAssignment_vue_vue_type_script_lang_default = defineComponent({
+	components: { AToggleButton: AToggleButton_default },
 	props: {
 		permissionId: {
 			type: String,
@@ -6180,6 +6621,10 @@ const APermissionPolicyAssignment = defineComponent({
 		const manager = defineEntityManager({
 			type: `${EntityType.PERMISSION_POLICY}`,
 			setup,
+			query: () => ({ filters: {
+				permission_id: props.permissionId,
+				policy_id: props.policyId
+			} }),
 			socket: { processEvent(event) {
 				return event.data.permission_id === props.permissionId && event.data.policy_id === props.policyId;
 			} }
@@ -6188,49 +6633,158 @@ const APermissionPolicyAssignment = defineComponent({
 			permission_id: props.permissionId,
 			policy_id: props.policyId
 		} } });
-		return () => renderToggleButton({
-			changed: (value) => {
-				if (value) return manager.create({
-					permission_id: props.permissionId,
-					policy_id: props.policyId
-				});
-				return manager.delete();
-			},
-			value: !!manager.data.value,
-			isBusy: manager.busy.value
-		});
+		const handleChanged = (value) => {
+			if (value) return manager.create({
+				permission_id: props.permissionId,
+				policy_id: props.policyId
+			});
+			return manager.delete();
+		};
+		return {
+			manager,
+			handleChanged
+		};
 	}
 });
 //#endregion
-//#region src/components/entities/permission-policy/APermissionPolicyAssignments.ts
-const APermissionPolicyAssignments = defineComponent({
+//#region src/components/entities/permission-policy/APermissionPolicyAssignment.vue
+function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AToggleButton = resolveComponent("AToggleButton");
+	return openBlock(), createBlock(_component_AToggleButton, {
+		value: !!_ctx.manager.data.value,
+		"is-busy": _ctx.manager.busy.value,
+		onChanged: _ctx.handleChanged
+	}, null, 8, [
+		"value",
+		"is-busy",
+		"onChanged"
+	]);
+}
+var APermissionPolicyAssignment_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APermissionPolicyAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$23]]);
+//#endregion
+//#region src/components/entities/permission-policy/APermissionPolicyAssignments.vue?vue&type=script&lang.ts
+var APermissionPolicyAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		APolicies,
+		APermissionPolicyAssignment: APermissionPolicyAssignment_default,
+		APolicyInlineInfo: APolicyInlineInfo_default,
+		APolicySummary: APolicySummary_default
+	},
 	props: { entityId: {
 		type: String,
 		required: true
 	} },
 	setup(props, { slots }) {
-		return () => h(APolicies, { query: { filters: { parent_id: null } } }, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(APermissionPolicyAssignment, {
-				permissionId: props.entityId,
-				policyId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
+		const detailPolicy = ref(null);
+		const handleKeydown = (e) => {
+			if (e.key === "Escape" && detailPolicy.value) detailPolicy.value = null;
+		};
+		onMounted(() => {
+			document.addEventListener("keydown", handleKeydown);
+		});
+		onUnmounted(() => {
+			document.removeEventListener("keydown", handleKeydown);
 		});
+		return {
+			detailPolicy,
+			forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "item")))
+		};
 	}
 });
 //#endregion
-//#region src/components/entities/robot-permission/ARobotPermissionAssignment.ts
-const ARobotPermissionAssignment = defineComponent({
+//#region src/components/entities/permission-policy/APermissionPolicyAssignments.vue
+const _hoisted_1$8 = { class: "ms-auto" };
+const _hoisted_2$5 = ["aria-labelledby"];
+const _hoisted_3$3 = { class: "modal-content" };
+const _hoisted_4$2 = { class: "modal-header" };
+const _hoisted_5$1 = ["id"];
+const _hoisted_6$1 = { class: "modal-body" };
+const _hoisted_7$1 = { class: "modal-footer" };
+function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_APolicyInlineInfo = resolveComponent("APolicyInlineInfo");
+	const _component_APermissionPolicyAssignment = resolveComponent("APermissionPolicyAssignment");
+	const _component_APolicies = resolveComponent("APolicies");
+	const _component_APolicySummary = resolveComponent("APolicySummary");
+	return openBlock(), createElementBlock("div", null, [createVNode(_component_APolicies, { query: { filters: { parent_id: null } } }, createSlots({
+		item: withCtx(({ data }) => [
+			createElementVNode("div", null, toDisplayString(data.name), 1),
+			createVNode(_component_APolicyInlineInfo, {
+				entity: data,
+				onDetail: _cache[0] || (_cache[0] = ($event) => _ctx.detailPolicy = $event)
+			}, null, 8, ["entity"]),
+			createElementVNode("div", _hoisted_1$8, [(openBlock(), createBlock(_component_APermissionPolicyAssignment, {
+				key: data.id,
+				"permission-id": _ctx.entityId,
+				"policy-id": data.id
+			}, null, 8, ["permission-id", "policy-id"]))])
+		]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024), _ctx.detailPolicy ? (openBlock(), createBlock(Teleport, {
+		key: 0,
+		to: "body"
+	}, [createElementVNode("div", {
+		class: "modal-backdrop fade show",
+		onClick: _cache[1] || (_cache[1] = ($event) => _ctx.detailPolicy = null)
+	}), createElementVNode("div", {
+		class: "modal fade show d-block",
+		tabindex: "-1",
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": `policy-detail-modal-${_ctx.detailPolicy.id}`
+	}, [createElementVNode("div", {
+		class: "modal-dialog",
+		role: "document",
+		onClick: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"]))
+	}, [createElementVNode("div", _hoisted_3$3, [
+		createElementVNode("div", _hoisted_4$2, [createElementVNode("h5", {
+			id: `policy-detail-modal-${_ctx.detailPolicy.id}`,
+			class: "modal-title"
+		}, toDisplayString(_ctx.detailPolicy.name), 9, _hoisted_5$1), createElementVNode("button", {
+			type: "button",
+			class: "btn-close",
+			"aria-label": "Close",
+			onClick: _cache[2] || (_cache[2] = ($event) => _ctx.detailPolicy = null)
+		})]),
+		createElementVNode("div", _hoisted_6$1, [createVNode(_component_APolicySummary, { entity: _ctx.detailPolicy }, null, 8, ["entity"])]),
+		createElementVNode("div", _hoisted_7$1, [createElementVNode("button", {
+			type: "button",
+			class: "btn btn-secondary btn-xs",
+			onClick: _cache[3] || (_cache[3] = ($event) => _ctx.detailPolicy = null)
+		}, " Close ")])
+	])])], 8, _hoisted_2$5)])) : createCommentVNode("v-if", true)]);
+}
+var APermissionPolicyAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APermissionPolicyAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$22]]);
+//#endregion
+//#region src/components/entities/robot-permission/ARobotPermissionAssignment.vue?vue&type=script&lang.ts
+var ARobotPermissionAssignment_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		AToggleButton: AToggleButton_default,
+		APermissionPolicyBindingButton
+	},
 	props: {
-		robotId: String,
-		permissionId: String
+		robotId: {
+			type: String,
+			required: true
+		},
+		permissionId: {
+			type: String,
+			required: true
+		}
 	},
 	emits: defineEntityVEmitOptions(),
 	async setup(props, setup) {
 		const manager = defineEntityManager({
 			type: `${EntityType.ROBOT_PERMISSION}`,
 			setup,
+			query: () => ({ filters: {
+				robot_id: props.robotId,
+				permission_id: props.permissionId
+			} }),
 			socket: { processEvent(event) {
 				return event.data.permission_id === props.permissionId && event.data.robot_id === props.robotId;
 			} }
@@ -6239,31 +6793,51 @@ const ARobotPermissionAssignment = defineComponent({
 			robot_id: props.robotId,
 			permission_id: props.permissionId
 		} } });
-		return () => {
-			const children = [renderToggleButton({
-				changed: (value) => {
-					if (value) return manager.create({
-						robot_id: props.robotId,
-						permission_id: props.permissionId
-					});
-					return manager.delete();
-				},
-				value: !!manager.data.value,
-				isBusy: manager.busy.value
-			})];
-			if (manager.data.value) children.push(h(APermissionPolicyBindingButton, {
-				entityType: EntityType.ROBOT_PERMISSION,
-				entity: manager.data.value,
-				key: manager.data.value.id,
-				onUpdated: (entity) => {
-					manager.updated(entity);
-				}
-			}));
-			return h("span", { class: "d-flex gap-1" }, children);
+		const handleChanged = (value) => {
+			if (value) return manager.create({
+				robot_id: props.robotId,
+				permission_id: props.permissionId
+			});
+			return manager.delete();
+		};
+		const handleUpdated = (entity) => {
+			manager.updated(entity);
+		};
+		return {
+			manager,
+			handleChanged,
+			handleUpdated,
+			EntityType
 		};
 	}
 });
 //#endregion
+//#region src/components/entities/robot-permission/ARobotPermissionAssignment.vue
+const _hoisted_1$7 = { class: "d-flex gap-1" };
+function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AToggleButton = resolveComponent("AToggleButton");
+	const _component_APermissionPolicyBindingButton = resolveComponent("APermissionPolicyBindingButton");
+	return openBlock(), createElementBlock("span", _hoisted_1$7, [createVNode(_component_AToggleButton, {
+		value: !!_ctx.manager.data.value,
+		"is-busy": _ctx.manager.busy.value,
+		onChanged: _ctx.handleChanged
+	}, null, 8, [
+		"value",
+		"is-busy",
+		"onChanged"
+	]), _ctx.manager.data.value ? (openBlock(), createBlock(_component_APermissionPolicyBindingButton, {
+		key: _ctx.manager.data.value.id,
+		"entity-type": _ctx.EntityType.ROBOT_PERMISSION,
+		entity: _ctx.manager.data.value,
+		onUpdated: _ctx.handleUpdated
+	}, null, 8, [
+		"entity-type",
+		"entity",
+		"onUpdated"
+	])) : createCommentVNode("v-if", true)]);
+}
+var ARobotPermissionAssignment_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ARobotPermissionAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$21]]);
+//#endregion
 //#region src/components/entities/robot/ARobot.ts
 const ARobot = defineComponent({
 	props: defineEntityVProps(),
@@ -6311,7 +6885,7 @@ const ARobotForm = defineComponent({
 		});
 		const $v = useVuelidate({
 			name: {
-				[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT],
+				["alphaUpperNumHyphenUnderscoreDot"]: VuelidateCustomRule["alphaUpperNumHyphenUnderscoreDot"],
 				minLength: minLength(3),
 				maxLength: maxLength(128)
 			},
@@ -6360,20 +6934,20 @@ const ARobotForm = defineComponent({
 		};
 		const translationsValidation = useTranslationsForNestedValidation($v.value);
 		const translationsSubmit = createFormSubmitTranslations();
-		const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
-			{ key: TranslatorTranslationDefaultKey.GENERATE },
-			{ key: TranslatorTranslationDefaultKey.HASHED },
-			{ key: TranslatorTranslationDefaultKey.NAME },
-			{ key: TranslatorTranslationDefaultKey.DISPLAY_NAME },
-			{ key: TranslatorTranslationDefaultKey.DESCRIPTION },
-			{ key: TranslatorTranslationDefaultKey.SECRET }
+		const translationsDefault = useTranslationsForGroup("default", [
+			{ key: "generate" },
+			{ key: "hashed" },
+			{ key: "name" },
+			{ key: "displayName" },
+			{ key: "description" },
+			{ key: "secret" }
 		]);
 		const render = () => {
 			const name = buildFormGroup({
 				validationMessages: translationsValidation.name.value,
 				validationSeverity: getVuelidateSeverity($v.value.name),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
+				labelContent: translationsDefault["name"].value,
 				content: buildFormInput({
 					value: $v.value.name.$model,
 					onChange(input) {
@@ -6386,7 +6960,7 @@ const ARobotForm = defineComponent({
 				validationMessages: translationsValidation.display_name.value,
 				validationSeverity: getVuelidateSeverity($v.value.display_name),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+				labelContent: translationsDefault["displayName"].value,
 				content: buildFormInput({
 					value: $v.value.display_name.$model,
 					onChange(input) {
@@ -6407,8 +6981,8 @@ const ARobotForm = defineComponent({
 				validationMessages: translationsValidation.secret.value,
 				validationSeverity: getVuelidateSeverity($v.value.secret),
 				label: true,
-				labelContent: [translationsDefault[TranslatorTranslationDefaultKey.SECRET].value, isSecretHashed.value ? h("span", { class: "text-danger font-weight-bold ps-1" }, [
-					translationsDefault[TranslatorTranslationDefaultKey.HASHED].value,
+				labelContent: [translationsDefault["secret"].value, isSecretHashed.value ? h("span", { class: "text-danger font-weight-bold ps-1" }, [
+					translationsDefault["hashed"].value,
 					" ",
 					h("i", { class: "fa fa-exclamation-triangle ps-1" })
 				]) : ""],
@@ -6428,7 +7002,7 @@ const ARobotForm = defineComponent({
 			}, [
 				h("i", { class: "fa fa-wrench" }),
 				" ",
-				translationsDefault[TranslatorTranslationDefaultKey.GENERATE].value
+				translationsDefault["generate"].value
 			])]);
 			const submitForm = buildFormSubmitWithTranslations({
 				busy: busy.value,
@@ -6474,48 +7048,78 @@ const ARobots = defineComponent({
 			props,
 			setup: ctx
 		});
-		const translationName = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationDefaultKey.ROBOTS
-		});
 		const translation = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationVuecsKey.NO_MORE,
-			data: { name: translationName }
+			group: "vuecs",
+			key: "noMore",
+			data: { name: useTranslation({
+				group: "vuecs",
+				key: "robots"
+			}) }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
 });
 //#endregion
-//#region src/components/entities/permission-robot/APermissionRobotAssignments.ts
-const APermissionRobotAssignments = defineComponent({
+//#region src/components/entities/permission-robot/APermissionRobotAssignments.vue?vue&type=script&lang.ts
+var APermissionRobotAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		ARobots,
+		ARobotPermissionAssignment: ARobotPermissionAssignment_default
+	},
 	props: { entityId: {
 		type: String,
 		required: true
 	} },
 	setup(props, { slots }) {
-		return () => h(ARobots, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(ARobotPermissionAssignment, {
-				permissionId: props.entityId,
-				robotId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
-//#region src/components/entities/role-permission/ARolePermissionAssignment.ts
-const ARolePermissionAssignment = defineComponent({
+//#region src/components/entities/permission-robot/APermissionRobotAssignments.vue
+function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ARobotPermissionAssignment = resolveComponent("ARobotPermissionAssignment");
+	const _component_ARobots = resolveComponent("ARobots");
+	return openBlock(), createBlock(_component_ARobots, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_ARobotPermissionAssignment, {
+			key: data.id,
+			"permission-id": _ctx.entityId,
+			"robot-id": data.id
+		}, null, 8, ["permission-id", "robot-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var APermissionRobotAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APermissionRobotAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$20]]);
+//#endregion
+//#region src/components/entities/role-permission/ARolePermissionAssignment.vue?vue&type=script&lang.ts
+var ARolePermissionAssignment_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		AToggleButton: AToggleButton_default,
+		APermissionPolicyBindingButton
+	},
 	props: {
-		roleId: String,
-		permissionId: String
+		roleId: {
+			type: String,
+			required: true
+		},
+		permissionId: {
+			type: String,
+			required: true
+		}
 	},
 	emits: defineEntityVEmitOptions(),
 	async setup(props, setup) {
 		const manager = defineEntityManager({
 			type: `${EntityType.ROLE_PERMISSION}`,
 			setup,
+			query: () => ({ filters: {
+				role_id: props.roleId,
+				permission_id: props.permissionId
+			} }),
 			socket: { processEvent(event) {
 				return event.data.role_id === props.roleId && event.data.permission_id === props.permissionId;
 			} }
@@ -6524,78 +7128,146 @@ const ARolePermissionAssignment = defineComponent({
 			role_id: props.roleId,
 			permission_id: props.permissionId
 		} } });
-		return () => {
-			const children = [renderToggleButton({
-				changed: (value) => {
-					if (value) return manager.create({
-						role_id: props.roleId,
-						permission_id: props.permissionId
-					});
-					return manager.delete();
-				},
-				value: !!manager.data.value,
-				isBusy: manager.busy.value
-			})];
-			if (manager.data.value) children.push(h(APermissionPolicyBindingButton, {
-				entityType: EntityType.ROLE_PERMISSION,
-				entity: manager.data.value,
-				key: manager.data.value.id,
-				onUpdated: (entity) => {
-					manager.updated(entity);
-				}
-			}));
-			return h("span", { class: "d-flex gap-1" }, children);
+		const handleChanged = (value) => {
+			if (value) return manager.create({
+				role_id: props.roleId,
+				permission_id: props.permissionId
+			});
+			return manager.delete();
+		};
+		const handleUpdated = (entity) => {
+			manager.updated(entity);
+		};
+		return {
+			manager,
+			handleChanged,
+			handleUpdated,
+			EntityType
 		};
 	}
 });
 //#endregion
-//#region src/components/entities/role-permission/ARolePermissionAssignments.ts
-const ARolePermissionAssignments = defineComponent({
+//#region src/components/entities/role-permission/ARolePermissionAssignment.vue
+const _hoisted_1$6 = { class: "d-flex gap-1" };
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AToggleButton = resolveComponent("AToggleButton");
+	const _component_APermissionPolicyBindingButton = resolveComponent("APermissionPolicyBindingButton");
+	return openBlock(), createElementBlock("span", _hoisted_1$6, [createVNode(_component_AToggleButton, {
+		value: !!_ctx.manager.data.value,
+		"is-busy": _ctx.manager.busy.value,
+		onChanged: _ctx.handleChanged
+	}, null, 8, [
+		"value",
+		"is-busy",
+		"onChanged"
+	]), _ctx.manager.data.value ? (openBlock(), createBlock(_component_APermissionPolicyBindingButton, {
+		key: _ctx.manager.data.value.id,
+		"entity-type": _ctx.EntityType.ROLE_PERMISSION,
+		entity: _ctx.manager.data.value,
+		onUpdated: _ctx.handleUpdated
+	}, null, 8, [
+		"entity-type",
+		"entity",
+		"onUpdated"
+	])) : createCommentVNode("v-if", true)]);
+}
+var ARolePermissionAssignment_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ARolePermissionAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$19]]);
+//#endregion
+//#region src/components/entities/role-permission/ARolePermissionAssignments.vue?vue&type=script&lang.ts
+var ARolePermissionAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		APermissions,
+		ARolePermissionAssignment: ARolePermissionAssignment_default
+	},
 	props: { entityId: {
 		type: String,
 		required: true
 	} },
 	setup(props, { slots }) {
-		return () => h(APermissions, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(ARolePermissionAssignment, {
-				roleId: props.entityId,
-				permissionId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
-//#region src/components/entities/permission-role/APermissionRoleAssignments.ts
-const APermissionRoleAssignments = defineComponent({
+//#region src/components/entities/role-permission/ARolePermissionAssignments.vue
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ARolePermissionAssignment = resolveComponent("ARolePermissionAssignment");
+	const _component_APermissions = resolveComponent("APermissions");
+	return openBlock(), createBlock(_component_APermissions, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_ARolePermissionAssignment, {
+			key: data.id,
+			"role-id": _ctx.entityId,
+			"permission-id": data.id
+		}, null, 8, ["role-id", "permission-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var ARolePermissionAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ARolePermissionAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$18]]);
+//#endregion
+//#region src/components/entities/permission-role/APermissionRoleAssignments.vue?vue&type=script&lang.ts
+var APermissionRoleAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		ARoles,
+		ARolePermissionAssignment: ARolePermissionAssignment_default
+	},
 	props: { entityId: {
 		type: String,
 		required: true
 	} },
 	setup(props, { slots }) {
-		return () => h(ARoles, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(ARolePermissionAssignment, {
-				permissionId: props.entityId,
-				roleId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
-//#region src/components/entities/user-permission/AUserPermissionAssignment.ts
-const AUserPermissionAssignment = defineComponent({
+//#region src/components/entities/permission-role/APermissionRoleAssignments.vue
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ARolePermissionAssignment = resolveComponent("ARolePermissionAssignment");
+	const _component_ARoles = resolveComponent("ARoles");
+	return openBlock(), createBlock(_component_ARoles, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_ARolePermissionAssignment, {
+			key: data.id,
+			"permission-id": _ctx.entityId,
+			"role-id": data.id
+		}, null, 8, ["permission-id", "role-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var APermissionRoleAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APermissionRoleAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$17]]);
+//#endregion
+//#region src/components/entities/user-permission/AUserPermissionAssignment.vue?vue&type=script&lang.ts
+var AUserPermissionAssignment_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		AToggleButton: AToggleButton_default,
+		APermissionPolicyBindingButton
+	},
 	props: {
-		userId: String,
-		permissionId: String
+		userId: {
+			type: String,
+			required: true
+		},
+		permissionId: {
+			type: String,
+			required: true
+		}
 	},
 	emits: defineEntityVEmitOptions(),
 	async setup(props, setup) {
 		const manager = defineEntityManager({
 			type: `${EntityType.USER_PERMISSION}`,
 			setup,
+			query: () => ({ filters: {
+				user_id: props.userId,
+				permission_id: props.permissionId
+			} }),
 			socket: { processEvent(event) {
 				return event.data.permission_id === props.permissionId && event.data.user_id === props.userId;
 			} }
@@ -6604,49 +7276,86 @@ const AUserPermissionAssignment = defineComponent({
 			user_id: props.userId,
 			permission_id: props.permissionId
 		} } });
-		return () => {
-			const children = [renderToggleButton({
-				changed: (value) => {
-					if (value) return manager.create({
-						user_id: props.userId,
-						permission_id: props.permissionId
-					});
-					return manager.delete();
-				},
-				value: !!manager.data.value,
-				isBusy: manager.busy.value
-			})];
-			if (manager.data.value) children.push(h(APermissionPolicyBindingButton, {
-				entityType: EntityType.USER_PERMISSION,
-				entity: manager.data.value,
-				key: manager.data.value.id,
-				onUpdated: (entity) => {
-					manager.updated(entity);
-				}
-			}));
-			return h("span", { class: "d-flex gap-1" }, children);
+		const handleChanged = (value) => {
+			if (value) return manager.create({
+				user_id: props.userId,
+				permission_id: props.permissionId
+			});
+			return manager.delete();
+		};
+		const handleUpdated = (entity) => {
+			manager.updated(entity);
+		};
+		return {
+			manager,
+			handleChanged,
+			handleUpdated,
+			EntityType
 		};
 	}
 });
 //#endregion
-//#region src/components/entities/user-permission/AUserPermissionAssignments.ts
-const AUserPermissionAssignments = defineComponent({
+//#region src/components/entities/user-permission/AUserPermissionAssignment.vue
+const _hoisted_1$5 = { class: "d-flex gap-1" };
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AToggleButton = resolveComponent("AToggleButton");
+	const _component_APermissionPolicyBindingButton = resolveComponent("APermissionPolicyBindingButton");
+	return openBlock(), createElementBlock("span", _hoisted_1$5, [createVNode(_component_AToggleButton, {
+		value: !!_ctx.manager.data.value,
+		"is-busy": _ctx.manager.busy.value,
+		onChanged: _ctx.handleChanged
+	}, null, 8, [
+		"value",
+		"is-busy",
+		"onChanged"
+	]), _ctx.manager.data.value ? (openBlock(), createBlock(_component_APermissionPolicyBindingButton, {
+		key: _ctx.manager.data.value.id,
+		"entity-type": _ctx.EntityType.USER_PERMISSION,
+		entity: _ctx.manager.data.value,
+		onUpdated: _ctx.handleUpdated
+	}, null, 8, [
+		"entity-type",
+		"entity",
+		"onUpdated"
+	])) : createCommentVNode("v-if", true)]);
+}
+var AUserPermissionAssignment_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AUserPermissionAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$16]]);
+//#endregion
+//#region src/components/entities/user-permission/AUserPermissionAssignments.vue?vue&type=script&lang.ts
+var AUserPermissionAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		APermissions,
+		AUserPermissionAssignment: AUserPermissionAssignment_default
+	},
 	props: { entityId: {
 		type: String,
 		required: true
 	} },
 	setup(props, { slots }) {
-		return () => h(APermissions, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(AUserPermissionAssignment, {
-				userId: props.entityId,
-				permissionId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
+//#region src/components/entities/user-permission/AUserPermissionAssignments.vue
+function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AUserPermissionAssignment = resolveComponent("AUserPermissionAssignment");
+	const _component_APermissions = resolveComponent("APermissions");
+	return openBlock(), createBlock(_component_APermissions, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_AUserPermissionAssignment, {
+			key: data.id,
+			"user-id": _ctx.entityId,
+			"permission-id": data.id
+		}, null, 8, ["user-id", "permission-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var AUserPermissionAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AUserPermissionAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$15]]);
+//#endregion
 //#region src/components/entities/user/AUser.ts
 const AUser = defineComponent({
 	props: defineEntityVProps(),
@@ -6697,7 +7406,7 @@ const AUserForm = defineComponent({
 		const $v = useVuelidate({
 			active: {},
 			name: {
-				[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT]: VuelidateCustomRule[VuelidateCustomRuleKey.ALPHA_UPPER_NUM_HYPHEN_UNDERSCORE_DOT],
+				["alphaUpperNumHyphenUnderscoreDot"]: VuelidateCustomRule["alphaUpperNumHyphenUnderscoreDot"],
 				required,
 				minLength: minLength(3),
 				maxLength: maxLength(128)
@@ -6741,22 +7450,22 @@ const AUserForm = defineComponent({
 		};
 		const translationsValidation = useTranslationsForNestedValidation($v.value);
 		const translationsSubmit = createFormSubmitTranslations();
-		const translationsDefault = useTranslationsForGroup(TranslatorTranslationGroup.DEFAULT, [
-			{ key: TranslatorTranslationDefaultKey.ACTIVE },
-			{ key: TranslatorTranslationDefaultKey.INACTIVE },
-			{ key: TranslatorTranslationDefaultKey.DISPLAY_NAME },
-			{ key: TranslatorTranslationDefaultKey.EMAIL },
-			{ key: TranslatorTranslationDefaultKey.LOCKED },
-			{ key: TranslatorTranslationDefaultKey.NOT_LOCKED },
-			{ key: TranslatorTranslationDefaultKey.NAME },
-			{ key: TranslatorTranslationDefaultKey.DESCRIPTION }
+		const translationsDefault = useTranslationsForGroup("default", [
+			{ key: "active" },
+			{ key: "inactive" },
+			{ key: "displayName" },
+			{ key: "email" },
+			{ key: "locked" },
+			{ key: "notLocked" },
+			{ key: "name" },
+			{ key: "description" }
 		]);
 		const render = () => {
 			const name = buildFormGroup({
 				validationMessages: translationsValidation.name.value,
 				validationSeverity: getVuelidateSeverity($v.value.name),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.NAME].value,
+				labelContent: translationsDefault["name"].value,
 				content: buildFormInput({
 					value: $v.value.name.$model,
 					onChange(input) {
@@ -6770,7 +7479,7 @@ const AUserForm = defineComponent({
 				validationMessages: translationsValidation.display_name.value,
 				validationSeverity: getVuelidateSeverity($v.value.display_name),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.DISPLAY_NAME].value,
+				labelContent: translationsDefault["displayName"].value,
 				content: buildFormInput({
 					value: $v.value.display_name.$model,
 					onChange(input) {
@@ -6782,7 +7491,7 @@ const AUserForm = defineComponent({
 				validationMessages: translationsValidation.email.value,
 				validationSeverity: getVuelidateSeverity($v.value.email),
 				label: true,
-				labelContent: translationsDefault[TranslatorTranslationDefaultKey.EMAIL].value,
+				labelContent: translationsDefault["email"].value,
 				content: buildFormInput({
 					value: $v.value.email.$model,
 					props: {
@@ -6802,7 +7511,7 @@ const AUserForm = defineComponent({
 					labelContent: h("span", { class: {
 						"text-warning": !form.name_locked,
 						"text-success": form.name_locked
-					} }, [form.name_locked ? translationsDefault[TranslatorTranslationDefaultKey.LOCKED].value : translationsDefault[TranslatorTranslationDefaultKey.NOT_LOCKED].value]),
+					} }, [form.name_locked ? translationsDefault["locked"].value : translationsDefault["notLocked"].value]),
 					value: form.name_locked,
 					onChange(input) {
 						form.name_locked = input;
@@ -6813,7 +7522,7 @@ const AUserForm = defineComponent({
 					labelContent: h("span", { class: {
 						"text-danger": !form.active,
 						"text-success": form.active
-					} }, [form.active ? translationsDefault[TranslatorTranslationDefaultKey.ACTIVE].value : translationsDefault[TranslatorTranslationDefaultKey.INACTIVE].value]),
+					} }, [form.active ? translationsDefault["active"].value : translationsDefault["inactive"].value]),
 					value: form.active,
 					onChange(input) {
 						form.active = input;
@@ -6863,14 +7572,13 @@ const AUsers = defineComponent({
 			props,
 			setup: ctx
 		});
-		const translationName = useTranslation({
-			group: TranslatorTranslationGroup.DEFAULT,
-			key: TranslatorTranslationDefaultKey.USERS
-		});
 		const translation = useTranslation({
-			group: TranslatorTranslationGroup.VUECS,
-			key: TranslatorTranslationVuecsKey.NO_MORE,
-			data: { name: translationName }
+			group: "vuecs",
+			key: "noMore",
+			data: { name: useTranslation({
+				group: "default",
+				key: "users"
+			}) }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -6979,53 +7687,98 @@ const AUserPasswordForm = defineComponent({
 	}
 });
 //#endregion
-//#region src/components/entities/permission-user/APermissionUserAssignments.ts
-const APermissionUserAssignments = defineComponent({
+//#region src/components/entities/permission-user/APermissionUserAssignments.vue?vue&type=script&lang.ts
+var APermissionUserAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		AUsers,
+		AUserPermissionAssignment: AUserPermissionAssignment_default
+	},
 	props: { entityId: {
 		type: String,
 		required: true
 	} },
 	setup(props, { slots }) {
-		return () => h(AUsers, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(AUserPermissionAssignment, {
-				permissionId: props.entityId,
-				userId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
-//#region src/components/entities/robot-permission/ARobotPermissionAssignments.ts
-const ARobotPermissionAssignments = defineComponent({
+//#region src/components/entities/permission-user/APermissionUserAssignments.vue
+function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AUserPermissionAssignment = resolveComponent("AUserPermissionAssignment");
+	const _component_AUsers = resolveComponent("AUsers");
+	return openBlock(), createBlock(_component_AUsers, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_AUserPermissionAssignment, {
+			key: data.id,
+			"permission-id": _ctx.entityId,
+			"user-id": data.id
+		}, null, 8, ["permission-id", "user-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var APermissionUserAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(APermissionUserAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$14]]);
+//#endregion
+//#region src/components/entities/robot-permission/ARobotPermissionAssignments.vue?vue&type=script&lang.ts
+var ARobotPermissionAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		APermissions,
+		ARobotPermissionAssignment: ARobotPermissionAssignment_default
+	},
 	props: { entityId: {
 		type: String,
 		required: true
 	} },
 	setup(props, { slots }) {
-		return () => h(APermissions, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(ARobotPermissionAssignment, {
-				robotId: props.entityId,
-				permissionId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
-//#region src/components/entities/robot-role/ARobotRoleAssignment.ts
-const ARobotRoleAssignment = defineComponent({
+//#region src/components/entities/robot-permission/ARobotPermissionAssignments.vue
+function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ARobotPermissionAssignment = resolveComponent("ARobotPermissionAssignment");
+	const _component_APermissions = resolveComponent("APermissions");
+	return openBlock(), createBlock(_component_APermissions, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_ARobotPermissionAssignment, {
+			key: data.id,
+			"robot-id": _ctx.entityId,
+			"permission-id": data.id
+		}, null, 8, ["robot-id", "permission-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var ARobotPermissionAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ARobotPermissionAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$13]]);
+//#endregion
+//#region src/components/entities/robot-role/ARobotRoleAssignment.vue?vue&type=script&lang.ts
+var ARobotRoleAssignment_vue_vue_type_script_lang_default = defineComponent({
+	components: { AToggleButton: AToggleButton_default },
 	props: {
-		roleId: String,
-		robotId: String
+		roleId: {
+			type: String,
+			required: true
+		},
+		robotId: {
+			type: String,
+			required: true
+		}
 	},
 	emits: defineEntityVEmitOptions(),
 	async setup(props, setup) {
 		const manager = defineEntityManager({
 			type: `${EntityType.ROBOT_ROLE}`,
 			setup,
+			query: () => ({ filters: {
+				robot_id: props.robotId,
+				role_id: props.roleId
+			} }),
 			socket: { processEvent(event) {
 				return event.data.robot_id === props.robotId && event.data.role_id === props.roleId;
 			} }
@@ -7034,70 +7787,146 @@ const ARobotRoleAssignment = defineComponent({
 			robot_id: props.robotId,
 			role_id: props.roleId
 		} } });
-		return () => renderToggleButton({
-			changed: (value) => {
-				if (value) return manager.create({
-					robot_id: props.robotId,
-					role_id: props.roleId
-				});
-				return manager.delete();
-			},
-			value: !!manager.data.value,
-			isBusy: manager.busy.value
-		});
+		const handleChanged = (value) => {
+			if (value) return manager.create({
+				robot_id: props.robotId,
+				role_id: props.roleId
+			});
+			return manager.delete();
+		};
+		return {
+			manager,
+			handleChanged
+		};
 	}
 });
 //#endregion
-//#region src/components/entities/robot-role/ARobotRoleAssignments.ts
-const ARobotRoleAssignments = defineComponent({
-	props: { entityId: String },
+//#region src/components/entities/robot-role/ARobotRoleAssignment.vue
+function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AToggleButton = resolveComponent("AToggleButton");
+	return openBlock(), createBlock(_component_AToggleButton, {
+		value: !!_ctx.manager.data.value,
+		"is-busy": _ctx.manager.busy.value,
+		onChanged: _ctx.handleChanged
+	}, null, 8, [
+		"value",
+		"is-busy",
+		"onChanged"
+	]);
+}
+var ARobotRoleAssignment_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ARobotRoleAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$12]]);
+//#endregion
+//#region src/components/entities/robot-role/ARobotRoleAssignments.vue?vue&type=script&lang.ts
+var ARobotRoleAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		ARoles,
+		ARobotRoleAssignment: ARobotRoleAssignment_default
+	},
+	props: { entityId: {
+		type: String,
+		required: true
+	} },
 	setup(props, { slots }) {
-		return () => h(ARoles, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(ARobotRoleAssignment, {
-				robotId: props.entityId,
-				roleId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
-//#region src/components/entities/role-client/ARoleClientAssignments.ts
-const ARoleClientAssignments = defineComponent({
-	props: { entityId: String },
-	setup(props) {
-		return () => h(AClients, {}, { [SlotName.ITEM_ACTIONS]: (slotProps) => h(AClientRoleAssignment, {
-			roleId: props.entityId,
-			clientId: slotProps.data.id,
-			key: slotProps.data.id
-		}) });
-	}
+//#region src/components/entities/robot-role/ARobotRoleAssignments.vue
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ARobotRoleAssignment = resolveComponent("ARobotRoleAssignment");
+	const _component_ARoles = resolveComponent("ARoles");
+	return openBlock(), createBlock(_component_ARoles, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_ARobotRoleAssignment, {
+			key: data.id,
+			"robot-id": _ctx.entityId,
+			"role-id": data.id
+		}, null, 8, ["robot-id", "role-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var ARobotRoleAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ARobotRoleAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$11]]);
+//#endregion
+//#region src/components/entities/role-client/ARoleClientAssignments.vue?vue&type=script&lang.ts
+var ARoleClientAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		AClients,
+		AClientRoleAssignment: AClientRoleAssignment_default
+	},
+	props: { entityId: {
+		type: String,
+		required: true
+	} }
 });
 //#endregion
-//#region src/components/entities/role-robot/ARoleRobotAssignments.ts
-const ARoleRobotAssignments = defineComponent({
-	props: { entityId: String },
-	setup(props) {
-		return () => h(ARobots, {}, { [SlotName.ITEM_ACTIONS]: (slotProps) => h(ARobotRoleAssignment, {
-			roleId: props.entityId,
-			robotId: slotProps.data.id,
-			key: slotProps.data.id
-		}) });
-	}
+//#region src/components/entities/role-client/ARoleClientAssignments.vue
+function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AClientRoleAssignment = resolveComponent("AClientRoleAssignment");
+	const _component_AClients = resolveComponent("AClients");
+	return openBlock(), createBlock(_component_AClients, null, {
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_AClientRoleAssignment, {
+			key: data.id,
+			"role-id": _ctx.entityId,
+			"client-id": data.id
+		}, null, 8, ["role-id", "client-id"]))]),
+		_: 1
+	});
+}
+var ARoleClientAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ARoleClientAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$10]]);
+//#endregion
+//#region src/components/entities/role-robot/ARoleRobotAssignments.vue?vue&type=script&lang.ts
+var ARoleRobotAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		ARobots,
+		ARobotRoleAssignment: ARobotRoleAssignment_default
+	},
+	props: { entityId: {
+		type: String,
+		required: true
+	} }
 });
 //#endregion
-//#region src/components/entities/user-role/AUserRoleAssignment.ts
-const AUserRoleAssignment = defineComponent({
+//#region src/components/entities/role-robot/ARoleRobotAssignments.vue
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ARobotRoleAssignment = resolveComponent("ARobotRoleAssignment");
+	const _component_ARobots = resolveComponent("ARobots");
+	return openBlock(), createBlock(_component_ARobots, null, {
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_ARobotRoleAssignment, {
+			key: data.id,
+			"role-id": _ctx.entityId,
+			"robot-id": data.id
+		}, null, 8, ["role-id", "robot-id"]))]),
+		_: 1
+	});
+}
+var ARoleRobotAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ARoleRobotAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$9]]);
+//#endregion
+//#region src/components/entities/user-role/AUserRoleAssignment.vue?vue&type=script&lang.ts
+var AUserRoleAssignment_vue_vue_type_script_lang_default = defineComponent({
+	components: { AToggleButton: AToggleButton_default },
 	props: {
-		roleId: String,
-		userId: String
+		roleId: {
+			type: String,
+			required: true
+		},
+		userId: {
+			type: String,
+			required: true
+		}
 	},
 	emits: defineEntityVEmitOptions(),
 	async setup(props, setup) {
 		const manager = defineEntityManager({
 			type: `${EntityType.USER_ROLE}`,
 			setup,
+			query: () => ({ filters: {
+				user_id: props.userId,
+				role_id: props.roleId
+			} }),
 			socket: { processEvent(event) {
 				return event.data.role_id === props.roleId && event.data.user_id === props.userId;
 			} }
@@ -7106,81 +7935,153 @@ const AUserRoleAssignment = defineComponent({
 			user_id: props.userId,
 			role_id: props.roleId
 		} } });
-		return () => renderToggleButton({
-			changed: (value) => {
-				if (value) return manager.create({
-					user_id: props.userId,
-					role_id: props.roleId
-				});
-				return manager.delete();
-			},
-			value: !!manager.data.value,
-			isBusy: manager.busy.value
-		});
+		const handleChanged = (value) => {
+			if (value) return manager.create({
+				user_id: props.userId,
+				role_id: props.roleId
+			});
+			return manager.delete();
+		};
+		return {
+			manager,
+			handleChanged
+		};
 	}
 });
 //#endregion
-//#region src/components/entities/user-role/AUserRoleAssignments.ts
-const AUserRoleAssignments = defineComponent({
-	props: { entityId: String },
+//#region src/components/entities/user-role/AUserRoleAssignment.vue
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AToggleButton = resolveComponent("AToggleButton");
+	return openBlock(), createBlock(_component_AToggleButton, {
+		value: !!_ctx.manager.data.value,
+		"is-busy": _ctx.manager.busy.value,
+		onChanged: _ctx.handleChanged
+	}, null, 8, [
+		"value",
+		"is-busy",
+		"onChanged"
+	]);
+}
+var AUserRoleAssignment_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AUserRoleAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$8]]);
+//#endregion
+//#region src/components/entities/user-role/AUserRoleAssignments.vue?vue&type=script&lang.ts
+var AUserRoleAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		ARoles,
+		AUserRoleAssignment: AUserRoleAssignment_default
+	},
+	props: { entityId: {
+		type: String,
+		required: true
+	} },
 	setup(props, { slots }) {
-		return () => h(ARoles, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(AUserRoleAssignment, {
-				userId: props.entityId,
-				roleId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
-//#region src/components/entities/role-user/ARoleUserAssignments.ts
-const ARoleUserAssignments = defineComponent({
-	props: { entityId: String },
+//#region src/components/entities/user-role/AUserRoleAssignments.vue
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AUserRoleAssignment = resolveComponent("AUserRoleAssignment");
+	const _component_ARoles = resolveComponent("ARoles");
+	return openBlock(), createBlock(_component_ARoles, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_AUserRoleAssignment, {
+			key: data.id,
+			"user-id": _ctx.entityId,
+			"role-id": data.id
+		}, null, 8, ["user-id", "role-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var AUserRoleAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AUserRoleAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$7]]);
+//#endregion
+//#region src/components/entities/role-user/ARoleUserAssignments.vue?vue&type=script&lang.ts
+var ARoleUserAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		AUsers,
+		AUserRoleAssignment: AUserRoleAssignment_default
+	},
+	props: { entityId: {
+		type: String,
+		required: true
+	} },
 	setup(props, { slots }) {
-		return () => h(AUsers, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(AUserRoleAssignment, {
-				roleId: props.entityId,
-				userId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
-//#region src/components/entities/scope-client/AScopeClientAssignments.ts
-const AScopeClientAssignments = defineComponent({
+//#region src/components/entities/role-user/ARoleUserAssignments.vue
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AUserRoleAssignment = resolveComponent("AUserRoleAssignment");
+	const _component_AUsers = resolveComponent("AUsers");
+	return openBlock(), createBlock(_component_AUsers, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_AUserRoleAssignment, {
+			key: data.id,
+			"role-id": _ctx.entityId,
+			"user-id": data.id
+		}, null, 8, ["role-id", "user-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var ARoleUserAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ARoleUserAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$6]]);
+//#endregion
+//#region src/components/entities/scope-client/AScopeClientAssignments.vue?vue&type=script&lang.ts
+var AScopeClientAssignments_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		AClients,
+		AClientScopeAssignment: AClientScopeAssignment_default
+	},
 	props: { entityId: {
 		type: String,
 		required: true
 	} },
 	setup(props, { slots }) {
-		return () => h(AClients, {}, {
-			[SlotName.ITEM_ACTIONS]: (slotProps) => h(AClientScopeAssignment, {
-				scopeId: props.entityId,
-				clientId: slotProps.data.id,
-				key: slotProps.data.id
-			}),
-			...slots
-		});
+		return { forwardedSlots: computed(() => Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "itemActions"))) };
 	}
 });
 //#endregion
+//#region src/components/entities/scope-client/AScopeClientAssignments.vue
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AClientScopeAssignment = resolveComponent("AClientScopeAssignment");
+	const _component_AClients = resolveComponent("AClients");
+	return openBlock(), createBlock(_component_AClients, null, createSlots({
+		itemActions: withCtx(({ data }) => [(openBlock(), createBlock(_component_AClientScopeAssignment, {
+			key: data.id,
+			"scope-id": _ctx.entityId,
+			"client-id": data.id
+		}, null, 8, ["scope-id", "client-id"]))]),
+		_: 2
+	}, [renderList(_ctx.forwardedSlots, (_, name) => {
+		return {
+			name,
+			fn: withCtx((slotData) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData ?? {})))])
+		};
+	})]), 1024);
+}
+var AScopeClientAssignments_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AScopeClientAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$5]]);
+//#endregion
 //#region src/components/entities/index.ts
 var entities_exports = /* @__PURE__ */ __exportAll({
 	AAttributeNamesPolicyForm: () => AAttributeNamesPolicyForm_default,
 	AClient: () => AClient,
 	AClientForm: () => AClientForm_default,
-	AClientPermissionAssignment: () => AClientPermissionAssignment,
-	AClientPermissionAssignments: () => AClientPermissionAssignments,
+	AClientPermissionAssignment: () => AClientPermissionAssignment_default,
+	AClientPermissionAssignments: () => AClientPermissionAssignments_default,
 	AClientPicker: () => AClientPicker,
-	AClientRoleAssignment: () => AClientRoleAssignment,
-	AClientRoleAssignments: () => AClientRoleAssignments,
+	AClientRoleAssignment: () => AClientRoleAssignment_default,
+	AClientRoleAssignments: () => AClientRoleAssignments_default,
 	AClientScope: () => AClientScope,
-	AClientScopeAssignment: () => AClientScopeAssignment,
-	AClientScopeAssignments: () => AClientScopeAssignments,
+	AClientScopeAssignment: () => AClientScopeAssignment_default,
+	AClientScopeAssignments: () => AClientScopeAssignments_default,
 	AClientScopes: () => AClientScopes,
 	AClients: () => AClients,
 	ACompositePolicyForm: () => ACompositePolicyForm_default,
@@ -7188,28 +8089,32 @@ var entities_exports = /* @__PURE__ */ __exportAll({
 	AIdentityPolicyForm: () => AIdentityPolicyForm_default,
 	AIdentityProvider: () => AIdentityProvider,
 	AIdentityProviderForm: () => AIdentityProviderForm,
-	AIdentityProviderIcon: () => AIdentityProviderIcon,
+	AIdentityProviderIcon: () => AIdentityProviderIcon_default,
 	AIdentityProviderLdapForm: () => AIdentityProviderLdapForm,
 	AIdentityProviderOAuth2Form: () => AIdentityProviderOAuth2Form,
 	AIdentityProviderPreset: () => AIdentityProviderPreset,
 	AIdentityProviderProtocol: () => AIdentityProviderProtocol,
-	AIdentityProviderRoleAssignment: () => AIdentityProviderRoleAssignment,
-	AIdentityProviderRoleAssignments: () => AIdentityProviderRoleAssignments,
+	AIdentityProviderRoleAssignment: () => AIdentityProviderRoleAssignment_default,
+	AIdentityProviderRoleAssignments: () => AIdentityProviderRoleAssignments_default,
 	AIdentityProviders: () => AIdentityProviders,
 	APermission: () => APermission,
 	APermissionCheck: () => APermissionCheck,
-	APermissionClientAssignments: () => APermissionClientAssignments,
+	APermissionClientAssignments: () => APermissionClientAssignments_default,
 	APermissionForm: () => APermissionForm,
-	APermissionPolicyAssignment: () => APermissionPolicyAssignment,
-	APermissionPolicyAssignments: () => APermissionPolicyAssignments,
+	APermissionPolicyAssignment: () => APermissionPolicyAssignment_default,
+	APermissionPolicyAssignments: () => APermissionPolicyAssignments_default,
 	APermissionPolicyBindingButton: () => APermissionPolicyBindingButton,
-	APermissionRobotAssignments: () => APermissionRobotAssignments,
-	APermissionRoleAssignments: () => APermissionRoleAssignments,
-	APermissionUserAssignments: () => APermissionUserAssignments,
+	APermissionRobotAssignments: () => APermissionRobotAssignments_default,
+	APermissionRoleAssignments: () => APermissionRoleAssignments_default,
+	APermissionUserAssignments: () => APermissionUserAssignments_default,
 	APermissions: () => APermissions,
 	APolicies: () => APolicies,
 	APolicy: () => APolicy,
+	APolicyDetailNav: () => APolicyDetailNav_default,
 	APolicyForm: () => APolicyForm_default,
+	APolicyInlineInfo: () => APolicyInlineInfo_default,
+	APolicySummary: () => APolicySummary_default,
+	APolicyTypeBadge: () => APolicyTypeBadge_default,
 	APolicyTypePicker: () => APolicyTypePicker_default,
 	ARealm: () => ARealm,
 	ARealmForm: () => ARealmForm,
@@ -7218,31 +8123,31 @@ var entities_exports = /* @__PURE__ */ __exportAll({
 	ARealms: () => ARealms,
 	ARobot: () => ARobot,
 	ARobotForm: () => ARobotForm,
-	ARobotPermissionAssignment: () => ARobotPermissionAssignment,
-	ARobotPermissionAssignments: () => ARobotPermissionAssignments,
-	ARobotRoleAssignment: () => ARobotRoleAssignment,
-	ARobotRoleAssignments: () => ARobotRoleAssignments,
+	ARobotPermissionAssignment: () => ARobotPermissionAssignment_default,
+	ARobotPermissionAssignments: () => ARobotPermissionAssignments_default,
+	ARobotRoleAssignment: () => ARobotRoleAssignment_default,
+	ARobotRoleAssignments: () => ARobotRoleAssignments_default,
 	ARobots: () => ARobots,
 	ARole: () => ARole,
-	ARoleClientAssignments: () => ARoleClientAssignments,
+	ARoleClientAssignments: () => ARoleClientAssignments_default,
 	ARoleForm: () => ARoleForm,
-	ARolePermissionAssignment: () => ARolePermissionAssignment,
-	ARolePermissionAssignments: () => ARolePermissionAssignments,
-	ARoleRobotAssignments: () => ARoleRobotAssignments,
-	ARoleUserAssignments: () => ARoleUserAssignments,
+	ARolePermissionAssignment: () => ARolePermissionAssignment_default,
+	ARolePermissionAssignments: () => ARolePermissionAssignments_default,
+	ARoleRobotAssignments: () => ARoleRobotAssignments_default,
+	ARoleUserAssignments: () => ARoleUserAssignments_default,
 	ARoles: () => ARoles,
 	AScope: () => AScope,
-	AScopeClientAssignments: () => AScopeClientAssignments,
+	AScopeClientAssignments: () => AScopeClientAssignments_default,
 	AScopeForm: () => AScopeForm,
 	AScopes: () => AScopes,
 	ATimePolicyForm: () => ATimePolicyForm_default,
 	AUser: () => AUser,
 	AUserForm: () => AUserForm,
 	AUserPasswordForm: () => AUserPasswordForm,
-	AUserPermissionAssignment: () => AUserPermissionAssignment,
-	AUserPermissionAssignments: () => AUserPermissionAssignments,
-	AUserRoleAssignment: () => AUserRoleAssignment,
-	AUserRoleAssignments: () => AUserRoleAssignments,
+	AUserPermissionAssignment: () => AUserPermissionAssignment_default,
+	AUserPermissionAssignments: () => AUserPermissionAssignments_default,
+	AUserRoleAssignment: () => AUserRoleAssignment_default,
+	AUserRoleAssignments: () => AUserRoleAssignments_default,
 	AUsers: () => AUsers
 });
 //#endregion
@@ -7296,7 +8201,7 @@ var Login_vue_vue_type_script_lang_default = defineComponent({
 		ATitle,
 		IVuelidate,
 		AIdentityProviders,
-		AIdentityProviderIcon
+		AIdentityProviderIcon: AIdentityProviderIcon_default
 	},
 	props: { codeRequest: { type: Object } },
 	emits: ["done", "failed"],
@@ -7737,6 +8642,6 @@ var Authorize_default = defineComponent({
 //#region src/index.ts
 var src_default = { install };
 //#endregion
-export { AAttributeNamesPolicyForm_default as AAttributeNamesPolicyForm, Authorize_default as AAuthorize, AuthorizeText_default as AAuthorizeText, AClient, AClientForm_default as AClientForm, AClientPermissionAssignment, AClientPermissionAssignments, AClientPicker, AClientRoleAssignment, AClientRoleAssignments, AClientScope, AClientScopeAssignment, AClientScopeAssignments, AClientScopes, AClients, ACompositePolicyForm_default as ACompositePolicyForm, ADatePolicyForm_default as ADatePolicyForm, AEntityDelete, AFormInputList_default as AFormInputList, AFormInputListItem_default as AFormInputListItem, AFormSubmit, AIdentityPolicyForm_default as AIdentityPolicyForm, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments, AIdentityProviders, Login_default as ALogin, APagination, APermission, APermissionCheck, APermissionClientAssignments, APermissionForm, APermissionPolicyAssignment, APermissionPolicyAssignments, APermissionPolicyBindingButton, APermissionRobotAssignments, APermissionRoleAssignments, APermissionUserAssignments, APermissions, APolicies, APolicy, APolicyForm_default as APolicyForm, APolicyTypePicker_default as APolicyTypePicker, ARealm, ARealmForm, ARealmMatchPolicyForm_default as ARealmMatchPolicyForm, ARealmPicker, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment, ARobotPermissionAssignments, ARobotRoleAssignment, ARobotRoleAssignments, ARobots, ARole, ARoleClientAssignments, ARoleForm, ARolePermissionAssignment, ARolePermissionAssignments, ARoleRobotAssignments, ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATimePolicyForm_default as ATimePolicyForm, ATitle, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment, AUserPermissionAssignments, AUserRoleAssignment, AUserRoleAssignments, AUsers, EntityRecordError, HTTPClientSymbol, LanguageSwitcherDropdown, ListHandlers, STORE_ID, SocketClientSymbol, StoreDispatcherEventName, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, assignFormProperties, buildEntityVSlotProps, buildFormSubmitWithTranslations, createFormSubmitTranslations, createPermissionCheckerReactiveFn, createStore, createStoreDispatcher, src_default as default, defineEntityCollectionManager, defineEntityCollectionVEmitOptions, defineEntityCollectionVProps, defineEntityManager, defineEntityPicker, defineEntityPickerVEmitOptions, defineEntityPickerVProps, defineEntitySocketManager, defineEntityVEmitOptions, defineEntityVProps, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasHTTPClientAuthenticationHook, hasNormalizedSlot, hasStoreFactory, inject, injectHTTPClient, injectHTTPClientAuthenticationHook, injectSocketManager, injectStore, injectStoreDispatcher, injectStoreFactory, injectTranslatorLocale, install, installHTTPClient, installHTTPClientAuthenticationHook, installSocketManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketManagerUsable, mergeEntityCollectionRenderOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideHTTPClientAuthenticationHook, provideSocketManager, provideStoreDispatcher, provideStoreFactory, renderToggleButton, storeToRefs, useIsEditing, usePermissionCheck, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
+export { AAttributeNamesPolicyForm_default as AAttributeNamesPolicyForm, Authorize_default as AAuthorize, AuthorizeText_default as AAuthorizeText, AClient, AClientForm_default as AClientForm, AClientPermissionAssignment_default as AClientPermissionAssignment, AClientPermissionAssignments_default as AClientPermissionAssignments, AClientPicker, AClientRoleAssignment_default as AClientRoleAssignment, AClientRoleAssignments_default as AClientRoleAssignments, AClientScope, AClientScopeAssignment_default as AClientScopeAssignment, AClientScopeAssignments_default as AClientScopeAssignments, AClientScopes, AClients, ACompositePolicyForm_default as ACompositePolicyForm, ADatePolicyForm_default as ADatePolicyForm, AEntityDelete, AFormInputList_default as AFormInputList, AFormInputListItem_default as AFormInputListItem, AFormSubmit, AIdentityPolicyForm_default as AIdentityPolicyForm, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon_default as AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment_default as AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments_default as AIdentityProviderRoleAssignments, AIdentityProviders, Login_default as ALogin, APagination, APermission, APermissionCheck, APermissionClientAssignments_default as APermissionClientAssignments, APermissionForm, APermissionPolicyAssignment_default as APermissionPolicyAssignment, APermissionPolicyAssignments_default as APermissionPolicyAssignments, APermissionPolicyBindingButton, APermissionRobotAssignments_default as APermissionRobotAssignments, APermissionRoleAssignments_default as APermissionRoleAssignments, APermissionUserAssignments_default as APermissionUserAssignments, APermissions, APolicies, APolicy, APolicyDetailNav_default as APolicyDetailNav, APolicyForm_default as APolicyForm, APolicyInlineInfo_default as APolicyInlineInfo, APolicySummary_default as APolicySummary, APolicyTypeBadge_default as APolicyTypeBadge, APolicyTypePicker_default as APolicyTypePicker, ARealm, ARealmForm, ARealmMatchPolicyForm_default as ARealmMatchPolicyForm, ARealmPicker, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment_default as ARobotPermissionAssignment, ARobotPermissionAssignments_default as ARobotPermissionAssignments, ARobotRoleAssignment_default as ARobotRoleAssignment, ARobotRoleAssignments_default as ARobotRoleAssignments, ARobots, ARole, ARoleClientAssignments_default as ARoleClientAssignments, ARoleForm, ARolePermissionAssignment_default as ARolePermissionAssignment, ARolePermissionAssignments_default as ARolePermissionAssignments, ARoleRobotAssignments_default as ARoleRobotAssignments, ARoleUserAssignments_default as ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments_default as AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATimePolicyForm_default as ATimePolicyForm, ATitle, AToggleButton_default as AToggleButton, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment_default as AUserPermissionAssignment, AUserPermissionAssignments_default as AUserPermissionAssignments, AUserRoleAssignment_default as AUserRoleAssignment, AUserRoleAssignments_default as AUserRoleAssignments, AUsers, EntityRecordError, HTTPClientSymbol, LanguageSwitcherDropdown, ListHandlers, STORE_ID, SocketClientSymbol, StoreDispatcherEventName, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, assignFormProperties, buildEntityVSlotProps, buildFormSubmitWithTranslations, createFormSubmitTranslations, createPermissionCheckerReactiveFn, createStore, createStoreDispatcher, src_default as default, defineEntityCollectionManager, defineEntityCollectionVEmitOptions, defineEntityCollectionVProps, defineEntityManager, defineEntityPicker, defineEntityPickerVEmitOptions, defineEntityPickerVProps, defineEntitySocketManager, defineEntityVEmitOptions, defineEntityVProps, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasHTTPClientAuthenticationHook, hasNormalizedSlot, hasStoreFactory, inject, injectHTTPClient, injectHTTPClientAuthenticationHook, injectSocketManager, injectStore, injectStoreDispatcher, injectStoreFactory, injectTranslatorLocale, install, installHTTPClient, installHTTPClientAuthenticationHook, installSocketManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketManagerUsable, mergeEntityCollectionRenderOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideHTTPClientAuthenticationHook, provideSocketManager, provideStoreDispatcher, provideStoreFactory, renderToggleButton, storeToRefs, useIsEditing, usePermissionCheck, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
 
 //# sourceMappingURL=index.mjs.map