@authup/client-web-kit 1.0.0-beta.30 → 1.0.0-beta.32

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import installFormControl, { VCFormGroup, VCFormInput, buildFormSubmit, buildFormInputText, buildFormGroup, buildFormInput, buildFormTextarea, buildFormInputCheckbox, VCFormInputCheckbox } from '@vuecs/form-controls';
 import { hasOwnProperty, isObject as isObject$1, merge, createMerger } from 'smob';
-import { hasInjectionContext, inject as inject$3, provide as provide$2, defineComponent, reactive, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, withModifiers, ref, computed, getCurrentScope, onScopeDispose, shallowRef, toRaw, isRef, isReactive, toRef, watchEffect, unref, onMounted, watch, onUnmounted, h, createElementBlock, renderSlot, createTextVNode, createCommentVNode, Fragment, renderList, mergeProps, getCurrentInstance, resolveDynamicComponent, toDisplayString, nextTick, normalizeClass, Suspense } from 'vue';
+import { hasInjectionContext, inject as inject$3, provide as provide$2, defineComponent, reactive, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, withModifiers, ref, computed, getCurrentScope, onScopeDispose, shallowRef, toRaw, isRef, isReactive, toRef, watchEffect, unref, onMounted, watch, onUnmounted, h, createElementBlock, renderSlot, createTextVNode, createCommentVNode, Fragment, renderList, mergeProps, getCurrentInstance, resolveDynamicComponent, toDisplayString, normalizeClass, nextTick, Suspense } from 'vue';
 import installPagination, { buildPagination as buildPagination$1 } from '@vuecs/pagination';
 import { REALM_MASTER_NAME, EntityDefaultEventName, buildEntityChannelName, EntityType, IdentityProviderProtocol, IdentityProviderPreset, getIdentityProviderProtocolForPreset, isUserFakeEmail, buildUserFakeEmail } from '@authup/core-kit';
 import { IVuelidate, useTranslationsForNestedValidations, useTranslationsForBaseValidation as useTranslationsForBaseValidation$1, getSeverity, install as install$1 } from '@ilingo/vuelidate';
@@ -9,23 +9,119 @@ import { required, maxLength, minLength, helpers, numeric, url, maxValue, minVal
 import { SlotName, buildList } from '@vuecs/list-controls';
 import { Client, CookieName, ClientAuthenticationHook, ClientAuthenticationHookEventName } from '@authup/core-http-kit';
 import { defineStore, storeToRefs as storeToRefs$1 } from 'pinia';
-import { PermissionMemoryRepository, PermissionChecker, PolicyEngine, PolicyData, BuiltInPolicyType, TimePolicyInterval, isIntervalForDayOfWeek, isIntervalForDayOfMonth, isIntervalForDayOfYear } from '@authup/access';
+import { PermissionMemoryProvider, PermissionEvaluator, PolicyEngine, PolicyData, BuiltInPolicyType, TimePolicyInterval, isIntervalForDayOfWeek, isIntervalForDayOfMonth, isIntervalForDayOfYear } from '@authup/access';
 import { OAuth2Error, isOpenIDProviderMetadata, deserializeOAuth2Scope } from '@authup/specs';
 import { hasOwnProperty as hasOwnProperty$1, extendObject, isObject as isObject$2, createNanoID, isBCryptHash, base64URLEncode } from '@authup/kit';
 import { SortDirection } from 'rapiq';
 import { ClientManager, buildEventFullName, EventNameSuffix } from '@authup/core-realtime-kit';
 import Cookie from 'universal-cookie';
 
+/*
+ * Copyright (c) 2024-2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ const BRACKET_NUMBER_REGEX = RegExp("(?<!\\\\)\\[(\\d+)]$");
+/**
+ * Convert string to property path array.
+ *
+ * @see https://github.com/lodash/lodash/blob/main/src/.internal/stringToPath.ts
+ * @see https://github.com/chaijs/pathval
+ *
+ * @param segment
+ */ function pathToArray(segment) {
+    const str = segment.replace(/([^\\])\[/g, '$1.[');
+    const parts = str.match(/(\\\.|[^.]+?)+/g);
+    if (!parts) {
+        return [];
+    }
+    const result = [];
+    for(let i = 0; i < parts.length; i++){
+        if (parts[i] === 'constructor' || parts[i] === '__proto__' || parts[i] === 'prototype') {
+            continue;
+        }
+        const regex = BRACKET_NUMBER_REGEX.exec(parts[i]);
+        if (regex) {
+            result.push(regex[1]);
+        } else {
+            result.push(parts[i].replace(/\\([.[\]])/g, '$1'));
+        }
+    }
+    return result;
+}
+
 /*
  * Copyright (c) 2024.
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var Character$1;
+ */ var Character;
 (function(Character) {
     Character["WILDCARD"] = "*";
     Character["GLOBSTAR"] = "**";
-})(Character$1 || (Character$1 = {}));
+})(Character || (Character = {}));
+
+/*
+ * Copyright (c) 2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ function isObject(input) {
+    return !!input && typeof input === 'object' && !Array.isArray(input);
+}
+
+function getPathValue(data, path) {
+    const parts = Array.isArray(path) ? path : pathToArray(path);
+    let res;
+    let temp = data;
+    let index = 0;
+    while(index < parts.length){
+        if (temp === null || typeof temp === 'undefined') {
+            break;
+        }
+        if (parts[index] in Object(temp)) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-expect-error
+            temp = temp[parts[index]];
+        } else {
+            break;
+        }
+        if (index === parts.length - 1) {
+            res = temp;
+        }
+        index++;
+    }
+    return res;
+}
+
+const NUMBER_REGEX = /^\d+$/;
+function setPathValue(data, path, value) {
+    const parts = Array.isArray(path) ? path : pathToArray(path);
+    let temp = data;
+    let index = 0;
+    while(index < parts.length){
+        /* istanbul ignore next */ if (!Array.isArray(temp) && !isObject(temp)) {
+            break;
+        }
+        const key = parts[index];
+        // [foo, '0']
+        if (typeof temp[key] === 'undefined') {
+            const match = NUMBER_REGEX.test(key);
+            if (match) {
+                temp[key] = [];
+            } else {
+                temp[key] = {};
+            }
+        }
+        if (index === parts.length - 1) {
+            temp[key] = value;
+            break;
+        }
+        index++;
+        temp = temp[key];
+    }
+    return data;
+}
 
 class Store {
     /**
@@ -182,41 +278,31 @@ var _export_sfc = (sfc, props) => {
 
 const _hoisted_1$d = ["disabled"];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VCFormInput = resolveComponent("VCFormInput");
-  const _component_VCFormGroup = resolveComponent("VCFormGroup");
-  const _component_IVuelidate = resolveComponent("IVuelidate");
-  return openBlock(), createBlock(_component_IVuelidate, {
-    validation: _ctx.vuelidate.name
-  }, {
-    default: withCtx((props) => [
-      createVNode(_component_VCFormGroup, {
-        "validation-messages": props.data,
-        "validation-severity": props.severity
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_VCFormInput, {
-            modelValue: _ctx.vuelidate.name.$model,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.name.$model = $event),
-            onChange: _ctx.handleUpdated
-          }, {
-            groupAppend: withCtx(() => [
-              createElementVNode("button", {
-                disabled: _ctx.disabled,
-                type: "button",
-                class: "btn btn-xs btn-warning",
-                onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleDeleted && _ctx.handleDeleted(...args), ["prevent"]))
-              }, [..._cache[2] || (_cache[2] = [
-                createElementVNode("i", { class: "fa fa-minus" }, null, -1)
-              ])], 8, _hoisted_1$d)
-            ]),
-            _: 1
-          }, 8, ["modelValue", "onChange"])
-        ]),
-        _: 1
-      }, 8, ["validation-messages", "validation-severity"])
-    ]),
-    _: 1
-  }, 8, ["validation"]);
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IVuelidate = resolveComponent("IVuelidate");
+	return openBlock(), createBlock(_component_IVuelidate, { validation: _ctx.vuelidate.name }, {
+		default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+			"validation-messages": props.data,
+			"validation-severity": props.severity
+		}, {
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.vuelidate.name.$model,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.name.$model = $event),
+				onChange: _ctx.handleUpdated
+			}, {
+				groupAppend: withCtx(() => [createElementVNode("button", {
+					disabled: _ctx.disabled,
+					type: "button",
+					class: "btn btn-xs btn-warning",
+					onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleDeleted && _ctx.handleDeleted(...args), ["prevent"]))
+				}, [..._cache[2] || (_cache[2] = [createElementVNode("i", { class: "fa fa-minus" }, null, -1)])], 8, _hoisted_1$d)]),
+				_: 1
+			}, 8, ["modelValue", "onChange"])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"])]),
+		_: 1
+	}, 8, ["validation"]);
 }
 var AFormInputListItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$h]]);
 
@@ -256,7 +342,7 @@ function injectHTTPClientAuthenticationHook(app) {
 function hasHTTPClientAuthenticationHook(app) {
     try {
         return !!injectHTTPClientAuthenticationHook(app);
-    } catch (e) {
+    } catch  {
         return false;
     }
 }
@@ -437,8 +523,8 @@ function createStore(context) {
         context.dispatcher.emit(StoreDispatcherEventName.REALM_MANAGEMENT_UPDATED, input);
     };
     // --------------------------------------------------------------------
-    const permissionRepository = new PermissionMemoryRepository();
-    const permissionChecker = new PermissionChecker({
+    const permissionRepository = new PermissionMemoryProvider();
+    const permissionEvaluator = new PermissionEvaluator({
         repository: permissionRepository,
         policyEngine: new PolicyEngine()
     });
@@ -461,7 +547,7 @@ function createStore(context) {
                     token: tempAccessToken
                 });
             }
-        } catch (e) {
+        } catch  {
         // ...
         }
         try {
@@ -470,7 +556,7 @@ function createStore(context) {
                     token: tempRefreshToken
                 });
             }
-        } catch (e) {
+        } catch  {
         // ...
         }
     };
@@ -515,9 +601,11 @@ function createStore(context) {
             }
             if (response.permissions) {
                 permissionRepository.setMany(response.permissions.map((permission)=>({
-                        name: permission.name,
-                        realmId: permission.realm_id,
-                        clientId: permission.client_id
+                        permission: {
+                            name: permission.name,
+                            realm_id: permission.realm_id,
+                            client_id: permission.client_id
+                        }
                     })));
             }
         });
@@ -592,6 +680,15 @@ function createStore(context) {
         await resolveUser();
         context.dispatcher.emit(StoreDispatcherEventName.LOGGED_IN);
     };
+    const exchangeAuthorizationCode = async (code)=>{
+        const response = await client.token.createWithAuthorizationCode({
+            code
+        });
+        await cleanup();
+        applyTokenGrantResponse(response);
+        await resolveToken();
+        await resolveUser();
+    };
     const logout = async ()=>{
         context.dispatcher.emit(StoreDispatcherEventName.LOGGING_OUT);
         await cleanup();
@@ -600,11 +697,12 @@ function createStore(context) {
     return {
         cookiesRead,
         setCookiesRead,
-        permissionChecker,
+        permissionEvaluator,
         login,
         logout,
         loggedIn,
         resolve,
+        exchangeAuthorizationCode,
         applyTokenGrantResponse,
         accessToken,
         setAccessToken,
@@ -766,12 +864,12 @@ function installStore(app, options = {}) {
         store.setCookiesRead(true);
         const keys = Object.values(CookieName);
         let value;
-        for(let i = 0; i < keys.length; i++){
-            value = cookieGet(keys[i]);
+        for (const key of keys){
+            value = cookieGet(key);
             if (!value) {
                 continue;
             }
-            switch(keys[i]){
+            switch(key){
                 case CookieName.ACCESS_TOKEN:
                     if (!store.accessToken) {
                         store.setAccessToken(value);
@@ -866,10 +964,10 @@ function storeToRefs(store) {
     store = toRaw(store);
     const refs = {};
     const keys = Object.keys(store);
-    for(let i = 0; i < keys.length; i++){
-        const value = store[keys[i]];
+    for (const key of keys){
+        const value = store[key];
         if (isRef(value) || isReactive(value)) {
-            refs[keys[i]] = toRef(store, keys[i]);
+            refs[key] = toRef(store, key);
         }
     }
     return refs;
@@ -941,7 +1039,7 @@ function provideHTTPClient(client, app) {
 function hasHTTPClient(app) {
     try {
         return !!injectHTTPClient(app);
-    } catch (e) {
+    } catch  {
         return false;
     }
 }
@@ -978,12 +1076,12 @@ function installHTTPClient(app, options = {}) {
  * @param input
  */ function assignFormProperties(src, input = {}) {
     const keys = Object.keys(input);
-    for(let i = 0; i < keys.length; i++){
-        const value = input[keys[i]];
+    for (const key of keys){
+        const value = input[key];
         if (value === null) {
-            src[keys[i]] = '';
+            src[key] = '';
         } else {
-            src[keys[i]] = value;
+            src[key] = value;
         }
     }
     return src;
@@ -1050,113 +1148,6 @@ var TranslatorTranslationDefaultKey = /*#__PURE__*/ function(TranslatorTranslati
     return TranslatorTranslationDefaultKey;
 }({});
 
-/*
- * Copyright (c) 2024-2024.
- * Author Peter Placzek (tada5hi)
- * For the full copyright and license information,
- * view the LICENSE file that was distributed with this source code.
- */ const BRACKET_NUMBER_REGEX = RegExp("(?<!\\\\)\\[(\\d+)]$");
-/**
- * Convert string to property path array.
- *
- * @see https://github.com/lodash/lodash/blob/main/src/.internal/stringToPath.ts
- * @see https://github.com/chaijs/pathval
- *
- * @param segment
- */ function pathToArray(segment) {
-    const str = segment.replace(/([^\\])\[/g, '$1.[');
-    const parts = str.match(/(\\\.|[^.]+?)+/g);
-    if (!parts) {
-        return [];
-    }
-    const result = [];
-    for(let i = 0; i < parts.length; i++){
-        if (parts[i] === 'constructor' || parts[i] === '__proto__' || parts[i] === 'prototype') {
-            continue;
-        }
-        const regex = BRACKET_NUMBER_REGEX.exec(parts[i]);
-        if (regex) {
-            result.push(regex[1]);
-        } else {
-            result.push(parts[i].replace(/\\([.[\]])/g, '$1'));
-        }
-    }
-    return result;
-}
-
-/*
- * Copyright (c) 2024.
- * Author Peter Placzek (tada5hi)
- * For the full copyright and license information,
- * view the LICENSE file that was distributed with this source code.
- */ var Character;
-(function(Character) {
-    Character["WILDCARD"] = "*";
-    Character["GLOBSTAR"] = "**";
-})(Character || (Character = {}));
-
-/*
- * Copyright (c) 2024.
- * Author Peter Placzek (tada5hi)
- * For the full copyright and license information,
- * view the LICENSE file that was distributed with this source code.
- */ function isObject(input) {
-    return !!input && typeof input === 'object' && !Array.isArray(input);
-}
-
-function getPathValue(data, path) {
-    const parts = Array.isArray(path) ? path : pathToArray(path);
-    let res;
-    let temp = data;
-    let index = 0;
-    while(index < parts.length){
-        if (temp === null || typeof temp === 'undefined') {
-            break;
-        }
-        if (parts[index] in Object(temp)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            temp = temp[parts[index]];
-        } else {
-            break;
-        }
-        if (index === parts.length - 1) {
-            res = temp;
-        }
-        index++;
-    }
-    return res;
-}
-
-const NUMBER_REGEX = /^\d+$/;
-function setPathValue(data, path, value) {
-    const parts = Array.isArray(path) ? path : pathToArray(path);
-    let temp = data;
-    let index = 0;
-    while(index < parts.length){
-        /* istanbul ignore next */ if (!Array.isArray(temp) && !isObject(temp)) {
-            break;
-        }
-        const key = parts[index];
-        // [foo, '0']
-        if (typeof temp[key] === 'undefined') {
-            const match = NUMBER_REGEX.test(key);
-            if (match) {
-                temp[key] = [];
-            } else {
-                temp[key] = {};
-            }
-        }
-        if (index === parts.length - 1) {
-            temp[key] = value;
-            break;
-        }
-        index++;
-        temp = temp[key];
-    }
-    return data;
-}
-
 class MemoryStore {
     data;
     constructor(options){
@@ -1328,9 +1319,9 @@ function useTranslationsForNestedValidation(validation) {
 
 function useTranslationsForGroup(group, elements) {
     const output = {};
-    for(let i = 0; i < elements.length; i++){
-        output[elements[i].key] = useTranslation({
-            ...elements[i],
+    for (const element of elements){
+        output[element.key] = useTranslation({
+            ...element,
             group
         });
     }
@@ -1399,9 +1390,9 @@ function extractVuelidateResultsFromChild(vuelidate, child, keys) {
     }
     const childKeys = keys ?? Object.keys(childResults).filter((key)=>!key.startsWith('$'));
     const result = {};
-    for(let i = 0; i < childKeys.length; i++){
-        if (hasOwnProperty$1(childResults, childKeys[i])) {
-            result[childKeys[i]] = childResults[childKeys[i]].$model;
+    for (const childKey of childKeys){
+        if (hasOwnProperty$1(childResults, childKey)) {
+            result[childKey] = childResults[childKey].$model;
         }
     }
     return result;
@@ -1570,12 +1561,12 @@ function createPermissionCheckerReactiveFn(ctx = {}) {
             const input = ctx.input || new PolicyData();
             input.set(BuiltInPolicyType.IDENTITY, identity);
             try {
-                computePromise = store.permissionChecker.preCheckOneOf({
+                computePromise = store.permissionEvaluator.preEvaluateOneOf({
                     ...ctx,
                     input
                 }).then(()=>true).catch(()=>false);
                 outcome = await computePromise;
-            } catch (e) {
+            } catch  {
                 outcome = false;
             } finally{
                 computePromise = undefined;
@@ -1623,12 +1614,13 @@ function installSocketManager(app, options) {
     const { accessToken } = storeToRefs(store);
     const manager = new ClientManager({
         url: options.baseURL,
-        token: ()=>accessToken.value
+        token: ()=>accessToken.value ?? undefined
     });
     const oldValue = ref();
     store.$subscribe((mutation, state)=>{
-        if (state.accessToken !== oldValue.value) {
-            oldValue.value = state.accessToken;
+        const normalizedToken = state.accessToken ?? undefined;
+        if (normalizedToken !== oldValue.value) {
+            oldValue.value = normalizedToken;
             Promise.resolve().then(()=>manager.reconnect());
         }
     });
@@ -1757,7 +1749,7 @@ var _sfc_main$h = defineComponent({
         };
         const handleUpdated = (id, value)=>{
             const index = items.value.findIndex((el)=>el.id === id);
-            if (index > -1) {
+            if (index > -1 && items.value[index]) {
                 items.value[index].value = value;
             }
             emitUpdated();
@@ -1790,60 +1782,46 @@ const _hoisted_4$7 = { class: "ms-auto" };
 const _hoisted_5$4 = ["disabled"];
 const _hoisted_6$3 = { class: "d-flex flex-column gap-1" };
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ATranslationDefault = resolveComponent("ATranslationDefault");
-  const _component_AFormInputListItem = resolveComponent("AFormInputListItem");
-  return openBlock(), createElementBlock("div", _hoisted_1$c, [
-    createElementVNode("div", _hoisted_2$b, [
-      createElementVNode("div", _hoisted_3$9, [
-        renderSlot(_ctx.$slots, "label", {}, () => [
-          _cache[1] || (_cache[1] = createTextVNode(" Names ", -1))
-        ])
-      ]),
-      createElementVNode("div", _hoisted_4$7, [
-        createElementVNode("button", {
-          class: "btn btn-xs btn-primary",
-          type: "button",
-          disabled: !_ctx.canAdd,
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.add(), ["prevent"]))
-        }, [
-          _cache[2] || (_cache[2] = createElementVNode("i", { class: "fa fa-plus" }, null, -1)),
-          _cache[3] || (_cache[3] = createTextVNode()),
-          createVNode(_component_ATranslationDefault, { name: "add" })
-        ], 8, _hoisted_5$4)
-      ])
-    ]),
-    createElementVNode("div", _hoisted_6$3, [
-      _ctx.items.length === 0 ? renderSlot(_ctx.$slots, "noItems", { key: 0 }, () => [
-        _cache[4] || (_cache[4] = createElementVNode("div", { class: "alert alert-sm alert-info" }, " The form list has no items yet ", -1))
-      ]) : createCommentVNode("", true),
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
-        return renderSlot(_ctx.$slots, "default", {
-          key: item.id,
-          item,
-          updated: _ctx.handleUpdated,
-          deleted: _ctx.handleDeleted
-        }, () => [
-          (openBlock(), createBlock(_component_AFormInputListItem, {
-            key: item.id,
-            disabled: !_ctx.canDrop,
-            name: item.value,
-            onUpdated: (input) => {
-              _ctx.handleUpdated(item.id, input);
-            },
-            onDeleted: () => {
-              _ctx.handleDeleted(item.id);
-            }
-          }, null, 8, ["disabled", "name", "onUpdated", "onDeleted"]))
-        ]);
-      }), 128))
-    ])
-  ]);
+	const _component_ATranslationDefault = resolveComponent("ATranslationDefault");
+	const _component_AFormInputListItem = resolveComponent("AFormInputListItem");
+	return openBlock(), createElementBlock("div", _hoisted_1$c, [createElementVNode("div", _hoisted_2$b, [createElementVNode("div", _hoisted_3$9, [renderSlot(_ctx.$slots, "label", {}, () => [_cache[1] || (_cache[1] = createTextVNode(" Names ", -1))])]), createElementVNode("div", _hoisted_4$7, [createElementVNode("button", {
+		class: "btn btn-xs btn-primary",
+		type: "button",
+		disabled: !_ctx.canAdd,
+		onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.add(), ["prevent"]))
+	}, [
+		_cache[2] || (_cache[2] = createElementVNode("i", { class: "fa fa-plus" }, null, -1)),
+		_cache[3] || (_cache[3] = createTextVNode()),
+		createVNode(_component_ATranslationDefault, { name: "add" })
+	], 8, _hoisted_5$4)])]), createElementVNode("div", _hoisted_6$3, [_ctx.items.length === 0 ? renderSlot(_ctx.$slots, "noItems", { key: 0 }, () => [_cache[4] || (_cache[4] = createElementVNode("div", { class: "alert alert-sm alert-info" }, " The form list has no items yet ", -1))]) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+		return renderSlot(_ctx.$slots, "default", {
+			key: item.id,
+			item,
+			updated: _ctx.handleUpdated,
+			deleted: _ctx.handleDeleted
+		}, () => [(openBlock(), createBlock(_component_AFormInputListItem, {
+			key: item.id,
+			disabled: !_ctx.canDrop,
+			name: item.value,
+			onUpdated: (input) => {
+				_ctx.handleUpdated(item.id, input);
+			},
+			onDeleted: () => {
+				_ctx.handleDeleted(item.id);
+			}
+		}, null, 8, [
+			"disabled",
+			"name",
+			"onUpdated",
+			"onDeleted"
+		]))]);
+	}), 128))])]);
 }
 var AFormInputList = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g]]);
 
 function buildPagination(ctx) {
     return buildPagination$1({
-        load: (pagination)=>ctx.load({
+        load: (pagination)=>ctx.load?.({
                 ...ctx.meta,
                 pagination: {
                     limit: pagination.limit,
@@ -1869,8 +1847,7 @@ const APagination = defineComponent({
             type: Boolean
         },
         load: {
-            type: Function,
-            required: true
+            type: Function
         }
     },
     setup (props) {
@@ -1890,11 +1867,8 @@ const APagination = defineComponent({
  * view the LICENSE file that was distributed with this source code.
  */ function defineEntityCollectionVEmitOptions() {
     return {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         created: (_item)=>true,
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         deleted: (_item)=>true,
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         updated: (_item)=>true
     };
 }
@@ -2002,9 +1976,12 @@ function buildEntityCollectionUpdatedHandler(items, cb) {
         }
         const index = items.value.findIndex((el)=>el.id === item.id);
         if (index !== -1) {
-            const keys = Object.keys(item);
-            for(let i = 0; i < keys.length; i++){
-                items.value[index][keys[i]] = item[keys[i]];
+            const el = items.value[index];
+            if (el) {
+                const keys = Object.keys(item);
+                for (const key of keys){
+                    el[key] = item[key];
+                }
             }
             if (cb) {
                 cb(item);
@@ -2019,8 +1996,9 @@ function buildEntityCollectionDeletedHandler(items, cb) {
         }
         const index = items.value.findIndex((el)=>el.id === item.id);
         if (index !== -1) {
-            if (cb) {
-                cb(items.value[index]);
+            const el = items.value[index];
+            if (cb && el) {
+                cb(el);
             }
             return items.value.splice(index, 1).pop();
         }
@@ -2386,15 +2364,10 @@ function buildEntityVSlotProps(input) {
 }
 function defineEntityVEmitOptions() {
     return {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         failed: (_item)=>true,
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         created: (_item)=>true,
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         deleted: (_item)=>true,
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         updated: (_item)=>true,
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         resolved: (_item)=>true
     };
 }
@@ -2875,7 +2848,6 @@ const ASearch = defineComponent({
 
 function defineEntityPickerVEmitOptions() {
     return {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         change: (_values)=>true,
         ...defineEntityCollectionVEmitOptions()
     };
@@ -2984,7 +2956,7 @@ function defineEntityPicker({ props, setup, component }) {
                     return content;
                 }
                 return renderToggleButton({
-                    value: items.value.indexOf(slotProps.data.id) !== -1,
+                    value: items.value.includes(slotProps.data.id),
                     isBusy: slotProps.busy,
                     changed () {
                         toggle(slotProps.data.id);
@@ -3205,10 +3177,10 @@ const LanguageSwitcherDropdown = defineComponent({
         ];
         const elements = computed(()=>{
             const output = [];
-            for(let i = 0; i < locales.length; i++){
+            for (const locale_ of locales){
                 output.push({
-                    value: locales[i],
-                    active: locale.value === locales[i]
+                    value: locale_,
+                    active: locale.value === locale_
                 });
             }
             return output;
@@ -3746,8 +3718,8 @@ var _sfc_main$g = defineComponent({
 const _hoisted_1$b = { class: "row" };
 const _hoisted_2$a = { class: "col" };
 const _hoisted_3$8 = {
-  key: 0,
-  class: "text-danger font-weight-bold"
+	key: 0,
+	class: "text-danger font-weight-bold"
 };
 const _hoisted_4$6 = { class: "row" };
 const _hoisted_5$3 = { class: "col" };
@@ -3755,269 +3727,187 @@ const _hoisted_6$2 = { class: "col" };
 const _hoisted_7$1 = { class: "col" };
 const _hoisted_8$1 = { class: "col" };
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VCFormInput = resolveComponent("VCFormInput");
-  const _component_VCFormGroup = resolveComponent("VCFormGroup");
-  const _component_IVuelidate = resolveComponent("IVuelidate");
-  const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
-  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$b, [
-    createElementVNode("div", _hoisted_2$a, [
-      _ctx.data ? (openBlock(), createBlock(_component_VCFormGroup, { key: 0 }, {
-        label: withCtx(() => [..._cache[10] || (_cache[10] = [
-          createTextVNode(" ID ", -1)
-        ])]),
-        default: withCtx(() => [
-          createVNode(_component_VCFormInput, {
-            "model-value": _ctx.data.id,
-            disabled: true
-          }, null, 8, ["model-value"])
-        ]),
-        _: 1
-      })) : createCommentVNode("", true),
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.name
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            label: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)
-            ]),
-            default: withCtx(() => [
-              createVNode(_component_VCFormInput, {
-                modelValue: _ctx.vuelidate.name.$model,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.name.$model = $event),
-                disabled: _ctx.isNameFixed
-              }, null, 8, ["modelValue", "disabled"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"]),
-          createElementVNode("small", null, toDisplayString(_ctx.translationsClient.nameHint), 1)
-        ]),
-        _: 1
-      }, 8, ["validation"]),
-      _cache[14] || (_cache[14] = createElementVNode("hr", null, null, -1)),
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.display_name
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            label: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.translationsDefault.displayName), 1)
-            ]),
-            default: withCtx(() => [
-              createVNode(_component_VCFormInput, {
-                modelValue: _ctx.vuelidate.display_name.$model,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.display_name.$model = $event),
-                disabled: _ctx.isNameFixed
-              }, null, 8, ["modelValue", "disabled"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"]),
-      _cache[15] || (_cache[15] = createElementVNode("hr", null, null, -1)),
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.secret
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            label: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.translationsDefault.secret) + " ", 1),
-              _ctx.isSecretHashed ? (openBlock(), createElementBlock("span", _hoisted_3$8, [..._cache[11] || (_cache[11] = [
-                createElementVNode("i", { class: "fa fa-exclamation-triangle" }, null, -1)
-              ])])) : createCommentVNode("", true)
-            ]),
-            default: withCtx(() => [
-              createVNode(_component_VCFormInput, {
-                modelValue: _ctx.vuelidate.secret.$model,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.vuelidate.secret.$model = $event),
-                disabled: !_ctx.vuelidate.is_confidential.$model
-              }, {
-                groupAppend: withCtx(() => [
-                  createElementVNode("button", {
-                    class: "btn",
-                    type: "button",
-                    onClick: _cache[2] || (_cache[2] = withModifiers(() => _ctx.vuelidate.secret.$model = _ctx.generateSecret(), ["prevent"]))
-                  }, [..._cache[12] || (_cache[12] = [
-                    createElementVNode("i", { class: "fa fa-refresh" }, null, -1)
-                  ])])
-                ]),
-                _: 1
-              }, 8, ["modelValue", "disabled"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"]),
-      createElementVNode("div", _hoisted_4$6, [
-        createElementVNode("div", _hoisted_5$3, [
-          createVNode(_component_IVuelidate, {
-            validation: _ctx.vuelidate.is_confidential
-          }, {
-            default: withCtx((props) => [
-              createVNode(_component_VCFormGroup, {
-                "validation-messages": props.data,
-                "validation-severity": props.severity
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_VCFormInputCheckbox, {
-                    modelValue: _ctx.vuelidate.is_confidential.$model,
-                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.vuelidate.is_confidential.$model = $event),
-                    "group-class": "form-switch",
-                    label: true,
-                    "label-content": _ctx.translationsClient.isConfidential.value
-                  }, null, 8, ["modelValue", "label-content"])
-                ]),
-                _: 1
-              }, 8, ["validation-messages", "validation-severity"])
-            ]),
-            _: 1
-          }, 8, ["validation"])
-        ]),
-        createElementVNode("div", _hoisted_6$2, [
-          createVNode(_component_IVuelidate, {
-            validation: _ctx.vuelidate.secret_hashed
-          }, {
-            default: withCtx((props) => [
-              createVNode(_component_VCFormGroup, {
-                "validation-messages": props.data,
-                "validation-severity": props.severity
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_VCFormInputCheckbox, {
-                    modelValue: _ctx.vuelidate.secret_hashed.$model,
-                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.vuelidate.secret_hashed.$model = $event),
-                    "group-class": "form-switch",
-                    label: true,
-                    "label-content": _ctx.translationsClient.hashSecret.value
-                  }, null, 8, ["modelValue", "label-content"])
-                ]),
-                _: 1
-              }, 8, ["validation-messages", "validation-severity"])
-            ]),
-            _: 1
-          }, 8, ["validation"])
-        ]),
-        createElementVNode("div", _hoisted_7$1, [
-          createVNode(_component_IVuelidate, {
-            validation: _ctx.vuelidate.active
-          }, {
-            default: withCtx((props) => [
-              createVNode(_component_VCFormGroup, {
-                "validation-messages": props.data,
-                "validation-severity": props.severity
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_VCFormInputCheckbox, {
-                    modelValue: _ctx.vuelidate.active.$model,
-                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.vuelidate.active.$model = $event),
-                    "group-class": "form-switch",
-                    label: true,
-                    "label-content": _ctx.translationsClient.isActive.value
-                  }, null, 8, ["modelValue", "label-content"])
-                ]),
-                _: 1
-              }, 8, ["validation-messages", "validation-severity"])
-            ]),
-            _: 1
-          }, 8, ["validation"])
-        ])
-      ]),
-      !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        _cache[13] || (_cache[13] = createElementVNode("hr", null, null, -1)),
-        createVNode(_component_IVuelidate, {
-          validation: _ctx.vuelidate.realm_id
-        }, {
-          default: withCtx((props) => [
-            createVNode(_component_VCFormGroup, {
-              "validation-messages": props.data,
-              "validation-severity": props.severity
-            }, {
-              label: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.translationsDefault.realm), 1)
-              ]),
-              default: withCtx(() => [
-                createVNode(_component_ARealmPicker, {
-                  value: _ctx.vuelidate.realm_id.$model,
-                  onChange: _cache[7] || (_cache[7] = (input) => {
-                    _ctx.vuelidate.realm_id.$model = input.length > 0 ? input[0] : "";
-                  })
-                }, null, 8, ["value"])
-              ]),
-              _: 1
-            }, 8, ["validation-messages", "validation-severity"])
-          ]),
-          _: 1
-        }, 8, ["validation"])
-      ], 64)) : createCommentVNode("", true)
-    ]),
-    createElementVNode("div", _hoisted_8$1, [
-      createVNode(_component_AFormInputList, {
-        names: _ctx.redirectUris,
-        onChanged: _cache[8] || (_cache[8] = (value) => {
-          if (value.length === 0) {
-            _ctx.vuelidate.redirect_uri.$model = "";
-            return;
-          }
-          _ctx.vuelidate.redirect_uri.$model = value.join(",");
-        })
-      }, {
-        label: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.translationsDefault.redirectUris), 1)
-        ]),
-        _: 1
-      }, 8, ["names"]),
-      createElementVNode("small", null, toDisplayString(_ctx.translationsClient.redirectURIHint), 1),
-      _cache[16] || (_cache[16] = createElementVNode("hr", null, null, -1)),
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.description
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            label: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.translationsDefault.description), 1)
-            ]),
-            default: withCtx(() => [
-              createVNode(_component_VCFormTextarea, {
-                modelValue: _ctx.vuelidate.description.$model,
-                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => _ctx.vuelidate.description.$model = $event),
-                rows: "7"
-              }, null, 8, ["modelValue"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"]),
-          createElementVNode("small", null, toDisplayString(_ctx.translationsClient.descriptionHint), 1)
-        ]),
-        _: 1
-      }, 8, ["validation"]),
-      _cache[17] || (_cache[17] = createElementVNode("hr", null, null, -1)),
-      createElementVNode("div", null, [
-        createVNode(_component_AFormSubmit, {
-          "is-busy": _ctx.isBusy,
-          "is-editing": _ctx.isEditing,
-          "is-invalid": _ctx.vuelidate.$invalid,
-          onSubmit: _ctx.submit
-        }, null, 8, ["is-busy", "is-editing", "is-invalid", "onSubmit"])
-      ])
-    ])
-  ]);
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IVuelidate = resolveComponent("IVuelidate");
+	const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
+	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$b, [createElementVNode("div", _hoisted_2$a, [
+		_ctx.data ? (openBlock(), createBlock(_component_VCFormGroup, { key: 0 }, {
+			label: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(" ID ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				"model-value": _ctx.data.id,
+				disabled: true
+			}, null, 8, ["model-value"])]),
+			_: 1
+		})) : createCommentVNode("", true),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.name }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.name), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.vuelidate.name.$model,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.name.$model = $event),
+					disabled: _ctx.isNameFixed
+				}, null, 8, ["modelValue", "disabled"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"]), createElementVNode("small", null, toDisplayString(_ctx.translationsClient.nameHint), 1)]),
+			_: 1
+		}, 8, ["validation"]),
+		_cache[14] || (_cache[14] = createElementVNode("hr", null, null, -1)),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.display_name }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.displayName), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.vuelidate.display_name.$model,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.display_name.$model = $event),
+					disabled: _ctx.isNameFixed
+				}, null, 8, ["modelValue", "disabled"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		_cache[15] || (_cache[15] = createElementVNode("hr", null, null, -1)),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.secret }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.secret) + " ", 1), _ctx.isSecretHashed ? (openBlock(), createElementBlock("span", _hoisted_3$8, [..._cache[11] || (_cache[11] = [createElementVNode("i", { class: "fa fa-exclamation-triangle" }, null, -1)])])) : createCommentVNode("", true)]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.vuelidate.secret.$model,
+					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.vuelidate.secret.$model = $event),
+					disabled: !_ctx.vuelidate.is_confidential.$model
+				}, {
+					groupAppend: withCtx(() => [createElementVNode("button", {
+						class: "btn",
+						type: "button",
+						onClick: _cache[2] || (_cache[2] = withModifiers(() => _ctx.vuelidate.secret.$model = _ctx.generateSecret(), ["prevent"]))
+					}, [..._cache[12] || (_cache[12] = [createElementVNode("i", { class: "fa fa-refresh" }, null, -1)])])]),
+					_: 1
+				}, 8, ["modelValue", "disabled"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		createElementVNode("div", _hoisted_4$6, [
+			createElementVNode("div", _hoisted_5$3, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.is_confidential }, {
+				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+					"validation-messages": props.data,
+					"validation-severity": props.severity
+				}, {
+					default: withCtx(() => [createVNode(_component_VCFormInputCheckbox, {
+						modelValue: _ctx.vuelidate.is_confidential.$model,
+						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.vuelidate.is_confidential.$model = $event),
+						"group-class": "form-switch",
+						label: true,
+						"label-content": _ctx.translationsClient.isConfidential.value
+					}, null, 8, ["modelValue", "label-content"])]),
+					_: 1
+				}, 8, ["validation-messages", "validation-severity"])]),
+				_: 1
+			}, 8, ["validation"])]),
+			createElementVNode("div", _hoisted_6$2, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.secret_hashed }, {
+				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+					"validation-messages": props.data,
+					"validation-severity": props.severity
+				}, {
+					default: withCtx(() => [createVNode(_component_VCFormInputCheckbox, {
+						modelValue: _ctx.vuelidate.secret_hashed.$model,
+						"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.vuelidate.secret_hashed.$model = $event),
+						"group-class": "form-switch",
+						label: true,
+						"label-content": _ctx.translationsClient.hashSecret.value
+					}, null, 8, ["modelValue", "label-content"])]),
+					_: 1
+				}, 8, ["validation-messages", "validation-severity"])]),
+				_: 1
+			}, 8, ["validation"])]),
+			createElementVNode("div", _hoisted_7$1, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.active }, {
+				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+					"validation-messages": props.data,
+					"validation-severity": props.severity
+				}, {
+					default: withCtx(() => [createVNode(_component_VCFormInputCheckbox, {
+						modelValue: _ctx.vuelidate.active.$model,
+						"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.vuelidate.active.$model = $event),
+						"group-class": "form-switch",
+						label: true,
+						"label-content": _ctx.translationsClient.isActive.value
+					}, null, 8, ["modelValue", "label-content"])]),
+					_: 1
+				}, 8, ["validation-messages", "validation-severity"])]),
+				_: 1
+			}, 8, ["validation"])])
+		]),
+		!_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[13] || (_cache[13] = createElementVNode("hr", null, null, -1)), createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.realm_id }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.realm), 1)]),
+				default: withCtx(() => [createVNode(_component_ARealmPicker, {
+					value: _ctx.vuelidate.realm_id.$model,
+					onChange: _cache[7] || (_cache[7] = (input) => {
+						_ctx.vuelidate.realm_id.$model = input.length > 0 ? input[0] ?? "" : "";
+					})
+				}, null, 8, ["value"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"])], 64)) : createCommentVNode("", true)
+	]), createElementVNode("div", _hoisted_8$1, [
+		createVNode(_component_AFormInputList, {
+			names: _ctx.redirectUris,
+			onChanged: _cache[8] || (_cache[8] = (value) => {
+				if (value.length === 0) {
+					_ctx.vuelidate.redirect_uri.$model = "";
+					return;
+				}
+				_ctx.vuelidate.redirect_uri.$model = value.join(",");
+			})
+		}, {
+			label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.redirectUris), 1)]),
+			_: 1
+		}, 8, ["names"]),
+		createElementVNode("small", null, toDisplayString(_ctx.translationsClient.redirectURIHint), 1),
+		_cache[16] || (_cache[16] = createElementVNode("hr", null, null, -1)),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.description }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [createTextVNode(toDisplayString(_ctx.translationsDefault.description), 1)]),
+				default: withCtx(() => [createVNode(_component_VCFormTextarea, {
+					modelValue: _ctx.vuelidate.description.$model,
+					"onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => _ctx.vuelidate.description.$model = $event),
+					rows: "7"
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"]), createElementVNode("small", null, toDisplayString(_ctx.translationsClient.descriptionHint), 1)]),
+			_: 1
+		}, 8, ["validation"]),
+		_cache[17] || (_cache[17] = createElementVNode("hr", null, null, -1)),
+		createElementVNode("div", null, [createVNode(_component_AFormSubmit, {
+			"is-busy": _ctx.isBusy,
+			"is-editing": _ctx.isEditing,
+			"is-invalid": _ctx.vuelidate.$invalid,
+			onSubmit: _ctx.submit
+		}, null, 8, [
+			"is-busy",
+			"is-editing",
+			"is-invalid",
+			"onSubmit"
+		])])
+	])]);
 }
 var AClientForm = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]]);
 
@@ -4130,145 +4020,28 @@ const APermissionCheck = defineComponent({
                 String,
                 Array
             ],
-            required: true
-        },
-        input: {
-            type: Object
-        },
-        options: {
-            type: Object
-        }
-    },
-    setup (props, { slots }) {
-        const fn = createPermissionCheckerReactiveFn();
-        const isPermitted = computed(()=>fn({
-                name: props.name,
-                input: new PolicyData(props.input),
-                options: props.options
-            }));
-        return ()=>{
-            if (isPermitted.value && hasNormalizedSlot(SlotName.DEFAULT, slots)) {
-                return normalizeSlot(SlotName.DEFAULT, {}, slots);
-            }
-            return [];
-        };
-    }
-});
-
-const APolicies = defineComponent({
-    props: defineEntityCollectionVProps(),
-    emits: defineEntityCollectionVEmitOptions(),
-    slots: Object,
-    setup (props, setup) {
-        const { render } = defineEntityCollectionManager({
-            type: `${EntityType.POLICY}`,
-            props,
-            setup
-        });
-        const translationName = useTranslation({
-            group: TranslatorTranslationGroup.DEFAULT,
-            key: TranslatorTranslationDefaultKey.POLICIES
-        });
-        const translation = useTranslation({
-            group: TranslatorTranslationGroup.VUECS,
-            key: TranslatorTranslationVuecsKey.NO_MORE,
-            data: {
-                name: translationName
-            }
-        });
-        return ()=>render({
-                noMore: {
-                    content: translation.value
-                }
-            });
-    }
-});
-
-const APolicyParentAssignment = defineComponent({
-    props: {
-        entityId: {
-            type: String,
-            required: true
-        },
-        entity: {
-            type: Object
-        },
-        parentId: {
-            type: String,
-            required: true
-        }
-    },
-    emits: defineEntityVEmitOptions(),
-    async setup (props, setup) {
-        const manager = defineEntityManager({
-            type: `${EntityType.POLICY}`,
-            setup,
-            socket: {
-                processEvent (event) {
-                    return event.data.id === props.entityId;
-                }
-            },
-            props: {
-                entity: props.entity,
-                entityId: props.entityId
-            }
-        });
-        await manager.resolve({
-            query: {
-                filters: {
-                    id: props.entityId
-                }
-            }
-        });
-        return ()=>renderToggleButton({
-                changed: (value)=>{
-                    if (!manager.data.value) {
-                        return;
-                    }
-                    if (value) {
-                        manager.data.value.parent_id = props.parentId;
-                    } else {
-                        manager.data.value.parent_id = null;
-                        if (manager.data.value.parent) {
-                            manager.data.value.parent = null;
-                        }
-                    }
-                    manager.update(manager.data.value);
-                },
-                value: !!manager.data.value && manager.data.value.parent_id === props.parentId,
-                isBusy: manager.busy.value
-            });
-    }
-});
-
-const APolicyPicker = defineComponent({
-    props: {
-        parentId: {
-            type: String
-        },
-        ...defineEntityPickerVProps()
-    },
-    emits: defineEntityPickerVEmitOptions(),
-    slots: Object,
-    setup (props, { slots, ...setup }) {
-        const { render } = defineEntityPicker({
-            component: APolicies,
-            props,
-            setup: {
-                ...setup,
-                slots: {
-                    ...props.parentId ? {
-                        [SlotName.ITEM_ACTIONS]: (slotProps)=>h(APolicyParentAssignment, {
-                                entity: slotProps.data,
-                                entityId: slotProps.data.id,
-                                parentId: props.parentId
-                            })
-                    } : {},
-                    ...slots
-                }
+            required: true
+        },
+        input: {
+            type: Object
+        },
+        options: {
+            type: Object
+        }
+    },
+    setup (props, { slots }) {
+        const fn = createPermissionCheckerReactiveFn();
+        const isPermitted = computed(()=>fn({
+                name: props.name,
+                input: new PolicyData(props.input),
+                options: props.options
+            }));
+        return ()=>{
+            if (isPermitted.value && hasNormalizedSlot(SlotName.DEFAULT, slots)) {
+                return normalizeSlot(SlotName.DEFAULT, {}, slots);
             }
-        });
-        return ()=>render();
+            return [];
+        };
     }
 });
 
@@ -4280,14 +4053,12 @@ const APermissionForm = defineComponent({
     },
     emits: defineEntityVEmitOptions(),
     setup (props, ctx) {
-        const policyPickerVNode = ref(null);
         const busy = ref(false);
         const form = reactive({
             name: '',
             display_name: '',
             description: '',
-            realm_id: '',
-            policy_id: ''
+            realm_id: ''
         });
         const $v = useVuelidate({
             name: {
@@ -4304,8 +4075,7 @@ const APermissionForm = defineComponent({
                 minLength: minLength(5),
                 maxLength: maxLength(4096)
             },
-            realm_id: {},
-            policy_id: {}
+            realm_id: {}
         }, form);
         const store = injectStore();
         const storeRefs = storeToRefs(store);
@@ -4353,9 +4123,6 @@ const APermissionForm = defineComponent({
             {
                 key: TranslatorTranslationDefaultKey.DESCRIPTION
             },
-            {
-                key: TranslatorTranslationDefaultKey.POLICY
-            },
             {
                 key: TranslatorTranslationDefaultKey.REALM
             }
@@ -4414,38 +4181,11 @@ const APermissionForm = defineComponent({
                         value: $v.value.realm_id.$model,
                         multiple: false,
                         onChange (input) {
-                            $v.value.realm_id.$model = input.length > 0 ? input[0] : '';
-                            $v.value.policy_id.$model = '';
-                            nextTick(()=>{
-                                if (policyPickerVNode.value) {
-                                    policyPickerVNode.value.load();
-                                }
-                            });
+                            $v.value.realm_id.$model = input.length > 0 ? input[0] ?? '' : '';
                         }
                     })
                 }));
             }
-            children.push(buildFormGroup({
-                validationMessages: translationsValidation.policy_id.value,
-                validationSeverity: getVuelidateSeverity($v.value.policy_id),
-                label: true,
-                labelContent: translationsDefault[TranslatorTranslationDefaultKey.POLICY].value,
-                content: h(APolicyPicker, {
-                    ref: policyPickerVNode,
-                    value: $v.value.policy_id.$model,
-                    onChange: (input)=>{
-                        $v.value.policy_id.$model = input.length > 0 ? input[0] : '';
-                    },
-                    query: {
-                        filters: {
-                            parent_id: null,
-                            ...form.realm_id ? {
-                                realm_id: form.realm_id
-                            } : {}
-                        }
-                    }
-                })
-            }));
             children.push(buildFormSubmitWithTranslations({
                 submit,
                 busy,
@@ -4641,7 +4381,7 @@ const ARoleForm = defineComponent({
                     content: h(ARealmPicker, {
                         value: $v.value.realm_id.$model,
                         onChange: (input)=>{
-                            $v.value.realm_id.$model = input.length > 0 ? input[0] : '';
+                            $v.value.realm_id.$model = input.length > 0 ? input[0] ?? '' : '';
                         }
                     })
                 }));
@@ -4973,7 +4713,7 @@ const AScopeForm = defineComponent({
                     content: h(ARealmPicker, {
                         value: $v.value.realm_id.$model,
                         onChange: (input)=>{
-                            $v.value.realm_id.$model = input.length > 0 ? input[0] : '';
+                            $v.value.realm_id.$model = input.length > 0 ? input[0] ?? '' : '';
                         }
                     })
                 }));
@@ -5957,64 +5697,33 @@ const _hoisted_3$7 = ["onClick"];
 const _hoisted_4$5 = { class: "d-flex flex-row gap-2 flex-wrap" };
 const _hoisted_5$2 = ["onClick"];
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_AIdentityProviderProtocol = resolveComponent("AIdentityProviderProtocol");
-  const _component_AIdentityProviderPreset = resolveComponent("AIdentityProviderPreset");
-  return openBlock(), createElementBlock("div", _hoisted_1$a, [
-    createElementVNode("div", null, [
-      _cache[0] || (_cache[0] = createElementVNode("h6", null, "Protocols", -1)),
-      createElementVNode("div", _hoisted_2$9, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.protocols, (item, key) => {
-          return openBlock(), createBlock(_component_AIdentityProviderProtocol, {
-            key,
-            id: item
-          }, {
-            default: withCtx((props) => [
-              createElementVNode("div", {
-                class: normalizeClass([{ "active": item === _ctx.protocol && !_ctx.preset }, "d-flex flex-column gap-1 text-center identity-provider-picker-item"]),
-                onClick: withModifiers(($event) => _ctx.pickProtocol(item), ["prevent"])
-              }, [
-                createElementVNode("div", null, [
-                  createElementVNode("i", {
-                    class: normalizeClass(["fa-2x", props.icon])
-                  }, null, 2)
-                ]),
-                createElementVNode("div", null, toDisplayString(props.name), 1)
-              ], 10, _hoisted_3$7)
-            ]),
-            _: 2
-          }, 1032, ["id"]);
-        }), 128))
-      ])
-    ]),
-    createElementVNode("div", null, [
-      _cache[1] || (_cache[1] = createElementVNode("h6", null, "Presets", -1)),
-      createElementVNode("div", _hoisted_4$5, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (item, key) => {
-          return openBlock(), createBlock(_component_AIdentityProviderPreset, {
-            key,
-            id: item
-          }, {
-            default: withCtx((props) => [
-              createElementVNode("div", {
-                class: normalizeClass([{ "active": item === _ctx.preset }, "d-flex flex-column gap-1 text-center identity-provider-picker-item"]),
-                onClick: withModifiers(($event) => _ctx.pickPreset(item), ["prevent"])
-              }, [
-                createElementVNode("div", null, [
-                  createElementVNode("i", {
-                    class: normalizeClass(["fa-2x", props.icon])
-                  }, null, 2)
-                ]),
-                createElementVNode("div", null, toDisplayString(props.name), 1)
-              ], 10, _hoisted_5$2)
-            ]),
-            _: 2
-          }, 1032, ["id"]);
-        }), 128))
-      ])
-    ])
-  ]);
+	const _component_AIdentityProviderProtocol = resolveComponent("AIdentityProviderProtocol");
+	const _component_AIdentityProviderPreset = resolveComponent("AIdentityProviderPreset");
+	return openBlock(), createElementBlock("div", _hoisted_1$a, [createElementVNode("div", null, [_cache[0] || (_cache[0] = createElementVNode("h6", null, "Protocols", -1)), createElementVNode("div", _hoisted_2$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.protocols, (item, key) => {
+		return openBlock(), createBlock(_component_AIdentityProviderProtocol, {
+			key,
+			id: item
+		}, {
+			default: withCtx((props) => [createElementVNode("div", {
+				class: normalizeClass([{ "active": item === _ctx.protocol && !_ctx.preset }, "d-flex flex-column gap-1 text-center identity-provider-picker-item"]),
+				onClick: withModifiers(($event) => _ctx.pickProtocol(item), ["prevent"])
+			}, [createElementVNode("div", null, [createElementVNode("i", { class: normalizeClass(["fa-2x", props.icon]) }, null, 2)]), createElementVNode("div", null, toDisplayString(props.name), 1)], 10, _hoisted_3$7)]),
+			_: 2
+		}, 1032, ["id"]);
+	}), 128))])]), createElementVNode("div", null, [_cache[1] || (_cache[1] = createElementVNode("h6", null, "Presets", -1)), createElementVNode("div", _hoisted_4$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (item, key) => {
+		return openBlock(), createBlock(_component_AIdentityProviderPreset, {
+			key,
+			id: item
+		}, {
+			default: withCtx((props) => [createElementVNode("div", {
+				class: normalizeClass([{ "active": item === _ctx.preset }, "d-flex flex-column gap-1 text-center identity-provider-picker-item"]),
+				onClick: withModifiers(($event) => _ctx.pickPreset(item), ["prevent"])
+			}, [createElementVNode("div", null, [createElementVNode("i", { class: normalizeClass(["fa-2x", props.icon]) }, null, 2)]), createElementVNode("div", null, toDisplayString(props.name), 1)], 10, _hoisted_5$2)]),
+			_: 2
+		}, 1032, ["id"]);
+	}), 128))])])]);
 }
-var AIdentityProviderPicker = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__scopeId", "data-v-af0f282c"]]);
+var AIdentityProviderPicker = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__scopeId", "data-v-eb096917"]]);
 
 const AIdentityProviderOAuth2ClientFields = defineComponent({
     props: {
@@ -6545,8 +6254,8 @@ const AIdentityProviderForm = defineComponent({
         set();
         onChange(updatedAt, ()=>set());
         const renderPicker = ()=>h(AIdentityProviderPicker, {
-                protocol: protocol.value,
-                preset: preset.value,
+                protocol: protocol.value ?? undefined,
+                preset: preset.value ?? undefined,
                 onPick (type, value) {
                     if (type === 'preset') {
                         preset.value = value;
@@ -6662,8 +6371,9 @@ const AIdentityProviderIcon = defineComponent({
     },
     setup (props, setup) {
         if (props.entity.preset) {
+            const { preset } = props.entity;
             return ()=>h(AIdentityProviderPreset, {
-                    id: props.entity.preset
+                    id: preset
                 }, {
                     default: (item)=>h('i', {
                             class: [
@@ -6673,8 +6383,12 @@ const AIdentityProviderIcon = defineComponent({
                         })
                 });
         }
+        if (!props.entity.protocol) {
+            return ()=>null;
+        }
+        const { protocol } = props.entity;
         return ()=>h(AIdentityProviderProtocol, {
-                id: props.entity.protocol
+                id: protocol
             }, {
                 default: (item)=>h('i', {
                         class: [
@@ -6746,8 +6460,7 @@ const AIdentityProviderRoleAssignment = defineComponent({
             assignFormProperties(form, manager.data.value);
         }
         const render = ()=>{
-            let displayButton = [];
-            displayButton = [
+            const displayButton = [
                 h('button', {
                     class: 'btn btn-xs btn-dark',
                     onClick ($event) {
@@ -6942,7 +6655,7 @@ var _sfc_main$e = defineComponent({
             $registerAs: 'type'
         });
         function assign(data = {}) {
-            form.names = data.names;
+            form.names = data.names || [];
         }
         setup.expose({
             assign
@@ -6962,15 +6675,132 @@ var _sfc_main$e = defineComponent({
 });
 
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_AFormInputList = resolveComponent("AFormInputList");
-  return openBlock(), createBlock(_component_AFormInputList, {
-    names: _ctx.vuelidate.names.$model,
-    "min-items": 1,
-    onChanged: _ctx.handleUpdated
-  }, null, 8, ["names", "onChanged"]);
+	const _component_AFormInputList = resolveComponent("AFormInputList");
+	return openBlock(), createBlock(_component_AFormInputList, {
+		names: _ctx.vuelidate.names.$model,
+		"min-items": 1,
+		onChanged: _ctx.handleUpdated
+	}, null, 8, ["names", "onChanged"]);
 }
 var AAttributeNamesPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d]]);
 
+const APolicies = defineComponent({
+    props: defineEntityCollectionVProps(),
+    emits: defineEntityCollectionVEmitOptions(),
+    slots: Object,
+    setup (props, setup) {
+        const { render } = defineEntityCollectionManager({
+            type: `${EntityType.POLICY}`,
+            props,
+            setup
+        });
+        const translationName = useTranslation({
+            group: TranslatorTranslationGroup.DEFAULT,
+            key: TranslatorTranslationDefaultKey.POLICIES
+        });
+        const translation = useTranslation({
+            group: TranslatorTranslationGroup.VUECS,
+            key: TranslatorTranslationVuecsKey.NO_MORE,
+            data: {
+                name: translationName
+            }
+        });
+        return ()=>render({
+                noMore: {
+                    content: translation.value
+                }
+            });
+    }
+});
+
+const APolicyParentAssignment = defineComponent({
+    props: {
+        entityId: {
+            type: String,
+            required: true
+        },
+        entity: {
+            type: Object
+        },
+        parentId: {
+            type: String,
+            required: true
+        }
+    },
+    emits: defineEntityVEmitOptions(),
+    async setup (props, setup) {
+        const manager = defineEntityManager({
+            type: `${EntityType.POLICY}`,
+            setup,
+            socket: {
+                processEvent (event) {
+                    return event.data.id === props.entityId;
+                }
+            },
+            props: {
+                entity: props.entity,
+                entityId: props.entityId
+            }
+        });
+        await manager.resolve({
+            query: {
+                filters: {
+                    id: props.entityId
+                }
+            }
+        });
+        return ()=>renderToggleButton({
+                changed: (value)=>{
+                    if (!manager.data.value) {
+                        return;
+                    }
+                    if (value) {
+                        manager.data.value.parent_id = props.parentId;
+                    } else {
+                        manager.data.value.parent_id = null;
+                        if (manager.data.value.parent) {
+                            manager.data.value.parent = null;
+                        }
+                    }
+                    manager.update(manager.data.value);
+                },
+                value: !!manager.data.value && manager.data.value.parent_id === props.parentId,
+                isBusy: manager.busy.value
+            });
+    }
+});
+
+const APolicyPicker = defineComponent({
+    props: {
+        parentId: {
+            type: String
+        },
+        ...defineEntityPickerVProps()
+    },
+    emits: defineEntityPickerVEmitOptions(),
+    slots: Object,
+    setup (props, { slots, ...setup }) {
+        const { render } = defineEntityPicker({
+            component: APolicies,
+            props,
+            setup: {
+                ...setup,
+                slots: {
+                    ...props.parentId ? {
+                        [SlotName.ITEM_ACTIONS]: (slotProps)=>h(APolicyParentAssignment, {
+                                entity: slotProps.data,
+                                entityId: slotProps.data.id,
+                                parentId: props.parentId
+                            })
+                    } : {},
+                    ...slots
+                }
+            }
+        });
+        return ()=>render();
+    }
+});
+
 var _sfc_main$d = defineComponent({
     components: {
         APolicyChildrenPicker: APolicyPicker,
@@ -7058,35 +6888,30 @@ var _sfc_main$d = defineComponent({
 });
 
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_APolicyChildrenPicker = resolveComponent("APolicyChildrenPicker");
-  const _component_VCFormGroup = resolveComponent("VCFormGroup");
-  const _component_IVuelidate = resolveComponent("IVuelidate");
-  return openBlock(), createElementBlock("div", null, [
-    createVNode(_component_IVuelidate, {
-      validation: _ctx.vuelidate.items
-    }, {
-      default: withCtx((props) => [
-        createVNode(_component_VCFormGroup, {
-          "validation-messages": props.data,
-          "validation-severity": props.severity
-        }, {
-          label: withCtx(() => [..._cache[0] || (_cache[0] = [
-            createTextVNode(" Children ", -1)
-          ])]),
-          default: withCtx(() => [
-            createVNode(_component_APolicyChildrenPicker, {
-              "parent-id": _ctx.id,
-              query: _ctx.query,
-              value: _ctx.vuelidate.items.$model,
-              onChange: _ctx.handleUpdated
-            }, null, 8, ["parent-id", "query", "value", "onChange"])
-          ]),
-          _: 1
-        }, 8, ["validation-messages", "validation-severity"])
-      ]),
-      _: 1
-    }, 8, ["validation"])
-  ]);
+	const _component_APolicyChildrenPicker = resolveComponent("APolicyChildrenPicker");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IVuelidate = resolveComponent("IVuelidate");
+	return openBlock(), createElementBlock("div", null, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.items }, {
+		default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+			"validation-messages": props.data,
+			"validation-severity": props.severity
+		}, {
+			label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Children ", -1)])]),
+			default: withCtx(() => [createVNode(_component_APolicyChildrenPicker, {
+				"parent-id": _ctx.id,
+				query: _ctx.query,
+				value: _ctx.vuelidate.items.$model,
+				onChange: _ctx.handleUpdated
+			}, null, 8, [
+				"parent-id",
+				"query",
+				"value",
+				"onChange"
+			])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"])]),
+		_: 1
+	}, 8, ["validation"])]);
 }
 var ACompositePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c]]);
 
@@ -7116,6 +6941,7 @@ var _sfc_main$c = defineComponent({
             $registerAs: 'type'
         });
         function assign(data = {}) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             assignFormProperties(form, data);
         }
         setup.expose({
@@ -7138,59 +6964,40 @@ var _sfc_main$c = defineComponent({
 });
 
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VCFormInput = resolveComponent("VCFormInput");
-  const _component_VCFormGroup = resolveComponent("VCFormGroup");
-  const _component_IVuelidate = resolveComponent("IVuelidate");
-  return openBlock(), createElementBlock("div", null, [
-    createVNode(_component_IVuelidate, {
-      validation: _ctx.vuelidate.start
-    }, {
-      default: withCtx((props) => [
-        createVNode(_component_VCFormGroup, {
-          "validation-messages": props.data,
-          "validation-severity": props.severity
-        }, {
-          label: withCtx(() => [..._cache[2] || (_cache[2] = [
-            createTextVNode(" Start ", -1)
-          ])]),
-          default: withCtx(() => [
-            createVNode(_component_VCFormInput, {
-              modelValue: _ctx.vuelidate.start.$model,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.start.$model = $event),
-              placeholder: "YYYY-MM-DD",
-              onChange: _ctx.handleUpdated
-            }, null, 8, ["modelValue", "onChange"])
-          ]),
-          _: 1
-        }, 8, ["validation-messages", "validation-severity"])
-      ]),
-      _: 1
-    }, 8, ["validation"]),
-    createVNode(_component_IVuelidate, {
-      validation: _ctx.vuelidate.end
-    }, {
-      default: withCtx((props) => [
-        createVNode(_component_VCFormGroup, {
-          "validation-messages": props.data,
-          "validation-severity": props.severity
-        }, {
-          label: withCtx(() => [..._cache[3] || (_cache[3] = [
-            createTextVNode(" End ", -1)
-          ])]),
-          default: withCtx(() => [
-            createVNode(_component_VCFormInput, {
-              modelValue: _ctx.vuelidate.end.$model,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.end.$model = $event),
-              placeholder: "YYYY-MM-DD",
-              onChange: _ctx.handleUpdated
-            }, null, 8, ["modelValue", "onChange"])
-          ]),
-          _: 1
-        }, 8, ["validation-messages", "validation-severity"])
-      ]),
-      _: 1
-    }, 8, ["validation"])
-  ]);
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IVuelidate = resolveComponent("IVuelidate");
+	return openBlock(), createElementBlock("div", null, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.start }, {
+		default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+			"validation-messages": props.data,
+			"validation-severity": props.severity
+		}, {
+			label: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Start ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.vuelidate.start.$model,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.start.$model = $event),
+				placeholder: "YYYY-MM-DD",
+				onChange: _ctx.handleUpdated
+			}, null, 8, ["modelValue", "onChange"])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"])]),
+		_: 1
+	}, 8, ["validation"]), createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.end }, {
+		default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+			"validation-messages": props.data,
+			"validation-severity": props.severity
+		}, {
+			label: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" End ", -1)])]),
+			default: withCtx(() => [createVNode(_component_VCFormInput, {
+				modelValue: _ctx.vuelidate.end.$model,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.end.$model = $event),
+				placeholder: "YYYY-MM-DD",
+				onChange: _ctx.handleUpdated
+			}, null, 8, ["modelValue", "onChange"])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"])]),
+		_: 1
+	}, 8, ["validation"])]);
 }
 var ADatePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b]]);
 
@@ -7236,17 +7043,15 @@ var _sfc_main$b = defineComponent({
 });
 
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_AFormInputList = resolveComponent("AFormInputList");
-  return openBlock(), createBlock(_component_AFormInputList, {
-    names: _ctx.vuelidate.types.$model,
-    "min-items": 1,
-    onChanged: _ctx.handleUpdated
-  }, {
-    label: withCtx(() => [..._cache[0] || (_cache[0] = [
-      createTextVNode(" Types ", -1)
-    ])]),
-    _: 1
-  }, 8, ["names", "onChanged"]);
+	const _component_AFormInputList = resolveComponent("AFormInputList");
+	return openBlock(), createBlock(_component_AFormInputList, {
+		names: _ctx.vuelidate.types.$model,
+		"min-items": 1,
+		onChanged: _ctx.handleUpdated
+	}, {
+		label: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Types ", -1)])]),
+		_: 1
+	}, 8, ["names", "onChanged"]);
 }
 var AIdentityPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a]]);
 
@@ -7266,26 +7071,29 @@ var _sfc_main$a = defineComponent({
     ],
     setup (props, setup) {
         const form = reactive({
-            attributeNameStrict: false,
-            attributeNullMatchAll: false,
-            identityMasterMatchAll: false,
-            attributeName: []
+            attribute_name_strict: false,
+            attribute_null_match_all: false,
+            identity_master_match_all: false,
+            attribute_name: []
         });
         const vuelidate = useVuelidate({
-            attributeNameStrict: {},
-            attributeNullMatchAll: {},
-            identityMasterMatchAll: {},
-            attributeName: {}
+            attribute_name_strict: {},
+            attribute_null_match_all: {},
+            identity_master_match_all: {},
+            attribute_name: {}
         }, form, {
             $registerAs: 'type'
         });
         function assign(input = {}) {
-            const { attributeName, ...data } = input;
+            const { attribute_name, ...data } = input;
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             assignFormProperties(form, data);
-            if (attributeName) {
-                form.attributeName = typeof attributeName === 'string' ? [
-                    attributeName
-                ] : attributeName;
+            if (attribute_name) {
+                form.attribute_name = typeof attribute_name === 'string' ? [
+                    attribute_name
+                ] : attribute_name;
+            } else {
+                form.attribute_name = [];
             }
         }
         setup.expose({
@@ -7301,7 +7109,7 @@ var _sfc_main$a = defineComponent({
             });
         };
         const handleAttributeNameChanged = (data)=>{
-            form.attributeName = data;
+            form.attribute_name = data;
             handleUpdated();
         };
         return {
@@ -7319,130 +7127,89 @@ const _hoisted_4$4 = ["for"];
 const _hoisted_5$1 = ["for"];
 const _hoisted_6$1 = ["for"];
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_AFormInputList = resolveComponent("AFormInputList");
-  const _component_VCFormGroup = resolveComponent("VCFormGroup");
-  const _component_IVuelidate = resolveComponent("IVuelidate");
-  const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
-  return openBlock(), createElementBlock("div", _hoisted_1$9, [
-    createElementVNode("div", _hoisted_2$8, [
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.attributeName
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_AFormInputList, {
-                names: _ctx.vuelidate.attributeName.$model,
-                onChanged: _ctx.handleAttributeNameChanged
-              }, null, 8, ["names", "onChanged"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"])
-    ]),
-    createElementVNode("div", _hoisted_3$6, [
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.attributeNameStrict
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_VCFormInputCheckbox, {
-                modelValue: _ctx.vuelidate.attributeNameStrict.$model,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.attributeNameStrict.$model = $event),
-                "group-class": "form-switch",
-                label: true,
-                onChange: _ctx.handleUpdated
-              }, {
-                label: withCtx((iProps) => [
-                  createElementVNode("label", {
-                    for: iProps.id
-                  }, " Only match if the attribute is strict equal to the name? ", 8, _hoisted_4$4)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "onChange"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"]),
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.attributeNullMatchAll
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_VCFormInputCheckbox, {
-                modelValue: _ctx.vuelidate.attributeNullMatchAll.$model,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.attributeNullMatchAll.$model = $event),
-                "group-class": "form-switch",
-                label: true,
-                onChange: _ctx.handleUpdated
-              }, {
-                label: withCtx((iProps) => [
-                  createElementVNode("label", {
-                    for: iProps.id
-                  }, [..._cache[3] || (_cache[3] = [
-                    createTextVNode(" Determines if resources with null realm-id/name value should match all identity realms.", -1),
-                    createElementVNode("br", null, null, -1),
-                    createTextVNode(" If true, any identity realm can access resources with null realm-id/name values. ", -1)
-                  ])], 8, _hoisted_5$1)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "onChange"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"]),
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.identityMasterMatchAll
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_VCFormInputCheckbox, {
-                modelValue: _ctx.vuelidate.identityMasterMatchAll.$model,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.vuelidate.identityMasterMatchAll.$model = $event),
-                "group-class": "form-switch",
-                label: true,
-                onChange: _ctx.handleUpdated
-              }, {
-                label: withCtx((iProps) => [
-                  createElementVNode("label", {
-                    for: iProps.id
-                  }, [..._cache[4] || (_cache[4] = [
-                    createTextVNode(" Specifies whether the master realm of an identity should match all realm-id/name attributes, including null.", -1),
-                    createElementVNode("br", null, null, -1),
-                    createTextVNode(" If true, the master realm can access any resource regardless of its realm value. ", -1)
-                  ])], 8, _hoisted_6$1)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "onChange"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"])
-    ])
-  ]);
+	const _component_AFormInputList = resolveComponent("AFormInputList");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IVuelidate = resolveComponent("IVuelidate");
+	const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
+	return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("div", _hoisted_2$8, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.attribute_name }, {
+		default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+			"validation-messages": props.data,
+			"validation-severity": props.severity
+		}, {
+			default: withCtx(() => [createVNode(_component_AFormInputList, {
+				names: _ctx.vuelidate.attribute_name.$model,
+				onChanged: _ctx.handleAttributeNameChanged
+			}, null, 8, ["names", "onChanged"])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"])]),
+		_: 1
+	}, 8, ["validation"])]), createElementVNode("div", _hoisted_3$6, [
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.attribute_name_strict }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				default: withCtx(() => [createVNode(_component_VCFormInputCheckbox, {
+					modelValue: _ctx.vuelidate.attribute_name_strict.$model,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.attribute_name_strict.$model = $event),
+					"group-class": "form-switch",
+					label: true,
+					onChange: _ctx.handleUpdated
+				}, {
+					label: withCtx((iProps) => [createElementVNode("label", { for: iProps.id }, " Only match if the attribute is strict equal to the name? ", 8, _hoisted_4$4)]),
+					_: 1
+				}, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.attribute_null_match_all }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				default: withCtx(() => [createVNode(_component_VCFormInputCheckbox, {
+					modelValue: _ctx.vuelidate.attribute_null_match_all.$model,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.attribute_null_match_all.$model = $event),
+					"group-class": "form-switch",
+					label: true,
+					onChange: _ctx.handleUpdated
+				}, {
+					label: withCtx((iProps) => [createElementVNode("label", { for: iProps.id }, [..._cache[3] || (_cache[3] = [
+						createTextVNode(" Determines if resources with null realm-id/name value should match all identity realms.", -1),
+						createElementVNode("br", null, null, -1),
+						createTextVNode(" If true, any identity realm can access resources with null realm-id/name values. ", -1)
+					])], 8, _hoisted_5$1)]),
+					_: 1
+				}, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.identity_master_match_all }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				default: withCtx(() => [createVNode(_component_VCFormInputCheckbox, {
+					modelValue: _ctx.vuelidate.identity_master_match_all.$model,
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.vuelidate.identity_master_match_all.$model = $event),
+					"group-class": "form-switch",
+					label: true,
+					onChange: _ctx.handleUpdated
+				}, {
+					label: withCtx((iProps) => [createElementVNode("label", { for: iProps.id }, [..._cache[4] || (_cache[4] = [
+						createTextVNode(" Specifies whether the master realm of an identity should match all realm-id/name attributes, including null.", -1),
+						createElementVNode("br", null, null, -1),
+						createTextVNode(" If true, the master realm can access any resource regardless of its realm value. ", -1)
+					])], 8, _hoisted_6$1)]),
+					_: 1
+				}, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"])
+	])]);
 }
 var ARealmMatchPolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9]]);
 
@@ -7465,9 +7232,9 @@ var _sfc_main$9 = defineComponent({
             start: '',
             end: '',
             interval: '',
-            dayOfWeek: '',
-            dayOfMonth: '',
-            dayOfYear: ''
+            day_of_week: '',
+            day_of_month: '',
+            day_of_year: ''
         });
         const intervalOptions = Object.values(TimePolicyInterval).map((el)=>({
                 id: el,
@@ -7477,15 +7244,15 @@ var _sfc_main$9 = defineComponent({
             start: {},
             end: {},
             interval: {},
-            dayOfWeek: {
+            day_of_week: {
                 minValue: minValue(0),
                 maxValue: maxValue(6)
             },
-            dayOfMonth: {
+            day_of_month: {
                 minValue: minValue(1),
                 maxValue: maxValue(31)
             },
-            dayOfYear: {
+            day_of_year: {
                 minValue: minValue(1),
                 maxValue: maxValue(365)
             }
@@ -7493,6 +7260,7 @@ var _sfc_main$9 = defineComponent({
             $registerAs: 'type'
         });
         function assign(data = {}) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             assignFormProperties(form, data);
         }
         setup.expose({
@@ -7512,13 +7280,13 @@ var _sfc_main$9 = defineComponent({
         };
         const handleIntervalUpdated = (value)=>{
             if (!isIntervalForDayOfWeek(value)) {
-                vuelidate.value.dayOfWeek.$model = '';
+                vuelidate.value.day_of_week.$model = '';
             }
             if (!isIntervalForDayOfMonth(value)) {
-                vuelidate.value.dayOfMonth.$model = '';
+                vuelidate.value.day_of_month.$model = '';
             }
             if (!isIntervalForDayOfYear(value)) {
-                vuelidate.value.dayOfYear.$model = '';
+                vuelidate.value.day_of_year.$model = '';
             }
             handleUpdated();
         };
@@ -7536,179 +7304,129 @@ var _sfc_main$9 = defineComponent({
 
 const _hoisted_1$8 = { class: "row" };
 const _hoisted_2$7 = {
-  key: 0,
-  class: "col"
+	key: 0,
+	class: "col"
 };
 const _hoisted_3$5 = {
-  key: 1,
-  class: "col"
+	key: 1,
+	class: "col"
 };
 const _hoisted_4$3 = {
-  key: 2,
-  class: "col"
+	key: 2,
+	class: "col"
 };
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VCFormInput = resolveComponent("VCFormInput");
-  const _component_VCFormGroup = resolveComponent("VCFormGroup");
-  const _component_IVuelidate = resolveComponent("IVuelidate");
-  const _component_VCFormSelect = resolveComponent("VCFormSelect");
-  return openBlock(), createElementBlock("div", null, [
-    createVNode(_component_IVuelidate, {
-      validation: _ctx.vuelidate.start
-    }, {
-      default: withCtx((props) => [
-        createVNode(_component_VCFormGroup, {
-          "validation-messages": props.data,
-          "validation-severity": props.severity
-        }, {
-          label: withCtx(() => [..._cache[6] || (_cache[6] = [
-            createTextVNode(" Start ", -1)
-          ])]),
-          default: withCtx(() => [
-            createVNode(_component_VCFormInput, {
-              modelValue: _ctx.vuelidate.start.$model,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.start.$model = $event),
-              placeholder: "00:00:00",
-              onChange: _ctx.handleUpdated
-            }, null, 8, ["modelValue", "onChange"])
-          ]),
-          _: 1
-        }, 8, ["validation-messages", "validation-severity"])
-      ]),
-      _: 1
-    }, 8, ["validation"]),
-    createVNode(_component_IVuelidate, {
-      validation: _ctx.vuelidate.end
-    }, {
-      default: withCtx((props) => [
-        createVNode(_component_VCFormGroup, {
-          "validation-messages": props.data,
-          "validation-severity": props.severity
-        }, {
-          label: withCtx(() => [..._cache[7] || (_cache[7] = [
-            createTextVNode(" End ", -1)
-          ])]),
-          default: withCtx(() => [
-            createVNode(_component_VCFormInput, {
-              modelValue: _ctx.vuelidate.end.$model,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.end.$model = $event),
-              placeholder: "00:00:00",
-              onChange: _ctx.handleUpdated
-            }, null, 8, ["modelValue", "onChange"])
-          ]),
-          _: 1
-        }, 8, ["validation-messages", "validation-severity"])
-      ]),
-      _: 1
-    }, 8, ["validation"]),
-    createVNode(_component_IVuelidate, {
-      validation: _ctx.vuelidate.interval
-    }, {
-      default: withCtx((props) => [
-        createVNode(_component_VCFormGroup, {
-          "validation-messages": props.data,
-          "validation-severity": props.severity
-        }, {
-          label: withCtx(() => [..._cache[8] || (_cache[8] = [
-            createTextVNode(" Interval ", -1)
-          ])]),
-          default: withCtx(() => [
-            createVNode(_component_VCFormSelect, {
-              modelValue: _ctx.vuelidate.interval.$model,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.vuelidate.interval.$model = $event),
-              options: _ctx.intervalOptions,
-              onChange: _ctx.handleIntervalUpdated
-            }, null, 8, ["modelValue", "options", "onChange"])
-          ]),
-          _: 1
-        }, 8, ["validation-messages", "validation-severity"])
-      ]),
-      _: 1
-    }, 8, ["validation"]),
-    createElementVNode("div", _hoisted_1$8, [
-      _ctx.displayIntervalForDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
-        createVNode(_component_IVuelidate, {
-          validation: _ctx.vuelidate.dayOfWeek
-        }, {
-          default: withCtx((props) => [
-            createVNode(_component_VCFormGroup, {
-              "validation-messages": props.data,
-              "validation-severity": props.severity
-            }, {
-              label: withCtx(() => [..._cache[9] || (_cache[9] = [
-                createTextVNode(" Day of Week ", -1)
-              ])]),
-              default: withCtx(() => [
-                createVNode(_component_VCFormInput, {
-                  modelValue: _ctx.vuelidate.dayOfWeek.$model,
-                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.vuelidate.dayOfWeek.$model = $event),
-                  placeholder: "0-7",
-                  type: "number",
-                  onChange: _ctx.handleUpdated
-                }, null, 8, ["modelValue", "onChange"])
-              ]),
-              _: 1
-            }, 8, ["validation-messages", "validation-severity"])
-          ]),
-          _: 1
-        }, 8, ["validation"])
-      ])) : createCommentVNode("", true),
-      _ctx.displayIntervalForDayOfMonth ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
-        createVNode(_component_IVuelidate, {
-          validation: _ctx.vuelidate.dayOfMonth
-        }, {
-          default: withCtx((props) => [
-            createVNode(_component_VCFormGroup, {
-              "validation-messages": props.data,
-              "validation-severity": props.severity
-            }, {
-              label: withCtx(() => [..._cache[10] || (_cache[10] = [
-                createTextVNode(" Day of Month ", -1)
-              ])]),
-              default: withCtx(() => [
-                createVNode(_component_VCFormInput, {
-                  modelValue: _ctx.vuelidate.dayOfMonth.$model,
-                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.vuelidate.dayOfMonth.$model = $event),
-                  placeholder: "1-31",
-                  type: "number",
-                  onChange: _ctx.handleUpdated
-                }, null, 8, ["modelValue", "onChange"])
-              ]),
-              _: 1
-            }, 8, ["validation-messages", "validation-severity"])
-          ]),
-          _: 1
-        }, 8, ["validation"])
-      ])) : createCommentVNode("", true),
-      _ctx.displayIntervalForDayOfYear ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
-        createVNode(_component_IVuelidate, {
-          validation: _ctx.vuelidate.dayOfYear
-        }, {
-          default: withCtx((props) => [
-            createVNode(_component_VCFormGroup, {
-              "validation-messages": props.data,
-              "validation-severity": props.severity
-            }, {
-              label: withCtx(() => [..._cache[11] || (_cache[11] = [
-                createTextVNode(" Day of Year ", -1)
-              ])]),
-              default: withCtx(() => [
-                createVNode(_component_VCFormInput, {
-                  modelValue: _ctx.vuelidate.dayOfYear.$model,
-                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.vuelidate.dayOfYear.$model = $event),
-                  type: "number",
-                  placeholder: "1-365",
-                  onChange: _ctx.handleUpdated
-                }, null, 8, ["modelValue", "onChange"])
-              ]),
-              _: 1
-            }, 8, ["validation-messages", "validation-severity"])
-          ]),
-          _: 1
-        }, 8, ["validation"])
-      ])) : createCommentVNode("", true)
-    ])
-  ]);
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IVuelidate = resolveComponent("IVuelidate");
+	const _component_VCFormSelect = resolveComponent("VCFormSelect");
+	return openBlock(), createElementBlock("div", null, [
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.start }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" Start ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.vuelidate.start.$model,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.start.$model = $event),
+					placeholder: "00:00:00",
+					onChange: _ctx.handleUpdated
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.end }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(" End ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.vuelidate.end.$model,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.end.$model = $event),
+					placeholder: "00:00:00",
+					onChange: _ctx.handleUpdated
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.interval }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode(" Interval ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormSelect, {
+					modelValue: _ctx.vuelidate.interval.$model,
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.vuelidate.interval.$model = $event),
+					options: _ctx.intervalOptions,
+					onChange: _ctx.handleIntervalUpdated
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"onChange"
+				])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		createElementVNode("div", _hoisted_1$8, [
+			_ctx.displayIntervalForDayOfWeek ? (openBlock(), createElementBlock("div", _hoisted_2$7, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.day_of_week }, {
+				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+					"validation-messages": props.data,
+					"validation-severity": props.severity
+				}, {
+					label: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode(" Day of Week ", -1)])]),
+					default: withCtx(() => [createVNode(_component_VCFormInput, {
+						modelValue: _ctx.vuelidate.day_of_week.$model,
+						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.vuelidate.day_of_week.$model = $event),
+						placeholder: "0-6",
+						type: "number",
+						onChange: _ctx.handleUpdated
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				}, 8, ["validation-messages", "validation-severity"])]),
+				_: 1
+			}, 8, ["validation"])])) : createCommentVNode("", true),
+			_ctx.displayIntervalForDayOfMonth ? (openBlock(), createElementBlock("div", _hoisted_3$5, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.day_of_month }, {
+				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+					"validation-messages": props.data,
+					"validation-severity": props.severity
+				}, {
+					label: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(" Day of Month ", -1)])]),
+					default: withCtx(() => [createVNode(_component_VCFormInput, {
+						modelValue: _ctx.vuelidate.day_of_month.$model,
+						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.vuelidate.day_of_month.$model = $event),
+						placeholder: "1-31",
+						type: "number",
+						onChange: _ctx.handleUpdated
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				}, 8, ["validation-messages", "validation-severity"])]),
+				_: 1
+			}, 8, ["validation"])])) : createCommentVNode("", true),
+			_ctx.displayIntervalForDayOfYear ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.day_of_year }, {
+				default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+					"validation-messages": props.data,
+					"validation-severity": props.severity
+				}, {
+					label: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode(" Day of Year ", -1)])]),
+					default: withCtx(() => [createVNode(_component_VCFormInput, {
+						modelValue: _ctx.vuelidate.day_of_year.$model,
+						"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.vuelidate.day_of_year.$model = $event),
+						type: "number",
+						placeholder: "1-365",
+						onChange: _ctx.handleUpdated
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				}, 8, ["validation-messages", "validation-severity"])]),
+				_: 1
+			}, 8, ["validation"])])) : createCommentVNode("", true)
+		])
+	]);
 }
 var ATimePolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8]]);
 
@@ -7781,22 +7499,13 @@ const _hoisted_1$7 = { class: "d-flex flex-column gap-2" };
 const _hoisted_2$6 = { class: "d-flex flex-row gap-2 flex-wrap" };
 const _hoisted_3$4 = ["onClick"];
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$7, [
-    createElementVNode("div", null, [
-      _cache[0] || (_cache[0] = createElementVNode("h6", null, "Type", -1)),
-      createElementVNode("div", _hoisted_2$6, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, key) => {
-          return openBlock(), createElementBlock("div", {
-            key,
-            class: normalizeClass([{ "active": item.id === _ctx.option }, "d-flex flex-column gap-1 text-center a-picker-item"]),
-            onClick: withModifiers(($event) => _ctx.pick(`${item.id}`), ["prevent"])
-          }, [
-            createElementVNode("div", null, toDisplayString(item.value), 1)
-          ], 10, _hoisted_3$4);
-        }), 128))
-      ])
-    ])
-  ]);
+	return openBlock(), createElementBlock("div", _hoisted_1$7, [createElementVNode("div", null, [_cache[0] || (_cache[0] = createElementVNode("h6", null, "Type", -1)), createElementVNode("div", _hoisted_2$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, key) => {
+		return openBlock(), createElementBlock("div", {
+			key,
+			class: normalizeClass([{ "active": item.id === _ctx.option }, "d-flex flex-column gap-1 text-center a-picker-item"]),
+			onClick: withModifiers(($event) => _ctx.pick(`${item.id}`), ["prevent"])
+		}, [createElementVNode("div", null, toDisplayString(item.value), 1)], 10, _hoisted_3$4);
+	}), 128))])])]);
 }
 var APolicyTypePicker = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7], ["__scopeId", "data-v-3fa3964f"]]);
 
@@ -7888,145 +7597,98 @@ const _hoisted_1$6 = { class: "row" };
 const _hoisted_2$5 = { class: "col" };
 const _hoisted_3$3 = ["for"];
 const _hoisted_4$2 = {
-  key: 0,
-  class: "col"
+	key: 0,
+	class: "col"
 };
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VCFormInput = resolveComponent("VCFormInput");
-  const _component_VCFormGroup = resolveComponent("VCFormGroup");
-  const _component_IVuelidate = resolveComponent("IVuelidate");
-  const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
-  const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
-  const _component_ARealmPicker = resolveComponent("ARealmPicker");
-  return openBlock(), createElementBlock("div", _hoisted_1$6, [
-    createElementVNode("div", _hoisted_2$5, [
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.name
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            label: withCtx(() => [..._cache[5] || (_cache[5] = [
-              createTextVNode(" Name ", -1)
-            ])]),
-            default: withCtx(() => [
-              createVNode(_component_VCFormInput, {
-                modelValue: _ctx.vuelidate.name.$model,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.name.$model = $event),
-                onChange: _ctx.handleUpdated
-              }, null, 8, ["modelValue", "onChange"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"]),
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.display_name
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            label: withCtx(() => [..._cache[6] || (_cache[6] = [
-              createTextVNode(" Display Name ", -1)
-            ])]),
-            default: withCtx(() => [
-              createVNode(_component_VCFormInput, {
-                modelValue: _ctx.vuelidate.display_name.$model,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.display_name.$model = $event),
-                onChange: _ctx.handleUpdated
-              }, null, 8, ["modelValue", "onChange"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"]),
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.description
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            label: withCtx(() => [..._cache[7] || (_cache[7] = [
-              createTextVNode(" Description ", -1)
-            ])]),
-            default: withCtx(() => [
-              createVNode(_component_VCFormTextarea, {
-                modelValue: _ctx.vuelidate.description.$model,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.vuelidate.description.$model = $event),
-                rows: "4",
-                onChange: _ctx.handleUpdated
-              }, null, 8, ["modelValue", "onChange"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"]),
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.invert
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_VCFormInputCheckbox, {
-                modelValue: _ctx.vuelidate.invert.$model,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.vuelidate.invert.$model = $event),
-                "group-class": "form-switch",
-                label: true,
-                onChange: _ctx.handleUpdated
-              }, {
-                label: withCtx((iProps) => [
-                  createElementVNode("label", {
-                    for: iProps.id
-                  }, " Invert? ", 8, _hoisted_3$3)
-                ]),
-                _: 1
-              }, 8, ["modelValue", "onChange"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"])
-    ]),
-    !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.invert
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            label: withCtx(() => [..._cache[8] || (_cache[8] = [
-              createTextVNode(" Realm ", -1)
-            ])]),
-            default: withCtx(() => [
-              createVNode(_component_ARealmPicker, {
-                value: _ctx.vuelidate.realm_id.$model,
-                onChange: _cache[4] || (_cache[4] = (value) => {
-                  _ctx.vuelidate.realm_id.$model = value.length > 0 ? value[0] : "";
-                })
-              }, null, 8, ["value"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"])
-    ])) : createCommentVNode("", true)
-  ]);
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IVuelidate = resolveComponent("IVuelidate");
+	const _component_VCFormTextarea = resolveComponent("VCFormTextarea");
+	const _component_VCFormInputCheckbox = resolveComponent("VCFormInputCheckbox");
+	const _component_ARealmPicker = resolveComponent("ARealmPicker");
+	return openBlock(), createElementBlock("div", _hoisted_1$6, [createElementVNode("div", _hoisted_2$5, [
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.name }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" Name ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.vuelidate.name.$model,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.name.$model = $event),
+					onChange: _ctx.handleUpdated
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.display_name }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" Display Name ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.vuelidate.display_name.$model,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.display_name.$model = $event),
+					onChange: _ctx.handleUpdated
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.description }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(" Description ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormTextarea, {
+					modelValue: _ctx.vuelidate.description.$model,
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.vuelidate.description.$model = $event),
+					rows: "4",
+					onChange: _ctx.handleUpdated
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.invert }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				default: withCtx(() => [createVNode(_component_VCFormInputCheckbox, {
+					modelValue: _ctx.vuelidate.invert.$model,
+					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.vuelidate.invert.$model = $event),
+					"group-class": "form-switch",
+					label: true,
+					onChange: _ctx.handleUpdated
+				}, {
+					label: withCtx((iProps) => [createElementVNode("label", { for: iProps.id }, " Invert? ", 8, _hoisted_3$3)]),
+					_: 1
+				}, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"])
+	]), !_ctx.realmId && !_ctx.isEditing ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.invert }, {
+		default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+			"validation-messages": props.data,
+			"validation-severity": props.severity
+		}, {
+			label: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode(" Realm ", -1)])]),
+			default: withCtx(() => [createVNode(_component_ARealmPicker, {
+				value: _ctx.vuelidate.realm_id.$model,
+				onChange: _cache[4] || (_cache[4] = (value) => {
+					_ctx.vuelidate.realm_id.$model = value.length > 0 ? value[0] ?? "" : "";
+				})
+			}, null, 8, ["value"])]),
+			_: 1
+		}, 8, ["validation-messages", "validation-severity"])]),
+		_: 1
+	}, 8, ["validation"])])) : createCommentVNode("", true)]);
 }
 var APolicyBasicForm = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
 
@@ -8045,6 +7707,7 @@ var _sfc_main$6 = defineComponent({
         }
     },
     setup (props, ctx) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const typeComponents = {
             [BuiltInPolicyType.IDENTITY]: AIdentityPolicyForm,
             [BuiltInPolicyType.REALM_MATCH]: ARealmMatchPolicyForm,
@@ -8086,8 +7749,8 @@ var _sfc_main$6 = defineComponent({
             await manager.createOrUpdate(data);
             if (manager.data.value) {
                 if (items.length > 0) {
-                    for(let i = 0; i < items.length; i++){
-                        await httpClient.policy.update(items[i], {
+                    for (const item of items){
+                        await httpClient.policy.update(item, {
                             parent_id: manager.data.value.id
                         });
                     }
@@ -8108,29 +7771,30 @@ var _sfc_main$6 = defineComponent({
 
 const _hoisted_1$5 = { class: "d-flex flex-column" };
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_APolicyBasicForm = resolveComponent("APolicyBasicForm");
-  const _component_AFormSubmit = resolveComponent("AFormSubmit");
-  return openBlock(), createElementBlock("div", _hoisted_1$5, [
-    _cache[0] || (_cache[0] = createElementVNode("h6", null, "General", -1)),
-    createVNode(_component_APolicyBasicForm, { entity: _ctx.data }, null, 8, ["entity"]),
-    _ctx.typeComputed ? renderSlot(_ctx.$slots, "default", {
-      key: 0,
-      entity: _ctx.entity
-    }, () => [
-      _ctx.typeComputed in _ctx.typeComponents ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.typeComponents[_ctx.typeComputed]), {
-        key: 0,
-        entity: _ctx.entity
-      }, null, 8, ["entity"])) : createCommentVNode("", true)
-    ]) : createCommentVNode("", true),
-    createElementVNode("div", null, [
-      createVNode(_component_AFormSubmit, {
-        "is-invalid": _ctx.vuelidate.$invalid || !_ctx.typeComputed,
-        "is-busy": _ctx.busy,
-        "is-editing": _ctx.isEditing,
-        onSubmit: _ctx.submit
-      }, null, 8, ["is-invalid", "is-busy", "is-editing", "onSubmit"])
-    ])
-  ]);
+	const _component_APolicyBasicForm = resolveComponent("APolicyBasicForm");
+	const _component_AFormSubmit = resolveComponent("AFormSubmit");
+	return openBlock(), createElementBlock("div", _hoisted_1$5, [
+		_cache[0] || (_cache[0] = createElementVNode("h6", null, "General", -1)),
+		createVNode(_component_APolicyBasicForm, { entity: _ctx.data }, null, 8, ["entity"]),
+		_ctx.typeComputed ? renderSlot(_ctx.$slots, "default", {
+			key: 0,
+			entity: _ctx.entity
+		}, () => [_ctx.typeComputed in _ctx.typeComponents ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.typeComponents[_ctx.typeComputed]), {
+			key: 0,
+			entity: _ctx.entity
+		}, null, 8, ["entity"])) : createCommentVNode("", true)]) : createCommentVNode("", true),
+		createElementVNode("div", null, [createVNode(_component_AFormSubmit, {
+			"is-invalid": _ctx.vuelidate.$invalid || !_ctx.typeComputed,
+			"is-busy": _ctx.busy,
+			"is-editing": _ctx.isEditing,
+			onSubmit: _ctx.submit
+		}, null, 8, [
+			"is-invalid",
+			"is-busy",
+			"is-editing",
+			"onSubmit"
+		])])
+	]);
 }
 var APolicyForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
 
@@ -8153,6 +7817,77 @@ const APermissionClientAssignments = defineComponent({
     }
 });
 
+const APermissionPolicyAssignment = defineComponent({
+    props: {
+        permissionId: {
+            type: String,
+            required: true
+        },
+        policyId: {
+            type: String,
+            required: true
+        }
+    },
+    emits: defineEntityVEmitOptions(),
+    async setup (props, setup) {
+        const manager = defineEntityManager({
+            type: `${EntityType.PERMISSION_POLICY}`,
+            setup,
+            socket: {
+                processEvent (event) {
+                    return event.data.permission_id === props.permissionId && event.data.policy_id === props.policyId;
+                }
+            }
+        });
+        await manager.resolve({
+            query: {
+                filters: {
+                    permission_id: props.permissionId,
+                    policy_id: props.policyId
+                }
+            }
+        });
+        return ()=>renderToggleButton({
+                changed: (value)=>{
+                    if (value) {
+                        return manager.create({
+                            permission_id: props.permissionId,
+                            policy_id: props.policyId
+                        });
+                    }
+                    return manager.delete();
+                },
+                value: !!manager.data.value,
+                isBusy: manager.busy.value
+            });
+    }
+});
+
+const APermissionPolicyAssignments = defineComponent({
+    props: {
+        entityId: {
+            type: String,
+            required: true
+        }
+    },
+    setup (props, { slots }) {
+        return ()=>h(APolicies, {
+                query: {
+                    filters: {
+                        parent_id: null
+                    }
+                }
+            }, {
+                [SlotName.ITEM_ACTIONS]: (slotProps)=>h(APermissionPolicyAssignment, {
+                        permissionId: props.entityId,
+                        policyId: slotProps.data.id,
+                        key: slotProps.data.id
+                    }),
+                ...slots
+            });
+    }
+});
+
 const ARobotPermissionAssignment = defineComponent({
     props: {
         robotId: String,
@@ -8728,7 +8463,7 @@ const AUserForm = defineComponent({
         }
         watch(updatedAt, (val, oldVal)=>{
             if (val && val !== oldVal) {
-                manager.data.value = props.entity;
+                manager.data.value = props.entity ?? undefined;
                 initForm();
             }
         });
@@ -8957,7 +8692,7 @@ const AUserPasswordForm = defineComponent({
     props: {
         id: {
             type: String,
-            required: true
+            default: undefined
         }
     },
     emits: [
@@ -8988,6 +8723,9 @@ const AUserPasswordForm = defineComponent({
             }
         }, form);
         const submit = wrapFnWithBusyState(busy, async ()=>{
+            if (!props.id) {
+                return;
+            }
             try {
                 const user = await apiClient.user.update(props.id, {
                     password: form.password,
@@ -9314,6 +9052,8 @@ var components = /*#__PURE__*/Object.freeze({
     APermissionCheck: APermissionCheck,
     APermissionClientAssignments: APermissionClientAssignments,
     APermissionForm: APermissionForm,
+    APermissionPolicyAssignment: APermissionPolicyAssignment,
+    APermissionPolicyAssignments: APermissionPolicyAssignments,
     APermissionRobotAssignments: APermissionRobotAssignments,
     APermissionRoleAssignments: APermissionRoleAssignments,
     APermissionUserAssignments: APermissionUserAssignments,
@@ -9370,7 +9110,7 @@ function installComponents(app, input) {
         return;
     }
     Object.entries(components).forEach(([componentName, component])=>{
-        if (input.indexOf(componentName) !== -1) {
+        if (input.includes(componentName)) {
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             app.component(componentName, component);
@@ -9467,6 +9207,7 @@ var _sfc_main$5 = defineComponent({
             };
         };
         resetIdentityProviderQuery();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const identityProviderRef = ref(null);
         const updateIdentityProviderList = ()=>{
             if (identityProviderRef.value) {
@@ -9474,7 +9215,7 @@ var _sfc_main$5 = defineComponent({
             }
         };
         const updateRealmId = (realmId)=>{
-            form.realm_id = Array.isArray(realmId) ? realmId[0] : realmId;
+            form.realm_id = Array.isArray(realmId) ? realmId[0] ?? '' : realmId;
             resetIdentityProviderQuery();
             nextTick(()=>{
                 updateIdentityProviderList();
@@ -9518,126 +9259,98 @@ const _hoisted_2$4 = ["href"];
 const _hoisted_3$2 = { class: "d-flex flex-column" };
 const _hoisted_4$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");
-  const _component_IVuelidate = resolveComponent("IVuelidate");
-  const _component_VCFormSubmit = resolveComponent("VCFormSubmit");
-  const _component_ARealmPicker = resolveComponent("ARealmPicker");
-  const _component_ATitle = resolveComponent("ATitle");
-  const _component_APagination = resolveComponent("APagination");
-  const _component_AIdentityProviderIcon = resolveComponent("AIdentityProviderIcon");
-  const _component_AIdentityProviders = resolveComponent("AIdentityProviders");
-  return openBlock(), createElementBlock("div", null, [
-    _cache[7] || (_cache[7] = createElementVNode("div", { class: "text-center" }, [
-      createElementVNode("h1", { class: "fw-bold" }, " Login ")
-    ], -1)),
-    createElementVNode("form", {
-      onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"]))
-    }, [
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.name
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            label: withCtx(() => [..._cache[4] || (_cache[4] = [
-              createTextVNode(" Name ", -1)
-            ])]),
-            default: withCtx(() => [
-              createVNode(_component_VCFormInput, {
-                modelValue: _ctx.vuelidate.name.$model,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.name.$model = $event)
-              }, null, 8, ["modelValue"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"]),
-      createVNode(_component_IVuelidate, {
-        validation: _ctx.vuelidate.password
-      }, {
-        default: withCtx((props) => [
-          createVNode(_component_VCFormGroup, {
-            "validation-messages": props.data,
-            "validation-severity": props.severity
-          }, {
-            label: withCtx(() => [..._cache[5] || (_cache[5] = [
-              createTextVNode(" Password ", -1)
-            ])]),
-            default: withCtx(() => [
-              createVNode(_component_VCFormInput, {
-                modelValue: _ctx.vuelidate.password.$model,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.password.$model = $event),
-                type: "password"
-              }, null, 8, ["modelValue"])
-            ]),
-            _: 1
-          }, 8, ["validation-messages", "validation-severity"])
-        ]),
-        _: 1
-      }, 8, ["validation"]),
-      createVNode(_component_VCFormSubmit, {
-        modelValue: _ctx.busy,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.busy = $event),
-        invalid: _ctx.vuelidate.$invalid,
-        "create-text": "Submit",
-        "create-button-class": { value: "btn btn-sm btn-dark btn-block", presets: { bootstrap: false } },
-        "create-icon-class": "fa-solid fa-right-to-bracket",
-        submit: _ctx.submit
-      }, null, 8, ["modelValue", "invalid", "submit"]),
-      _cache[6] || (_cache[6] = createElementVNode("hr", null, null, -1)),
-      !_ctx.codeRequest || !_ctx.codeRequest.realm_id ? (openBlock(), createBlock(_component_ARealmPicker, {
-        key: 0,
-        value: _ctx.form.realm_id,
-        onChange: _ctx.updateRealmId
-      }, null, 8, ["value", "onChange"])) : createCommentVNode("", true),
-      createVNode(_component_AIdentityProviders, {
-        ref: "identityProviderRef",
-        query: _ctx.identityProviderQuery,
-        footer: false
-      }, {
-        header: withCtx(() => [
-          createVNode(_component_ATitle, { text: "Identity Providers" })
-        ]),
-        footer: withCtx((props) => [
-          createVNode(_component_APagination, {
-            busy: props.busy,
-            meta: props.meta,
-            load: props.load,
-            total: props.total
-          }, null, 8, ["busy", "meta", "load", "total"])
-        ]),
-        body: withCtx((props) => [
-          createElementVNode("div", _hoisted_1$4, [
-            (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-dark"
-                }, [
-                  createElementVNode("div", _hoisted_3$2, [
-                    createElementVNode("div", _hoisted_4$1, [
-                      createVNode(_component_AIdentityProviderIcon, {
-                        class: "fa-2x",
-                        entity: item
-                      }, null, 8, ["entity"])
-                    ]),
-                    createElementVNode("div", null, toDisplayString(item.name), 1)
-                  ])
-                ], 8, _hoisted_2$4)
-              ]);
-            }), 128))
-          ])
-        ]),
-        _: 1
-      }, 8, ["query"])
-    ], 32)
-  ]);
+	const _component_VCFormInput = resolveComponent("VCFormInput");
+	const _component_VCFormGroup = resolveComponent("VCFormGroup");
+	const _component_IVuelidate = resolveComponent("IVuelidate");
+	const _component_VCFormSubmit = resolveComponent("VCFormSubmit");
+	const _component_ARealmPicker = resolveComponent("ARealmPicker");
+	const _component_ATitle = resolveComponent("ATitle");
+	const _component_APagination = resolveComponent("APagination");
+	const _component_AIdentityProviderIcon = resolveComponent("AIdentityProviderIcon");
+	const _component_AIdentityProviders = resolveComponent("AIdentityProviders");
+	return openBlock(), createElementBlock("div", null, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "text-center" }, [createElementVNode("h1", { class: "fw-bold" }, " Login ")], -1)), createElementVNode("form", { onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.submit && _ctx.submit(...args), ["prevent"])) }, [
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.name }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Name ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.vuelidate.name.$model,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vuelidate.name.$model = $event)
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		createVNode(_component_IVuelidate, { validation: _ctx.vuelidate.password }, {
+			default: withCtx((props) => [createVNode(_component_VCFormGroup, {
+				"validation-messages": props.data,
+				"validation-severity": props.severity
+			}, {
+				label: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" Password ", -1)])]),
+				default: withCtx(() => [createVNode(_component_VCFormInput, {
+					modelValue: _ctx.vuelidate.password.$model,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.vuelidate.password.$model = $event),
+					type: "password"
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["validation-messages", "validation-severity"])]),
+			_: 1
+		}, 8, ["validation"]),
+		createVNode(_component_VCFormSubmit, {
+			modelValue: _ctx.busy,
+			"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.busy = $event),
+			invalid: _ctx.vuelidate.$invalid,
+			"create-text": "Submit",
+			"create-button-class": {
+				value: "btn btn-sm btn-dark btn-block",
+				presets: { bootstrap: false }
+			},
+			"create-icon-class": "fa-solid fa-right-to-bracket",
+			submit: _ctx.submit
+		}, null, 8, [
+			"modelValue",
+			"invalid",
+			"submit"
+		]),
+		_cache[6] || (_cache[6] = createElementVNode("hr", null, null, -1)),
+		!_ctx.codeRequest || !_ctx.codeRequest.realm_id ? (openBlock(), createBlock(_component_ARealmPicker, {
+			key: 0,
+			value: _ctx.form.realm_id,
+			onChange: _ctx.updateRealmId
+		}, null, 8, ["value", "onChange"])) : createCommentVNode("", true),
+		createVNode(_component_AIdentityProviders, {
+			ref: "identityProviderRef",
+			query: _ctx.identityProviderQuery,
+			footer: false
+		}, {
+			header: withCtx(() => [createVNode(_component_ATitle, { text: "Identity Providers" })]),
+			footer: withCtx((props) => [createVNode(_component_APagination, {
+				busy: props.busy,
+				meta: props.meta,
+				load: (data) => props.load?.(data),
+				total: props.total
+			}, null, 8, [
+				"busy",
+				"meta",
+				"load",
+				"total"
+			])]),
+			body: withCtx((props) => [createElementVNode("div", _hoisted_1$4, [(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-dark"
+				}, [createElementVNode("div", _hoisted_3$2, [createElementVNode("div", _hoisted_4$1, [createVNode(_component_AIdentityProviderIcon, {
+					class: "fa-2x",
+					entity: item
+				}, null, 8, ["entity"])]), createElementVNode("div", null, toDisplayString(item.name), 1)])], 8, _hoisted_2$4)]);
+			}), 128))])]),
+			_: 1
+		}, 8, ["query"])
+	], 32)]);
 }
-var Login = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4], ["__scopeId", "data-v-957a0486"]]);
+var Login = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4], ["__scopeId", "data-v-aa7b46ad"]]);
 
 var _sfc_main$4 = defineComponent({
     props: {
@@ -9651,7 +9364,7 @@ var _sfc_main$4 = defineComponent({
         }
     },
     setup (props) {
-        const isEnabled = computed(()=>props.requested.indexOf(props.entity.name) !== -1);
+        const isEnabled = computed(()=>props.requested.includes(props.entity.name));
         return {
             isEnabled
         };
@@ -9661,20 +9374,10 @@ var _sfc_main$4 = defineComponent({
 const _hoisted_1$3 = { class: "text-center" };
 const _hoisted_2$3 = { key: 0 };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [
-    createElementVNode("div", _hoisted_1$3, [
-      createElementVNode("i", {
-        class: normalizeClass(["fa-solid", {
-          "fa-check text-success": _ctx.isEnabled,
-          "fa-times text-danger": !_ctx.isEnabled
-        }])
-      }, null, 2)
-    ]),
-    createElementVNode("div", null, [
-      createElementVNode("strong", null, toDisplayString(_ctx.entity.name), 1),
-      _ctx.entity.description ? (openBlock(), createElementBlock("p", _hoisted_2$3, toDisplayString(_ctx.entity.description), 1)) : createCommentVNode("", true)
-    ])
-  ]);
+	return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1$3, [createElementVNode("i", { class: normalizeClass(["fa-solid", {
+		"fa-check text-success": _ctx.isEnabled,
+		"fa-times text-danger": !_ctx.isEnabled
+	}]) }, null, 2)]), createElementVNode("div", null, [createElementVNode("strong", null, toDisplayString(_ctx.entity.name), 1), _ctx.entity.description ? (openBlock(), createElementBlock("p", _hoisted_2$3, toDisplayString(_ctx.entity.description), 1)) : createCommentVNode("", true)])]);
 }
 var AuthorizeScope = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);
 
@@ -9734,24 +9437,19 @@ var _sfc_main$3 = defineComponent({
 const _hoisted_1$2 = { key: 0 };
 const _hoisted_2$2 = { class: "flex-column" };
 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 openBlock(), createBlock(_component_AuthorizeScope, {
-          key: item.id,
-          entity: item,
-          class: "d-flex flex-row gap-1",
-          requested: _ctx.scopesRequestedNormalized
-        }, null, 8, ["entity", "requested"]);
-      }), 128))
-    ])
-  ])) : createCommentVNode("", true);
+	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 openBlock(), createBlock(_component_AuthorizeScope, {
+			key: item.id,
+			entity: item,
+			class: "d-flex flex-row gap-1",
+			requested: _ctx.scopesRequestedNormalized
+		}, null, 8, ["entity", "requested"]);
+	}), 128))])])) : createCommentVNode("", true);
 }
 var AuthorizeScopes = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
 
@@ -9802,7 +9500,7 @@ var _sfc_main$2 = defineComponent({
                 if (typeof window !== 'undefined') {
                     window.location.href = url;
                 }
-            } catch (e) {
+            } catch  {
             // todo: show toast :)
             }
         };
@@ -9827,67 +9525,37 @@ const _hoisted_11 = { class: "row" };
 const _hoisted_12 = { class: "col-6" };
 const _hoisted_13 = { class: "col-6" };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_AuthorizeScopes = resolveComponent("AuthorizeScopes");
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [
-    createElementVNode("div", _hoisted_2$1, [
-      _cache[2] || (_cache[2] = createElementVNode("h5", { class: "text-secondary mb-1" }, " Application ", -1)),
-      createElementVNode("h1", _hoisted_3$1, toDisplayString(_ctx.client.name), 1)
-    ]),
-    createVNode(_component_AuthorizeScopes, {
-      client: _ctx.client,
-      "scopes-requested": _ctx.codeRequest.scope,
-      "scopes-available": _ctx.scopes
-    }, null, 8, ["client", "scopes-requested", "scopes-available"]),
-    createElementVNode("div", _hoisted_4, [
-      createElementVNode("div", _hoisted_5, [
-        _cache[4] || (_cache[4] = createElementVNode("div", null, [
-          createElementVNode("i", { class: "fa-solid fa-link" })
-        ], -1)),
-        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, [
-        _cache[7] || (_cache[7] = createElementVNode("div", null, [
-          createElementVNode("i", { class: "fa fa-solid fa-lock" })
-        ], -1)),
-        createElementVNode("div", _hoisted_8, [
-          createElementVNode("small", null, [
-            _cache[5] || (_cache[5] = createTextVNode(" This application is governed by the ", -1)),
-            createElementVNode("strong", null, toDisplayString(_ctx.client.name), 1),
-            _cache[6] || (_cache[6] = createTextVNode(" application's Privacy Policy and Terms of Service. ", -1))
-          ])
-        ])
-      ]),
-      createElementVNode("div", _hoisted_9, [
-        _cache[8] || (_cache[8] = createElementVNode("div", null, [
-          createElementVNode("i", { class: "fa fa-solid fa-clock" })
-        ], -1)),
-        createElementVNode("div", _hoisted_10, [
-          createElementVNode("small", null, " Active since " + toDisplayString(_ctx.client.created_at), 1)
-        ])
-      ])
-    ]),
-    createElementVNode("div", _hoisted_11, [
-      createElementVNode("div", _hoisted_12, [
-        createElementVNode("button", {
-          type: "button",
-          class: "btn btn-block btn-secondary",
-          onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.abort && _ctx.abort(...args), ["prevent"]))
-        }, " Abort ")
-      ]),
-      createElementVNode("div", _hoisted_13, [
-        createElementVNode("button", {
-          type: "button",
-          class: "btn btn-block btn-primary",
-          onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.authorize && _ctx.authorize(...args), ["prevent"]))
-        }, " Authorize ")
-      ])
-    ])
-  ]);
+	const _component_AuthorizeScopes = resolveComponent("AuthorizeScopes");
+	return openBlock(), createElementBlock("div", _hoisted_1$1, [
+		createElementVNode("div", _hoisted_2$1, [_cache[2] || (_cache[2] = createElementVNode("h5", { class: "text-secondary mb-1" }, " Application ", -1)), createElementVNode("h1", _hoisted_3$1, toDisplayString(_ctx.client.name), 1)]),
+		createVNode(_component_AuthorizeScopes, {
+			client: _ctx.client,
+			"scopes-requested": _ctx.codeRequest.scope,
+			"scopes-available": _ctx.scopes
+		}, null, 8, [
+			"client",
+			"scopes-requested",
+			"scopes-available"
+		]),
+		createElementVNode("div", _hoisted_4, [
+			createElementVNode("div", _hoisted_5, [_cache[4] || (_cache[4] = createElementVNode("div", null, [createElementVNode("i", { class: "fa-solid fa-link" })], -1)), 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, [_cache[7] || (_cache[7] = createElementVNode("div", null, [createElementVNode("i", { class: "fa fa-solid fa-lock" })], -1)), createElementVNode("div", _hoisted_8, [createElementVNode("small", null, [
+				_cache[5] || (_cache[5] = createTextVNode(" This application is governed by the ", -1)),
+				createElementVNode("strong", null, toDisplayString(_ctx.client.name), 1),
+				_cache[6] || (_cache[6] = createTextVNode(" application's Privacy Policy and Terms of Service. ", -1))
+			])])]),
+			createElementVNode("div", _hoisted_9, [_cache[8] || (_cache[8] = createElementVNode("div", null, [createElementVNode("i", { class: "fa fa-solid fa-clock" })], -1)), createElementVNode("div", _hoisted_10, [createElementVNode("small", null, " Active since " + toDisplayString(_ctx.client.created_at), 1)])])
+		]),
+		createElementVNode("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [createElementVNode("button", {
+			type: "button",
+			class: "btn btn-block btn-secondary",
+			onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.abort && _ctx.abort(...args), ["prevent"]))
+		}, " Abort ")]), createElementVNode("div", _hoisted_13, [createElementVNode("button", {
+			type: "button",
+			class: "btn btn-block btn-primary",
+			onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.authorize && _ctx.authorize(...args), ["prevent"]))
+		}, " Authorize ")])])
+	]);
 }
 var AuthorizeForm = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
 
@@ -9907,17 +9575,10 @@ const _hoisted_1 = { class: "flex-column" };
 const _hoisted_2 = { class: "text-center" };
 const _hoisted_3 = { class: "text-center fs-6 p-3" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", _hoisted_2, [
-      createElementVNode("i", {
-        class: normalizeClass(["fa-solid fa-10x", {
-          "fa-exclamation text-danger": _ctx.isError,
-          "fa-info text-info": !_ctx.isError
-        }])
-      }, null, 2)
-    ]),
-    createElementVNode("div", _hoisted_3, toDisplayString(_ctx.message), 1)
-  ]);
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("i", { class: normalizeClass(["fa-solid fa-10x", {
+		"fa-exclamation text-danger": _ctx.isError,
+		"fa-info text-info": !_ctx.isError
+	}]) }, null, 2)]), createElementVNode("div", _hoisted_3, toDisplayString(_ctx.message), 1)]);
 }
 var AuthorizeText = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
 
@@ -10022,5 +9683,5 @@ var index = {
     install
 };
 
-export { AAttributeNamesPolicyForm, _sfc_main as AAuthorize, AuthorizeText as AAuthorizeText, AClient, AClientForm, AClientPermissionAssignment, AClientPermissionAssignments, AClientPicker, AClientRoleAssignment, AClientRoleAssignments, AClientScope, AClientScopeAssignment, AClientScopeAssignments, AClientScopes, AClients, ACompositePolicyForm, ADatePolicyForm, AEntityDelete, AFormInputList, AFormInputListItem, AFormSubmit, AIdentityPolicyForm, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments, AIdentityProviders, Login as ALogin, APagination, APermission, APermissionCheck, APermissionClientAssignments, APermissionForm, APermissionRobotAssignments, APermissionRoleAssignments, APermissionUserAssignments, APermissions, APolicies, APolicy, APolicyForm, APolicyTypePicker, ARealm, ARealmForm, ARealmMatchPolicyForm, ARealmPicker, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment, ARobotPermissionAssignments, ARobotRoleAssignment, ARobotRoleAssignments, ARobots, ARole, ARoleClientAssignments, ARoleForm, ARolePermissionAssignment, ARolePermissionAssignments, ARoleRobotAssignments, ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATimePolicyForm, ATitle, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment, AUserPermissionAssignments, AUserRoleAssignment, AUserRoleAssignments, AUsers, EntityRecordError, HTTPClientSymbol, LanguageSwitcherDropdown, STORE_ID, SocketClientSymbol, StoreDispatcherEventName, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, assignFormProperties, buildEntityCollectionCreatedHandler, buildEntityCollectionDeletedHandler, buildEntityCollectionUpdatedHandler, buildEntityVSlotProps, buildFormSubmitWithTranslations, createFormSubmitTranslations, createPermissionCheckerReactiveFn, createStore, createStoreDispatcher, index as default, defineEntityCollectionManager, defineEntityCollectionVEmitOptions, defineEntityCollectionVProps, defineEntityManager, defineEntityPicker, defineEntityPickerVEmitOptions, defineEntityPickerVProps, defineEntitySocketManager, defineEntityVEmitOptions, defineEntityVProps, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasHTTPClientAuthenticationHook, hasNormalizedSlot, hasStoreFactory, inject$1 as inject, injectHTTPClient, injectHTTPClientAuthenticationHook, injectSocketManager, injectStore, injectStoreDispatcher, injectStoreFactory, injectTranslatorLocale, install, installHTTPClient, installHTTPClientAuthenticationHook, installSocketManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketManagerUsable, mergeEntityCollectionRenderOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideHTTPClientAuthenticationHook, provideSocketManager, provideStoreDispatcher, provideStoreFactory, renderToggleButton, storeToRefs, useIsEditing, usePermissionCheck, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
+export { AAttributeNamesPolicyForm, _sfc_main as AAuthorize, AuthorizeText as AAuthorizeText, AClient, AClientForm, AClientPermissionAssignment, AClientPermissionAssignments, AClientPicker, AClientRoleAssignment, AClientRoleAssignments, AClientScope, AClientScopeAssignment, AClientScopeAssignments, AClientScopes, AClients, ACompositePolicyForm, ADatePolicyForm, AEntityDelete, AFormInputList, AFormInputListItem, AFormSubmit, AIdentityPolicyForm, AIdentityProvider, AIdentityProviderForm, AIdentityProviderIcon, AIdentityProviderLdapForm, AIdentityProviderOAuth2Form, AIdentityProviderPreset, AIdentityProviderProtocol, AIdentityProviderRoleAssignment, AIdentityProviderRoleAssignments, AIdentityProviders, Login as ALogin, APagination, APermission, APermissionCheck, APermissionClientAssignments, APermissionForm, APermissionPolicyAssignment, APermissionPolicyAssignments, APermissionRobotAssignments, APermissionRoleAssignments, APermissionUserAssignments, APermissions, APolicies, APolicy, APolicyForm, APolicyTypePicker, ARealm, ARealmForm, ARealmMatchPolicyForm, ARealmPicker, ARealms, ARobot, ARobotForm, ARobotPermissionAssignment, ARobotPermissionAssignments, ARobotRoleAssignment, ARobotRoleAssignments, ARobots, ARole, ARoleClientAssignments, ARoleForm, ARolePermissionAssignment, ARolePermissionAssignments, ARoleRobotAssignments, ARoleUserAssignments, ARoles, AScope, AScopeClientAssignments, AScopeForm, AScopes, ASearch, ATimePolicyForm, ATitle, AUser, AUserForm, AUserPasswordForm, AUserPermissionAssignment, AUserPermissionAssignments, AUserRoleAssignment, AUserRoleAssignments, AUsers, EntityRecordError, HTTPClientSymbol, LanguageSwitcherDropdown, STORE_ID, SocketClientSymbol, StoreDispatcherEventName, TranslatorTranslationClientKey, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, TranslatorTranslationVuecsKey, VuelidateCustomRule, VuelidateCustomRuleKey, assignFormProperties, buildEntityCollectionCreatedHandler, buildEntityCollectionDeletedHandler, buildEntityCollectionUpdatedHandler, buildEntityVSlotProps, buildFormSubmitWithTranslations, createFormSubmitTranslations, createPermissionCheckerReactiveFn, createStore, createStoreDispatcher, index as default, defineEntityCollectionManager, defineEntityCollectionVEmitOptions, defineEntityCollectionVProps, defineEntityManager, defineEntityPicker, defineEntityPickerVEmitOptions, defineEntityPickerVProps, defineEntitySocketManager, defineEntityVEmitOptions, defineEntityVProps, extractVuelidateResultsFromChild, getVuelidateSeverity, hasHTTPClient, hasHTTPClientAuthenticationHook, hasNormalizedSlot, hasStoreFactory, inject$1 as inject, injectHTTPClient, injectHTTPClientAuthenticationHook, injectSocketManager, injectStore, injectStoreDispatcher, injectStoreFactory, injectTranslatorLocale, install, installHTTPClient, installHTTPClientAuthenticationHook, installSocketManager, installStore, installTranslator, isQuerySortedDescByDate, isSocketManagerUsable, mergeEntityCollectionRenderOptions, normalizeSlot, onChange, provide, provideHTTPClient, provideHTTPClientAuthenticationHook, provideSocketManager, provideStoreDispatcher, provideStoreFactory, renderToggleButton, storeToRefs, useIsEditing, usePermissionCheck, useTranslation, useTranslationsForBaseValidation, useTranslationsForGroup, useTranslationsForNestedValidation, useUpdatedAt, wrapFnWithBusyState };
 //# sourceMappingURL=index.mjs.map