@authup/client-web-kit 1.0.0-beta.44 → 1.0.0-beta.46

package/dist/index.mjs

@@ -1,10 +1,11 @@
 import { createValidup, getSeverity, useValidup } from "@validup/vue";
 import { Container, OptionalValue, ValidupError, defineIssueItem } from "validup";
 import { ClientValidator, EntityDefaultEventName, EntityType, IdentityProviderPreset, IdentityProviderProtocol, IdentityProviderValidator, PermissionValidator, PolicyValidator, REALM_MASTER_NAME, RealmValidator, RobotValidator, RoleValidator, ScopeValidator, UserValidator, buildEntityChannelName, buildUserFakeEmail, getIdentityProviderProtocolForPreset, isUserFakeEmail } from "@authup/core-kit";
-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 { 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, useId, watch, withCtx, withModifiers } from "vue";
 import { VCFormCheckbox, VCFormGroup, VCFormInput, VCFormSelect, VCFormSwitch, VCFormTextarea, useSubmitButton } from "@vuecs/forms";
 import { createValidator } from "@validup/zod";
 import { IFieldValidation, install as install$1, useTranslationsForComposable as useTranslationsForComposable$1, useTranslationsForField as useTranslationsForField$1 } from "@ilingo/validup-vue";
+import { CATALOGS, LOCALES, TranslatorTranslationActionKey, TranslatorTranslationClientKey, TranslatorTranslationCommonKey, TranslatorTranslationEntityKey, TranslatorTranslationFieldKey, TranslatorTranslationNamespace, TranslatorTranslationVuecsKey } from "@authup/i18n";
 import { Client, ClientAuthenticationHook, ClientAuthenticationHookEventName, CookieName } from "@authup/core-http-kit";
 import { defineStore, storeToRefs as storeToRefs$1 } from "pinia";
 import { BuiltInPolicyType, PermissionEvaluator, PermissionMemoryProvider, PolicyData, PolicyEngine, TimePolicyInterval, isIntervalForDayOfMonth, isIntervalForDayOfWeek, isIntervalForDayOfYear } from "@authup/access";
@@ -12,12 +13,12 @@ import { OAuth2Error, deserializeOAuth2Scope, isOpenIDProviderMetadata } from "@
 import { useCookies } from "@vueuse/integrations/useCookies";
 import { extend } from "@vuecs/core";
 import { VCButton } from "@vuecs/button";
-import { injectLocale, install as install$2, useTranslation as useTranslation$1 } from "@ilingo/vue";
-import { MemoryStore, defineCatalog, defineLocale, defineNamespace, defineTranslations } from "ilingo";
+import { injectIlingo, injectLocale, install as install$2, useTranslation as useTranslation$1 } from "@ilingo/vue";
+import { MemoryStore } from "ilingo";
 import { createMerger, isObject, merge } from "smob";
 import { SortDirection } from "rapiq";
 import { ClientManager, EventNameSuffix, buildEventFullName } from "@authup/core-realtime-kit";
-import { DecisionStrategy, ValidatorGroup, base64URLEncode, createNanoID, extendObject, hasOwnProperty, isBCryptHash, isObject as isObject$1 } from "@authup/kit";
+import { DecisionStrategy, ValidatorGroup, base64URLEncode, extendObject, generateName, generateSecret, hasOwnProperty, isBCryptHash, isObject as isObject$1 } from "@authup/kit";
 import { VCPagination } from "@vuecs/pagination";
 import { VCList, VCListBody, VCListEmpty, VCListItem, VCListLoading } from "@vuecs/list";
 //#region \0rolldown/runtime.js
@@ -3088,8 +3089,8 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 };
 //#endregion
 //#region src/components/utility/form-input-list/AFormInputListItem.vue
-const _hoisted_1$25 = ["disabled"];
-function _sfc_render$54(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$37 = ["disabled"];
+function _sfc_render$72(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCIcon = resolveComponent("VCIcon");
 	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
@@ -3106,7 +3107,7 @@ function _sfc_render$54(_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"]))
-				}, [createVNode(_component_VCIcon, { name: "fa6-solid:minus" })], 8, _hoisted_1$25)]),
+				}, [createVNode(_component_VCIcon, { name: "fa6-solid:minus" })], 8, _hoisted_1$37)]),
 				_: 1
 			}, 8, [
 				"modelValue",
@@ -3118,7 +3119,7 @@ function _sfc_render$54(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 1
 	}, 8, ["field"]);
 }
-var AFormInputListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AFormInputListItem_vue_vue_type_script_lang_default, [["render", _sfc_render$54]]);
+var AFormInputListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AFormInputListItem_vue_vue_type_script_lang_default, [["render", _sfc_render$72]]);
 //#endregion
 //#region src/core/inject.ts
 function inject(key, instance) {
@@ -3773,72 +3774,6 @@ function buildFormSubmit(input) {
 	}, () => label);
 }
 //#endregion
-//#region src/core/translator/constants.ts
-/**
-* Catalog namespace names registered by `installTranslator`. Mirrors
-* ilingo 6's catalog terminology — namespaces are the dotted root paths
-* under each locale.
-*
-* The `validup` namespace (validation-message catalogs for `IssueCode`
-* keys) is registered automatically by `@ilingo/validup-vue`'s install
-* and is **not** part of this enum.
-*/
-let TranslatorTranslationNamespace = /* @__PURE__ */ function(TranslatorTranslationNamespace) {
-	TranslatorTranslationNamespace["DEFAULT"] = "default";
-	TranslatorTranslationNamespace["CLIENT"] = "authupClient";
-	TranslatorTranslationNamespace["VUECS"] = "vuecs";
-	return TranslatorTranslationNamespace;
-}({});
-let TranslatorTranslationVuecsKey = /* @__PURE__ */ function(TranslatorTranslationVuecsKey) {
-	TranslatorTranslationVuecsKey["NO_MORE"] = "noMore";
-	return TranslatorTranslationVuecsKey;
-}({});
-let TranslatorTranslationClientKey = /* @__PURE__ */ function(TranslatorTranslationClientKey) {
-	TranslatorTranslationClientKey["NAME_HINT"] = "nameHint";
-	TranslatorTranslationClientKey["DESCRIPTION_HINT"] = "descriptionHint";
-	TranslatorTranslationClientKey["REDIRECT_URI_HINT"] = "redirectURIHint";
-	TranslatorTranslationClientKey["IS_CONFIDENTIAL"] = "isConfidential";
-	TranslatorTranslationClientKey["IS_ACTIVE"] = "isActive";
-	TranslatorTranslationClientKey["HASH_SECRET"] = "hashSecret";
-	return TranslatorTranslationClientKey;
-}({});
-let TranslatorTranslationDefaultKey = /* @__PURE__ */ function(TranslatorTranslationDefaultKey) {
-	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"] = "notLocked";
-	TranslatorTranslationDefaultKey["VALUE_IS_REGEX"] = "valueIsRegex";
-	TranslatorTranslationDefaultKey["CLIENT"] = "client";
-	TranslatorTranslationDefaultKey["CLIENTS"] = "clients";
-	TranslatorTranslationDefaultKey["CLIENT_SCOPES"] = "clientScopes";
-	TranslatorTranslationDefaultKey["DISPLAY_NAME"] = "displayName";
-	TranslatorTranslationDefaultKey["EMAIL"] = "email";
-	TranslatorTranslationDefaultKey["EXTERNAL_ID"] = "externalId";
-	TranslatorTranslationDefaultKey["HASHED"] = "hashed";
-	TranslatorTranslationDefaultKey["OVERVIEW"] = "overview";
-	TranslatorTranslationDefaultKey["IDENTITY_PROVIDERS"] = "identityProviders";
-	TranslatorTranslationDefaultKey["NAME"] = "name";
-	TranslatorTranslationDefaultKey["DECISION_STRATEGY"] = "decisionStrategy";
-	TranslatorTranslationDefaultKey["DESCRIPTION"] = "description";
-	TranslatorTranslationDefaultKey["PERMISSIONS"] = "permissions";
-	TranslatorTranslationDefaultKey["POLICY"] = "policy";
-	TranslatorTranslationDefaultKey["POLICIES"] = "policies";
-	TranslatorTranslationDefaultKey["REALM"] = "realm";
-	TranslatorTranslationDefaultKey["ROBOTS"] = "robots";
-	TranslatorTranslationDefaultKey["REALMS"] = "realms";
-	TranslatorTranslationDefaultKey["ROLES"] = "roles";
-	TranslatorTranslationDefaultKey["SCOPES"] = "scopes";
-	TranslatorTranslationDefaultKey["SECRET"] = "secret";
-	TranslatorTranslationDefaultKey["REDIRECT_URIS"] = "redirectUris";
-	TranslatorTranslationDefaultKey["USERS"] = "users";
-	return TranslatorTranslationDefaultKey;
-}({});
-//#endregion
 //#region src/core/translator/singleton.ts
 function injectTranslatorLocale() {
 	return injectLocale();
@@ -3847,6 +3782,24 @@ function useTranslation(input) {
 	return useTranslation$1(input);
 }
 /**
+* Imperative counterpart to {@see useTranslation} for non-reactive,
+* event-time lookups — toast bodies built when a mutation resolves, or
+* nav-label resolution inside the async `Navigation.reduce()` pipeline,
+* where a render-time `Ref` is the wrong shape. Captures the injected
+* ilingo instance + locale `Ref` at call site (so it must run in
+* `setup()`), then returns a translate function that reads the current
+* `locale.value` on each invocation. Missing keys resolve to the bare
+* key value rather than `undefined`.
+*/
+function useTranslator() {
+	const ilingo = injectIlingo();
+	const locale = injectLocale();
+	return async (ctx) => await ilingo.get({
+		...ctx,
+		locale: locale.value
+	}) ?? ctx.key;
+}
+/**
 * Translate the visible errors of a `@validup/vue` `FieldState` to
 * localized messages. Successor to the previous
 * `useTranslationsForBaseValidation` — reads `fieldState.$errors`
@@ -3867,116 +3820,29 @@ function useTranslationsForComposable(composable) {
 //#endregion
 //#region src/core/translator/helpers.ts
 /**
-* Resolve a batch of translations under a single namespace. Returns a
-* keyed map of `Ref<string>`s, one per element.
+* Resolve a batch of translations spanning any number of namespaces.
+* Each element supplies its own `namespace`; the result is a reactive
+* keyed map of unwrapped strings — access as `map.key` (no `.value`) in
+* script, interpolation, and attribute bindings alike. The output key is
+* the element's `key`.
 */
-function useTranslationsForNamespace(namespace, elements) {
+function useTranslations(elements) {
 	const output = {};
-	for (const element of elements) output[element.key] = useTranslation({
+	for (const element of elements) output[element.key] = useTranslation(element);
+	return reactive(output);
+}
+/**
+* Single-namespace sugar over {@see useTranslations}: applies one shared
+* `namespace` to every element. Retained for batches that live entirely
+* in one namespace (e.g. the `authupApp` chrome labels).
+*/
+function useTranslationsForNamespace(namespace, elements) {
+	return useTranslations(elements.map((element) => ({
 		...element,
 		namespace
-	});
-	return output;
+	})));
 }
 //#endregion
-//#region src/core/translator/de/client.ts
-const TranslatorTranslationClientGerman = {
-	["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 = {
-	["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/translator/de/vuecs.ts
-const TranslatorTranslationVuecsGerman = { ["noMore"]: "Keine weiteren {{name}} verfügbar" };
-//#endregion
-//#region src/core/translator/en/client.ts
-const TranslatorTranslationClientEnglish = {
-	["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 = {
-	["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/vuecs.ts
-const TranslatorTranslationVuecsEnglish = { ["noMore"]: "No more {{name}} available" };
-//#endregion
 //#region src/core/translator/install.ts
 /**
 * Three-stage install:
@@ -3991,12 +3857,13 @@ const TranslatorTranslationVuecsEnglish = { ["noMore"]: "No more {{name}} availa
 * rather than globally — keeps the form's `components: {}` registry as
 * the single source of truth for what's used in its template.
 *
-* Authup-specific catalogs (`authupClient`, `default`, `vuecs`) ship
-* through the same `MemoryStore` — the descriptor-tree shape required
-* by ilingo 6 is built via `defineCatalog` / `defineLocale` /
-* `defineNamespace` / `defineTranslations` so the type system tracks
-* the namespace tree and a misspelled namespace name is a compile
-* error.
+* Authup-specific catalogs (`authupEntity`, `authupField`,
+* `authupAction`, `authupCommon`, `authupClient`, `authupApp`,
+* `vuecs`, `authupError`) ship through the same `MemoryStore`. The authored
+* translations live in the framework-agnostic `@authup/i18n` package,
+* which already exports them as an ilingo `CatalogNode` (`CATALOGS`) —
+* the canonical ingestion format — so this install just hands it to the
+* store directly with no per-consumer reconstruction.
 *
 * Zod-driven validators flow through `@validup/zod`'s
 * `createValidator()`, which maps each `ZodIssue` to a specific validup
@@ -4014,15 +3881,7 @@ const TranslatorTranslationVuecsEnglish = { ["noMore"]: "No more {{name}} availa
 */
 function installTranslator(app, options = {}) {
 	install$2(app, {
-		store: new MemoryStore({ data: defineCatalog([defineLocale("en", [
-			defineNamespace("authupClient", [defineTranslations(TranslatorTranslationClientEnglish)]),
-			defineNamespace("default", [defineTranslations(TranslatorTranslationDefaultEnglish)]),
-			defineNamespace("vuecs", [defineTranslations(TranslatorTranslationVuecsEnglish)])
-		]), defineLocale("de", [
-			defineNamespace("authupClient", [defineTranslations(TranslatorTranslationClientGerman)]),
-			defineNamespace("default", [defineTranslations(TranslatorTranslationDefaultGerman)]),
-			defineNamespace("vuecs", [defineTranslations(TranslatorTranslationVuecsGerman)])
-		])]) }),
+		store: new MemoryStore({ data: CATALOGS }),
 		locale: options.locale
 	});
 	install$1(app);
@@ -4043,12 +3902,12 @@ function installTranslator(app, options = {}) {
 function buildSubmitButtonDefaults() {
 	return {
 		createText: useTranslation({
-			namespace: "default",
-			key: "create"
+			namespace: TranslatorTranslationNamespace.ACTION,
+			key: TranslatorTranslationActionKey.CREATE
 		}),
 		updateText: useTranslation({
-			namespace: "default",
-			key: "update"
+			namespace: TranslatorTranslationNamespace.ACTION,
+			key: TranslatorTranslationActionKey.UPDATE
 		}),
 		createIcon: "fa6-solid:plus",
 		updateIcon: "fa6-solid:floppy-disk",
@@ -4274,54 +4133,9 @@ function extractValidupResultsFromChild(composable, name, keys) {
 	return output;
 }
 //#endregion
-//#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
-			}
-		},
-		setup(props, { slots }) {
-			const translation = useTranslation({
-				namespace: props.group,
-				key: props.name
-			});
-			return () => {
-				if (hasNormalizedSlot("default", slots)) return normalizeSlot("default", { data: translation.value }, slots);
-				return [translation.value];
-			};
-		}
-	}) },
-	props: { name: {
-		type: String,
-		required: true
-	} },
-	setup() {
-		return { TranslatorTranslationNamespace };
-	}
-});
-//#endregion
-//#region src/components/utility/translation/ATranslationDefault.vue
-function _sfc_render$53(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_ATranslation = resolveComponent("ATranslation");
-	return openBlock(), createBlock(_component_ATranslation, {
-		group: _ctx.TranslatorTranslationNamespace.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: /* @__PURE__ */ _plugin_vue_export_helper_default(ATranslationDefault_vue_vue_type_script_lang_default, [["render", _sfc_render$53]]),
-		AFormInputListItem: AFormInputListItem_default
-	},
+	components: { AFormInputListItem: AFormInputListItem_default },
 	props: {
 		names: {
 			type: Array,
@@ -4338,6 +4152,10 @@ var AFormInputList_vue_vue_type_script_lang_default = defineComponent({
 	},
 	emits: ["changed"],
 	setup(props, setup) {
+		const translationsAction = useTranslations([{
+			namespace: TranslatorTranslationNamespace.ACTION,
+			key: TranslatorTranslationActionKey.ADD
+		}]);
 		let counter = 0;
 		const items = ref([]);
 		const add = (item) => {
@@ -4375,34 +4193,30 @@ var AFormInputList_vue_vue_type_script_lang_default = defineComponent({
 			canDrop,
 			handleDeleted,
 			handleUpdated,
-			items
+			items,
+			translationsAction
 		};
 	}
 });
 //#endregion
 //#region src/components/utility/form-input-list/AFormInputList.vue
-const _hoisted_1$24 = { class: "flex flex-col gap-2" };
-const _hoisted_2$14 = { class: "flex flex-row" };
-const _hoisted_3$12 = { class: "self-end" };
-const _hoisted_4$10 = { class: "ms-auto" };
-const _hoisted_5$8 = ["disabled"];
-const _hoisted_6$7 = { class: "flex flex-col gap-1" };
-function _sfc_render$52(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$36 = { class: "flex flex-col gap-2" };
+const _hoisted_2$19 = { class: "flex flex-row" };
+const _hoisted_3$15 = { class: "self-end" };
+const _hoisted_4$13 = { class: "ms-auto" };
+const _hoisted_5$12 = ["disabled"];
+const _hoisted_6$10 = { class: "flex flex-col gap-1" };
+function _sfc_render$71(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCIcon = resolveComponent("VCIcon");
-	const _component_ATranslationDefault = resolveComponent("ATranslationDefault");
 	const _component_AFormInputListItem = resolveComponent("AFormInputListItem");
-	return openBlock(), createElementBlock("div", _hoisted_1$24, [
-		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", {
+	return openBlock(), createElementBlock("div", _hoisted_1$36, [
+		createElementVNode("div", _hoisted_2$19, [createElementVNode("div", _hoisted_3$15, [renderSlot(_ctx.$slots, "label", {}, () => [_cache[1] || (_cache[1] = createTextVNode(" Names ", -1))])]), createElementVNode("div", _hoisted_4$13, [createElementVNode("button", {
 			class: "btn btn-xs btn-primary",
 			type: "button",
 			disabled: !_ctx.canAdd,
 			onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.add(), ["prevent"]))
-		}, [
-			createVNode(_component_VCIcon, { name: "fa6-solid:plus" }),
-			_cache[2] || (_cache[2] = createTextVNode()),
-			createVNode(_component_ATranslationDefault, { name: "add" })
-		], 8, _hoisted_5$8)])]),
-		createElementVNode("div", _hoisted_6$7, [_ctx.items.length === 0 ? renderSlot(_ctx.$slots, "noItems", { key: 0 }, () => [_cache[3] || (_cache[3] = 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) => {
+		}, [createVNode(_component_VCIcon, { name: "fa6-solid:plus" }), createTextVNode(" " + toDisplayString(_ctx.translationsAction.add), 1)], 8, _hoisted_5$12)])]),
+		createElementVNode("div", _hoisted_6$10, [_ctx.items.length === 0 ? renderSlot(_ctx.$slots, "noItems", { key: 0 }, () => [_cache[2] || (_cache[2] = 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,
@@ -4428,7 +4242,7 @@ function _sfc_render$52(_ctx, _cache, $props, $setup, $data, $options) {
 		renderSlot(_ctx.$slots, "hint")
 	]);
 }
-var AFormInputList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AFormInputList_vue_vue_type_script_lang_default, [["render", _sfc_render$52]]);
+var AFormInputList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AFormInputList_vue_vue_type_script_lang_default, [["render", _sfc_render$71]]);
 //#endregion
 //#region src/components/utility/pagination/module.ts
 function buildPagination(ctx) {
@@ -5172,7 +4986,7 @@ function defineEntityManager(ctx) {
 }
 //#endregion
 //#region src/components/utility/toggle-button/AToggleButton.vue?vue&type=script&lang.ts
-var AToggleButton_vue_vue_type_script_lang_default = defineComponent({
+var AToggleButton_vue_vue_type_script_lang_default$1 = defineComponent({
 	props: {
 		value: {
 			type: Boolean,
@@ -5194,8 +5008,8 @@ var AToggleButton_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/utility/toggle-button/AToggleButton.vue
-const _hoisted_1$23 = ["aria-label", "disabled"];
-function _sfc_render$51(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$35 = ["aria-label", "disabled"];
+function _sfc_render$70(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCIcon = resolveComponent("VCIcon");
 	return openBlock(), createElementBlock("button", {
 		type: "button",
@@ -5210,9 +5024,9 @@ function _sfc_render$51(_ctx, _cache, $props, $setup, $data, $options) {
 	}, [createVNode(_component_VCIcon, {
 		"aria-hidden": "true",
 		name: _ctx.isBusy ? "fa6-solid:question" : _ctx.value ? "fa6-solid:minus" : "fa6-solid:plus"
-	}, null, 8, ["name"])], 10, _hoisted_1$23);
+	}, null, 8, ["name"])], 10, _hoisted_1$35);
 }
-var AToggleButton_default$1 = /*#__PURE__*/ _plugin_vue_export_helper_default(AToggleButton_vue_vue_type_script_lang_default, [["render", _sfc_render$51]]);
+var AToggleButton_default$1 = /*#__PURE__*/ _plugin_vue_export_helper_default(AToggleButton_vue_vue_type_script_lang_default$1, [["render", _sfc_render$70]]);
 //#endregion
 //#region src/components/utility/toggle-button/module.ts
 function renderToggleButton(options) {
@@ -5429,8 +5243,8 @@ const AEntityDelete = defineComponent({
 			}
 		});
 		const translation = useTranslation({
-			namespace: "default",
-			key: "delete"
+			namespace: TranslatorTranslationNamespace.ACTION,
+			key: TranslatorTranslationActionKey.DELETE
 		});
 		const render = () => {
 			let tag = "button";
@@ -5505,8 +5319,8 @@ const ATitle = defineComponent({
 	slots: Object,
 	setup(props, { slots }) {
 		const translation = useTranslation({
-			namespace: "default",
-			key: "overview"
+			namespace: TranslatorTranslationNamespace.COMMON,
+			key: TranslatorTranslationCommonKey.OVERVIEW
 		});
 		return () => buildTitle({
 			slots,
@@ -5526,14 +5340,14 @@ const LanguageSwitcherDropdown = defineComponent({
 	async setup(props) {
 		const opened = ref(false);
 		const locale = injectLocale();
-		const locales = ["de", "en"];
-		const elements = computed(() => {
-			const output = [];
-			for (const locale_ of locales) output.push({
-				value: locale_,
-				active: locale.value === locale_
-			});
-			return output;
+		const elements = computed(() => LOCALES.map((descriptor) => ({
+			value: descriptor.code,
+			label: descriptor.nativeName,
+			active: locale.value === descriptor.code
+		})));
+		const activeCode = computed(() => {
+			const match = LOCALES.find((descriptor) => descriptor.code === locale.value);
+			return match ? match.code : locale.value;
 		});
 		const setLocale = (input) => {
 			locale.value = input;
@@ -5545,7 +5359,7 @@ const LanguageSwitcherDropdown = defineComponent({
 				event.preventDefault();
 				opened.value = !opened.value;
 			}
-		}, [locale.value]), h("div", { class: [
+		}, [activeCode.value]), h("div", { class: [
 			"dropdown-menu",
 			"dropdown-menu-end",
 			opened.value ? "show" : ""
@@ -5555,7 +5369,7 @@ const LanguageSwitcherDropdown = defineComponent({
 				setLocale(element.value);
 			},
 			class: ["dropdown-item", element.active ? "active" : ""]
-		}, [element.value])))]);
+		}, [element.label])))]);
 	}
 });
 //#endregion
@@ -5588,6 +5402,175 @@ const AFormSubmit = defineComponent({
 	}
 });
 //#endregion
+//#region src/components/utility/ANameInput.vue?vue&type=script&lang.ts
+/**
+* Name input with an attached "regenerate" button rendered inside the
+* `VCFormInput` group append slot. Clicking the button emits a freshly
+* generated, slug-safe entity name (e.g. `brave-otter-1a2b3c`) through the
+* same `update:modelValue` channel as typing, so callers can bind it with
+* `v-model` or `:model-value` + `@update:model-value` exactly like a plain
+* `<VCFormInput>`.
+*
+* When `disabled` is set (built-in / name-locked / master entities) the append
+* button is omitted and a plain disabled input is rendered.
+*/
+var ANameInput_vue_vue_type_script_lang_default = defineComponent({
+	name: "ANameInput",
+	components: { VCFormInput },
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		label: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(props, { emit }) {
+		const translationsDefault = useTranslations([{
+			namespace: TranslatorTranslationNamespace.ACTION,
+			key: TranslatorTranslationActionKey.GENERATE
+		}]);
+		const buttonLabel = computed(() => props.label ?? translationsDefault.generate);
+		const onUpdate = (value) => {
+			emit("update:modelValue", value);
+		};
+		const generate = () => {
+			emit("update:modelValue", generateName());
+		};
+		return {
+			buttonLabel,
+			onUpdate,
+			generate
+		};
+	}
+});
+//#endregion
+//#region src/components/utility/ANameInput.vue
+const _hoisted_1$34 = ["aria-label", "title"];
+function _sfc_render$69(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCIcon = resolveComponent("VCIcon");
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	return openBlock(), createBlock(_component_VCFormInput, {
+		"model-value": _ctx.modelValue ?? "",
+		disabled: _ctx.disabled,
+		group: !_ctx.disabled,
+		"onUpdate:modelValue": _ctx.onUpdate
+	}, createSlots({ _: 2 }, [!_ctx.disabled ? {
+		name: "groupAppend",
+		fn: withCtx(({ class: appendClass }) => [createElementVNode("button", {
+			type: "button",
+			class: normalizeClass([appendClass, "cursor-pointer transition-colors hover:bg-bg-elevated"]),
+			"aria-label": _ctx.buttonLabel,
+			title: _ctx.buttonLabel,
+			onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.generate && _ctx.generate(...args), ["prevent"]))
+		}, [createVNode(_component_VCIcon, {
+			"aria-hidden": "true",
+			name: "fa6-solid:arrows-rotate"
+		})], 10, _hoisted_1$34)]),
+		key: "0"
+	} : void 0]), 1032, [
+		"model-value",
+		"disabled",
+		"group",
+		"onUpdate:modelValue"
+	]);
+}
+var ANameInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ANameInput_vue_vue_type_script_lang_default, [["render", _sfc_render$69]]);
+//#endregion
+//#region src/components/utility/ASecretInput.vue?vue&type=script&lang.ts
+/**
+* Secret input with an attached "regenerate" button rendered inside the
+* `VCFormInput` group append slot. Clicking the button emits a freshly
+* generated, cryptographically strong secret through the same
+* `update:modelValue` channel as typing, so callers can bind it with
+* `v-model` or `:model-value` + `@update:model-value` exactly like a plain
+* `<VCFormInput>`.
+*
+* Mirrors `ANameInput` so name and secret fields share the same
+* input + group-append layout. When `disabled` is set the append button is
+* omitted and a plain disabled input is rendered.
+*
+* The button generates client-side only (a user click), so it never affects
+* SSR. Callers must likewise generate the initial value client-side (e.g. in
+* `onMounted`) — a secret must not be derived from a hydration-stable seed.
+*/
+var ASecretInput_vue_vue_type_script_lang_default = defineComponent({
+	name: "ASecretInput",
+	components: { VCFormInput },
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		label: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(props, { emit }) {
+		const translationsDefault = useTranslations([{
+			namespace: TranslatorTranslationNamespace.ACTION,
+			key: TranslatorTranslationActionKey.GENERATE
+		}]);
+		const buttonLabel = computed(() => props.label ?? translationsDefault.generate);
+		const onUpdate = (value) => {
+			emit("update:modelValue", value);
+		};
+		const generate = () => {
+			emit("update:modelValue", generateSecret());
+		};
+		return {
+			buttonLabel,
+			onUpdate,
+			generate
+		};
+	}
+});
+//#endregion
+//#region src/components/utility/ASecretInput.vue
+const _hoisted_1$33 = ["aria-label", "title"];
+function _sfc_render$68(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCIcon = resolveComponent("VCIcon");
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	return openBlock(), createBlock(_component_VCFormInput, {
+		"model-value": _ctx.modelValue ?? "",
+		disabled: _ctx.disabled,
+		group: !_ctx.disabled,
+		"onUpdate:modelValue": _ctx.onUpdate
+	}, createSlots({ _: 2 }, [!_ctx.disabled ? {
+		name: "groupAppend",
+		fn: withCtx(({ class: appendClass }) => [createElementVNode("button", {
+			type: "button",
+			class: normalizeClass([appendClass, "cursor-pointer transition-colors hover:bg-bg-elevated"]),
+			"aria-label": _ctx.buttonLabel,
+			title: _ctx.buttonLabel,
+			onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.generate && _ctx.generate(...args), ["prevent"]))
+		}, [createVNode(_component_VCIcon, {
+			"aria-hidden": "true",
+			name: "fa6-solid:arrows-rotate"
+		})], 10, _hoisted_1$33)]),
+		key: "0"
+	} : void 0]), 1032, [
+		"model-value",
+		"disabled",
+		"group",
+		"onUpdate:modelValue"
+	]);
+}
+var ASecretInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ASecretInput_vue_vue_type_script_lang_default, [["render", _sfc_render$68]]);
+//#endregion
 //#region src/components/utility/AToggleButton.vue?vue&type=script&lang.ts
 /**
 * Tri-state toggle button used in entity pickers' #itemActions slot
@@ -5601,7 +5584,7 @@ const AFormSubmit = defineComponent({
 * `utility/toggle-button/module.ts` and the inline copies in
 * ARobotForm.vue / AUserForm.vue.
 */
-const AToggleButton = defineComponent({
+var AToggleButton_vue_vue_type_script_lang_default = defineComponent({
 	name: "AToggleButton",
 	props: {
 		value: {
@@ -5628,13 +5611,13 @@ const AToggleButton = defineComponent({
 });
 //#endregion
 //#region src/components/utility/AToggleButton.vue
-const _hoisted_1$22 = [
+const _hoisted_1$32 = [
 	"aria-label",
 	"aria-busy",
 	"aria-pressed",
 	"disabled"
 ];
-function _sfc_render$50(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$67(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCIcon = resolveComponent("VCIcon");
 	return openBlock(), createElementBlock("button", {
 		type: "button",
@@ -5651,9 +5634,9 @@ function _sfc_render$50(_ctx, _cache, $props, $setup, $data, $options) {
 	}, [createVNode(_component_VCIcon, {
 		"aria-hidden": "true",
 		name: _ctx.isBusy ? "fa6-solid:question" : _ctx.value ? "fa6-solid:minus" : "fa6-solid:plus"
-	}, null, 8, ["name"])], 10, _hoisted_1$22);
+	}, null, 8, ["name"])], 10, _hoisted_1$32);
 }
-var AToggleButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AToggleButton, [["render", _sfc_render$50]]);
+var AToggleButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AToggleButton_vue_vue_type_script_lang_default, [["render", _sfc_render$67]]);
 //#endregion
 //#region src/components/entities/client/AClient.ts
 const AClient = defineComponent({
@@ -5724,9 +5707,10 @@ function usePermissionCheck(ctx) {
 }
 //#endregion
 //#region src/components/entities/realm/ARealmForm.vue?vue&type=script&lang.ts
-const ARealmForm = defineComponent({
+var ARealmForm_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		AFormSubmit,
+		ANameInput: ANameInput_default,
 		VCFormGroup,
 		VCFormInput,
 		VCFormTextarea,
@@ -5740,6 +5724,7 @@ const ARealmForm = defineComponent({
 	emits: defineEntityVEmitOptions(),
 	setup(props, ctx) {
 		const busy = ref(false);
+		const nameSeed = useId();
 		const form = reactive({
 			name: "",
 			display_name: "",
@@ -5753,15 +5738,10 @@ const ARealmForm = defineComponent({
 		const isEditing = useIsEditing(manager.data);
 		const v = useValidup(new RealmValidator(), form, { group: computed(() => isEditing.value ? ValidatorGroup.UPDATE : ValidatorGroup.CREATE) });
 		const updatedAt = useUpdatedAt(props.entity);
-		const isNameEmpty = computed(() => !form.name || form.name.length === 0);
 		const isMaster = computed(() => manager.data.value && manager.data.value.name === REALM_MASTER_NAME);
-		const isCreating = computed(() => !manager.data.value || !manager.data.value.id);
-		const generateName = () => {
-			form.name = createNanoID();
-		};
 		function initForm() {
 			assignFormProperties(form, manager.data.value);
-			if (form.name.length === 0) generateName();
+			if (form.name.length === 0) form.name = generateName(nameSeed);
 		}
 		watch(updatedAt, (val, oldVal) => {
 			if (val && val !== oldVal) {
@@ -5778,22 +5758,98 @@ const ARealmForm = defineComponent({
 			busy,
 			v,
 			isEditing,
-			isNameEmpty,
 			isMaster,
-			isCreating,
-			translationsDefault: useTranslationsForNamespace("default", [
-				{ key: "generate" },
-				{ key: "name" },
-				{ key: "displayName" },
-				{ key: "description" },
-				{ key: "realm" }
+			translationsDefault: useTranslations([
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.NAME
+				},
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.DISPLAY_NAME
+				},
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.DESCRIPTION
+				},
+				{
+					namespace: TranslatorTranslationNamespace.ENTITY,
+					key: TranslatorTranslationEntityKey.REALM,
+					count: 1
+				}
 			]),
-			generateName,
 			submit
 		};
 	}
 });
 //#endregion
+//#region src/components/entities/realm/ARealmForm.vue
+function _sfc_render$66(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ANameInput = resolveComponent("ANameInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
+	const _component_AFormSubmit = resolveComponent("AFormSubmit");
+	return openBlock(), createElementBlock("form", { onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"])) }, [
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)]),
+				default: withCtx(() => [createVNode(_component_ANameInput, {
+					modelValue: _ctx.v.fields.name.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.name.$model.value = $event,
+					disabled: _ctx.isMaster
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"disabled"
+				])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.display_name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.displayName), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					"model-value": _ctx.v.fields.display_name.$model.value ?? "",
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.display_name.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.description }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.description), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormTextarea, {
+					"model-value": _ctx.v.fields.description.$model.value ?? "",
+					rows: 4,
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.description.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_AFormSubmit, {
+			"is-busy": _ctx.busy,
+			"is-editing": _ctx.isEditing,
+			"is-invalid": _ctx.v.$invalid.value,
+			onSubmit: _ctx.submit
+		}, null, 8, [
+			"is-busy",
+			"is-editing",
+			"is-invalid",
+			"onSubmit"
+		])
+	], 32);
+}
+var ARealmForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ARealmForm_vue_vue_type_script_lang_default, [["render", _sfc_render$66]]);
+//#endregion
 //#region src/components/entities/realm/ARealms.ts
 const ARealms = defineComponent({
 	props: defineEntityCollectionVProps(),
@@ -5805,13 +5861,15 @@ const ARealms = defineComponent({
 			props,
 			setup: ctx
 		});
+		const translationsName = useTranslation({
+			namespace: TranslatorTranslationNamespace.ENTITY,
+			key: TranslatorTranslationEntityKey.REALM,
+			count: 2
+		});
 		const translation = useTranslation({
-			namespace: "vuecs",
-			key: "noMore",
-			data: { name: useTranslation({
-				namespace: "default",
-				key: "realms"
-			}) }
+			namespace: TranslatorTranslationNamespace.VUECS,
+			key: TranslatorTranslationVuecsKey.NO_MORE,
+			data: { name: translationsName }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -5836,6 +5894,8 @@ const ARealmPicker = defineComponent({
 var AClientForm_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		AFormSubmit,
+		ANameInput: ANameInput_default,
+		ASecretInput: ASecretInput_default,
 		ARealmPicker,
 		AFormInputList: AFormInputList_default,
 		IFieldValidation
@@ -5856,6 +5916,7 @@ var AClientForm_vue_vue_type_script_lang_default = defineComponent({
 	},
 	emits: defineEntityVEmitOptions(),
 	setup(props, ctx) {
+		const nameSeed = useId();
 		const form = reactive({
 			active: true,
 			name: "",
@@ -5880,7 +5941,6 @@ var AClientForm_vue_vue_type_script_lang_default = defineComponent({
 		const updatedAt = useUpdatedAt(props.entity);
 		const isNameFixed = computed(() => !!props.name && props.name.length > 0);
 		const realmId = computed(() => manager.data.value ? manager.data.value.realm_id : storeRefs.realmId.value);
-		const generateSecret = () => createNanoID("0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-_!.", 32);
 		const isSecretHashed = computed(() => {
 			if (!manager.data.value || manager.data.value.secret !== form.secret) return false;
 			return isBCryptHash(form.secret);
@@ -5888,9 +5948,12 @@ var AClientForm_vue_vue_type_script_lang_default = defineComponent({
 		function initForm() {
 			if (props.name) form.name = props.name;
 			assignFormProperties(form, manager.data.value);
+			if (form.name.length === 0) form.name = generateName(nameSeed);
 			form.realm_id = realmId.value ?? "";
-			if (form.secret.length === 0) form.secret = generateSecret();
 		}
+		onMounted(() => {
+			if (form.is_confidential && form.secret.length === 0) form.secret = generateSecret();
+		});
 		watch(computed(() => form.is_confidential), (val, oldValue) => {
 			if (val === oldValue) return;
 			if (val) form.secret = manager.data.value?.secret || generateSecret();
@@ -5908,22 +5971,40 @@ var AClientForm_vue_vue_type_script_lang_default = defineComponent({
 			await manager.createOrUpdate(form);
 			assignFormProperties(form, manager.data.value);
 		};
-		const translationsClient = useTranslationsForNamespace("authupClient", [
-			{ key: "nameHint" },
-			{ key: "descriptionHint" },
-			{ key: "redirectURIHint" },
-			{ key: "isConfidential" },
-			{ key: "isActive" },
-			{ key: "hashSecret" }
+		const translationsClient = useTranslationsForNamespace(TranslatorTranslationNamespace.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 translationsDefault = useTranslationsForNamespace("default", [
-			{ key: "generate" },
-			{ key: "name" },
-			{ key: "displayName" },
-			{ key: "description" },
-			{ key: "realm" },
-			{ key: "redirectUris" },
-			{ key: "secret" }
+		const translationsDefault = useTranslations([
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.NAME
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DISPLAY_NAME
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DESCRIPTION
+			},
+			{
+				namespace: TranslatorTranslationNamespace.ENTITY,
+				key: TranslatorTranslationEntityKey.REALM,
+				count: 1
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.REDIRECT_URIS
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.SECRET
+			}
 		]);
 		const redirectUris = computed(() => {
 			const value = v.fields.redirect_uri.$model.value;
@@ -5938,7 +6019,6 @@ var AClientForm_vue_vue_type_script_lang_default = defineComponent({
 			isBusy: manager.busy.value,
 			isEditing,
 			isSecretHashed,
-			generateSecret,
 			redirectUris,
 			submit
 		};
@@ -5946,29 +6026,30 @@ var AClientForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/client/AClientForm.vue
-const _hoisted_1$21 = { class: "row" };
-const _hoisted_2$13 = { class: "col" };
-const _hoisted_3$11 = {
+const _hoisted_1$31 = { class: "row" };
+const _hoisted_2$18 = { class: "col" };
+const _hoisted_3$14 = {
 	key: 0,
 	class: "text-error-600 font-bold"
 };
-const _hoisted_4$9 = ["onClick"];
-const _hoisted_5$7 = { class: "row" };
-const _hoisted_6$6 = { class: "col" };
-const _hoisted_7$3 = { class: "col" };
+const _hoisted_4$12 = { class: "row" };
+const _hoisted_5$11 = { class: "col" };
+const _hoisted_6$9 = { class: "col" };
+const _hoisted_7$4 = { class: "col" };
 const _hoisted_8$2 = { class: "col" };
-const _hoisted_9$1 = { class: "col" };
-function _sfc_render$49(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$65(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_ANameInput = resolveComponent("ANameInput");
 	const _component_IFieldValidation = resolveComponent("IFieldValidation");
 	const _component_VCIcon = resolveComponent("VCIcon");
+	const _component_ASecretInput = resolveComponent("ASecretInput");
 	const _component_VCFormSwitch = resolveComponent("VCFormSwitch");
 	const _component_ARealmPicker = resolveComponent("ARealmPicker");
 	const _component_AFormInputList = resolveComponent("AFormInputList");
 	const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
 	const _component_AFormSubmit = resolveComponent("AFormSubmit");
-	return openBlock(), createElementBlock("div", _hoisted_1$21, [createElementVNode("div", _hoisted_2$13, [
+	return openBlock(), createElementBlock("div", _hoisted_1$31, [createElementVNode("div", _hoisted_2$18, [
 		_ctx.data ? (openBlock(), createBlock(_component_VCFormGroup, { key: 0 }, {
 			label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" ID ", -1)])]),
 			default: withCtx(() => [createVNode(_component_VCFormInput, {
@@ -5981,7 +6062,7 @@ function _sfc_render$49(_ctx, _cache, $props, $setup, $data, $options) {
 			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
 				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)]),
 				hint: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsClient.nameHint), 1)]),
-				default: withCtx(() => [createVNode(_component_VCFormInput, {
+				default: withCtx(() => [createVNode(_component_ANameInput, {
 					modelValue: _ctx.v.fields.name.$model.value,
 					"onUpdate:modelValue": ($event) => _ctx.v.fields.name.$model.value = $event,
 					disabled: _ctx.isNameFixed
@@ -6014,21 +6095,14 @@ function _sfc_render$49(_ctx, _cache, $props, $setup, $data, $options) {
 		}, 8, ["field"]),
 		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.secret }, {
 			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
-				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.secret) + " ", 1), _ctx.isSecretHashed ? (openBlock(), createElementBlock("span", _hoisted_3$11, [createVNode(_component_VCIcon, { name: "fa6-solid:triangle-exclamation" })])) : createCommentVNode("v-if", true)]),
-				default: withCtx(() => [createVNode(_component_VCFormInput, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.secret) + " ", 1), _ctx.isSecretHashed ? (openBlock(), createElementBlock("span", _hoisted_3$14, [createVNode(_component_VCIcon, { name: "fa6-solid:triangle-exclamation" })])) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [createVNode(_component_ASecretInput, {
 					"model-value": _ctx.v.fields.secret.$model.value ?? "",
 					disabled: !_ctx.v.fields.is_confidential.$model.value,
 					"onUpdate:modelValue": (next) => {
 						_ctx.v.fields.secret.$model.value = next;
 					}
-				}, {
-					groupAppend: withCtx(() => [createElementVNode("button", {
-						class: "btn",
-						type: "button",
-						onClick: withModifiers(() => _ctx.v.fields.secret.$model.value = _ctx.generateSecret(), ["prevent"])
-					}, [createVNode(_component_VCIcon, { name: "fa6-solid:arrows-rotate" })], 8, _hoisted_4$9)]),
-					_: 2
-				}, 1032, [
+				}, null, 8, [
 					"model-value",
 					"disabled",
 					"onUpdate:modelValue"
@@ -6037,14 +6111,14 @@ function _sfc_render$49(_ctx, _cache, $props, $setup, $data, $options) {
 			}, 1032, ["validation"])]),
 			_: 1
 		}, 8, ["field"]),
-		createElementVNode("div", _hoisted_5$7, [
-			createElementVNode("div", _hoisted_6$6, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.is_confidential }, {
+		createElementVNode("div", _hoisted_4$12, [
+			createElementVNode("div", _hoisted_5$11, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.is_confidential }, {
 				default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
 					default: withCtx(() => [createVNode(_component_VCFormSwitch, {
 						modelValue: _ctx.v.fields.is_confidential.$model.value,
 						"onUpdate:modelValue": ($event) => _ctx.v.fields.is_confidential.$model.value = $event,
 						label: true,
-						"label-content": _ctx.translationsClient.isConfidential.value
+						"label-content": _ctx.translationsClient.isConfidential
 					}, null, 8, [
 						"modelValue",
 						"onUpdate:modelValue",
@@ -6054,13 +6128,13 @@ function _sfc_render$49(_ctx, _cache, $props, $setup, $data, $options) {
 				}, 1032, ["validation"])]),
 				_: 1
 			}, 8, ["field"])]),
-			createElementVNode("div", _hoisted_7$3, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.secret_hashed }, {
+			createElementVNode("div", _hoisted_6$9, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.secret_hashed }, {
 				default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
 					default: withCtx(() => [createVNode(_component_VCFormSwitch, {
 						modelValue: _ctx.v.fields.secret_hashed.$model.value,
 						"onUpdate:modelValue": ($event) => _ctx.v.fields.secret_hashed.$model.value = $event,
 						label: true,
-						"label-content": _ctx.translationsClient.hashSecret.value
+						"label-content": _ctx.translationsClient.hashSecret
 					}, null, 8, [
 						"modelValue",
 						"onUpdate:modelValue",
@@ -6070,13 +6144,13 @@ function _sfc_render$49(_ctx, _cache, $props, $setup, $data, $options) {
 				}, 1032, ["validation"])]),
 				_: 1
 			}, 8, ["field"])]),
-			createElementVNode("div", _hoisted_8$2, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.active }, {
+			createElementVNode("div", _hoisted_7$4, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.active }, {
 				default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
 					default: withCtx(() => [createVNode(_component_VCFormSwitch, {
 						modelValue: _ctx.v.fields.active.$model.value,
 						"onUpdate:modelValue": ($event) => _ctx.v.fields.active.$model.value = $event,
 						label: true,
-						"label-content": _ctx.translationsClient.isActive.value
+						"label-content": _ctx.translationsClient.isActive
 					}, null, 8, [
 						"modelValue",
 						"onUpdate:modelValue",
@@ -6103,7 +6177,7 @@ function _sfc_render$49(_ctx, _cache, $props, $setup, $data, $options) {
 			}, 1032, ["validation"])]),
 			_: 1
 		}, 8, ["field"])) : createCommentVNode("v-if", true)
-	]), createElementVNode("div", _hoisted_9$1, [
+	]), createElementVNode("div", _hoisted_8$2, [
 		createVNode(_component_AFormInputList, {
 			names: _ctx.redirectUris,
 			onChanged: _cache[0] || (_cache[0] = (value) => {
@@ -6146,7 +6220,7 @@ function _sfc_render$49(_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$49]]);
+var AClientForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientForm_vue_vue_type_script_lang_default, [["render", _sfc_render$65]]);
 //#endregion
 //#region src/components/entities/client/AClients.ts
 const AClients = defineComponent({
@@ -6159,13 +6233,15 @@ const AClients = defineComponent({
 			props,
 			setup: ctx
 		});
+		const translationName = useTranslation({
+			namespace: TranslatorTranslationNamespace.ENTITY,
+			key: TranslatorTranslationEntityKey.CLIENT,
+			count: 2
+		});
 		const translation = useTranslation({
-			namespace: "vuecs",
-			key: "noMore",
-			data: { name: useTranslation({
-				namespace: "default",
-				key: "clients"
-			}) }
+			namespace: TranslatorTranslationNamespace.VUECS,
+			key: TranslatorTranslationVuecsKey.NO_MORE,
+			data: { name: translationName }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -6239,8 +6315,9 @@ function decisionStrategyHint(value) {
 		default: return "No strategy selected. Defaults to unanimous (all policies must evaluate positively).";
 	}
 }
-const APermissionForm = defineComponent({
+var APermissionForm_vue_vue_type_script_lang_default = defineComponent({
 	components: {
+		ANameInput: ANameInput_default,
 		ARealmPicker,
 		AFormSubmit,
 		VCFormGroup,
@@ -6253,6 +6330,7 @@ const APermissionForm = defineComponent({
 	emits: defineEntityVEmitOptions(),
 	setup(props, ctx) {
 		const busy = ref(false);
+		const nameSeed = useId();
 		const form = reactive({
 			name: "",
 			display_name: "",
@@ -6280,6 +6358,7 @@ const APermissionForm = defineComponent({
 		const isBuiltIn = computed(() => !!(manager.data.value && manager.data.value.built_in));
 		function initForm() {
 			assignFormProperties(form, manager.data.value);
+			if (form.name.length === 0) form.name = generateName(nameSeed);
 			if (realmId.value) form.realm_id = realmId.value;
 		}
 		watch(updatedAt, (val, oldVal) => {
@@ -6302,12 +6381,28 @@ const APermissionForm = defineComponent({
 				busy.value = false;
 			}
 		};
-		const translationsDefault = useTranslationsForNamespace("default", [
-			{ key: "name" },
-			{ key: "displayName" },
-			{ key: "description" },
-			{ key: "decisionStrategy" },
-			{ key: "realm" }
+		const translationsDefault = useTranslations([
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.NAME
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DISPLAY_NAME
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DESCRIPTION
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DECISION_STRATEGY
+			},
+			{
+				namespace: TranslatorTranslationNamespace.ENTITY,
+				key: TranslatorTranslationEntityKey.REALM,
+				count: 1
+			}
 		]);
 		return {
 			busy,
@@ -6323,108 +6418,224 @@ const APermissionForm = defineComponent({
 	}
 });
 //#endregion
-//#region src/components/entities/permission/APermissions.ts
-const APermissions = defineComponent({
-	props: defineEntityCollectionVProps(),
-	emits: defineEntityCollectionVEmitOptions(),
-	slots: Object,
-	setup(props, setup) {
-		const { render } = defineEntityCollectionManager({
-			type: `${EntityType.PERMISSION}`,
-			props,
-			setup
-		});
-		const translation = useTranslation({
-			namespace: "vuecs",
-			key: "noMore",
-			data: { name: useTranslation({
-				namespace: "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({
-			namespace: "vuecs",
-			key: "noMore",
-			data: { name: useTranslation({
-				namespace: "default",
-				key: "policies"
-			}) }
-		});
-		return () => render({ noMore: { content: translation.value } });
-	}
-});
-//#endregion
-//#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() {
-		return { typeLabels };
-	}
-});
-//#endregion
-//#region src/components/entities/policy/APolicyTypeBadge.vue
-const _hoisted_1$20 = { class: "badge bg-info-500" };
-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({
+//#region src/components/entities/permission/APermissionForm.vue
+const _hoisted_1$30 = { class: "alert alert-sm alert-info mt-1 mb-0" };
+function _sfc_render$64(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ANameInput = resolveComponent("ANameInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
+	const _component_VCFormSelect = resolveComponent("VCFormSelect");
+	const _component_ARealmPicker = resolveComponent("ARealmPicker");
+	const _component_AFormSubmit = resolveComponent("AFormSubmit");
+	return openBlock(), createElementBlock("form", { onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"])) }, [
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)]),
+				default: withCtx(() => [createVNode(_component_ANameInput, {
+					modelValue: _ctx.v.fields.name.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.name.$model.value = $event,
+					disabled: _ctx.isBuiltIn
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"disabled"
+				])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.display_name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.displayName), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					"model-value": _ctx.v.fields.display_name.$model.value ?? "",
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.display_name.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.description }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.description), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormTextarea, {
+					"model-value": _ctx.v.fields.description.$model.value ?? "",
+					rows: 4,
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.description.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.decision_strategy }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.decisionStrategy), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormSelect, {
+					modelValue: _ctx.v.fields.decision_strategy.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.decision_strategy.$model.value = $event,
+					options: _ctx.decisionStrategyOptions,
+					placeholder: "-- None (default: unanimous) --"
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"options"
+				]), createElementVNode("div", _hoisted_1$30, toDisplayString(_ctx.decisionStrategyHint), 1)]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		!_ctx.realmId && !_ctx.isEditing ? (openBlock(), createBlock(_component_IFieldValidation, {
+			key: 0,
+			field: _ctx.v.fields.realm_id
+		}, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.realm), 1)]),
+				default: withCtx(() => [createVNode(_component_ARealmPicker, {
+					value: _ctx.v.fields.realm_id.$model.value,
+					multiple: false,
+					onChange: (input) => {
+						_ctx.v.fields.realm_id.$model.value = input.length > 0 ? input[0] ?? "" : "";
+					}
+				}, null, 8, ["value", "onChange"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"])) : createCommentVNode("v-if", true),
+		createVNode(_component_AFormSubmit, {
+			"is-busy": _ctx.busy,
+			"is-editing": _ctx.isEditing,
+			"is-invalid": _ctx.v.$invalid.value,
+			onSubmit: _ctx.submit
+		}, null, 8, [
+			"is-busy",
+			"is-editing",
+			"is-invalid",
+			"onSubmit"
+		])
+	], 32);
+}
+var APermissionForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APermissionForm_vue_vue_type_script_lang_default, [["render", _sfc_render$64]]);
+//#endregion
+//#region src/components/entities/permission/APermissions.ts
+const APermissions = defineComponent({
+	props: defineEntityCollectionVProps(),
+	emits: defineEntityCollectionVEmitOptions(),
+	slots: Object,
+	setup(props, setup) {
+		const { render } = defineEntityCollectionManager({
+			type: `${EntityType.PERMISSION}`,
+			props,
+			setup
+		});
+		const translationName = useTranslation({
+			namespace: TranslatorTranslationNamespace.ENTITY,
+			key: TranslatorTranslationEntityKey.PERMISSION,
+			count: 2
+		});
+		const translation = useTranslation({
+			namespace: TranslatorTranslationNamespace.VUECS,
+			key: TranslatorTranslationVuecsKey.NO_MORE,
+			data: { name: translationName }
+		});
+		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 translationName = useTranslation({
+			namespace: TranslatorTranslationNamespace.ENTITY,
+			key: TranslatorTranslationEntityKey.POLICY,
+			count: 2
+		});
+		const translation = useTranslation({
+			namespace: TranslatorTranslationNamespace.VUECS,
+			key: TranslatorTranslationVuecsKey.NO_MORE,
+			data: { name: translationName }
+		});
+		return () => render({ noMore: { content: translation.value } });
+	}
+});
+//#endregion
+//#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() {
+		return { typeLabels };
+	}
+});
+//#endregion
+//#region src/components/entities/policy/APolicyTypeBadge.vue
+const _hoisted_1$29 = { class: "badge bg-info-500" };
+function _sfc_render$63(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("span", _hoisted_1$29, 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$63]]);
+//#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 viewPolicyDetails = useTranslation({
+			namespace: TranslatorTranslationNamespace.CLIENT,
+			key: TranslatorTranslationClientKey.VIEW_POLICY_DETAILS
+		});
 		const handleClick = (e) => {
 			e.preventDefault();
 			emit("click", props.policyId);
 		};
-		return { handleClick };
+		return {
+			handleClick,
+			viewPolicyDetails
+		};
 	}
 });
 //#endregion
 //#region src/components/entities/policy/APolicyDetailNav.vue
-function _sfc_render$47(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$28 = ["title", "aria-label"];
+function _sfc_render$62(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCIcon = resolveComponent("VCIcon");
 	return openBlock(), createElementBlock("button", {
 		type: "button",
 		class: "btn btn-xs btn-outline-info",
-		title: "View policy details",
-		"aria-label": "View policy details",
+		title: _ctx.viewPolicyDetails,
+		"aria-label": _ctx.viewPolicyDetails,
 		onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-	}, [createVNode(_component_VCIcon, { name: "fa6-solid:eye" })]);
+	}, [createVNode(_component_VCIcon, { name: "fa6-solid:eye" })], 8, _hoisted_1$28);
 }
-var APolicyDetailNav_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APolicyDetailNav_vue_vue_type_script_lang_default, [["render", _sfc_render$47]]);
+var APolicyDetailNav_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APolicyDetailNav_vue_vue_type_script_lang_default, [["render", _sfc_render$62]]);
 //#endregion
 //#region src/components/entities/policy/APolicyInlineInfo.vue?vue&type=script&lang.ts
 var APolicyInlineInfo_vue_vue_type_script_lang_default = defineComponent({
@@ -6446,23 +6657,23 @@ var APolicyInlineInfo_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/APolicyInlineInfo.vue
-const _hoisted_1$19 = {
+const _hoisted_1$27 = {
 	key: 0,
 	class: "badge bg-warning-500"
 };
-function _sfc_render$46(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$61(_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),
+		_ctx.entity.invert ? (openBlock(), createElementBlock("span", _hoisted_1$27, "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]]);
+var APolicyInlineInfo_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APolicyInlineInfo_vue_vue_type_script_lang_default, [["render", _sfc_render$61]]);
 //#endregion
 //#region src/components/entities/policy/APolicySummary.vue?vue&type=script&lang.ts
 var APolicySummary_vue_vue_type_script_lang_default = defineComponent({
@@ -6474,36 +6685,36 @@ var APolicySummary_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/APolicySummary.vue
-const _hoisted_1$18 = { class: "flex flex-row gap-2 mb-2" };
-const _hoisted_2$12 = { class: "flex flex-row gap-2 mb-2" };
-const _hoisted_3$10 = {
+const _hoisted_1$26 = { class: "flex flex-row gap-2 mb-2" };
+const _hoisted_2$17 = { class: "flex flex-row gap-2 mb-2" };
+const _hoisted_3$13 = {
 	key: 0,
 	class: "flex flex-row gap-2 mb-2"
 };
-const _hoisted_4$8 = {
+const _hoisted_4$11 = {
 	key: 1,
 	class: "flex flex-row gap-2 mb-2"
 };
-const _hoisted_5$6 = {
+const _hoisted_5$10 = {
 	key: 2,
 	class: "flex flex-row gap-2 mb-2"
 };
-const _hoisted_6$5 = {
+const _hoisted_6$8 = {
 	key: 3,
 	class: "flex flex-row gap-2 mb-2"
 };
-function _sfc_render$45(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$60(_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$6, [..._cache[4] || (_cache[4] = [createElementVNode("strong", { style: { "min-width": "120px" } }, "Invert", -1), createElementVNode("div", null, [createElementVNode("span", { class: "badge bg-warning-500" }, "Yes")], -1)])])) : createCommentVNode("v-if", true),
-		_ctx.entity.built_in ? (openBlock(), createElementBlock("div", _hoisted_6$5, [..._cache[5] || (_cache[5] = [createElementVNode("strong", { style: { "min-width": "120px" } }, "Built-in", -1), createElementVNode("div", null, [createElementVNode("span", { class: "badge bg-bg-elevated" }, "Yes")], -1)])])) : createCommentVNode("v-if", true)
+		createElementVNode("div", _hoisted_1$26, [_cache[0] || (_cache[0] = createElementVNode("strong", { style: { "min-width": "120px" } }, "Name", -1)), createElementVNode("div", null, toDisplayString(_ctx.entity.name), 1)]),
+		createElementVNode("div", _hoisted_2$17, [_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$13, [_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$11, [_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$10, [..._cache[4] || (_cache[4] = [createElementVNode("strong", { style: { "min-width": "120px" } }, "Invert", -1), createElementVNode("div", null, [createElementVNode("span", { class: "badge bg-warning-500" }, "Yes")], -1)])])) : createCommentVNode("v-if", true),
+		_ctx.entity.built_in ? (openBlock(), createElementBlock("div", _hoisted_6$8, [..._cache[5] || (_cache[5] = [createElementVNode("strong", { style: { "min-width": "120px" } }, "Built-in", -1), createElementVNode("div", null, [createElementVNode("span", { class: "badge bg-bg-elevated" }, "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]]);
+var APolicySummary_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APolicySummary_vue_vue_type_script_lang_default, [["render", _sfc_render$60]]);
 //#endregion
 //#region src/components/entities/permission-policy-binding/APermissionPolicyBindingButton.ts
 const APermissionPolicyBindingButton = defineComponent({
@@ -6725,11 +6936,11 @@ var AClientPermissionAssignment_vue_vue_type_script_lang_default = defineCompone
 });
 //#endregion
 //#region src/components/entities/client-permission/AClientPermissionAssignment.vue
-const _hoisted_1$17 = { class: "flex gap-1" };
-function _sfc_render$44(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$25 = { class: "flex gap-1" };
+function _sfc_render$59(_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, {
+	return openBlock(), createElementBlock("span", _hoisted_1$25, [createVNode(_component_AToggleButton, {
 		value: !!_ctx.manager.data.value,
 		"is-busy": _ctx.manager.busy.value,
 		onChanged: _ctx.handleChanged
@@ -6748,7 +6959,7 @@ function _sfc_render$44(_ctx, _cache, $props, $setup, $data, $options) {
 		"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]]);
+var AClientPermissionAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientPermissionAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$59]]);
 //#endregion
 //#region src/components/entities/client-permission/AClientPermissionAssignments.vue?vue&type=script&lang.ts
 var AClientPermissionAssignments_vue_vue_type_script_lang_default = defineComponent({
@@ -6766,7 +6977,7 @@ var AClientPermissionAssignments_vue_vue_type_script_lang_default = defineCompon
 });
 //#endregion
 //#region src/components/entities/client-permission/AClientPermissionAssignments.vue
-function _sfc_render$43(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$58(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AClientPermissionAssignment = resolveComponent("AClientPermissionAssignment");
 	const _component_APermissions = resolveComponent("APermissions");
 	return openBlock(), createBlock(_component_APermissions, null, createSlots({
@@ -6783,11 +6994,12 @@ function _sfc_render$43(_ctx, _cache, $props, $setup, $data, $options) {
 		};
 	})]), 1024);
 }
-var AClientPermissionAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientPermissionAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$43]]);
+var AClientPermissionAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientPermissionAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$58]]);
 //#endregion
 //#region src/components/entities/role/ARoleForm.vue?vue&type=script&lang.ts
-const ARoleForm = defineComponent({
+var ARoleForm_vue_vue_type_script_lang_default = defineComponent({
 	components: {
+		ANameInput: ANameInput_default,
 		ARealmPicker,
 		AFormSubmit,
 		VCFormGroup,
@@ -6802,6 +7014,7 @@ const ARoleForm = defineComponent({
 	emits: defineEntityVEmitOptions(),
 	setup(props, ctx) {
 		const busy = ref(false);
+		const nameSeed = useId();
 		const form = reactive({
 			name: "",
 			display_name: "",
@@ -6823,6 +7036,7 @@ const ARoleForm = defineComponent({
 		const updatedAt = useUpdatedAt(props.entity);
 		function initForm() {
 			assignFormProperties(form, manager.data.value);
+			if (form.name.length === 0) form.name = generateName(nameSeed);
 		}
 		watch(updatedAt, (val, oldVal) => {
 			if (val && val !== oldVal) {
@@ -6840,17 +7054,109 @@ const ARoleForm = defineComponent({
 			v,
 			isEditing,
 			realmId,
-			translationsDefault: useTranslationsForNamespace("default", [
-				{ key: "name" },
-				{ key: "displayName" },
-				{ key: "description" },
-				{ key: "realm" }
+			translationsDefault: useTranslations([
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.NAME
+				},
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.DISPLAY_NAME
+				},
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.DESCRIPTION
+				},
+				{
+					namespace: TranslatorTranslationNamespace.ENTITY,
+					key: TranslatorTranslationEntityKey.REALM,
+					count: 1
+				}
 			]),
 			submit
 		};
 	}
 });
 //#endregion
+//#region src/components/entities/role/ARoleForm.vue
+function _sfc_render$57(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ANameInput = resolveComponent("ANameInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
+	const _component_ARealmPicker = resolveComponent("ARealmPicker");
+	const _component_AFormSubmit = resolveComponent("AFormSubmit");
+	return openBlock(), createElementBlock("form", { onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"])) }, [
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)]),
+				default: withCtx(() => [createVNode(_component_ANameInput, {
+					modelValue: _ctx.v.fields.name.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.name.$model.value = $event
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.display_name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.displayName), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					"model-value": _ctx.v.fields.display_name.$model.value ?? "",
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.display_name.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.description }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.description), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormTextarea, {
+					"model-value": _ctx.v.fields.description.$model.value ?? "",
+					rows: 6,
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.description.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		!_ctx.realmId && !_ctx.isEditing ? (openBlock(), createBlock(_component_IFieldValidation, {
+			key: 0,
+			field: _ctx.v.fields.realm_id
+		}, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.realm), 1)]),
+				default: withCtx(() => [createVNode(_component_ARealmPicker, {
+					value: _ctx.v.fields.realm_id.$model.value,
+					onChange: (input) => {
+						_ctx.v.fields.realm_id.$model.value = input.length > 0 ? input[0] ?? "" : "";
+					}
+				}, null, 8, ["value", "onChange"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"])) : createCommentVNode("v-if", true),
+		createVNode(_component_AFormSubmit, {
+			"is-busy": _ctx.busy,
+			"is-editing": _ctx.isEditing,
+			"is-invalid": _ctx.v.$invalid.value,
+			onSubmit: _ctx.submit
+		}, null, 8, [
+			"is-busy",
+			"is-editing",
+			"is-invalid",
+			"onSubmit"
+		])
+	], 32);
+}
+var ARoleForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ARoleForm_vue_vue_type_script_lang_default, [["render", _sfc_render$57]]);
+//#endregion
 //#region src/components/entities/role/ARoles.ts
 const ARoles = defineComponent({
 	props: defineEntityCollectionVProps(),
@@ -6862,13 +7168,15 @@ const ARoles = defineComponent({
 			props,
 			setup: ctx
 		});
+		const translationName = useTranslation({
+			namespace: TranslatorTranslationNamespace.ENTITY,
+			key: TranslatorTranslationEntityKey.ROLE,
+			count: 2
+		});
 		const translation = useTranslation({
-			namespace: "vuecs",
-			key: "noMore",
-			data: { name: useTranslation({
-				namespace: "default",
-				key: "roles"
-			}) }
+			namespace: TranslatorTranslationNamespace.VUECS,
+			key: TranslatorTranslationVuecsKey.NO_MORE,
+			data: { name: translationName }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -6939,7 +7247,7 @@ var AClientRoleAssignment_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/client-role/AClientRoleAssignment.vue
-function _sfc_render$42(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$56(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AToggleButton = resolveComponent("AToggleButton");
 	return openBlock(), createBlock(_component_AToggleButton, {
 		value: !!_ctx.manager.data.value,
@@ -6951,7 +7259,7 @@ function _sfc_render$42(_ctx, _cache, $props, $setup, $data, $options) {
 		"onChanged"
 	]);
 }
-var AClientRoleAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientRoleAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$42]]);
+var AClientRoleAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientRoleAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$56]]);
 //#endregion
 //#region src/components/entities/client-role/AClientRoleAssignments.vue?vue&type=script&lang.ts
 var AClientRoleAssignments_vue_vue_type_script_lang_default = defineComponent({
@@ -6975,7 +7283,7 @@ var AClientRoleAssignments_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/client-role/AClientRoleAssignments.vue
-function _sfc_render$41(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$55(_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({
@@ -6992,7 +7300,7 @@ function _sfc_render$41(_ctx, _cache, $props, $setup, $data, $options) {
 		};
 	})]), 1032, ["query"]);
 }
-var AClientRoleAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientRoleAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$41]]);
+var AClientRoleAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientRoleAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$55]]);
 //#endregion
 //#region src/components/entities/client-scope/AClientScope.ts
 const AClientScope = defineComponent({
@@ -7025,21 +7333,23 @@ const AClientScopes = defineComponent({
 			props,
 			setup: ctx
 		});
+		const translationClientScopes = useTranslation({
+			namespace: TranslatorTranslationNamespace.FIELD,
+			key: TranslatorTranslationFieldKey.CLIENT_SCOPES
+		});
 		const translation = useTranslation({
-			namespace: "vuecs",
-			key: "noMore",
-			data: { name: useTranslation({
-				namespace: "default",
-				key: "clientScopes"
-			}) }
+			namespace: TranslatorTranslationNamespace.VUECS,
+			key: TranslatorTranslationVuecsKey.NO_MORE,
+			data: { name: translationClientScopes }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
 });
 //#endregion
 //#region src/components/entities/scope/AScopeForm.vue?vue&type=script&lang.ts
-const AScopeForm = defineComponent({
+var AScopeForm_vue_vue_type_script_lang_default = defineComponent({
 	components: {
+		ANameInput: ANameInput_default,
 		ARealmPicker,
 		AFormSubmit,
 		VCFormGroup,
@@ -7057,6 +7367,7 @@ const AScopeForm = defineComponent({
 	emits: defineEntityVEmitOptions(),
 	setup(props, ctx) {
 		const busy = ref(false);
+		const nameSeed = useId();
 		const form = reactive({
 			name: "",
 			display_name: "",
@@ -7083,6 +7394,7 @@ const AScopeForm = defineComponent({
 		function initForm() {
 			if (props.name) form.name = props.name;
 			assignFormProperties(form, manager.data.value);
+			if (form.name.length === 0) form.name = generateName(nameSeed);
 		}
 		watch(updatedAt, (val, oldVal) => {
 			if (val && val !== oldVal) {
@@ -7101,17 +7413,114 @@ const AScopeForm = defineComponent({
 			isEditing,
 			realmId,
 			isNameFixed,
-			translationsDefault: useTranslationsForNamespace("default", [
-				{ key: "name" },
-				{ key: "displayName" },
-				{ key: "description" },
-				{ key: "realm" }
+			translationsDefault: useTranslations([
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.NAME
+				},
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.DISPLAY_NAME
+				},
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.DESCRIPTION
+				},
+				{
+					namespace: TranslatorTranslationNamespace.ENTITY,
+					key: TranslatorTranslationEntityKey.REALM,
+					count: 1
+				}
 			]),
 			submit
 		};
 	}
 });
 //#endregion
+//#region src/components/entities/scope/AScopeForm.vue
+function _sfc_render$54(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ANameInput = resolveComponent("ANameInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
+	const _component_ARealmPicker = resolveComponent("ARealmPicker");
+	const _component_AFormSubmit = resolveComponent("AFormSubmit");
+	return openBlock(), createElementBlock("form", { onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"])) }, [
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)]),
+				default: withCtx(() => [createVNode(_component_ANameInput, {
+					modelValue: _ctx.v.fields.name.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.name.$model.value = $event,
+					disabled: _ctx.isNameFixed
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"disabled"
+				])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.display_name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.displayName), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					"model-value": _ctx.v.fields.display_name.$model.value ?? "",
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.display_name.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.description }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.description), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormTextarea, {
+					"model-value": _ctx.v.fields.description.$model.value ?? "",
+					rows: 7,
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.description.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		!_ctx.realmId && !_ctx.isNameFixed && !_ctx.isEditing ? (openBlock(), createBlock(_component_IFieldValidation, {
+			key: 0,
+			field: _ctx.v.fields.realm_id
+		}, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.realm), 1)]),
+				default: withCtx(() => [createVNode(_component_ARealmPicker, {
+					value: _ctx.v.fields.realm_id.$model.value,
+					onChange: (input) => {
+						_ctx.v.fields.realm_id.$model.value = input.length > 0 ? input[0] ?? "" : "";
+					}
+				}, null, 8, ["value", "onChange"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"])) : createCommentVNode("v-if", true),
+		createVNode(_component_AFormSubmit, {
+			"is-busy": _ctx.busy,
+			"is-editing": _ctx.isEditing,
+			"is-invalid": _ctx.v.$invalid.value,
+			onSubmit: _ctx.submit
+		}, null, 8, [
+			"is-busy",
+			"is-editing",
+			"is-invalid",
+			"onSubmit"
+		])
+	], 32);
+}
+var AScopeForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AScopeForm_vue_vue_type_script_lang_default, [["render", _sfc_render$54]]);
+//#endregion
 //#region src/components/entities/scope/AScopes.ts
 const AScopes = defineComponent({
 	props: defineEntityCollectionVProps(),
@@ -7123,13 +7532,15 @@ const AScopes = defineComponent({
 			props,
 			setup: ctx
 		});
+		const translationName = useTranslation({
+			namespace: TranslatorTranslationNamespace.ENTITY,
+			key: TranslatorTranslationEntityKey.SCOPE,
+			count: 2
+		});
 		const translation = useTranslation({
-			namespace: "vuecs",
-			key: "noMore",
-			data: { name: useTranslation({
-				namespace: "default",
-				key: "scopes"
-			}) }
+			namespace: TranslatorTranslationNamespace.VUECS,
+			key: TranslatorTranslationVuecsKey.NO_MORE,
+			data: { name: translationName }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -7200,7 +7611,7 @@ var AClientScopeAssignment_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/client-scope/AClientScopeAssignment.vue
-function _sfc_render$40(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$53(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AToggleButton = resolveComponent("AToggleButton");
 	return openBlock(), createBlock(_component_AToggleButton, {
 		value: !!_ctx.manager.data.value,
@@ -7212,7 +7623,7 @@ function _sfc_render$40(_ctx, _cache, $props, $setup, $data, $options) {
 		"onChanged"
 	]);
 }
-var AClientScopeAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientScopeAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$40]]);
+var AClientScopeAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientScopeAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$53]]);
 //#endregion
 //#region src/components/entities/client-scope/AClientScopeAssignments.vue?vue&type=script&lang.ts
 var AClientScopeAssignments_vue_vue_type_script_lang_default = defineComponent({
@@ -7230,7 +7641,7 @@ var AClientScopeAssignments_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/client-scope/AClientScopeAssignments.vue
-function _sfc_render$39(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$52(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AClientScopeAssignment = resolveComponent("AClientScopeAssignment");
 	const _component_AScopes = resolveComponent("AScopes");
 	return openBlock(), createBlock(_component_AScopes, null, createSlots({
@@ -7247,7 +7658,7 @@ function _sfc_render$39(_ctx, _cache, $props, $setup, $data, $options) {
 		};
 	})]), 1024);
 }
-var AClientScopeAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientScopeAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$39]]);
+var AClientScopeAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AClientScopeAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$52]]);
 //#endregion
 //#region src/components/entities/identity-provider/AIdentityProvider.ts
 const AIdentityProvider = defineComponent({
@@ -7270,8 +7681,9 @@ const AIdentityProvider = defineComponent({
 });
 //#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderBasicFields.vue?vue&type=script&lang.ts
-const AIdentityProviderBasicFields = defineComponent({
+var AIdentityProviderBasicFields_vue_vue_type_script_lang_default = defineComponent({
 	components: {
+		ANameInput: ANameInput_default,
 		VCFormGroup,
 		VCFormInput,
 		VCFormSwitch,
@@ -7280,6 +7692,7 @@ const AIdentityProviderBasicFields = defineComponent({
 	props: { entity: { type: Object } },
 	emits: ["updated"],
 	setup(props, setup) {
+		const nameSeed = useId();
 		const form = reactive({
 			name: "",
 			display_name: "",
@@ -7291,9 +7704,6 @@ const AIdentityProviderBasicFields = defineComponent({
 			group: computed(() => isEditing.value ? ValidatorGroup.UPDATE : ValidatorGroup.CREATE)
 		});
 		const isNameEmpty = computed(() => !form.name || form.name.length === 0);
-		function generateId() {
-			form.name = createNanoID();
-		}
 		const update = () => {
 			setup.emit("updated", {
 				data: form,
@@ -7302,35 +7712,87 @@ const AIdentityProviderBasicFields = defineComponent({
 		};
 		function assign(data = {}) {
 			assignFormProperties(form, data);
-			if (isNameEmpty.value) generateId();
+			if (isNameEmpty.value) form.name = generateName(nameSeed);
 		}
 		setup.expose({ assign });
 		onChange(useUpdatedAt(props.entity), () => assign(props.entity));
 		assign(props.entity);
-		const translationsDefault = useTranslationsForNamespace("default", [
-			{ key: "displayName" },
-			{ key: "name" },
-			{ key: "description" }
+		const translationsDefault = useTranslations([
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DISPLAY_NAME
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.NAME
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DESCRIPTION
+			}
 		]);
 		const onEnabledChange = (value) => {
 			v.fields.enabled.$model.value = value;
 			update();
 		};
-		const onGenerate = () => {
-			generateId();
+		const onNameUpdate = (value) => {
+			form.name = value;
 			update();
 		};
 		return {
 			v,
 			translationsDefault,
-			onGenerate,
+			onNameUpdate,
 			onEnabledChange
 		};
 	}
 });
 //#endregion
+//#region src/components/entities/identity-provider/AIdentityProviderBasicFields.vue
+const _hoisted_1$24 = { class: "mt-3" };
+function _sfc_render$51(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ANameInput = resolveComponent("ANameInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormSwitch = resolveComponent("VCFormSwitch");
+	return openBlock(), createElementBlock("div", null, [
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)]),
+				default: withCtx(() => [createVNode(_component_ANameInput, {
+					"model-value": _ctx.v.fields.name.$model.value,
+					"onUpdate:modelValue": _ctx.onNameUpdate
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.display_name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.displayName), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					"model-value": _ctx.v.fields.display_name.$model.value ?? "",
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.display_name.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createElementVNode("div", _hoisted_1$24, [createVNode(_component_VCFormSwitch, {
+			"model-value": _ctx.v.fields.enabled.$model.value,
+			label: true,
+			"label-content": "Enabled?",
+			"onUpdate:modelValue": _ctx.onEnabledChange
+		}, null, 8, ["model-value", "onUpdate:modelValue"])])
+	]);
+}
+var AIdentityProviderBasicFields_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderBasicFields_vue_vue_type_script_lang_default, [["render", _sfc_render$51]]);
+//#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderLdapConnectionFields.vue?vue&type=script&lang.ts
-const AIdentityProviderLdapConnectionFields = defineComponent({
+var AIdentityProviderLdapConnectionFields_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		VCFormGroup,
 		VCFormInput,
@@ -7374,8 +7836,68 @@ const AIdentityProviderLdapConnectionFields = defineComponent({
 	}
 });
 //#endregion
+//#region src/components/entities/identity-provider/AIdentityProviderLdapConnectionFields.vue
+function _sfc_render$50(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCFormSwitch = resolveComponent("VCFormSwitch");
+	return openBlock(), createElementBlock("div", null, [
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.url }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" URL ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.url.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.url.$model.value = $event,
+					placeholder: "<scheme>://<address>:<port>"
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.timeout }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Timeout ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					"model-value": String(_ctx.v.fields.timeout.$model.value),
+					type: "number",
+					"onUpdate:modelValue": _ctx.onTimeoutChange
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.start_tls }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" StartTLS ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormSwitch, {
+					modelValue: _ctx.v.fields.start_tls.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.start_tls.$model.value = $event,
+					label: true,
+					"label-content": "Enable StartTLS process?"
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.base_dn }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Base DN ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.base_dn.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.base_dn.$model.value = $event,
+					placeholder: "e.g. dc=example,dc=com"
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"])
+	]);
+}
+var AIdentityProviderLdapConnectionFields_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderLdapConnectionFields_vue_vue_type_script_lang_default, [["render", _sfc_render$50]]);
+//#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderLdapCredentialsFields.vue?vue&type=script&lang.ts
-const AIdentityProviderLdapCredentialsFields = defineComponent({
+var AIdentityProviderLdapCredentialsFields_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		VCFormGroup,
 		VCFormInput,
@@ -7409,8 +7931,51 @@ const AIdentityProviderLdapCredentialsFields = defineComponent({
 	}
 });
 //#endregion
+//#region src/components/entities/identity-provider/AIdentityProviderLdapCredentialsFields.vue
+function _sfc_render$49(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCIcon = resolveComponent("VCIcon");
+	return openBlock(), createElementBlock("div", null, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.user }, {
+		default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+			label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" User ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.v.fields.user.$model.value,
+				"onUpdate:modelValue": ($event) => _ctx.v.fields.user.$model.value = $event
+			}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+			_: 2
+		}, 1032, ["validation"])]),
+		_: 1
+	}, 8, ["field"]), createVNode(_component_IFieldValidation, { field: _ctx.v.fields.password }, {
+		default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+			label: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Password ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.v.fields.password.$model.value,
+				"onUpdate:modelValue": ($event) => _ctx.v.fields.password.$model.value = $event,
+				type: _ctx.passwordShow ? "text" : "password",
+				autocomplete: "current-password"
+			}, {
+				groupAppend: withCtx(() => [createElementVNode("button", {
+					class: "btn",
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.passwordShow = !_ctx.passwordShow, ["prevent"]))
+				}, [createVNode(_component_VCIcon, { name: _ctx.passwordShow ? "fa6-solid:eye-slash" : "fa6-solid:eye" }, null, 8, ["name"])])]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"onUpdate:modelValue",
+				"type"
+			])]),
+			_: 2
+		}, 1032, ["validation"])]),
+		_: 1
+	}, 8, ["field"])]);
+}
+var AIdentityProviderLdapCredentialsFields_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderLdapCredentialsFields_vue_vue_type_script_lang_default, [["render", _sfc_render$49]]);
+//#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderLdapGroupFields.vue?vue&type=script&lang.ts
-const AIdentityProviderLdapGroupFields = defineComponent({
+var AIdentityProviderLdapGroupFields_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		VCFormGroup,
 		VCFormInput,
@@ -7444,8 +8009,85 @@ const AIdentityProviderLdapGroupFields = defineComponent({
 	}
 });
 //#endregion
+//#region src/components/entities/identity-provider/AIdentityProviderLdapGroupFields.vue
+function _sfc_render$48(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	return openBlock(), createElementBlock("div", null, [
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.group_filter }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Filter ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.group_filter.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.group_filter.$model.value = $event,
+					placeholder: "(member={{dn}})"
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.group_base_dn }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Base DN ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.group_base_dn.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.group_base_dn.$model.value = $event
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.group_class }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Class ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.group_class.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.group_class.$model.value = $event
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.group_name_attribute }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Name Attribute ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.group_name_attribute.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.group_name_attribute.$model.value = $event
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.group_member_attribute }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Member Attribute ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.group_member_attribute.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.group_member_attribute.$model.value = $event
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.group_member_user_attribute }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" Member User Attribute ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.group_member_user_attribute.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.group_member_user_attribute.$model.value = $event
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"])
+	]);
+}
+var AIdentityProviderLdapGroupFields_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderLdapGroupFields_vue_vue_type_script_lang_default, [["render", _sfc_render$48]]);
+//#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderLdapUserFields.vue?vue&type=script&lang.ts
-const AIdentityProviderLdapUserFields = defineComponent({
+var AIdentityProviderLdapUserFields_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		VCFormGroup,
 		VCFormInput,
@@ -7478,6 +8120,72 @@ const AIdentityProviderLdapUserFields = defineComponent({
 	}
 });
 //#endregion
+//#region src/components/entities/identity-provider/AIdentityProviderLdapUserFields.vue
+function _sfc_render$47(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	return openBlock(), createElementBlock("div", null, [
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.user_filter }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Filter ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.user_filter.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.user_filter.$model.value = $event,
+					placeholder: "(|({name_attribute}={{input}})({mail_attribute}={{input}}))"
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.user_base_dn }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Base DN ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.user_base_dn.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.user_base_dn.$model.value = $event
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.user_name_attribute }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Name Attribute ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.user_name_attribute.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.user_name_attribute.$model.value = $event
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.user_mail_attribute }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Mail Attribute ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.user_mail_attribute.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.user_mail_attribute.$model.value = $event
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.user_display_name_attribute }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" DisplayName Attribute ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.user_display_name_attribute.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.user_display_name_attribute.$model.value = $event
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"])
+	]);
+}
+var AIdentityProviderLdapUserFields_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderLdapUserFields_vue_vue_type_script_lang_default, [["render", _sfc_render$47]]);
+//#endregion
 //#region src/components/entities/identity-provider/protocol/utils.ts
 const elements$1 = {
 	[IdentityProviderProtocol.OAUTH2]: {
@@ -7513,14 +8221,14 @@ const AIdentityProviderProtocol = defineComponent({
 });
 //#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderLdapForm.vue?vue&type=script&lang.ts
-const AIdentityProviderLdapForm = defineComponent({
+var AIdentityProviderLdapForm_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		AFormSubmit,
-		AIdentityProviderBasicFields,
-		AIdentityProviderLdapConnectionFields,
-		AIdentityProviderLdapCredentialsFields,
-		AIdentityProviderLdapGroupFields,
-		AIdentityProviderLdapUserFields,
+		AIdentityProviderBasicFields: AIdentityProviderBasicFields_default,
+		AIdentityProviderLdapConnectionFields: AIdentityProviderLdapConnectionFields_default,
+		AIdentityProviderLdapCredentialsFields: AIdentityProviderLdapCredentialsFields_default,
+		AIdentityProviderLdapGroupFields: AIdentityProviderLdapGroupFields_default,
+		AIdentityProviderLdapUserFields: AIdentityProviderLdapUserFields_default,
 		AIdentityProviderProtocol
 	},
 	props: {
@@ -7581,6 +8289,53 @@ const AIdentityProviderLdapForm = defineComponent({
 	}
 });
 //#endregion
+//#region src/components/entities/identity-provider/AIdentityProviderLdapForm.vue
+const _hoisted_1$23 = { class: "mb-3" };
+const _hoisted_2$16 = { class: "row" };
+const _hoisted_3$12 = { class: "col" };
+const _hoisted_4$10 = { class: "col" };
+const _hoisted_5$9 = { class: "row" };
+const _hoisted_6$7 = { class: "col" };
+const _hoisted_7$3 = { class: "col" };
+function _sfc_render$46(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCIcon = resolveComponent("VCIcon");
+	const _component_AIdentityProviderProtocol = resolveComponent("AIdentityProviderProtocol");
+	const _component_AIdentityProviderBasicFields = resolveComponent("AIdentityProviderBasicFields");
+	const _component_AIdentityProviderLdapCredentialsFields = resolveComponent("AIdentityProviderLdapCredentialsFields");
+	const _component_AIdentityProviderLdapConnectionFields = resolveComponent("AIdentityProviderLdapConnectionFields");
+	const _component_AIdentityProviderLdapUserFields = resolveComponent("AIdentityProviderLdapUserFields");
+	const _component_AIdentityProviderLdapGroupFields = resolveComponent("AIdentityProviderLdapGroupFields");
+	const _component_AFormSubmit = resolveComponent("AFormSubmit");
+	return openBlock(), createElementBlock("form", { onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"])) }, [
+		!_ctx.data ? (openBlock(), createBlock(_component_AIdentityProviderProtocol, {
+			id: _ctx.ldapProtocol,
+			key: _ctx.ldapProtocol
+		}, {
+			default: withCtx((element) => [createElementVNode("div", null, [createElementVNode("h4", _hoisted_1$23, [createVNode(_component_VCIcon, {
+				name: element.icon,
+				class: "pe-1"
+			}, null, 8, ["name"]), createTextVNode(" " + toDisplayString(element.name), 1)])])]),
+			_: 1
+		}, 8, ["id"])) : createCommentVNode("v-if", true),
+		createElementVNode("div", _hoisted_2$16, [createElementVNode("div", _hoisted_3$12, [createElementVNode("h6", null, [createVNode(_component_VCIcon, { name: "fa6-solid:wrench" }), _cache[1] || (_cache[1] = createTextVNode(" Basic ", -1))]), createVNode(_component_AIdentityProviderBasicFields, { entity: _ctx.data }, null, 8, ["entity"])]), createElementVNode("div", _hoisted_4$10, [createElementVNode("h6", null, [createVNode(_component_VCIcon, { name: "fa6-solid:lock" }), _cache[2] || (_cache[2] = createTextVNode(" Security ", -1))]), createVNode(_component_AIdentityProviderLdapCredentialsFields, { entity: _ctx.data }, null, 8, ["entity"])])]),
+		createElementVNode("h6", null, [createVNode(_component_VCIcon, { name: "fa6-solid:vihara" }), _cache[3] || (_cache[3] = createTextVNode(" Connection ", -1))]),
+		createVNode(_component_AIdentityProviderLdapConnectionFields, { entity: _ctx.data }, null, 8, ["entity"]),
+		createElementVNode("div", _hoisted_5$9, [createElementVNode("div", _hoisted_6$7, [createElementVNode("h6", null, [createVNode(_component_VCIcon, { name: "fa6-solid:user" }), _cache[4] || (_cache[4] = createTextVNode(" User ", -1))]), createVNode(_component_AIdentityProviderLdapUserFields, { entity: _ctx.data }, null, 8, ["entity"])]), createElementVNode("div", _hoisted_7$3, [createElementVNode("h6", null, [createVNode(_component_VCIcon, { name: "fa6-solid:masks-theater" }), _cache[5] || (_cache[5] = createTextVNode(" Group ", -1))]), createVNode(_component_AIdentityProviderLdapGroupFields, { entity: _ctx.data }, null, 8, ["entity"])])]),
+		createVNode(_component_AFormSubmit, {
+			"is-busy": _ctx.busy,
+			"is-editing": _ctx.isEditing,
+			"is-invalid": _ctx.isInvalid,
+			onSubmit: _ctx.submit
+		}, null, 8, [
+			"is-busy",
+			"is-editing",
+			"is-invalid",
+			"onSubmit"
+		])
+	], 32);
+}
+var AIdentityProviderLdapForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderLdapForm_vue_vue_type_script_lang_default, [["render", _sfc_render$46]]);
+//#endregion
 //#region src/components/entities/identity-provider/preset/utils.ts
 const elements = {
 	[IdentityProviderPreset.FACEBOOK]: {
@@ -7665,16 +8420,16 @@ var AIdentityProviderPicker_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderPicker.vue
-const _hoisted_1$16 = { class: "flex flex-col gap-2" };
-const _hoisted_2$11 = { class: "flex flex-row gap-2 flex-wrap" };
-const _hoisted_3$9 = ["onClick"];
-const _hoisted_4$7 = { class: "flex flex-row gap-2 flex-wrap" };
-const _hoisted_5$5 = ["onClick"];
-function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$22 = { class: "flex flex-col gap-2" };
+const _hoisted_2$15 = { class: "flex flex-row gap-2 flex-wrap" };
+const _hoisted_3$11 = ["onClick"];
+const _hoisted_4$9 = { class: "flex flex-row gap-2 flex-wrap" };
+const _hoisted_5$8 = ["onClick"];
+function _sfc_render$45(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCIcon = resolveComponent("VCIcon");
 	const _component_AIdentityProviderProtocol = resolveComponent("AIdentityProviderProtocol");
 	const _component_AIdentityProviderPreset = resolveComponent("AIdentityProviderPreset");
-	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(), createElementBlock("div", _hoisted_1$22, [createElementVNode("div", null, [_cache[0] || (_cache[0] = createElementVNode("h6", null, "Protocols", -1)), createElementVNode("div", _hoisted_2$15, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.protocols, (item, key) => {
 		return openBlock(), createBlock(_component_AIdentityProviderProtocol, {
 			key,
 			id: item
@@ -7685,10 +8440,10 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
 			}, [createElementVNode("div", null, [createVNode(_component_VCIcon, {
 				class: "text-2xl",
 				name: props.icon
-			}, null, 8, ["name"])]), createElementVNode("div", null, toDisplayString(props.name), 1)], 10, _hoisted_3$9)]),
+			}, null, 8, ["name"])]), createElementVNode("div", null, toDisplayString(props.name), 1)], 10, _hoisted_3$11)]),
 			_: 2
 		}, 1032, ["id"]);
-	}), 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) => {
+	}), 128))])]), createElementVNode("div", null, [_cache[1] || (_cache[1] = createElementVNode("h6", null, "Presets", -1)), createElementVNode("div", _hoisted_4$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (item, key) => {
 		return openBlock(), createBlock(_component_AIdentityProviderPreset, {
 			key,
 			id: item
@@ -7699,15 +8454,15 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
 			}, [createElementVNode("div", null, [createVNode(_component_VCIcon, {
 				class: "text-2xl",
 				name: props.icon
-			}, null, 8, ["name"])]), createElementVNode("div", null, toDisplayString(props.name), 1)], 10, _hoisted_5$5)]),
+			}, null, 8, ["name"])]), createElementVNode("div", null, toDisplayString(props.name), 1)], 10, _hoisted_5$8)]),
 			_: 2
 		}, 1032, ["id"]);
 	}), 128))])])]);
 }
-var AIdentityProviderPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderPicker_vue_vue_type_script_lang_default, [["render", _sfc_render$38], ["__scopeId", "data-v-cb0d0718"]]);
+var AIdentityProviderPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderPicker_vue_vue_type_script_lang_default, [["render", _sfc_render$45], ["__scopeId", "data-v-cb0d0718"]]);
 //#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderOAuth2ClientFields.vue?vue&type=script&lang.ts
-const AIdentityProviderOAuth2ClientFields = defineComponent({
+var AIdentityProviderOAuth2ClientFields_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		VCFormGroup,
 		VCFormInput,
@@ -7734,6 +8489,49 @@ const AIdentityProviderOAuth2ClientFields = defineComponent({
 	}
 });
 //#endregion
+//#region src/components/entities/identity-provider/AIdentityProviderOAuth2ClientFields.vue
+function _sfc_render$44(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCIcon = resolveComponent("VCIcon");
+	return openBlock(), createElementBlock("div", null, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.client_id }, {
+		default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+			label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Client ID ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.v.fields.client_id.$model.value,
+				"onUpdate:modelValue": ($event) => _ctx.v.fields.client_id.$model.value = $event
+			}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+			_: 2
+		}, 1032, ["validation"])]),
+		_: 1
+	}, 8, ["field"]), createVNode(_component_IFieldValidation, { field: _ctx.v.fields.client_secret }, {
+		default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+			label: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Client Secret ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.v.fields.client_secret.$model.value,
+				"onUpdate:modelValue": ($event) => _ctx.v.fields.client_secret.$model.value = $event,
+				type: _ctx.secretShow ? "text" : "password",
+				autocomplete: "new-password"
+			}, {
+				groupAppend: withCtx(() => [createElementVNode("button", {
+					class: "btn",
+					type: "button",
+					onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.secretShow = !_ctx.secretShow, ["prevent"]))
+				}, [createVNode(_component_VCIcon, { name: _ctx.secretShow ? "fa6-solid:eye-slash" : "fa6-solid:eye" }, null, 8, ["name"])])]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"onUpdate:modelValue",
+				"type"
+			])]),
+			_: 2
+		}, 1032, ["validation"])]),
+		_: 1
+	}, 8, ["field"])]);
+}
+var AIdentityProviderOAuth2ClientFields_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderOAuth2ClientFields_vue_vue_type_script_lang_default, [["render", _sfc_render$44]]);
+//#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderOAuth2Discovery.vue?vue&type=script&lang.ts
 var DiscoveryUrlValidator = class extends Container {
 	initialize() {
@@ -7741,56 +8539,99 @@ var DiscoveryUrlValidator = class extends Container {
 		this.mount("url", { optional: true }, createValidator(url()));
 	}
 };
+var AIdentityProviderOAuth2Discovery_vue_vue_type_script_lang_default = defineComponent({
+	components: {
+		VCFormGroup,
+		VCFormInput,
+		IFieldValidation
+	},
+	emits: ["lookup", "failed"],
+	setup(_, setup) {
+		const busy = ref(false);
+		const form = reactive({ url: "" });
+		const v = useValidup(new DiscoveryUrlValidator(), form, { detached: true });
+		const lookupValid = ref(false);
+		const message = ref(null);
+		const apiClient = new Client();
+		const lookup = async () => {
+			if (busy.value || v.fields.url.$invalid.value) return;
+			busy.value = true;
+			message.value = null;
+			lookupValid.value = false;
+			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;
+			}
+		};
+		return {
+			v,
+			message,
+			lookupValid,
+			isDisabled: computed(() => busy.value || !form.url || v.$invalid.value),
+			lookup
+		};
+	}
+});
+//#endregion
+//#region src/components/entities/identity-provider/AIdentityProviderOAuth2Discovery.vue
+const _hoisted_1$21 = {
+	key: 0,
+	class: "alert alert-sm alert-warning"
+};
+const _hoisted_2$14 = ["disabled"];
+function _sfc_render$43(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCIcon = resolveComponent("VCIcon");
+	return openBlock(), createElementBlock("div", null, [
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.url }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Discovery ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.url.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.url.$model.value = $event,
+					class: normalizeClass({ "is-valid": _ctx.lookupValid }),
+					placeholder: "https://example.com/.well-known/openid-configuration"
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"class"
+				])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		_ctx.message ? (openBlock(), createElementBlock("div", _hoisted_1$21, toDisplayString(_ctx.message), 1)) : createCommentVNode("v-if", true),
+		createElementVNode("button", {
+			type: "button",
+			class: "btn btn-xs btn-primary mb-1",
+			disabled: _ctx.isDisabled,
+			onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.lookup && _ctx.lookup(...args), ["prevent"]))
+		}, [createVNode(_component_VCIcon, {
+			name: "fa6-solid:magnifying-glass",
+			class: "pe-1"
+		}), _cache[2] || (_cache[2] = createTextVNode(" Lookup ", -1))], 8, _hoisted_2$14)
+	]);
+}
 //#endregion
 //#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({
-			components: {
-				VCFormGroup,
-				VCFormInput,
-				IFieldValidation
-			},
-			emits: ["lookup", "failed"],
-			setup(_, setup) {
-				const busy = ref(false);
-				const form = reactive({ url: "" });
-				const v = useValidup(new DiscoveryUrlValidator(), form, { detached: true });
-				const lookupValid = ref(false);
-				const message = ref(null);
-				const apiClient = new Client();
-				const lookup = async () => {
-					if (busy.value || v.fields.url.$invalid.value) return;
-					busy.value = true;
-					message.value = null;
-					lookupValid.value = false;
-					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;
-					}
-				};
-				return {
-					v,
-					message,
-					lookupValid,
-					isDisabled: computed(() => busy.value || !form.url || v.$invalid.value),
-					lookup
-				};
-			}
-		}),
+		AIdentityProviderOAuth2Discovery: /* @__PURE__ */ _plugin_vue_export_helper_default(AIdentityProviderOAuth2Discovery_vue_vue_type_script_lang_default, [["render", _sfc_render$43]]),
 		IFieldValidation
 	},
 	props: {
@@ -7829,7 +8670,7 @@ var AIdentityProviderOAuth2EndpointFields_vue_vue_type_script_lang_default = def
 });
 //#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderOAuth2EndpointFields.vue
-function _sfc_render$37(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$42(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AIdentityProviderOAuth2Discovery = resolveComponent("AIdentityProviderOAuth2Discovery");
 	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
@@ -7888,12 +8729,12 @@ function _sfc_render$37(_ctx, _cache, $props, $setup, $data, $options) {
 }
 //#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderOAuth2Form.vue?vue&type=script&lang.ts
-const AIdentityProviderOAuth2Form = defineComponent({
+var AIdentityProviderOAuth2Form_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		AFormSubmit,
-		AIdentityProviderBasicFields,
-		AIdentityProviderOAuth2ClientFields,
-		AIdentityProviderOAuth2EndpointFields: /* @__PURE__ */ _plugin_vue_export_helper_default(AIdentityProviderOAuth2EndpointFields_vue_vue_type_script_lang_default, [["render", _sfc_render$37]]),
+		AIdentityProviderBasicFields: AIdentityProviderBasicFields_default,
+		AIdentityProviderOAuth2ClientFields: AIdentityProviderOAuth2ClientFields_default,
+		AIdentityProviderOAuth2EndpointFields: /* @__PURE__ */ _plugin_vue_export_helper_default(AIdentityProviderOAuth2EndpointFields_vue_vue_type_script_lang_default, [["render", _sfc_render$42]]),
 		AIdentityProviderPreset,
 		AIdentityProviderProtocol,
 		VCFormGroup,
@@ -7995,11 +8836,78 @@ const AIdentityProviderOAuth2Form = defineComponent({
 	}
 });
 //#endregion
+//#region src/components/entities/identity-provider/AIdentityProviderOAuth2Form.vue
+const _hoisted_1$20 = { class: "mb-3" };
+const _hoisted_2$13 = { class: "mb-3" };
+const _hoisted_3$10 = { class: "row" };
+const _hoisted_4$8 = { class: "col" };
+const _hoisted_5$7 = { class: "col" };
+function _sfc_render$41(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCIcon = resolveComponent("VCIcon");
+	const _component_AIdentityProviderPreset = resolveComponent("AIdentityProviderPreset");
+	const _component_AIdentityProviderProtocol = resolveComponent("AIdentityProviderProtocol");
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_AIdentityProviderBasicFields = resolveComponent("AIdentityProviderBasicFields");
+	const _component_AIdentityProviderOAuth2ClientFields = resolveComponent("AIdentityProviderOAuth2ClientFields");
+	const _component_AIdentityProviderOAuth2EndpointFields = resolveComponent("AIdentityProviderOAuth2EndpointFields");
+	const _component_AFormSubmit = resolveComponent("AFormSubmit");
+	return openBlock(), createElementBlock("form", { onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"])) }, [
+		!_ctx.data ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_ctx.presetEff ? (openBlock(), createBlock(_component_AIdentityProviderPreset, {
+			id: _ctx.presetEff,
+			key: _ctx.presetEff
+		}, {
+			default: withCtx((element) => [createElementVNode("div", null, [createElementVNode("h4", _hoisted_1$20, [createVNode(_component_VCIcon, {
+				name: element.icon,
+				class: "pe-1"
+			}, null, 8, ["name"]), createTextVNode(" " + toDisplayString(element.name), 1)])])]),
+			_: 1
+		}, 8, ["id"])) : _ctx.protocolEff ? (openBlock(), createBlock(_component_AIdentityProviderProtocol, {
+			id: _ctx.protocolEff,
+			key: _ctx.protocolEff
+		}, {
+			default: withCtx((element) => [createElementVNode("div", null, [createElementVNode("h4", _hoisted_2$13, [createVNode(_component_VCIcon, {
+				name: element.icon,
+				class: "pe-1"
+			}, null, 8, ["name"]), createTextVNode(" " + toDisplayString(element.name), 1)])])]),
+			_: 1
+		}, 8, ["id"])) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true),
+		_ctx.isEditing ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("h6", null, [createVNode(_component_VCIcon, { name: "fa6-solid:circle-info" }), _cache[1] || (_cache[1] = createTextVNode(" Details ", -1))]), createVNode(_component_VCFormGroup, null, {
+			label: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Redirect URL ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				"model-value": _ctx.authorizeUri,
+				disabled: true
+			}, null, 8, ["model-value"])]),
+			_: 1
+		})], 64)) : createCommentVNode("v-if", true),
+		createElementVNode("div", _hoisted_3$10, [createElementVNode("div", _hoisted_4$8, [createElementVNode("h6", null, [createVNode(_component_VCIcon, { name: "fa6-solid:wrench" }), _cache[3] || (_cache[3] = createTextVNode(" Basic ", -1))]), createVNode(_component_AIdentityProviderBasicFields, {
+			ref: "basicFieldsRef",
+			entity: _ctx.data
+		}, null, 8, ["entity"])]), createElementVNode("div", _hoisted_5$7, [createElementVNode("h6", null, [createVNode(_component_VCIcon, { name: "fa6-solid:lock" }), _cache[4] || (_cache[4] = createTextVNode(" Security ", -1))]), createVNode(_component_AIdentityProviderOAuth2ClientFields, { entity: _ctx.data }, null, 8, ["entity"])])]),
+		!_ctx.presetEff ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("h6", null, [createVNode(_component_VCIcon, { name: "fa6-solid:vihara" }), _cache[5] || (_cache[5] = createTextVNode(" Endpoints ", -1))]), createVNode(_component_AIdentityProviderOAuth2EndpointFields, {
+			entity: _ctx.data,
+			discovery: _ctx.oidcEnabled
+		}, null, 8, ["entity", "discovery"])], 64)) : createCommentVNode("v-if", true),
+		createVNode(_component_AFormSubmit, {
+			"is-busy": _ctx.busy,
+			"is-editing": _ctx.isEditing,
+			"is-invalid": _ctx.isInvalid,
+			onSubmit: _ctx.submit
+		}, null, 8, [
+			"is-busy",
+			"is-editing",
+			"is-invalid",
+			"onSubmit"
+		])
+	], 32);
+}
+var AIdentityProviderOAuth2Form_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderOAuth2Form_vue_vue_type_script_lang_default, [["render", _sfc_render$41]]);
+//#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderForm.vue?vue&type=script&lang.ts
-const AIdentityProviderForm = defineComponent({
+var AIdentityProviderForm_vue_vue_type_script_lang_default = defineComponent({
 	components: {
-		AIdentityProviderLdapForm,
-		AIdentityProviderOAuth2Form,
+		AIdentityProviderLdapForm: AIdentityProviderLdapForm_default,
+		AIdentityProviderOAuth2Form: AIdentityProviderOAuth2Form_default,
 		AIdentityProviderPicker: AIdentityProviderPicker_default
 	},
 	props: {
@@ -8070,6 +8978,62 @@ const AIdentityProviderForm = defineComponent({
 	}
 });
 //#endregion
+//#region src/components/entities/identity-provider/AIdentityProviderForm.vue
+const _hoisted_1$19 = {
+	key: 3,
+	class: "alert alert-warning alert-sm"
+};
+function _sfc_render$40(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_AIdentityProviderPicker = resolveComponent("AIdentityProviderPicker");
+	const _component_AIdentityProviderOAuth2Form = resolveComponent("AIdentityProviderOAuth2Form");
+	const _component_AIdentityProviderLdapForm = resolveComponent("AIdentityProviderLdapForm");
+	return openBlock(), createElementBlock("div", null, [!_ctx.localEntity ? (openBlock(), createBlock(_component_AIdentityProviderPicker, {
+		key: 0,
+		protocol: _ctx.protocol ?? void 0,
+		preset: _ctx.preset ?? void 0,
+		onPick: _ctx.onPick
+	}, null, 8, [
+		"protocol",
+		"preset",
+		"onPick"
+	])) : createCommentVNode("v-if", true), _ctx.isOAuth(_ctx.protocol) ? (openBlock(), createBlock(_component_AIdentityProviderOAuth2Form, {
+		key: 1,
+		entity: _ctx.localEntity,
+		"realm-id": _ctx.realmId,
+		protocol: _ctx.protocol,
+		preset: _ctx.preset,
+		onCreated: _ctx.onChildCreated,
+		onUpdated: _ctx.onChildUpdated,
+		onDeleted: _ctx.onChildDeleted,
+		onFailed: _ctx.onChildFailed
+	}, null, 8, [
+		"entity",
+		"realm-id",
+		"protocol",
+		"preset",
+		"onCreated",
+		"onUpdated",
+		"onDeleted",
+		"onFailed"
+	])) : _ctx.isLdap(_ctx.protocol) ? (openBlock(), createBlock(_component_AIdentityProviderLdapForm, {
+		key: 2,
+		entity: _ctx.localEntity,
+		"realm-id": _ctx.realmId,
+		onCreated: _ctx.onChildCreated,
+		onUpdated: _ctx.onChildUpdated,
+		onDeleted: _ctx.onChildDeleted,
+		onFailed: _ctx.onChildFailed
+	}, null, 8, [
+		"entity",
+		"realm-id",
+		"onCreated",
+		"onUpdated",
+		"onDeleted",
+		"onFailed"
+	])) : _ctx.protocol || _ctx.preset ? (openBlock(), createElementBlock("div", _hoisted_1$19, toDisplayString(_ctx.preset ?? _ctx.protocol) + " is not supported yet :/ ", 1)) : createCommentVNode("v-if", true)]);
+}
+var AIdentityProviderForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderForm_vue_vue_type_script_lang_default, [["render", _sfc_render$40]]);
+//#endregion
 //#region src/components/entities/identity-provider/AIdentityProviders.ts
 const AIdentityProviders = defineComponent({
 	props: defineEntityCollectionVProps(),
@@ -8081,13 +9045,15 @@ const AIdentityProviders = defineComponent({
 			props,
 			setup: ctx
 		});
+		const translationName = useTranslation({
+			namespace: TranslatorTranslationNamespace.ENTITY,
+			key: TranslatorTranslationEntityKey.IDENTITY_PROVIDER,
+			count: 2
+		});
 		const translation = useTranslation({
-			namespace: "vuecs",
-			key: "noMore",
-			data: { name: useTranslation({
-				namespace: "default",
-				key: "identityProviders"
-			}) }
+			namespace: TranslatorTranslationNamespace.VUECS,
+			key: TranslatorTranslationVuecsKey.NO_MORE,
+			data: { name: translationName }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -8107,7 +9073,7 @@ var AIdentityProviderIcon_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/identity-provider/AIdentityProviderIcon.vue
-function _sfc_render$36(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$39(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCIcon = resolveComponent("VCIcon");
 	const _component_AIdentityProviderPreset = resolveComponent("AIdentityProviderPreset");
 	const _component_AIdentityProviderProtocol = resolveComponent("AIdentityProviderProtocol");
@@ -8131,7 +9097,7 @@ function _sfc_render$36(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 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]]);
+var AIdentityProviderIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderIcon_vue_vue_type_script_lang_default, [["render", _sfc_render$39]]);
 //#endregion
 //#region src/components/entities/identity-provider-role/AIdentityProviderRoleAssignment.vue?vue&type=script&lang.ts
 var RoleMappingAttributesValidator = class extends Container {
@@ -8171,7 +9137,10 @@ var AIdentityProviderRoleAssignment_vue_vue_type_script_lang_default = defineCom
 			value_is_regex: false
 		});
 		const v = useValidup(new RoleMappingAttributesValidator(), form);
-		const translationsDefault = useTranslationsForNamespace("default", [{ key: "valueIsRegex" }]);
+		const translationsDefault = useTranslations([{
+			namespace: TranslatorTranslationNamespace.FIELD,
+			key: TranslatorTranslationFieldKey.VALUE_IS_REGEX
+		}]);
 		const manager = defineEntityManager({
 			type: `${EntityType.IDENTITY_PROVIDER_ROLE_MAPPING}`,
 			setup,
@@ -8210,23 +9179,23 @@ var AIdentityProviderRoleAssignment_vue_vue_type_script_lang_default = defineCom
 });
 //#endregion
 //#region src/components/entities/identity-provider-role/AIdentityProviderRoleAssignment.vue
-const _hoisted_1$15 = { class: "flex flex-col" };
-const _hoisted_2$10 = { class: "flex flex-row" };
-const _hoisted_3$8 = { class: "me-2" };
-const _hoisted_4$6 = { class: "ms-auto" };
-const _hoisted_5$4 = ["disabled"];
-const _hoisted_6$4 = {
+const _hoisted_1$18 = { class: "flex flex-col" };
+const _hoisted_2$12 = { class: "flex flex-row" };
+const _hoisted_3$9 = { class: "me-2" };
+const _hoisted_4$7 = { class: "ms-auto" };
+const _hoisted_5$6 = ["disabled"];
+const _hoisted_6$6 = {
 	key: 0,
 	class: "mt-2"
 };
-function _sfc_render$35(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCIcon = resolveComponent("VCIcon");
 	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IFieldValidation = resolveComponent("IFieldValidation");
 	const _component_VCFormSwitch = resolveComponent("VCFormSwitch");
-	return openBlock(), createElementBlock("div", _hoisted_1$15, [createElementVNode("div", _hoisted_2$10, [
-		createElementVNode("div", _hoisted_3$8, [createElementVNode("button", {
+	return openBlock(), createElementBlock("div", _hoisted_1$18, [createElementVNode("div", _hoisted_2$12, [
+		createElementVNode("div", _hoisted_3$9, [createElementVNode("button", {
 			class: "btn btn-xs btn-dark",
 			onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.toggleDisplay(), ["prevent"]))
 		}, [createVNode(_component_VCIcon, { name: _ctx.display ? "fa6-solid:chevron-up" : "fa6-solid:chevron-down" }, null, 8, ["name"])])]),
@@ -8234,7 +9203,7 @@ function _sfc_render$35(_ctx, _cache, $props, $setup, $data, $options) {
 			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", {
+		createElementVNode("div", _hoisted_4$7, [createElementVNode("button", {
 			class: normalizeClass(["btn btn-xs", {
 				"btn-primary": !_ctx.manager.data.value,
 				"btn-dark": !!_ctx.manager.data.value
@@ -8245,8 +9214,8 @@ function _sfc_render$35(_ctx, _cache, $props, $setup, $data, $options) {
 			class: "btn btn-xs btn-danger ms-1",
 			disabled: _ctx.manager.busy.value,
 			onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleDelete && _ctx.handleDelete(...args))
-		}, [createVNode(_component_VCIcon, { name: "fa6-solid:trash" })], 8, _hoisted_5$4)) : createCommentVNode("v-if", true)])
-	]), _ctx.display ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
+		}, [createVNode(_component_VCIcon, { name: "fa6-solid:trash" })], 8, _hoisted_5$6)) : createCommentVNode("v-if", true)])
+	]), _ctx.display ? (openBlock(), createElementBlock("div", _hoisted_6$6, [
 		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.name }, {
 			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, {
 				label: true,
@@ -8284,7 +9253,7 @@ function _sfc_render$35(_ctx, _cache, $props, $setup, $data, $options) {
 				default: withCtx(() => [createVNode(_component_VCFormSwitch, {
 					modelValue: _ctx.v.fields.value_is_regex.$model.value,
 					"onUpdate:modelValue": ($event) => _ctx.v.fields.value_is_regex.$model.value = $event,
-					"label-content": _ctx.translationsDefault.valueIsRegex.value
+					"label-content": _ctx.translationsDefault.valueIsRegex
 				}, null, 8, [
 					"modelValue",
 					"onUpdate:modelValue",
@@ -8296,7 +9265,7 @@ function _sfc_render$35(_ctx, _cache, $props, $setup, $data, $options) {
 		}, 8, ["field"])
 	])) : createCommentVNode("v-if", true)]);
 }
-var AIdentityProviderRoleAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderRoleAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$35]]);
+var AIdentityProviderRoleAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderRoleAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$38]]);
 //#endregion
 //#region src/components/entities/identity-provider-role/AIdentityProviderRoleAssignments.vue?vue&type=script&lang.ts
 var AIdentityProviderRoleAssignments_vue_vue_type_script_lang_default = defineComponent({
@@ -8314,7 +9283,7 @@ var AIdentityProviderRoleAssignments_vue_vue_type_script_lang_default = defineCo
 });
 //#endregion
 //#region src/components/entities/identity-provider-role/AIdentityProviderRoleAssignments.vue
-function _sfc_render$34(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$37(_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({
@@ -8333,7 +9302,7 @@ function _sfc_render$34(_ctx, _cache, $props, $setup, $data, $options) {
 		};
 	})]), 1024);
 }
-var AIdentityProviderRoleAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderRoleAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$34]]);
+var AIdentityProviderRoleAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityProviderRoleAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$37]]);
 //#endregion
 //#region src/components/entities/policy/attribute-names/AAttributeNamesPolicyForm.vue?vue&type=script&lang.ts
 var AAttributeNamesPolicyForm_vue_vue_type_script_lang_default = defineComponent({
@@ -8361,7 +9330,7 @@ var AAttributeNamesPolicyForm_vue_vue_type_script_lang_default = defineComponent
 });
 //#endregion
 //#region src/components/entities/policy/attribute-names/AAttributeNamesPolicyForm.vue
-function _sfc_render$33(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$36(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AFormInputList = resolveComponent("AFormInputList");
 	return openBlock(), createBlock(_component_AFormInputList, {
 		names: _ctx.v.fields.names.$model.value,
@@ -8369,7 +9338,7 @@ function _sfc_render$33(_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$33]]);
+var AAttributeNamesPolicyForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AAttributeNamesPolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$36]]);
 //#endregion
 //#region src/components/entities/policy/APolicyParentAssignment.ts
 const APolicyParentAssignment = defineComponent({
@@ -8521,8 +9490,8 @@ var ACompositePolicyForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/composite/ACompositePolicyForm.vue
-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 _hoisted_1$17 = { class: "alert alert-sm alert-info mt-1 mb-0" };
+function _sfc_render$35(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCFormSelect = resolveComponent("VCFormSelect");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IFieldValidation = resolveComponent("IFieldValidation");
@@ -8532,17 +9501,14 @@ function _sfc_render$32(_ctx, _cache, $props, $setup, $data, $options) {
 			label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Decision Strategy ", -1)])]),
 			default: withCtx(() => [createVNode(_component_VCFormSelect, {
 				modelValue: _ctx.v.fields.decision_strategy.$model.value,
-				"onUpdate:modelValue": ($event) => _ctx.v.fields.decision_strategy.$model.value = $event,
+				"onUpdate:modelValue": [($event) => _ctx.v.fields.decision_strategy.$model.value = $event, _ctx.handleDecisionStrategyUpdated],
 				options: _ctx.decisionStrategyOptions,
-				"option-default": true,
-				"option-default-value": "-- None (default: unanimous) --",
-				onChange: _ctx.handleDecisionStrategyUpdated
+				placeholder: "-- None (default: unanimous) --"
 			}, null, 8, [
 				"modelValue",
 				"onUpdate:modelValue",
-				"options",
-				"onChange"
-			]), createElementVNode("div", _hoisted_1$14, toDisplayString(_ctx.decisionStrategyHint), 1)]),
+				"options"
+			]), createElementVNode("div", _hoisted_1$17, toDisplayString(_ctx.decisionStrategyHint), 1)]),
 			_: 2
 		}, 1032, ["validation"])]),
 		_: 1
@@ -8565,7 +9531,7 @@ function _sfc_render$32(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 1
 	}, 8, ["field"])]);
 }
-var ACompositePolicyForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ACompositePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$32]]);
+var ACompositePolicyForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ACompositePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$35]]);
 //#endregion
 //#region src/components/entities/policy/date/ADatePolicyForm.vue?vue&type=script&lang.ts
 var ADatePolicyForm_vue_vue_type_script_lang_default = defineComponent({
@@ -8582,6 +9548,13 @@ var ADatePolicyForm_vue_vue_type_script_lang_default = defineComponent({
 			end: ""
 		});
 		const v = useValidup(new Container(), form, { name: "type" });
+		const translationsDefault = useTranslations([{
+			namespace: TranslatorTranslationNamespace.FIELD,
+			key: TranslatorTranslationFieldKey.START
+		}, {
+			namespace: TranslatorTranslationNamespace.FIELD,
+			key: TranslatorTranslationFieldKey.END
+		}]);
 		function assign(data = {}) {
 			assignFormProperties(form, data);
 		}
@@ -8596,19 +9569,20 @@ var ADatePolicyForm_vue_vue_type_script_lang_default = defineComponent({
 		};
 		return {
 			handleUpdated,
-			v
+			v,
+			translationsDefault
 		};
 	}
 });
 //#endregion
 //#region src/components/entities/policy/date/ADatePolicyForm.vue
-function _sfc_render$31(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$34(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IFieldValidation = resolveComponent("IFieldValidation");
 	return openBlock(), createElementBlock("div", null, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.start }, {
 		default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
-			label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Start ", -1)])]),
+			label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.start), 1)]),
 			default: withCtx(() => [createVNode(_component_VCFormInput, {
 				modelValue: _ctx.v.fields.start.$model.value,
 				"onUpdate:modelValue": ($event) => _ctx.v.fields.start.$model.value = $event,
@@ -8624,7 +9598,7 @@ function _sfc_render$31(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 1
 	}, 8, ["field"]), createVNode(_component_IFieldValidation, { field: _ctx.v.fields.end }, {
 		default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
-			label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" End ", -1)])]),
+			label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.end), 1)]),
 			default: withCtx(() => [createVNode(_component_VCFormInput, {
 				modelValue: _ctx.v.fields.end.$model.value,
 				"onUpdate:modelValue": ($event) => _ctx.v.fields.end.$model.value = $event,
@@ -8640,7 +9614,7 @@ function _sfc_render$31(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 1
 	}, 8, ["field"])]);
 }
-var ADatePolicyForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ADatePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$31]]);
+var ADatePolicyForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ADatePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$34]]);
 //#endregion
 //#region src/components/entities/policy/identity/AIdentityPolicyForm.vue?vue&type=script&lang.ts
 var AIdentityPolicyForm_vue_vue_type_script_lang_default = defineComponent({
@@ -8668,7 +9642,7 @@ var AIdentityPolicyForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/identity/AIdentityPolicyForm.vue
-function _sfc_render$30(_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.v.fields.types.$model.value,
@@ -8679,7 +9653,7 @@ function _sfc_render$30(_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$30]]);
+var AIdentityPolicyForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AIdentityPolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$33]]);
 //#endregion
 //#region src/components/entities/policy/realm-match/ARealmMatchPolicyForm.vue?vue&type=script&lang.ts
 var ARealmMatchPolicyForm_vue_vue_type_script_lang_default = defineComponent({
@@ -8727,18 +9701,18 @@ var ARealmMatchPolicyForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/realm-match/ARealmMatchPolicyForm.vue
-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$3 = ["for"];
-const _hoisted_6$3 = ["for"];
-function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$16 = { class: "row" };
+const _hoisted_2$11 = { class: "col-7" };
+const _hoisted_3$8 = { class: "col-5" };
+const _hoisted_4$6 = ["for"];
+const _hoisted_5$5 = ["for"];
+const _hoisted_6$5 = ["for"];
+function _sfc_render$32(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AFormInputList = resolveComponent("AFormInputList");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IFieldValidation = resolveComponent("IFieldValidation");
 	const _component_VCFormSwitch = resolveComponent("VCFormSwitch");
-	return openBlock(), createElementBlock("div", _hoisted_1$13, [createElementVNode("div", _hoisted_2$9, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.attribute_name }, {
+	return openBlock(), createElementBlock("div", _hoisted_1$16, [createElementVNode("div", _hoisted_2$11, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.attribute_name }, {
 		default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
 			default: withCtx(() => [createVNode(_component_AFormInputList, {
 				names: _ctx.v.fields.attribute_name.$model.value,
@@ -8747,7 +9721,7 @@ function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
 			_: 2
 		}, 1032, ["validation"])]),
 		_: 1
-	}, 8, ["field"])]), createElementVNode("div", _hoisted_3$7, [
+	}, 8, ["field"])]), createElementVNode("div", _hoisted_3$8, [
 		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.attribute_name_strict }, {
 			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
 				default: withCtx(() => [createVNode(_component_VCFormSwitch, {
@@ -8756,7 +9730,7 @@ function _sfc_render$29(_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$5)]),
+					label: withCtx((iProps) => [createElementVNode("label", { for: iProps.id }, " Only match if the attribute is strict equal to the name? ", 8, _hoisted_4$6)]),
 					_: 1
 				}, 8, [
 					"modelValue",
@@ -8779,7 +9753,7 @@ function _sfc_render$29(_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$3)]),
+					])], 8, _hoisted_5$5)]),
 					_: 1
 				}, 8, [
 					"modelValue",
@@ -8802,7 +9776,7 @@ function _sfc_render$29(_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$3)]),
+					])], 8, _hoisted_6$5)]),
 					_: 1
 				}, 8, [
 					"modelValue",
@@ -8815,7 +9789,7 @@ function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
 		}, 8, ["field"])
 	])]);
 }
-var ARealmMatchPolicyForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ARealmMatchPolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$29]]);
+var ARealmMatchPolicyForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ARealmMatchPolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$32]]);
 //#endregion
 //#region src/components/entities/policy/time/ATimePolicyForm.vue?vue&type=script&lang.ts
 var ATimePolicyForm_vue_vue_type_script_lang_default = defineComponent({
@@ -8841,6 +9815,32 @@ var ATimePolicyForm_vue_vue_type_script_lang_default = defineComponent({
 			value: el
 		}));
 		const v = useValidup(new Container(), form, { name: "type" });
+		const translationsDefault = useTranslations([
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.START
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.END
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.INTERVAL
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DAY_OF_WEEK
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DAY_OF_MONTH
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DAY_OF_YEAR
+			}
+		]);
 		function assign(data = {}) {
 			assignFormProperties(form, data);
 		}
@@ -8869,18 +9869,19 @@ var ATimePolicyForm_vue_vue_type_script_lang_default = defineComponent({
 			displayIntervalForDayOfMonth,
 			displayIntervalForDayOfYear,
 			intervalOptions,
-			v
+			v,
+			translationsDefault
 		};
 	}
 });
 //#endregion
 //#region src/components/entities/policy/time/ATimePolicyForm.vue
-const _hoisted_1$12 = { class: "row" };
-const _hoisted_2$8 = { class: "col" };
-const _hoisted_3$6 = { class: "col" };
-const _hoisted_4$4 = { class: "row" };
-const _hoisted_5$2 = { class: "col" };
-const _hoisted_6$2 = {
+const _hoisted_1$15 = { class: "row" };
+const _hoisted_2$10 = { class: "col" };
+const _hoisted_3$7 = { class: "col" };
+const _hoisted_4$5 = { class: "row" };
+const _hoisted_5$4 = { class: "col" };
+const _hoisted_6$4 = {
 	key: 0,
 	class: "col"
 };
@@ -8892,14 +9893,14 @@ const _hoisted_8$1 = {
 	key: 2,
 	class: "col"
 };
-function _sfc_render$28(_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_IFieldValidation = resolveComponent("IFieldValidation");
 	const _component_VCFormSelect = resolveComponent("VCFormSelect");
-	return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1$12, [createElementVNode("div", _hoisted_2$8, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.start }, {
+	return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1$15, [createElementVNode("div", _hoisted_2$10, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.start }, {
 		default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
-			label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Start ", -1)])]),
+			label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.start), 1)]),
 			default: withCtx(() => [createVNode(_component_VCFormInput, {
 				modelValue: _ctx.v.fields.start.$model.value,
 				"onUpdate:modelValue": ($event) => _ctx.v.fields.start.$model.value = $event,
@@ -8913,9 +9914,9 @@ function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
 			_: 2
 		}, 1032, ["validation"])]),
 		_: 1
-	}, 8, ["field"])]), createElementVNode("div", _hoisted_3$6, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.end }, {
+	}, 8, ["field"])]), createElementVNode("div", _hoisted_3$7, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.end }, {
 		default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
-			label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" End ", -1)])]),
+			label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.end), 1)]),
 			default: withCtx(() => [createVNode(_component_VCFormInput, {
 				modelValue: _ctx.v.fields.end.$model.value,
 				"onUpdate:modelValue": ($event) => _ctx.v.fields.end.$model.value = $event,
@@ -8929,29 +9930,27 @@ function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
 			_: 2
 		}, 1032, ["validation"])]),
 		_: 1
-	}, 8, ["field"])])]), createElementVNode("div", _hoisted_4$4, [
-		createElementVNode("div", _hoisted_5$2, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.interval }, {
+	}, 8, ["field"])])]), createElementVNode("div", _hoisted_4$5, [
+		createElementVNode("div", _hoisted_5$4, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.interval }, {
 			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
-				label: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Interval ", -1)])]),
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.interval), 1)]),
 				default: withCtx(() => [createVNode(_component_VCFormSelect, {
 					modelValue: _ctx.v.fields.interval.$model.value,
-					"onUpdate:modelValue": ($event) => _ctx.v.fields.interval.$model.value = $event,
+					"onUpdate:modelValue": [($event) => _ctx.v.fields.interval.$model.value = $event, _ctx.handleIntervalUpdated],
 					options: _ctx.intervalOptions,
-					"option-default": true,
-					onChange: _ctx.handleIntervalUpdated
+					placeholder: "-- None --"
 				}, null, 8, [
 					"modelValue",
 					"onUpdate:modelValue",
-					"options",
-					"onChange"
+					"options"
 				])]),
 				_: 2
 			}, 1032, ["validation"])]),
 			_: 1
 		}, 8, ["field"])]),
-		_ctx.displayIntervalForDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_6$2, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.day_of_week }, {
+		_ctx.displayIntervalForDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_6$4, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.day_of_week }, {
 			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
-				label: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Day of Week ", -1)])]),
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.dayOfWeek), 1)]),
 				default: withCtx(() => [createVNode(_component_VCFormInput, {
 					modelValue: _ctx.v.fields.day_of_week.$model.value,
 					"onUpdate:modelValue": ($event) => _ctx.v.fields.day_of_week.$model.value = $event,
@@ -8969,7 +9968,7 @@ function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
 		}, 8, ["field"])])) : createCommentVNode("v-if", true),
 		_ctx.displayIntervalForDayOfMonth ? (openBlock(), createElementBlock("div", _hoisted_7$2, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.day_of_month }, {
 			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
-				label: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Day of Month ", -1)])]),
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.dayOfMonth), 1)]),
 				default: withCtx(() => [createVNode(_component_VCFormInput, {
 					modelValue: _ctx.v.fields.day_of_month.$model.value,
 					"onUpdate:modelValue": ($event) => _ctx.v.fields.day_of_month.$model.value = $event,
@@ -8987,7 +9986,7 @@ function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
 		}, 8, ["field"])])) : createCommentVNode("v-if", true),
 		_ctx.displayIntervalForDayOfYear ? (openBlock(), createElementBlock("div", _hoisted_8$1, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.day_of_year }, {
 			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
-				label: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" Day of Year ", -1)])]),
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.dayOfYear), 1)]),
 				default: withCtx(() => [createVNode(_component_VCFormInput, {
 					modelValue: _ctx.v.fields.day_of_year.$model.value,
 					"onUpdate:modelValue": ($event) => _ctx.v.fields.day_of_year.$model.value = $event,
@@ -9005,7 +10004,7 @@ function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
 		}, 8, ["field"])])) : createCommentVNode("v-if", true)
 	])]);
 }
-var ATimePolicyForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ATimePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$28]]);
+var ATimePolicyForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ATimePolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$31]]);
 //#endregion
 //#region src/components/entities/policy/APolicy.ts
 const APolicy = defineComponent({
@@ -9063,23 +10062,24 @@ var APolicyTypePicker_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/APolicyTypePicker.vue
-const _hoisted_1$11 = { class: "flex flex-col gap-2" };
-const _hoisted_2$7 = { class: "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) => {
+const _hoisted_1$14 = { class: "flex flex-col gap-2" };
+const _hoisted_2$9 = { class: "flex flex-row gap-2 flex-wrap" };
+const _hoisted_3$6 = ["onClick"];
+function _sfc_render$30(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", _hoisted_1$14, [createElementVNode("div", null, [_cache[0] || (_cache[0] = createElementVNode("h6", null, "Type", -1)), createElementVNode("div", _hoisted_2$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, key) => {
 		return openBlock(), createElementBlock("div", {
 			key,
 			class: normalizeClass([{ "active": item.value === _ctx.option }, "flex flex-col gap-1 text-center a-picker-item"]),
 			onClick: withModifiers(($event) => _ctx.pick(`${item.value}`), ["prevent"])
-		}, [createElementVNode("div", null, toDisplayString(item.value), 1)], 10, _hoisted_3$5);
+		}, [createElementVNode("div", null, toDisplayString(item.value), 1)], 10, _hoisted_3$6);
 	}), 128))])])]);
 }
-var APolicyTypePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APolicyTypePicker_vue_vue_type_script_lang_default, [["render", _sfc_render$27], ["__scopeId", "data-v-51b5a9d2"]]);
+var APolicyTypePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APolicyTypePicker_vue_vue_type_script_lang_default, [["render", _sfc_render$30], ["__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({
 	components: {
+		ANameInput: ANameInput_default,
 		ARealmPicker,
 		VCFormInput,
 		VCFormSwitch,
@@ -9097,6 +10097,7 @@ var APolicyBasicForm_vue_vue_type_script_lang_default = defineComponent({
 	emits: ["updated"],
 	setup(props, setup) {
 		const entity = toRef(props, "entity");
+		const nameSeed = useId();
 		const form = reactive({
 			name: "",
 			invert: false,
@@ -9125,6 +10126,7 @@ var APolicyBasicForm_vue_vue_type_script_lang_default = defineComponent({
 		setup.expose({ assign });
 		onChange(useUpdatedAt(props.entity), () => assign(props.entity));
 		assign(props.entity);
+		if (form.name.length === 0) form.name = generateName(nameSeed);
 		watch(() => props.type, (value) => {
 			form.type = value ?? "";
 		}, { immediate: true });
@@ -9145,33 +10147,32 @@ var APolicyBasicForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/APolicyBasicForm.vue
-const _hoisted_1$10 = { class: "row" };
-const _hoisted_2$6 = { class: "col" };
-const _hoisted_3$4 = ["for"];
-const _hoisted_4$3 = {
+const _hoisted_1$13 = { class: "row" };
+const _hoisted_2$8 = { class: "col" };
+const _hoisted_3$5 = ["for"];
+const _hoisted_4$4 = {
 	key: 0,
 	class: "col"
-};
-function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_VCFormInput = resolveComponent("VCFormInput");
+};
+function _sfc_render$29(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ANameInput = resolveComponent("ANameInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
 	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
 	const _component_VCFormSwitch = resolveComponent("VCFormSwitch");
 	const _component_ARealmPicker = resolveComponent("ARealmPicker");
-	return openBlock(), createElementBlock("div", _hoisted_1$10, [createElementVNode("div", _hoisted_2$6, [
+	return openBlock(), createElementBlock("div", _hoisted_1$13, [createElementVNode("div", _hoisted_2$8, [
 		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.name }, {
 			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
 				label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Name ", -1)])]),
-				default: withCtx(() => [createVNode(_component_VCFormInput, {
-					modelValue: _ctx.v.fields.name.$model.value,
-					"onUpdate:modelValue": ($event) => _ctx.v.fields.name.$model.value = $event,
-					onChange: _ctx.handleUpdated
-				}, null, 8, [
-					"modelValue",
-					"onUpdate:modelValue",
-					"onChange"
-				])]),
+				default: withCtx(() => [createVNode(_component_ANameInput, {
+					"model-value": _ctx.v.fields.name.$model.value,
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.name.$model.value = next;
+						_ctx.handleUpdated();
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
 				_: 2
 			}, 1032, ["validation"])]),
 			_: 1
@@ -9221,7 +10222,7 @@ function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
 					label: true,
 					onChange: _ctx.handleUpdated
 				}, {
-					label: withCtx((iProps) => [createElementVNode("label", { for: iProps.id }, " Invert? ", 8, _hoisted_3$4)]),
+					label: withCtx((iProps) => [createElementVNode("label", { for: iProps.id }, " Invert? ", 8, _hoisted_3$5)]),
 					_: 1
 				}, 8, [
 					"modelValue",
@@ -9232,7 +10233,7 @@ function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
 			}, 1032, ["validation"])]),
 			_: 1
 		}, 8, ["field"])
-	]), !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.realm_id }, {
+	]), !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock("div", _hoisted_4$4, [createVNode(_component_IFieldValidation, { field: _ctx.v.fields.realm_id }, {
 		default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
 			label: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Realm ", -1)])]),
 			default: withCtx(() => [createVNode(_component_ARealmPicker, {
@@ -9252,7 +10253,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$26]])
+		APolicyBasicForm: /* @__PURE__ */ _plugin_vue_export_helper_default(APolicyBasicForm_vue_vue_type_script_lang_default, [["render", _sfc_render$29]])
 	},
 	props: {
 		entity: { type: Object },
@@ -9310,11 +10311,11 @@ var APolicyForm_vue_vue_type_script_lang_default = defineComponent({
 });
 //#endregion
 //#region src/components/entities/policy/APolicyForm.vue
-const _hoisted_1$9 = { class: "flex flex-col" };
-function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$12 = { class: "flex flex-col" };
+function _sfc_render$28(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_APolicyBasicForm = resolveComponent("APolicyBasicForm");
 	const _component_AFormSubmit = resolveComponent("AFormSubmit");
-	return openBlock(), createElementBlock("div", _hoisted_1$9, [
+	return openBlock(), createElementBlock("div", _hoisted_1$12, [
 		_cache[0] || (_cache[0] = createElementVNode("h6", null, "General", -1)),
 		createVNode(_component_APolicyBasicForm, {
 			entity: _ctx.data,
@@ -9340,7 +10341,7 @@ function _sfc_render$25(_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$25]]);
+var APolicyForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APolicyForm_vue_vue_type_script_lang_default, [["render", _sfc_render$28]]);
 //#endregion
 //#region src/components/entities/permission-client/APermissionClientAssignments.vue?vue&type=script&lang.ts
 var APermissionClientAssignments_vue_vue_type_script_lang_default = defineComponent({
@@ -9358,7 +10359,7 @@ var APermissionClientAssignments_vue_vue_type_script_lang_default = defineCompon
 });
 //#endregion
 //#region src/components/entities/permission-client/APermissionClientAssignments.vue
-function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$27(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AClientPermissionAssignment = resolveComponent("AClientPermissionAssignment");
 	const _component_AClients = resolveComponent("AClients");
 	return openBlock(), createBlock(_component_AClients, null, createSlots({
@@ -9375,7 +10376,7 @@ function _sfc_render$24(_ctx, _cache, $props, $setup, $data, $options) {
 		};
 	})]), 1024);
 }
-var APermissionClientAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APermissionClientAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$24]]);
+var APermissionClientAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APermissionClientAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$27]]);
 //#endregion
 //#region src/components/entities/permission-policy/APermissionPolicyAssignment.vue?vue&type=script&lang.ts
 var APermissionPolicyAssignment_vue_vue_type_script_lang_default = defineComponent({
@@ -9422,7 +10423,7 @@ var APermissionPolicyAssignment_vue_vue_type_script_lang_default = defineCompone
 });
 //#endregion
 //#region src/components/entities/permission-policy/APermissionPolicyAssignment.vue
-function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$26(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AToggleButton = resolveComponent("AToggleButton");
 	return openBlock(), createBlock(_component_AToggleButton, {
 		value: !!_ctx.manager.data.value,
@@ -9434,7 +10435,7 @@ function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
 		"onChanged"
 	]);
 }
-var APermissionPolicyAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APermissionPolicyAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$23]]);
+var APermissionPolicyAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APermissionPolicyAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$26]]);
 //#endregion
 //#region src/components/entities/permission-policy/APermissionPolicyAssignments.vue?vue&type=script&lang.ts
 var APermissionPolicyAssignments_vue_vue_type_script_lang_default = defineComponent({
@@ -9467,14 +10468,14 @@ var APermissionPolicyAssignments_vue_vue_type_script_lang_default = defineCompon
 });
 //#endregion
 //#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_1$11 = { class: "ms-auto" };
+const _hoisted_2$7 = ["aria-labelledby"];
+const _hoisted_3$4 = { class: "modal-content" };
+const _hoisted_4$3 = { class: "modal-header" };
+const _hoisted_5$3 = ["id"];
+const _hoisted_6$3 = { class: "modal-body" };
 const _hoisted_7$1 = { class: "modal-footer" };
-function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$25(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_APolicyInlineInfo = resolveComponent("APolicyInlineInfo");
 	const _component_APermissionPolicyAssignment = resolveComponent("APermissionPolicyAssignment");
 	const _component_APolicies = resolveComponent("APolicies");
@@ -9486,7 +10487,7 @@ function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
 				entity: data,
 				onDetail: _cache[0] || (_cache[0] = ($event) => _ctx.detailPolicy = $event)
 			}, null, 8, ["entity"]),
-			createElementVNode("div", _hoisted_1$8, [(openBlock(), createBlock(_component_APermissionPolicyAssignment, {
+			createElementVNode("div", _hoisted_1$11, [(openBlock(), createBlock(_component_APermissionPolicyAssignment, {
 				key: data.id,
 				"permission-id": _ctx.entityId,
 				"policy-id": data.id
@@ -9514,25 +10515,25 @@ function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
 		class: "modal-dialog",
 		role: "document",
 		onClick: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"]))
-	}, [createElementVNode("div", _hoisted_3$3, [
-		createElementVNode("div", _hoisted_4$2, [createElementVNode("h5", {
+	}, [createElementVNode("div", _hoisted_3$4, [
+		createElementVNode("div", _hoisted_4$3, [createElementVNode("h5", {
 			id: `policy-detail-modal-${_ctx.detailPolicy.id}`,
 			class: "modal-title"
-		}, toDisplayString(_ctx.detailPolicy.name), 9, _hoisted_5$1), createElementVNode("button", {
+		}, toDisplayString(_ctx.detailPolicy.name), 9, _hoisted_5$3), 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_6$3, [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)]);
+	])])], 8, _hoisted_2$7)])) : createCommentVNode("v-if", true)]);
 }
-var APermissionPolicyAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APermissionPolicyAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$22]]);
+var APermissionPolicyAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APermissionPolicyAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$25]]);
 //#endregion
 //#region src/components/entities/robot-permission/ARobotPermissionAssignment.vue?vue&type=script&lang.ts
 var ARobotPermissionAssignment_vue_vue_type_script_lang_default = defineComponent({
@@ -9587,11 +10588,11 @@ var ARobotPermissionAssignment_vue_vue_type_script_lang_default = defineComponen
 });
 //#endregion
 //#region src/components/entities/robot-permission/ARobotPermissionAssignment.vue
-const _hoisted_1$7 = { class: "flex gap-1" };
-function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$10 = { class: "flex gap-1" };
+function _sfc_render$24(_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, {
+	return openBlock(), createElementBlock("span", _hoisted_1$10, [createVNode(_component_AToggleButton, {
 		value: !!_ctx.manager.data.value,
 		"is-busy": _ctx.manager.busy.value,
 		onChanged: _ctx.handleChanged
@@ -9610,7 +10611,7 @@ function _sfc_render$21(_ctx, _cache, $props, $setup, $data, $options) {
 		"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]]);
+var ARobotPermissionAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ARobotPermissionAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$24]]);
 //#endregion
 //#region src/components/entities/robot/ARobot.ts
 const ARobot = defineComponent({
@@ -9633,10 +10634,12 @@ const ARobot = defineComponent({
 });
 //#endregion
 //#region src/components/entities/robot/ARobotForm.vue?vue&type=script&lang.ts
-const ARobotForm = defineComponent({
+var ARobotForm_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		ARealms,
 		AFormSubmit,
+		ANameInput: ANameInput_default,
+		ASecretInput: ASecretInput_default,
 		AToggleButton: AToggleButton_default,
 		VCFormGroup,
 		VCFormInput,
@@ -9659,6 +10662,7 @@ const ARobotForm = defineComponent({
 	emits: defineEntityVEmitOptions(),
 	setup(props, ctx) {
 		const busy = ref(false);
+		const nameSeed = useId();
 		const form = reactive({
 			name: "",
 			display_name: "",
@@ -9676,15 +10680,15 @@ const ARobotForm = defineComponent({
 		const isNameFixed = computed(() => !!props.name && props.name.length > 0);
 		const isRealmLocked = computed(() => !!props.realmId);
 		const isSecretHashed = computed(() => manager.data.value && manager.data.value.secret === form.secret && form.secret.startsWith("$"));
-		const generateSecret = () => {
-			form.secret = createNanoID(64);
-		};
 		function initForm() {
 			assignFormProperties(form, manager.data.value);
 			if (props.name) form.name = props.name;
 			if (props.realmId) form.realm_id = props.realmId;
-			if (form.secret.length === 0) generateSecret();
+			if (form.name.length === 0) form.name = generateName(nameSeed);
 		}
+		onMounted(() => {
+			if (form.secret.length === 0) form.secret = generateSecret();
+		});
 		watch(updatedAt, (val, oldVal) => {
 			if (val && val !== oldVal) {
 				manager.data.value = props.entity;
@@ -9704,13 +10708,27 @@ const ARobotForm = defineComponent({
 				busy.value = false;
 			}
 		};
-		const translationsDefault = useTranslationsForNamespace("default", [
-			{ key: "generate" },
-			{ key: "hashed" },
-			{ key: "name" },
-			{ key: "displayName" },
-			{ key: "description" },
-			{ key: "secret" }
+		const translationsDefault = useTranslations([
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.HASHED
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.NAME
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DISPLAY_NAME
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.DESCRIPTION
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.SECRET
+			}
 		]);
 		return {
 			busy,
@@ -9722,12 +10740,112 @@ const ARobotForm = defineComponent({
 			isSecretHashed,
 			data: manager.data,
 			translationsDefault,
-			generateSecret,
 			submit
 		};
 	}
 });
 //#endregion
+//#region src/components/entities/robot/ARobotForm.vue
+const _hoisted_1$9 = {
+	key: 0,
+	class: "text-error-600 font-bold ps-1"
+};
+const _hoisted_2$6 = {
+	key: 0,
+	class: "col"
+};
+function _sfc_render$23(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_ANameInput = resolveComponent("ANameInput");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCIcon = resolveComponent("VCIcon");
+	const _component_ASecretInput = resolveComponent("ASecretInput");
+	const _component_AFormSubmit = resolveComponent("AFormSubmit");
+	const _component_AToggleButton = resolveComponent("AToggleButton");
+	const _component_ARealms = resolveComponent("ARealms");
+	return openBlock(), createElementBlock("form", { onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"])) }, [createElementVNode("div", { class: normalizeClass(!_ctx.isRealmLocked ? "row" : "") }, [createElementVNode("div", { class: normalizeClass(!_ctx.isRealmLocked ? "col" : "") }, [
+		_ctx.data ? (openBlock(), createBlock(_component_VCFormGroup, { key: 0 }, {
+			label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" ID ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				"model-value": _ctx.data.id,
+				disabled: true
+			}, null, 8, ["model-value"])]),
+			_: 1
+		})) : createCommentVNode("v-if", true),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)]),
+				default: withCtx(() => [createVNode(_component_ANameInput, {
+					modelValue: _ctx.v.fields.name.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.name.$model.value = $event,
+					disabled: _ctx.isNameFixed
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"disabled"
+				])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.display_name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.displayName), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					"model-value": _ctx.v.fields.display_name.$model.value ?? "",
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.display_name.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.secret }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.secret), 1), _ctx.isSecretHashed ? (openBlock(), createElementBlock("span", _hoisted_1$9, [createTextVNode(toDisplayString(_ctx.translationsDefault.hashed) + " ", 1), createVNode(_component_VCIcon, {
+					name: "fa6-solid:triangle-exclamation",
+					class: "ps-1"
+				})])) : createCommentVNode("v-if", true)]),
+				default: withCtx(() => [createVNode(_component_ASecretInput, {
+					"model-value": _ctx.v.fields.secret.$model.value ?? "",
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.secret.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_AFormSubmit, {
+			"is-busy": _ctx.busy,
+			"is-editing": _ctx.isEditing,
+			"is-invalid": _ctx.v.$invalid.value,
+			onSubmit: _ctx.submit
+		}, null, 8, [
+			"is-busy",
+			"is-editing",
+			"is-invalid",
+			"onSubmit"
+		])
+	], 2), !_ctx.isRealmLocked ? (openBlock(), createElementBlock("div", _hoisted_2$6, [createVNode(_component_ARealms, null, {
+		itemActions: withCtx((pickerProps) => [createVNode(_component_AToggleButton, {
+			value: _ctx.form.realm_id === pickerProps.data.id,
+			"is-busy": pickerProps.busy,
+			onChanged: (value) => {
+				_ctx.form.realm_id = value ? pickerProps.data.id : "";
+			}
+		}, null, 8, [
+			"value",
+			"is-busy",
+			"onChanged"
+		])]),
+		_: 1
+	})])) : createCommentVNode("v-if", true)], 2)], 32);
+}
+var ARobotForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ARobotForm_vue_vue_type_script_lang_default, [["render", _sfc_render$23]]);
+//#endregion
 //#region src/components/entities/robot/ARobots.ts
 const ARobots = defineComponent({
 	props: defineEntityCollectionVProps(),
@@ -9739,13 +10857,15 @@ const ARobots = defineComponent({
 			props,
 			setup: ctx
 		});
+		const translationName = useTranslation({
+			namespace: TranslatorTranslationNamespace.ENTITY,
+			key: TranslatorTranslationEntityKey.ROBOT,
+			count: 2
+		});
 		const translation = useTranslation({
-			namespace: "vuecs",
-			key: "noMore",
-			data: { name: useTranslation({
-				namespace: "default",
-				key: "robots"
-			}) }
+			namespace: TranslatorTranslationNamespace.VUECS,
+			key: TranslatorTranslationVuecsKey.NO_MORE,
+			data: { name: translationName }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -9767,7 +10887,7 @@ var APermissionRobotAssignments_vue_vue_type_script_lang_default = defineCompone
 });
 //#endregion
 //#region src/components/entities/permission-robot/APermissionRobotAssignments.vue
-function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_ARobotPermissionAssignment = resolveComponent("ARobotPermissionAssignment");
 	const _component_ARobots = resolveComponent("ARobots");
 	return openBlock(), createBlock(_component_ARobots, null, createSlots({
@@ -9784,7 +10904,7 @@ function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
 		};
 	})]), 1024);
 }
-var APermissionRobotAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APermissionRobotAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$20]]);
+var APermissionRobotAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APermissionRobotAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$22]]);
 //#endregion
 //#region src/components/entities/role-permission/ARolePermissionAssignment.vue?vue&type=script&lang.ts
 var ARolePermissionAssignment_vue_vue_type_script_lang_default = defineComponent({
@@ -9839,11 +10959,11 @@ var ARolePermissionAssignment_vue_vue_type_script_lang_default = defineComponent
 });
 //#endregion
 //#region src/components/entities/role-permission/ARolePermissionAssignment.vue
-const _hoisted_1$6 = { class: "flex gap-1" };
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$8 = { class: "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$6, [createVNode(_component_AToggleButton, {
+	return openBlock(), createElementBlock("span", _hoisted_1$8, [createVNode(_component_AToggleButton, {
 		value: !!_ctx.manager.data.value,
 		"is-busy": _ctx.manager.busy.value,
 		onChanged: _ctx.handleChanged
@@ -9862,7 +10982,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
 		"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]]);
+var ARolePermissionAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ARolePermissionAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$21]]);
 //#endregion
 //#region src/components/entities/role-permission/ARolePermissionAssignments.vue?vue&type=script&lang.ts
 var ARolePermissionAssignments_vue_vue_type_script_lang_default = defineComponent({
@@ -9880,7 +11000,7 @@ var ARolePermissionAssignments_vue_vue_type_script_lang_default = defineComponen
 });
 //#endregion
 //#region src/components/entities/role-permission/ARolePermissionAssignments.vue
-function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$20(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_ARolePermissionAssignment = resolveComponent("ARolePermissionAssignment");
 	const _component_APermissions = resolveComponent("APermissions");
 	return openBlock(), createBlock(_component_APermissions, null, createSlots({
@@ -9897,7 +11017,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
 		};
 	})]), 1024);
 }
-var ARolePermissionAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ARolePermissionAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$18]]);
+var ARolePermissionAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ARolePermissionAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$20]]);
 //#endregion
 //#region src/components/entities/permission-role/APermissionRoleAssignments.vue?vue&type=script&lang.ts
 var APermissionRoleAssignments_vue_vue_type_script_lang_default = defineComponent({
@@ -9915,7 +11035,7 @@ var APermissionRoleAssignments_vue_vue_type_script_lang_default = defineComponen
 });
 //#endregion
 //#region src/components/entities/permission-role/APermissionRoleAssignments.vue
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_ARolePermissionAssignment = resolveComponent("ARolePermissionAssignment");
 	const _component_ARoles = resolveComponent("ARoles");
 	return openBlock(), createBlock(_component_ARoles, null, createSlots({
@@ -9932,7 +11052,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
 		};
 	})]), 1024);
 }
-var APermissionRoleAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APermissionRoleAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$17]]);
+var APermissionRoleAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(APermissionRoleAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$19]]);
 //#endregion
 //#region src/components/entities/user-permission/AUserPermissionAssignment.vue?vue&type=script&lang.ts
 var AUserPermissionAssignment_vue_vue_type_script_lang_default = defineComponent({
@@ -9987,11 +11107,11 @@ var AUserPermissionAssignment_vue_vue_type_script_lang_default = defineComponent
 });
 //#endregion
 //#region src/components/entities/user-permission/AUserPermissionAssignment.vue
-const _hoisted_1$5 = { class: "flex gap-1" };
-function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$7 = { class: "flex gap-1" };
+function _sfc_render$18(_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, {
+	return openBlock(), createElementBlock("span", _hoisted_1$7, [createVNode(_component_AToggleButton, {
 		value: !!_ctx.manager.data.value,
 		"is-busy": _ctx.manager.busy.value,
 		onChanged: _ctx.handleChanged
@@ -10010,7 +11130,7 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
 		"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]]);
+var AUserPermissionAssignment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AUserPermissionAssignment_vue_vue_type_script_lang_default, [["render", _sfc_render$18]]);
 //#endregion
 //#region src/components/entities/user-permission/AUserPermissionAssignments.vue?vue&type=script&lang.ts
 var AUserPermissionAssignments_vue_vue_type_script_lang_default = defineComponent({
@@ -10028,7 +11148,7 @@ var AUserPermissionAssignments_vue_vue_type_script_lang_default = defineComponen
 });
 //#endregion
 //#region src/components/entities/user-permission/AUserPermissionAssignments.vue
-function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AUserPermissionAssignment = resolveComponent("AUserPermissionAssignment");
 	const _component_APermissions = resolveComponent("APermissions");
 	return openBlock(), createBlock(_component_APermissions, null, createSlots({
@@ -10045,7 +11165,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
 		};
 	})]), 1024);
 }
-var AUserPermissionAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AUserPermissionAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$15]]);
+var AUserPermissionAssignments_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AUserPermissionAssignments_vue_vue_type_script_lang_default, [["render", _sfc_render$17]]);
 //#endregion
 //#region src/components/entities/user/AUser.ts
 const AUser = defineComponent({
@@ -10068,10 +11188,11 @@ const AUser = defineComponent({
 });
 //#endregion
 //#region src/components/entities/user/AUserForm.vue?vue&type=script&lang.ts
-const AUserForm = defineComponent({
+var AUserForm_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		ARealms,
 		AFormSubmit,
+		ANameInput: ANameInput_default,
 		AToggleButton: AToggleButton_default,
 		VCFormGroup,
 		VCFormInput,
@@ -10095,6 +11216,7 @@ const AUserForm = defineComponent({
 	emits: defineEntityVEmitOptions(),
 	setup(props, ctx) {
 		const busy = ref(false);
+		const nameSeed = useId();
 		const form = reactive({
 			active: true,
 			name: "",
@@ -10116,6 +11238,10 @@ const AUserForm = defineComponent({
 		function initForm() {
 			if (!!manager.data.value && typeof manager.data.value.name_locked !== "undefined") form.name_locked = manager.data.value.name_locked;
 			assignFormProperties(form, manager.data.value);
+			if (form.name.length === 0) {
+				form.name = generateName(nameSeed);
+				if (!form.email || isUserFakeEmail(form.email)) form.email = buildUserFakeEmail(form.name);
+			}
 			if (props.realmId) form.realm_id = props.realmId;
 		}
 		watch(updatedAt, (val, oldVal) => {
@@ -10145,15 +11271,39 @@ const AUserForm = defineComponent({
 			v,
 			isEditing,
 			showRealmPicker,
-			translationsDefault: useTranslationsForNamespace("default", [
-				{ key: "active" },
-				{ key: "inactive" },
-				{ key: "displayName" },
-				{ key: "email" },
-				{ key: "locked" },
-				{ key: "notLocked" },
-				{ key: "name" },
-				{ key: "description" }
+			translationsDefault: useTranslations([
+				{
+					namespace: TranslatorTranslationNamespace.COMMON,
+					key: TranslatorTranslationCommonKey.ACTIVE
+				},
+				{
+					namespace: TranslatorTranslationNamespace.COMMON,
+					key: TranslatorTranslationCommonKey.INACTIVE
+				},
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.DISPLAY_NAME
+				},
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.EMAIL
+				},
+				{
+					namespace: TranslatorTranslationNamespace.COMMON,
+					key: TranslatorTranslationCommonKey.LOCKED
+				},
+				{
+					namespace: TranslatorTranslationNamespace.COMMON,
+					key: TranslatorTranslationCommonKey.NOT_LOCKED
+				},
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.NAME
+				},
+				{
+					namespace: TranslatorTranslationNamespace.FIELD,
+					key: TranslatorTranslationFieldKey.DESCRIPTION
+				}
 			]),
 			onNameChange,
 			submit
@@ -10161,6 +11311,120 @@ const AUserForm = defineComponent({
 	}
 });
 //#endregion
+//#region src/components/entities/user/AUserForm.vue
+const _hoisted_1$6 = {
+	key: 0,
+	class: "row"
+};
+const _hoisted_2$5 = { class: "col" };
+const _hoisted_3$3 = ["for"];
+const _hoisted_4$2 = {
+	key: 0,
+	class: "col"
+};
+const _hoisted_5$2 = ["for"];
+const _hoisted_6$2 = { key: 0 };
+function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_ANameInput = resolveComponent("ANameInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormSwitch = resolveComponent("VCFormSwitch");
+	const _component_AFormSubmit = resolveComponent("AFormSubmit");
+	const _component_AToggleButton = resolveComponent("AToggleButton");
+	const _component_ARealms = resolveComponent("ARealms");
+	return openBlock(), createElementBlock("form", { onSubmit: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"])) }, [createElementVNode("div", { class: normalizeClass(_ctx.showRealmPicker ? "grid grid-cols-1 md:grid-cols-2 gap-2" : "") }, [createElementVNode("div", null, [
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)]),
+				default: withCtx(() => [createVNode(_component_ANameInput, {
+					"model-value": _ctx.v.fields.name.$model.value,
+					disabled: _ctx.form.name_locked,
+					"onUpdate:modelValue": _ctx.onNameChange
+				}, null, 8, [
+					"model-value",
+					"disabled",
+					"onUpdate:modelValue"
+				])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.display_name }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.displayName), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					"model-value": _ctx.v.fields.display_name.$model.value ?? "",
+					"onUpdate:modelValue": (next) => {
+						_ctx.v.fields.display_name.$model.value = next;
+					}
+				}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.email }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.email), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.email.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.email.$model.value = $event,
+					type: "email",
+					placeholder: "...@..."
+				}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		_ctx.$props.canManage ? (openBlock(), createElementBlock("div", _hoisted_1$6, [createElementVNode("div", _hoisted_2$5, [createVNode(_component_VCFormSwitch, {
+			modelValue: _ctx.form.active,
+			"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.form.active = $event),
+			label: true
+		}, {
+			label: withCtx(({ id, class: labelClass }) => [createElementVNode("label", {
+				for: id,
+				class: normalizeClass([labelClass, _ctx.form.active ? "text-success-600" : "text-error-600"])
+			}, toDisplayString(_ctx.form.active ? _ctx.translationsDefault.active : _ctx.translationsDefault.inactive), 11, _hoisted_3$3)]),
+			_: 1
+		}, 8, ["modelValue"])]), _ctx.$props.entity ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createVNode(_component_VCFormSwitch, {
+			modelValue: _ctx.form.name_locked,
+			"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.form.name_locked = $event),
+			label: true
+		}, {
+			label: withCtx(({ id, class: labelClass }) => [createElementVNode("label", {
+				for: id,
+				class: normalizeClass([labelClass, _ctx.form.name_locked ? "text-success-600" : "text-warning-600"])
+			}, toDisplayString(_ctx.form.name_locked ? _ctx.translationsDefault.locked : _ctx.translationsDefault.notLocked), 11, _hoisted_5$2)]),
+			_: 1
+		}, 8, ["modelValue"])])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+		createVNode(_component_AFormSubmit, {
+			"is-busy": _ctx.busy,
+			"is-editing": _ctx.isEditing,
+			"is-invalid": _ctx.v.$invalid.value,
+			onSubmit: _ctx.submit
+		}, null, 8, [
+			"is-busy",
+			"is-editing",
+			"is-invalid",
+			"onSubmit"
+		])
+	]), _ctx.showRealmPicker ? (openBlock(), createElementBlock("div", _hoisted_6$2, [createVNode(_component_ARealms, null, {
+		itemActions: withCtx((pickerProps) => [createVNode(_component_AToggleButton, {
+			value: _ctx.form.realm_id === pickerProps.data.id,
+			"is-busy": pickerProps.busy,
+			onChanged: (value) => {
+				_ctx.form.realm_id = value ? pickerProps.data.id : "";
+			}
+		}, null, 8, [
+			"value",
+			"is-busy",
+			"onChanged"
+		])]),
+		_: 1
+	})])) : createCommentVNode("v-if", true)], 2)], 32);
+}
+var AUserForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AUserForm_vue_vue_type_script_lang_default, [["render", _sfc_render$16]]);
+//#endregion
 //#region src/components/entities/user/AUsers.ts
 const AUsers = defineComponent({
 	props: defineEntityCollectionVProps(),
@@ -10172,13 +11436,15 @@ const AUsers = defineComponent({
 			props,
 			setup: ctx
 		});
+		const translationName = useTranslation({
+			namespace: TranslatorTranslationNamespace.ENTITY,
+			key: TranslatorTranslationEntityKey.USER,
+			count: 2
+		});
 		const translation = useTranslation({
-			namespace: "vuecs",
-			key: "noMore",
-			data: { name: useTranslation({
-				namespace: "default",
-				key: "users"
-			}) }
+			namespace: TranslatorTranslationNamespace.VUECS,
+			key: TranslatorTranslationVuecsKey.NO_MORE,
+			data: { name: translationName }
 		});
 		return () => render({ noMore: { content: translation.value } });
 	}
@@ -10204,7 +11470,7 @@ var UserPasswordValidator = class extends Container {
 		this.mount("password_repeat", sameAsPassword);
 	}
 };
-const AUserPasswordForm = defineComponent({
+var AUserPasswordForm_vue_vue_type_script_lang_default = defineComponent({
 	components: {
 		VCFormGroup,
 		VCFormInput,
@@ -10252,6 +11518,77 @@ const AUserPasswordForm = defineComponent({
 	}
 });
 //#endregion
+//#region src/components/entities/user/AUserPasswordForm.vue
+const _hoisted_1$5 = ["for"];
+function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IFieldValidation = resolveComponent("IFieldValidation");
+	const _component_VCFormSwitch = resolveComponent("VCFormSwitch");
+	const _component_AFormSubmit = resolveComponent("AFormSubmit");
+	return openBlock(), createElementBlock("form", {
+		class: "flex flex-col gap-3",
+		onSubmit: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"]))
+	}, [
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.password }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Password ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.password.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.password.$model.value = $event,
+					type: _ctx.passwordShow ? "text" : "password",
+					autocomplete: "new-password"
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"type"
+				])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.password_repeat }, {
+			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
+				label: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Password repeat ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.v.fields.password_repeat.$model.value,
+					"onUpdate:modelValue": ($event) => _ctx.v.fields.password_repeat.$model.value = $event,
+					type: _ctx.passwordShow ? "text" : "password",
+					autocomplete: "new-password"
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"type"
+				])]),
+				_: 2
+			}, 1032, ["validation"])]),
+			_: 1
+		}, 8, ["field"]),
+		createElementVNode("div", null, [createVNode(_component_VCFormSwitch, {
+			modelValue: _ctx.passwordShow,
+			"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.passwordShow = $event),
+			label: true
+		}, {
+			label: withCtx(({ id, class: labelClass }) => [createCommentVNode(" Render `<label for=id>` ourselves so clicking the text\n                         toggles the switch (matches the implicit behavior of\n                         passing labelContent as a string prop, which the\n                         component wraps in <label for=id> internally). "), createElementVNode("label", {
+				for: id,
+				class: normalizeClass(labelClass)
+			}, " Password " + toDisplayString(_ctx.passwordShow ? "hide" : "show"), 11, _hoisted_1$5)]),
+			_: 1
+		}, 8, ["modelValue"])]),
+		createElementVNode("div", null, [createVNode(_component_AFormSubmit, {
+			"is-busy": _ctx.busy,
+			"is-editing": true,
+			"is-invalid": _ctx.v.$invalid.value,
+			onSubmit: _ctx.submit
+		}, null, 8, [
+			"is-busy",
+			"is-invalid",
+			"onSubmit"
+		])])
+	], 32);
+}
+var AUserPasswordForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AUserPasswordForm_vue_vue_type_script_lang_default, [["render", _sfc_render$15]]);
+//#endregion
 //#region src/components/entities/permission-user/APermissionUserAssignments.vue?vue&type=script&lang.ts
 var APermissionUserAssignments_vue_vue_type_script_lang_default = defineComponent({
 	components: {
@@ -10653,10 +11990,10 @@ var entities_exports = /* @__PURE__ */ __exportAll({
 	ADatePolicyForm: () => ADatePolicyForm_default,
 	AIdentityPolicyForm: () => AIdentityPolicyForm_default,
 	AIdentityProvider: () => AIdentityProvider,
-	AIdentityProviderForm: () => AIdentityProviderForm,
+	AIdentityProviderForm: () => AIdentityProviderForm_default,
 	AIdentityProviderIcon: () => AIdentityProviderIcon_default,
-	AIdentityProviderLdapForm: () => AIdentityProviderLdapForm,
-	AIdentityProviderOAuth2Form: () => AIdentityProviderOAuth2Form,
+	AIdentityProviderLdapForm: () => AIdentityProviderLdapForm_default,
+	AIdentityProviderOAuth2Form: () => AIdentityProviderOAuth2Form_default,
 	AIdentityProviderPreset: () => AIdentityProviderPreset,
 	AIdentityProviderProtocol: () => AIdentityProviderProtocol,
 	AIdentityProviderRoleAssignment: () => AIdentityProviderRoleAssignment_default,
@@ -10665,7 +12002,7 @@ var entities_exports = /* @__PURE__ */ __exportAll({
 	APermission: () => APermission,
 	APermissionCheck: () => APermissionCheck,
 	APermissionClientAssignments: () => APermissionClientAssignments_default,
-	APermissionForm: () => APermissionForm,
+	APermissionForm: () => APermissionForm_default,
 	APermissionPolicyAssignment: () => APermissionPolicyAssignment_default,
 	APermissionPolicyAssignments: () => APermissionPolicyAssignments_default,
 	APermissionPolicyBindingButton: () => APermissionPolicyBindingButton,
@@ -10682,12 +12019,12 @@ var entities_exports = /* @__PURE__ */ __exportAll({
 	APolicyTypeBadge: () => APolicyTypeBadge_default,
 	APolicyTypePicker: () => APolicyTypePicker_default,
 	ARealm: () => ARealm,
-	ARealmForm: () => ARealmForm,
+	ARealmForm: () => ARealmForm_default,
 	ARealmMatchPolicyForm: () => ARealmMatchPolicyForm_default,
 	ARealmPicker: () => ARealmPicker,
 	ARealms: () => ARealms,
 	ARobot: () => ARobot,
-	ARobotForm: () => ARobotForm,
+	ARobotForm: () => ARobotForm_default,
 	ARobotPermissionAssignment: () => ARobotPermissionAssignment_default,
 	ARobotPermissionAssignments: () => ARobotPermissionAssignments_default,
 	ARobotRoleAssignment: () => ARobotRoleAssignment_default,
@@ -10695,7 +12032,7 @@ var entities_exports = /* @__PURE__ */ __exportAll({
 	ARobots: () => ARobots,
 	ARole: () => ARole,
 	ARoleClientAssignments: () => ARoleClientAssignments_default,
-	ARoleForm: () => ARoleForm,
+	ARoleForm: () => ARoleForm_default,
 	ARolePermissionAssignment: () => ARolePermissionAssignment_default,
 	ARolePermissionAssignments: () => ARolePermissionAssignments_default,
 	ARoleRobotAssignments: () => ARoleRobotAssignments_default,
@@ -10703,12 +12040,12 @@ var entities_exports = /* @__PURE__ */ __exportAll({
 	ARoles: () => ARoles,
 	AScope: () => AScope,
 	AScopeClientAssignments: () => AScopeClientAssignments_default,
-	AScopeForm: () => AScopeForm,
+	AScopeForm: () => AScopeForm_default,
 	AScopes: () => AScopes,
 	ATimePolicyForm: () => ATimePolicyForm_default,
 	AUser: () => AUser,
-	AUserForm: () => AUserForm,
-	AUserPasswordForm: () => AUserPasswordForm,
+	AUserForm: () => AUserForm_default,
+	AUserPasswordForm: () => AUserPasswordForm_default,
 	AUserPermissionAssignment: () => AUserPermissionAssignment_default,
 	AUserPermissionAssignments: () => AUserPermissionAssignments_default,
 	AUserRoleAssignment: () => AUserRoleAssignment_default,
@@ -10795,6 +12132,26 @@ var Login_vue_vue_type_script_lang_default = defineComponent({
 			realm_id: ""
 		});
 		const v = useValidup(new LoginCredentialsValidator(), form);
+		const translationsDefault = useTranslations([
+			{
+				namespace: TranslatorTranslationNamespace.ACTION,
+				key: TranslatorTranslationActionKey.LOGIN
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.NAME
+			},
+			{
+				namespace: TranslatorTranslationNamespace.FIELD,
+				key: TranslatorTranslationFieldKey.PASSWORD
+			},
+			{
+				namespace: TranslatorTranslationNamespace.ENTITY,
+				key: TranslatorTranslationEntityKey.IDENTITY_PROVIDER,
+				count: 2
+			}
+		]);
+		const translate = useTranslator();
 		const busy = ref(false);
 		const realmId = computed(() => {
 			if (props.codeRequest && props.codeRequest.realm_id) return props.codeRequest.realm_id;
@@ -10829,7 +12186,10 @@ var Login_vue_vue_type_script_lang_default = defineComponent({
 				});
 				emit("done");
 			} catch (e) {
-				emit("failed", e instanceof Error ? e.message : "The login operation failed");
+				emit("failed", e instanceof Error ? e.message : await translate({
+					namespace: TranslatorTranslationNamespace.CLIENT,
+					key: TranslatorTranslationClientKey.LOGIN_FAILED
+				}));
 			}
 		};
 		const buildIdentityProviderURL = (id) => {
@@ -10852,16 +12212,19 @@ var Login_vue_vue_type_script_lang_default = defineComponent({
 			}),
 			identityProviderQuery,
 			identityProviderRef,
-			buildIdentityProviderURL
+			buildIdentityProviderURL,
+			translationsDefault
 		};
 	}
 });
 //#endregion
 //#region src/components/workflows/Login.vue
-const _hoisted_1$4 = { class: "flex flex-row" };
-const _hoisted_2$4 = ["href"];
-const _hoisted_3$2 = { class: "flex flex-col" };
-const _hoisted_4$1 = { class: "text-center mb-1" };
+const _hoisted_1$4 = { class: "text-center" };
+const _hoisted_2$4 = { class: "font-bold" };
+const _hoisted_3$2 = { class: "flex flex-row" };
+const _hoisted_4$1 = ["href"];
+const _hoisted_5$1 = { class: "flex flex-col" };
+const _hoisted_6$1 = { class: "text-center mb-1" };
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_VCFormInput = resolveComponent("VCFormInput");
 	const _component_VCFormGroup = resolveComponent("VCFormGroup");
@@ -10872,10 +12235,10 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_APagination = resolveComponent("APagination");
 	const _component_AIdentityProviderIcon = resolveComponent("AIdentityProviderIcon");
 	const _component_AIdentityProviders = resolveComponent("AIdentityProviders");
-	return openBlock(), createElementBlock("div", null, [_cache[4] || (_cache[4] = createElementVNode("div", { class: "text-center" }, [createElementVNode("h1", { class: "font-bold" }, " Login ")], -1)), createElementVNode("form", { onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"])) }, [
+	return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1$4, [createElementVNode("h1", _hoisted_2$4, toDisplayString(_ctx.translationsDefault.login), 1)]), createElementVNode("form", { onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"])) }, [
 		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.name }, {
 			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
-				label: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Name ", -1)])]),
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)]),
 				default: withCtx(() => [createVNode(_component_VCFormInput, {
 					modelValue: _ctx.v.fields.name.$model.value,
 					"onUpdate:modelValue": ($event) => _ctx.v.fields.name.$model.value = $event
@@ -10886,7 +12249,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
 		}, 8, ["field"]),
 		createVNode(_component_IFieldValidation, { field: _ctx.v.fields.password }, {
 			default: withCtx(({ value }) => [createVNode(_component_VCFormGroup, { validation: value }, {
-				label: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Password ", -1)])]),
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.password), 1)]),
 				default: withCtx(() => [createVNode(_component_VCFormInput, {
 					modelValue: _ctx.v.fields.password.$model.value,
 					"onUpdate:modelValue": ($event) => _ctx.v.fields.password.$model.value = $event,
@@ -10898,10 +12261,10 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
 		}, 8, ["field"]),
 		createCommentVNode("\n                <VCFormSubmit> from form-controls 2.x was dropped in\n                @vuecs/forms 4.x. The 4.x replacement is the\n                useSubmitButton() composable (see setup() above) which\n                returns a v-bind-ready computed binding ({ type, label,\n                iconLeft, color, loading, disabled }) for VCButton. The\n                parent <form @submit.prevent=\"submit\"> catches the\n                submission — no @click handler needed here. We override\n                `label` to \"Login\" because the composable's default\n                (sourced from the vuecs defaults manager) is \"Create\".\n            "),
 		createVNode(_component_VCButton, mergeProps(_ctx.submitButton, {
-			label: "Login",
+			label: _ctx.translationsDefault.login,
 			class: "w-full"
-		}), null, 16),
-		_cache[3] || (_cache[3] = createElementVNode("hr", null, null, -1)),
+		}), null, 16, ["label"]),
+		_cache[1] || (_cache[1] = createElementVNode("hr", null, null, -1)),
 		!_ctx.codeRequest || !_ctx.codeRequest.realm_id ? (openBlock(), createBlock(_component_ARealmPicker, {
 			key: 0,
 			value: _ctx.form.realm_id,
@@ -10912,7 +12275,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
 			query: _ctx.identityProviderQuery,
 			footer: false
 		}, {
-			header: withCtx(() => [createVNode(_component_ATitle, { text: "Identity Providers" })]),
+			header: withCtx(() => [createVNode(_component_ATitle, { text: _ctx.translationsDefault.identityProvider }, null, 8, ["text"])]),
 			footer: withCtx((props) => [createVNode(_component_APagination, {
 				busy: props.busy,
 				meta: props.meta,
@@ -10924,14 +12287,14 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
 				"load",
 				"total"
 			])]),
-			body: withCtx((props) => [createElementVNode("div", _hoisted_1$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.data, (item, key) => {
+			body: withCtx((props) => [createElementVNode("div", _hoisted_3$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.data, (item, key) => {
 				return openBlock(), createElementBlock("div", { key }, [createElementVNode("a", {
 					href: _ctx.buildIdentityProviderURL(item.id),
 					class: "btn btn-dark btn-xs p-2 me-1 identity-provider-box bg-fg"
-				}, [createElementVNode("div", _hoisted_3$2, [createElementVNode("div", _hoisted_4$1, [createVNode(_component_AIdentityProviderIcon, {
+				}, [createElementVNode("div", _hoisted_5$1, [createElementVNode("div", _hoisted_6$1, [createVNode(_component_AIdentityProviderIcon, {
 					class: "text-2xl",
 					entity: item
-				}, null, 8, ["entity"])]), createElementVNode("div", null, toDisplayString(item.name), 1)])], 8, _hoisted_2$4)]);
+				}, null, 8, ["entity"])]), createElementVNode("div", null, toDisplayString(item.name), 1)])], 8, _hoisted_4$1)]);
 			}), 128))])]),
 			_: 1
 		}, 8, ["query"])
@@ -10983,6 +12346,10 @@ var AuthorizeScopes_vue_vue_type_script_lang_default = defineComponent({
 	},
 	setup(props) {
 		const httpClient = injectHTTPClient();
+		const translationsClient = useTranslationsForNamespace(TranslatorTranslationNamespace.CLIENT, [{
+			key: TranslatorTranslationClientKey.SCOPE_GRANT_INTRO,
+			data: { client: props.client.name }
+		}]);
 		const scopesRequestedNormalized = computed(() => {
 			if (!props.scopesRequested) return [];
 			return Array.isArray(props.scopesRequested) ? props.scopesRequested : deserializeOAuth2Scope(props.scopesRequested);
@@ -11004,7 +12371,8 @@ var AuthorizeScopes_vue_vue_type_script_lang_default = defineComponent({
 		Promise.resolve().then(() => resolveScopesAvailable());
 		return {
 			scopesRequestedNormalized,
-			scopesAvailableNormalized
+			scopesAvailableNormalized,
+			translationsClient
 		};
 	}
 });
@@ -11014,11 +12382,7 @@ const _hoisted_1$2 = { key: 0 };
 const _hoisted_2$2 = { class: "flex-col" };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AuthorizeScope = resolveComponent("AuthorizeScope");
-	return _ctx.scopesAvailableNormalized.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("div", null, [
-		_cache[0] || (_cache[0] = createTextVNode(" This will allow the ", -1)),
-		createElementVNode("strong", null, toDisplayString(_ctx.client.name), 1),
-		_cache[1] || (_cache[1] = createTextVNode(" application to ", -1))
-	]), createElementVNode("div", _hoisted_2$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scopesAvailableNormalized, (item) => {
+	return _ctx.scopesAvailableNormalized.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("div", null, toDisplayString(_ctx.translationsClient.scopeGrantIntro), 1), createElementVNode("div", _hoisted_2$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scopesAvailableNormalized, (item) => {
 		return openBlock(), createBlock(_component_AuthorizeScope, {
 			key: item.id,
 			entity: item,
@@ -11044,6 +12408,28 @@ var AuthorizeForm_vue_vue_type_script_lang_default = defineComponent({
 	},
 	setup(props) {
 		const httpClient = injectHTTPClient();
+		const translationsDefault = useTranslations([
+			{
+				namespace: TranslatorTranslationNamespace.COMMON,
+				key: TranslatorTranslationCommonKey.APPLICATION
+			},
+			{
+				namespace: TranslatorTranslationNamespace.ACTION,
+				key: TranslatorTranslationActionKey.ABORT
+			},
+			{
+				namespace: TranslatorTranslationNamespace.ACTION,
+				key: TranslatorTranslationActionKey.AUTHORIZE
+			}
+		]);
+		const translationsClient = useTranslationsForNamespace(TranslatorTranslationNamespace.CLIENT, [
+			{ key: TranslatorTranslationClientKey.ONCE_AUTHORIZED_REDIRECT },
+			{ key: TranslatorTranslationClientKey.ACTIVE_SINCE },
+			{
+				key: TranslatorTranslationClientKey.GOVERNED_BY,
+				data: { client: props.client.name }
+			}
+		]);
 		const abort = () => {
 			const url = new URL(`${props.codeRequest.redirect_uri}`);
 			url.searchParams.set("error", "access_denied");
@@ -11065,7 +12451,9 @@ var AuthorizeForm_vue_vue_type_script_lang_default = defineComponent({
 		};
 		return {
 			authorize,
-			abort
+			abort,
+			translationsDefault,
+			translationsClient
 		};
 	}
 });
@@ -11073,22 +12461,23 @@ var AuthorizeForm_vue_vue_type_script_lang_default = defineComponent({
 //#region src/components/workflows/authorize/AuthorizeForm.vue
 const _hoisted_1$1 = { class: "flex-col flex gap-2" };
 const _hoisted_2$1 = { class: "text-center" };
-const _hoisted_3$1 = { class: "font-bold" };
-const _hoisted_4 = { class: "mt-auto" };
-const _hoisted_5 = { class: "flex flex-row" };
-const _hoisted_6 = { class: "ms-1" };
-const _hoisted_7 = { class: "flex flex-row" };
-const _hoisted_8 = { class: "ms-1" };
-const _hoisted_9 = { class: "flex flex-row" };
-const _hoisted_10 = { class: "ms-1" };
-const _hoisted_11 = { class: "row" };
-const _hoisted_12 = { class: "col-6" };
+const _hoisted_3$1 = { class: "text-fg-muted mb-1" };
+const _hoisted_4 = { class: "font-bold" };
+const _hoisted_5 = { class: "mt-auto" };
+const _hoisted_6 = { class: "flex flex-row" };
+const _hoisted_7 = { class: "ms-1" };
+const _hoisted_8 = { class: "flex flex-row" };
+const _hoisted_9 = { class: "ms-1" };
+const _hoisted_10 = { class: "flex flex-row" };
+const _hoisted_11 = { class: "ms-1" };
+const _hoisted_12 = { class: "row" };
 const _hoisted_13 = { class: "col-6" };
+const _hoisted_14 = { class: "col-6" };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_AuthorizeScopes = resolveComponent("AuthorizeScopes");
 	const _component_VCIcon = resolveComponent("VCIcon");
 	return openBlock(), createElementBlock("div", _hoisted_1$1, [
-		createElementVNode("div", _hoisted_2$1, [_cache[2] || (_cache[2] = createElementVNode("h5", { class: "text-fg-muted mb-1" }, " Application ", -1)), createElementVNode("h1", _hoisted_3$1, toDisplayString(_ctx.client.name), 1)]),
+		createElementVNode("div", _hoisted_2$1, [createElementVNode("h5", _hoisted_3$1, toDisplayString(_ctx.translationsDefault.application), 1), createElementVNode("h1", _hoisted_4, toDisplayString(_ctx.client.name), 1)]),
 		createVNode(_component_AuthorizeScopes, {
 			client: _ctx.client,
 			"scopes-requested": _ctx.codeRequest.scope,
@@ -11098,24 +12487,20 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
 			"scopes-requested",
 			"scopes-available"
 		]),
-		createElementVNode("div", _hoisted_4, [
-			createElementVNode("div", _hoisted_5, [createElementVNode("div", null, [createVNode(_component_VCIcon, { name: "fa6-solid:link" })]), createElementVNode("div", _hoisted_6, [createElementVNode("small", null, [_cache[3] || (_cache[3] = createTextVNode(" Once authorized, you will be redirected to: ", -1)), createElementVNode("strong", null, toDisplayString(_ctx.codeRequest.redirect_uri), 1)])])]),
-			createElementVNode("div", _hoisted_7, [createElementVNode("div", null, [createVNode(_component_VCIcon, { name: "fa6-solid:lock" })]), createElementVNode("div", _hoisted_8, [createElementVNode("small", null, [
-				_cache[4] || (_cache[4] = createTextVNode(" This application is governed by the ", -1)),
-				createElementVNode("strong", null, toDisplayString(_ctx.client.name), 1),
-				_cache[5] || (_cache[5] = createTextVNode(" application's Privacy Policy and Terms of Service. ", -1))
-			])])]),
-			createElementVNode("div", _hoisted_9, [createElementVNode("div", null, [createVNode(_component_VCIcon, { name: "fa6-solid:clock" })]), createElementVNode("div", _hoisted_10, [createElementVNode("small", null, " Active since " + toDisplayString(_ctx.client.created_at), 1)])])
+		createElementVNode("div", _hoisted_5, [
+			createElementVNode("div", _hoisted_6, [createElementVNode("div", null, [createVNode(_component_VCIcon, { name: "fa6-solid:link" })]), createElementVNode("div", _hoisted_7, [createElementVNode("small", null, [createTextVNode(toDisplayString(_ctx.translationsClient.onceAuthorizedRedirect) + " ", 1), createElementVNode("strong", null, toDisplayString(_ctx.codeRequest.redirect_uri), 1)])])]),
+			createElementVNode("div", _hoisted_8, [createElementVNode("div", null, [createVNode(_component_VCIcon, { name: "fa6-solid:lock" })]), createElementVNode("div", _hoisted_9, [createElementVNode("small", null, toDisplayString(_ctx.translationsClient.governedBy), 1)])]),
+			createElementVNode("div", _hoisted_10, [createElementVNode("div", null, [createVNode(_component_VCIcon, { name: "fa6-solid:clock" })]), createElementVNode("div", _hoisted_11, [createElementVNode("small", null, toDisplayString(_ctx.translationsClient.activeSince) + " " + toDisplayString(_ctx.client.created_at), 1)])])
 		]),
-		createElementVNode("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [createElementVNode("button", {
+		createElementVNode("div", _hoisted_12, [createElementVNode("div", _hoisted_13, [createElementVNode("button", {
 			type: "button",
 			class: "btn w-full btn-secondary",
 			onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.abort && _ctx.abort(...args), ["prevent"]))
-		}, " Abort ")]), createElementVNode("div", _hoisted_13, [createElementVNode("button", {
+		}, toDisplayString(_ctx.translationsDefault.abort), 1)]), createElementVNode("div", _hoisted_14, [createElementVNode("button", {
 			type: "button",
 			class: "btn w-full btn-primary",
 			onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.authorize && _ctx.authorize(...args), ["prevent"]))
-		}, " Authorize ")])])
+		}, toDisplayString(_ctx.translationsDefault.authorize), 1)])])
 	]);
 }
 var AuthorizeForm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AuthorizeForm_vue_vue_type_script_lang_default, [["render", _sfc_render$1]]);
@@ -11168,6 +12553,10 @@ var Authorize_default = defineComponent({
 		const { loggedIn } = storeToRefs$1(injectStore());
 		const error = ref(null);
 		const client = ref(null);
+		const loadingText = useTranslation({
+			namespace: TranslatorTranslationNamespace.COMMON,
+			key: TranslatorTranslationCommonKey.LOADING
+		});
 		const resolve = async () => {
 			if (props.error) {
 				error.value = props.error;
@@ -11189,7 +12578,7 @@ var Authorize_default = defineComponent({
 			if (!props.codeRequest) return [];
 			if (!loggedIn.value) return wrapChild(h(Suspense, {}, {
 				default: () => h(Login_default, { codeRequest: props.codeRequest }),
-				fallback: () => h(AuthorizeText_default, { message: "Loading..." })
+				fallback: () => h(AuthorizeText_default, { message: loadingText.value })
 			}));
 			if (!client.value) return [];
 			return wrapChild(h(Suspense, {}, {
@@ -11198,7 +12587,7 @@ var Authorize_default = defineComponent({
 					client: client.value,
 					scopes: props.scopes
 				}),
-				fallback: () => h(AuthorizeText_default, { message: "Loading..." })
+				fallback: () => h(AuthorizeText_default, { message: loadingText.value })
 			}));
 		};
 	}
@@ -11207,6 +12596,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_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, SlotName, SocketClientSymbol, StoreDispatcherEventName, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationNamespace, TranslatorTranslationVuecsKey, assignFormProperties, buildEntityVSlotProps, buildFormCheckbox, buildFormGroup, buildFormInput, buildFormInputText, buildFormSelect, buildFormSubmit, buildFormSubmitWithTranslations, buildFormSwitch, buildFormTextarea, buildSubmitButtonDefaults, createFormSubmitTranslations, createPermissionCheckerReactiveFn, createStore, createStoreDispatcher, src_default as default, defineEntityCollectionManager, defineEntityCollectionVEmitOptions, defineEntityCollectionVProps, defineEntityManager, defineEntityPicker, defineEntityPickerVEmitOptions, defineEntityPickerVProps, defineEntitySocketManager, defineEntityVEmitOptions, defineEntityVProps, extractValidupResultsFromChild, getSeverity, 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, useTranslationsForComposable, useTranslationsForField, useTranslationsForNamespace, 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_default as AIdentityProviderForm, AIdentityProviderIcon_default as AIdentityProviderIcon, AIdentityProviderLdapForm_default as AIdentityProviderLdapForm, AIdentityProviderOAuth2Form_default as AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment_default as AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments_default as AIdentityProviderRoleAssignments, AIdentityProviders, Login_default as ALogin, ANameInput_default as ANameInput, APagination, APermission, APermissionCheck, APermissionClientAssignments_default as APermissionClientAssignments, APermissionForm_default as 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_default as ARealmForm, ARealmMatchPolicyForm_default as ARealmMatchPolicyForm, ARealmPicker, ARealms, ARobot, ARobotForm_default as ARobotForm, ARobotPermissionAssignment_default as ARobotPermissionAssignment, ARobotPermissionAssignments_default as ARobotPermissionAssignments, ARobotRoleAssignment_default as ARobotRoleAssignment, ARobotRoleAssignments_default as ARobotRoleAssignments, ARobots, ARole, ARoleClientAssignments_default as ARoleClientAssignments, ARoleForm_default as ARoleForm, ARolePermissionAssignment_default as ARolePermissionAssignment, ARolePermissionAssignments_default as ARolePermissionAssignments, ARoleRobotAssignments_default as ARoleRobotAssignments, ARoleUserAssignments_default as ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments_default as AScopeClientAssignments, AScopeForm_default as AScopeForm, AScopes, ASearch, ASecretInput_default as ASecretInput, ATimePolicyForm_default as ATimePolicyForm, ATitle, AToggleButton_default as AToggleButton, AUser, AUserForm_default as AUserForm, AUserPasswordForm_default as AUserPasswordForm, AUserPermissionAssignment_default as AUserPermissionAssignment, AUserPermissionAssignments_default as AUserPermissionAssignments, AUserRoleAssignment_default as AUserRoleAssignment, AUserRoleAssignments_default as AUserRoleAssignments, AUsers, EntityRecordError, HTTPClientSymbol, LanguageSwitcherDropdown, ListHandlers, STORE_ID, SlotName, SocketClientSymbol, StoreDispatcherEventName, assignFormProperties, buildEntityVSlotProps, buildFormCheckbox, buildFormGroup, buildFormInput, buildFormInputText, buildFormSelect, buildFormSubmit, buildFormSubmitWithTranslations, buildFormSwitch, buildFormTextarea, buildSubmitButtonDefaults, createFormSubmitTranslations, createPermissionCheckerReactiveFn, createStore, createStoreDispatcher, src_default as default, defineEntityCollectionManager, defineEntityCollectionVEmitOptions, defineEntityCollectionVProps, defineEntityManager, defineEntityPicker, defineEntityPickerVEmitOptions, defineEntityPickerVProps, defineEntitySocketManager, defineEntityVEmitOptions, defineEntityVProps, extractValidupResultsFromChild, getSeverity, 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, useTranslations, useTranslationsForComposable, useTranslationsForField, useTranslationsForNamespace, useTranslator, useUpdatedAt, wrapFnWithBusyState };
 
 //# sourceMappingURL=index.mjs.map