@privateaim/client-vue 0.8.3 → 0.8.5

package/dist/index.cjs

@@ -10,7 +10,7 @@ var useVuelidate = require('@vuelidate/core');
 var validators = require('@vuelidate/validators');
 var formControls = require('@vuecs/form-controls');
 var coreKit = require('@privateaim/core-kit');
-var crypto = require('crypto');
+var crypto$1 = require('crypto');
 var listControls = require('@vuecs/list-controls');
 var rapiq = require('rapiq');
 require('@authup/kit');
@@ -18,15 +18,118 @@ var coreHttpKit = require('@authup/core-http-kit');
 var storageKit = require('@privateaim/storage-kit');
 var coreKit$1 = require('@authup/core-kit');
 var coreRealtimeKit = require('@authup/core-realtime-kit');
+var timeago = require('@vuecs/timeago');
 var link = require('@vuecs/link');
 var bootstrapVueNext = require('bootstrap-vue-next');
-var timeago = require('@vuecs/timeago');
 var vue3FormWizard = require('vue3-form-wizard');
 
-var StoreName;
-(function(StoreName) {
+/*
+ * 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$4(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$4(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;
+}
+
+var StoreName = /*#__PURE__*/ function(StoreName) {
     StoreName["DEFAULT"] = "default";
-})(StoreName || (StoreName = {}));
+    return StoreName;
+}({});
 class Store {
     /**
      * Set options for all groups.
@@ -99,27 +202,44 @@ function applyStoreManagerOptions(manager, options) {
         store.setAll(options.defaults);
     }
 }
+function inject(key, instance) {
+    if (instance && instance._context && instance._context.provides && instance._context.provides[key]) {
+        return instance._context.provides[key];
+    }
+    if (vue.hasInjectionContext()) {
+        return vue.inject(key, undefined);
+    }
+    return undefined;
+}
+function provide(key, value, app) {
+    if (typeof app === 'undefined') {
+        const val = inject(key);
+        if (typeof val !== 'undefined') {
+            return;
+        }
+        vue.provide(key, value);
+        return;
+    }
+    if (app && app._context && app._context.provides && app._context.provides[key]) {
+        return;
+    }
+    app.provide(key, value);
+}
 function getSymbol(key) {
     return Symbol.for('VCStoreManager');
 }
 function installStoreManager(instance, key) {
-    let manager;
     const symbol = getSymbol();
-    if (instance._context && instance._context.provides && instance._context.provides[symbol]) {
-        return instance._context.provides[symbol];
-    }
-    if (vue.hasInjectionContext()) {
-        manager = vue.inject(symbol, undefined);
-        if (manager) {
-            return manager;
-        }
+    let manager = inject(symbol, instance);
+    if (manager) {
+        return manager;
     }
     manager = new StoreManager();
-    instance.provide(symbol, manager);
+    provide(symbol, manager, instance);
     return manager;
 }
 
-var _sfc_main$g = vue.defineComponent({
+var _sfc_main$i = vue.defineComponent({
     components: {
         IVuelidate: vuelidate.IVuelidate,
         VCFormInput: formControls.VCFormInput,
@@ -135,6 +255,7 @@ var _sfc_main$g = vue.defineComponent({
         'failed'
     ],
     setup (props, { emit }) {
+        const store = clientWebKit.injectStore();
         const realmId = vue.toRef(props, 'realmId');
         const form = vue.reactive({
             name: '',
@@ -160,7 +281,6 @@ var _sfc_main$g = vue.defineComponent({
             },
             realm_id: {}
         }, form);
-        const store = clientWebKit.useStore();
         const busy = vue.ref(false);
         const submit = async ()=>{
             try {
@@ -193,7 +313,7 @@ var _export_sfc = ((sfc, props)=>{
     return target;
 });
 
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_VCFormInput = vue.resolveComponent("VCFormInput");
     const _component_VCFormGroup = vue.resolveComponent("VCFormGroup");
     const _component_IVuelidate = vue.resolveComponent("IVuelidate");
@@ -211,9 +331,9 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
                         "validation-messages": props.data,
                         "validation-severity": props.severity
                     }, {
-                        label: vue.withCtx(()=>[
+                        label: vue.withCtx(()=>_cache[4] || (_cache[4] = [
                                 vue.createTextVNode(" Name ")
-                            ]),
+                            ])),
                         default: vue.withCtx(()=>[
                                 vue.createVNode(_component_VCFormInput, {
                                     modelValue: _ctx.vuelidate.name.$model,
@@ -240,9 +360,9 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
                         "validation-messages": props.data,
                         "validation-severity": props.severity
                     }, {
-                        label: vue.withCtx(()=>[
+                        label: vue.withCtx(()=>_cache[5] || (_cache[5] = [
                                 vue.createTextVNode(" Password ")
-                            ]),
+                            ])),
                         default: vue.withCtx(()=>[
                                 vue.createVNode(_component_VCFormInput, {
                                     modelValue: _ctx.vuelidate.password.$model,
@@ -282,10 +402,10 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ], 32);
 }
-var FLoginForm = /* @__PURE__ */ _export_sfc(_sfc_main$g, [
+var FLoginForm = /* @__PURE__ */ _export_sfc(_sfc_main$i, [
     [
         "render",
-        _sfc_render$g
+        _sfc_render$i
     ]
 ]);
 
@@ -294,39 +414,61 @@ var FLoginForm = /* @__PURE__ */ _export_sfc(_sfc_main$g, [
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ exports.ActionCommandElementType = void 0;
-(function(ActionCommandElementType) {
+ */ var ActionCommandElementType = /*#__PURE__*/ function(ActionCommandElementType) {
     ActionCommandElementType["BUTTON"] = "button";
     ActionCommandElementType["LINK"] = "link";
     ActionCommandElementType["DROPDOWN_ITEM"] = "dropDownItem";
-})(exports.ActionCommandElementType || (exports.ActionCommandElementType = {}));
+    return ActionCommandElementType;
+}({});
 
+// It is best to make fewer, larger requests to the crypto module to
+// avoid system call overhead. So, random numbers are generated in a
+// pool. The pool is a Buffer that is larger than the initial random
+// request size by this multiplier. The pool is enlarged if subsequent
+// requests exceed the maximum buffer size.
 const POOL_SIZE_MULTIPLIER = 128;
 let pool, poolOffset;
 let fillPool = (bytes)=>{
     if (!pool || pool.length < bytes) {
         pool = Buffer.allocUnsafe(bytes * POOL_SIZE_MULTIPLIER);
-        crypto.randomFillSync(pool);
+        crypto$1.randomFillSync(pool);
         poolOffset = 0;
     } else if (poolOffset + bytes > pool.length) {
-        crypto.randomFillSync(pool);
+        crypto$1.randomFillSync(pool);
         poolOffset = 0;
     }
     poolOffset += bytes;
 };
 let random = (bytes)=>{
-    fillPool(bytes -= 0);
+    // `|=` convert `bytes` to number to prevent `valueOf` abusing and pool pollution
+    fillPool(bytes |= 0);
     return pool.subarray(poolOffset - bytes, poolOffset);
 };
 let customRandom = (alphabet, defaultSize, getRandom)=>{
+    // First, a bitmask is necessary to generate the ID. The bitmask makes bytes
+    // values closer to the alphabet size. The bitmask calculates the closest
+    // `2^31 - 1` number, which exceeds the alphabet size.
+    // For example, the bitmask for the alphabet size 30 is 31 (00011111).
     let mask = (2 << 31 - Math.clz32(alphabet.length - 1 | 1)) - 1;
+    // Though, the bitmask solution is not perfect since the bytes exceeding
+    // the alphabet size are refused. Therefore, to reliably generate the ID,
+    // the random bytes redundancy has to be satisfied.
+    // Note: every hardware random generator call is performance expensive,
+    // because the system call for entropy collection takes a lot of time.
+    // So, to avoid additional system calls, extra bytes are requested in advance.
+    // Next, a step determines how many random bytes to generate.
+    // The number of random bytes gets decided upon the ID size, mask,
+    // alphabet size, and magic number 1.6 (using 1.6 peaks at performance
+    // according to benchmarks).
     let step = Math.ceil(1.6 * mask * defaultSize / alphabet.length);
     return (size = defaultSize)=>{
         let id = '';
         while(true){
             let bytes = getRandom(step);
+            // A compact alternative for `for (let i = 0; i < step; i++)`.
             let i = step;
             while(i--){
+                // Adding `|| ''` refuses a random byte that exceeds the alphabet size.
                 id += alphabet[bytes[i] & mask] || '';
                 if (id.length === size) return id;
             }
@@ -335,13 +477,304 @@ let customRandom = (alphabet, defaultSize, getRandom)=>{
 };
 let customAlphabet = (alphabet, size = 21)=>customRandom(alphabet, size, random);
 
+/*
+ * 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 AsymmetricCryptoAlgorithmName = /*#__PURE__*/ function(AsymmetricCryptoAlgorithmName) {
+    AsymmetricCryptoAlgorithmName["RSA_OAEP"] = "RSA-OAEP";
+    AsymmetricCryptoAlgorithmName["ECDH"] = "ECDH";
+    return AsymmetricCryptoAlgorithmName;
+}({});
+/*
+ * 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 asyncGeneratorStep$2$1(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator$2$1(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep$2$1(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep$2$1(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function arrayBufferToBase64(arrayBuffer) {
+    return btoa(String.fromCharCode.apply(null, new Uint8Array(arrayBuffer)));
+}
+function exportAsymmetricPublicKey(key) {
+    return _exportAsymmetricPublicKey.apply(this, arguments);
+}
+function _exportAsymmetricPublicKey() {
+    _exportAsymmetricPublicKey = _async_to_generator$2$1(function*(key) {
+        const exported = yield crypto.subtle.exportKey('spki', key);
+        return `-----BEGIN PUBLIC KEY-----\n${arrayBufferToBase64(exported)}\n-----END PUBLIC KEY-----`;
+    });
+    return _exportAsymmetricPublicKey.apply(this, arguments);
+}
+function exportAsymmetricPrivateKey(key) {
+    return _exportAsymmetricPrivateKey.apply(this, arguments);
+}
+function _exportAsymmetricPrivateKey() {
+    _exportAsymmetricPrivateKey = _async_to_generator$2$1(function*(key) {
+        const exported = yield crypto.subtle.exportKey('pkcs8', key);
+        return `-----BEGIN PRIVATE KEY-----\n${arrayBufferToBase64(exported)}\n-----END PRIVATE KEY-----`;
+    });
+    return _exportAsymmetricPrivateKey.apply(this, arguments);
+}
+/*
+ * 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 asyncGeneratorStep$1$1(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator$1$1(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep$1$1(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep$1$1(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property$1$1(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$4(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$1$1(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+class CryptoAsymmetricAlgorithm {
+    buildImportParams() {
+        if (this.algorithm.name === AsymmetricCryptoAlgorithmName.RSA_OAEP) {
+            return {
+                name: 'RSA-OAEP',
+                hash: 'SHA-256'
+            };
+        }
+        if (this.algorithm.name === AsymmetricCryptoAlgorithmName.ECDH) {
+            return {
+                name: 'ECDH',
+                namedCurve: this.algorithm.namedCurve,
+                hash: 'SHA-256'
+            };
+        }
+        throw new Error('Import params could not be created.');
+    }
+    generateKeyPair() {
+        var _this = this;
+        return _async_to_generator$1$1(function*() {
+            if (_this.algorithm.name === AsymmetricCryptoAlgorithmName.RSA_OAEP) {
+                _this.keyPair = yield crypto.subtle.generateKey(_this.algorithm, true, [
+                    'encrypt',
+                    'decrypt'
+                ]);
+                return _this.keyPair;
+            }
+            if (_this.algorithm.name === AsymmetricCryptoAlgorithmName.ECDH) {
+                _this.keyPair = yield crypto.subtle.generateKey(_this.algorithm, true, [
+                    'deriveKey'
+                ]);
+                return _this.keyPair;
+            }
+            throw new Error('The algorithm is not supported for key generation.');
+        })();
+    }
+    useKeyPair() {
+        var _this = this;
+        return _async_to_generator$1$1(function*() {
+            if (typeof _this.keyPair !== 'undefined') {
+                return _this.keyPair;
+            }
+            return _this.generateKeyPair();
+        })();
+    }
+    exportPublicKey() {
+        var _this = this;
+        return _async_to_generator$1$1(function*() {
+            const keyPair = yield _this.useKeyPair();
+            return exportAsymmetricPublicKey(keyPair.publicKey);
+        })();
+    }
+    exportPrivateKey() {
+        var _this = this;
+        return _async_to_generator$1$1(function*() {
+            const keyPair = yield _this.useKeyPair();
+            return exportAsymmetricPrivateKey(keyPair.privateKey);
+        })();
+    }
+    encrypt(data, remoteKey) {
+        var _this = this;
+        return _async_to_generator$1$1(function*() {
+            const keyPair = yield _this.useKeyPair();
+            if (_this.algorithm.name === AsymmetricCryptoAlgorithmName.RSA_OAEP) {
+                return crypto.subtle.encrypt({
+                    name: 'RSA-OAEP'
+                }, remoteKey || keyPair.publicKey, data);
+            }
+            if (_this.algorithm.name === AsymmetricCryptoAlgorithmName.ECDH) {
+                if (typeof remoteKey === 'undefined') {
+                    throw new Error('Remote public key is required.');
+                }
+                const array = new Uint8Array(16);
+                const iv = crypto.getRandomValues(array);
+                const key = yield crypto.subtle.deriveKey({
+                    name: 'ECDH',
+                    public: remoteKey
+                }, keyPair.privateKey, {
+                    name: 'AES-GCM',
+                    length: 256
+                }, true, [
+                    'encrypt'
+                ]);
+                const arrayBuffer = yield crypto.subtle.encrypt({
+                    name: 'AES-GCM',
+                    length: 256,
+                    iv
+                }, key, data);
+                const buffer = Buffer.from(arrayBuffer);
+                return Buffer.concat([
+                    iv,
+                    buffer
+                ]);
+            }
+            throw new Error('Unsupported algorithm for encryption.');
+        })();
+    }
+    decrypt(data, remoteKey) {
+        var _this = this;
+        return _async_to_generator$1$1(function*() {
+            const keyPair = yield _this.useKeyPair();
+            if (_this.algorithm.name === AsymmetricCryptoAlgorithmName.RSA_OAEP) {
+                return crypto.subtle.decrypt({
+                    name: 'RSA-OAEP'
+                }, keyPair.privateKey, data);
+            }
+            if (_this.algorithm.name === AsymmetricCryptoAlgorithmName.ECDH) {
+                if (typeof remoteKey === 'undefined') {
+                    throw new Error('Remote public key is required.');
+                }
+                const iv = data.slice(0, 16);
+                const key = yield crypto.subtle.deriveKey({
+                    name: 'ECDH',
+                    public: remoteKey
+                }, keyPair.privateKey, {
+                    name: 'AES-GCM',
+                    length: 256
+                }, true, [
+                    'decrypt'
+                ]);
+                return crypto.subtle.decrypt({
+                    name: 'AES-GCM',
+                    length: 256,
+                    iv
+                }, key, data.slice(16));
+            }
+            throw new Error('Unsupported algorithm for decryption.');
+        })();
+    }
+    constructor(algorithm){
+        _define_property$1$1(this, "algorithm", undefined);
+        _define_property$1$1(this, "keyPair", undefined);
+        if (algorithm.name === AsymmetricCryptoAlgorithmName.RSA_OAEP) {
+            algorithm = _object_spread_props(_object_spread$4({}, algorithm), {
+                publicExponent: new Uint8Array([
+                    1,
+                    0,
+                    1
+                ])
+            });
+        }
+        this.algorithm = algorithm;
+    }
+}
 /*
  * Copyright (c) 2021-2024.
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var PermissionName;
-(function(PermissionName) {
+ */ var PermissionName = /*#__PURE__*/ function(PermissionName) {
     PermissionName["BUCKET_CREATE"] = "bucket_create";
     PermissionName["BUCKET_UPDATE"] = "bucket_update";
     PermissionName["BUCKET_DELETE"] = "bucket_delete";
@@ -364,7 +797,8 @@ let customAlphabet = (alphabet, size = 21)=>customRandom(alphabet, size, random)
     PermissionName["MASTER_IMAGE_MANAGE"] = "master_image_manage";
     PermissionName["MASTER_IMAGE_GROUP_MANAGE"] = "master_image_group_manage";
     PermissionName["SERVICE_MANAGE"] = "service_manage";
-})(PermissionName || (PermissionName = {}));
+    return PermissionName;
+}({});
 /*
  * Copyright (c) 2021-2024.
  * Author Peter Placzek (tada5hi)
@@ -377,6 +811,24 @@ function hasOwnProperty(obj, prop) {
 function isObject$3(item) {
     return !!item && typeof item === 'object' && !Array.isArray(item);
 }
+/*
+ * Copyright (c) 2021-2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ function isHex(value) {
+    return /^[A-Fa-f0-9]+$/i.test(value);
+}
+function hexToUTF8(value) {
+    try {
+        return decodeURIComponent(`%${value.match(/.{1,2}/g).join('%')}`);
+    } catch (e) {
+        if (e instanceof URIError) {
+            return value;
+        }
+        throw e;
+    }
+}
 function createNanoID(alphabetOrLen, len) {
     return customAlphabet('0123456789abcdefghijklmnopqrstuvwxyz', 21)();
 }
@@ -386,17 +838,6 @@ function createNanoID(alphabetOrLen, len) {
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
  */ const alphaNumHyphenUnderscoreRegex = /^[a-z0-9-_]*$/;
-/*
- * 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 EnvironmentName;
-(function(EnvironmentName) {
-    EnvironmentName["TEST"] = "test";
-    EnvironmentName["DEVELOPMENT"] = "development";
-    EnvironmentName["PRODUCTION"] = "production";
-})(EnvironmentName || (EnvironmentName = {}));
 
 /**
  * Returns true if either scoped or unscoped named slot exists
@@ -722,7 +1163,7 @@ function parseQuery(parametersString = "") {
             continue;
         }
         const value = decodeQueryValue(s[2] || "");
-        if (object[key] === void 0) {
+        if (object[key] === undefined) {
             object[key] = value;
         } else if (Array.isArray(object[key])) {
             object[key].push(value);
@@ -748,7 +1189,7 @@ function encodeQueryItem(key, value) {
     return `${encodeQueryKey(key)}=${encodeQueryValue(value)}`;
 }
 function stringifyQuery(query) {
-    return Object.keys(query).filter((k)=>query[k] !== void 0).map((k)=>encodeQueryItem(k, query[k])).filter(Boolean).join("&");
+    return Object.keys(query).filter((k)=>query[k] !== undefined).map((k)=>encodeQueryItem(k, query[k])).filter(Boolean).join("&");
 }
 const PROTOCOL_STRICT_REGEX = /^[\s\w\0+.-]{2,}:([/\\]{1,2})/;
 const PROTOCOL_REGEX = /^[\s\w\0+.-]{2,}:([/\\]{2})?/;
@@ -963,16 +1404,16 @@ class BaseError extends Error {
 var n = Object.defineProperty;
 var e = (t, r)=>n(t, "name", {
         value: r,
-        configurable: !0
+        configurable: true
     });
 var i = Object.defineProperty, c = e((t, r)=>i(t, "name", {
         value: r,
-        configurable: !0
+        configurable: true
     }), "e");
 function a() {
     return {
-        agent: void 0,
-        dispatcher: void 0
+        agent: undefined,
+        dispatcher: undefined
     };
 }
 e(a, "createProxy"), c(a, "createProxy");
@@ -1008,35 +1449,35 @@ const Blob = gT.Blob || e$1;
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var ResponseType;
-(function(ResponseType) {
+ */ var ResponseType = /*#__PURE__*/ function(ResponseType) {
     ResponseType["BLOB"] = "blob";
     ResponseType["STREAM"] = "stream";
     ResponseType["TEXT"] = "text";
     ResponseType["ARRAY_BUFFER"] = "arrayBuffer";
     ResponseType["JSON"] = "json";
-})(ResponseType || (ResponseType = {}));
-var MethodName;
-(function(MethodName) {
+    return ResponseType;
+}({});
+var MethodName = /*#__PURE__*/ function(MethodName) {
     MethodName["DELETE"] = "DELETE";
     MethodName["GET"] = "GET";
     MethodName["HEAD"] = "HEAD";
     MethodName["PATCH"] = "PATCH";
     MethodName["POST"] = "POST";
     MethodName["PUT"] = "PUT";
-})(MethodName || (MethodName = {}));
+    return MethodName;
+}({});
 /*
  * Copyright (c) 2023.
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var HookName;
-(function(HookName) {
+ */ var HookName = /*#__PURE__*/ function(HookName) {
     HookName["REQUEST"] = "request";
     HookName["REQUEST_ERROR"] = "requestError";
     HookName["RESPONSE"] = "response";
     HookName["RESPONSE_ERROR"] = "responseError";
-})(HookName || (HookName = {}));
+    return HookName;
+}({});
 function kindOf(input) {
     return Object.prototype.toString.call(input).slice(8, -1).toLowerCase();
 }
@@ -1121,30 +1562,29 @@ function isJSONSerializable(input) {
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var AuthorizationHeaderType;
-(function(AuthorizationHeaderType) {
+ */ var AuthorizationHeaderType = /*#__PURE__*/ function(AuthorizationHeaderType) {
     AuthorizationHeaderType["BEARER"] = "Bearer";
     AuthorizationHeaderType["BASIC"] = "Basic";
     AuthorizationHeaderType["X_API_KEY"] = "X-API-Key";
     AuthorizationHeaderType["API_KEY"] = "API-Key";
-})(AuthorizationHeaderType || (AuthorizationHeaderType = {}));
+    return AuthorizationHeaderType;
+}({});
 /*
  * Copyright (c) 2022.
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var ErrorCode;
-(function(ErrorCode) {
+ */ var ErrorCode = /*#__PURE__*/ function(ErrorCode) {
     ErrorCode["AUTHORIZATION_HEADER_INVALID"] = "auth_header_invalid";
     ErrorCode["AUTHORIZATION_HEADER_PARSE"] = "auth_header_parse";
     ErrorCode["AUTHORIZATION_HEADER_TYPE_PARSE"] = "auth_header_type_parse";
     ErrorCode["CONNECTION_ABORTED"] = "ECONNABORTED";
     ErrorCode["CONNECTION_CLOSED"] = "ECONNRESET";
-})(ErrorCode || (ErrorCode = {}));
+    return ErrorCode;
+}({});
 class ClientError extends BaseError {
     constructor(ctx){
-        super();
-        this['@instanceof'] = Symbol.for('ClientError');
+        super(), this['@instanceof'] = Symbol.for('ClientError');
         this.request = ctx.request;
         this.response = ctx.response;
         this.code = ctx.code;
@@ -1224,12 +1664,12 @@ function stringifyAuthorizationHeader(header) {
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ var HeaderName;
-(function(HeaderName) {
+ */ var HeaderName = /*#__PURE__*/ function(HeaderName) {
     HeaderName["ACCEPT"] = "accept";
     HeaderName["AUTHORIZATION"] = "authorization";
     HeaderName["CONTENT_TYPE"] = "content-type";
-})(HeaderName || (HeaderName = {}));
+    return HeaderName;
+}({});
 function createDefaultRequestTransformer() {
     return (data, headers)=>{
         if (isFormData(data)) {
@@ -1700,7 +2140,7 @@ let Client$1 = class Client {
 function createClient(input) {
     return new Client$1(input);
 }
-function isClient(input) {
+function isClient$1(input) {
     if (input instanceof Client$1) {
         return true;
     }
@@ -1729,11 +2169,11 @@ createClient();
 class BaseAPI {
     // -----------------------------------------------------------------------------------
     setClient(input) {
-        this.client = isClient(input) ? input : createClient(input);
+        this.client = isClient$1(input) ? input : createClient(input);
     }
     // -----------------------------------------------------------------------------------
     constructor(context){
-        _define_property$5(this, "client", void 0);
+        _define_property$5(this, "client", undefined);
         context = context || {};
         this.setClient(context.client);
     }
@@ -1743,7 +2183,7 @@ class BaseAPI {
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ function asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, key, arg) {
+ */ function asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1757,16 +2197,16 @@ class BaseAPI {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$d(fn) {
+function _async_to_generator$e(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -1775,21 +2215,21 @@ function _async_to_generator$d(fn) {
 class MasterImageGroupAPI extends BaseAPI {
     getMany(data) {
         var _this = this;
-        return _async_to_generator$d(function*() {
+        return _async_to_generator$e(function*() {
             const response = yield _this.client.get(`master-image-groups${rapiq.buildQuery(data)}`);
             return response.data;
         })();
     }
     getOne(id) {
         var _this = this;
-        return _async_to_generator$d(function*() {
+        return _async_to_generator$e(function*() {
             const response = yield _this.client.delete(`master-image-groups/${id}`);
             return response.data;
         })();
     }
     delete(id) {
         var _this = this;
-        return _async_to_generator$d(function*() {
+        return _async_to_generator$e(function*() {
             const response = yield _this.client.delete(`master-image-groups/${id}`);
             return response.data;
         })();
@@ -1800,7 +2240,7 @@ class MasterImageGroupAPI extends BaseAPI {
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ function asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, key, arg) {
+ */ function asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -1814,16 +2254,16 @@ class MasterImageGroupAPI extends BaseAPI {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$c(fn) {
+function _async_to_generator$d(fn) {
     return function() {
         var self = this, args = arguments;
         return new Promise(function(resolve, reject) {
             var gen = fn.apply(self, args);
             function _next(value) {
-                asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
@@ -1860,28 +2300,28 @@ function _object_spread$3(target) {
 class MasterImageAPI extends BaseAPI {
     getMany(data) {
         var _this = this;
-        return _async_to_generator$c(function*() {
+        return _async_to_generator$d(function*() {
             const response = yield _this.client.get(`master-images${rapiq.buildQuery(data)}`);
             return response.data;
         })();
     }
     getOne(id, data) {
         var _this = this;
-        return _async_to_generator$c(function*() {
+        return _async_to_generator$d(function*() {
             const response = yield _this.client.get(`master-images/${id}${rapiq.buildQuery(data)}`);
             return response.data;
         })();
     }
     delete(id) {
         var _this = this;
-        return _async_to_generator$c(function*() {
+        return _async_to_generator$d(function*() {
             const response = yield _this.client.delete(`master-images/${id}`);
             return response.data;
         })();
     }
     runCommand(command, data = {}) {
         var _this = this;
-        return _async_to_generator$c(function*() {
+        return _async_to_generator$d(function*() {
             const actionData = _object_spread$3({
                 command
             }, data);
@@ -1890,6 +2330,77 @@ class MasterImageAPI extends BaseAPI {
         })();
     }
 }
+/*
+ * Copyright (c) 2021-2024.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ function asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator$c(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+class MasterImageEventLogAPI extends BaseAPI {
+    getMany(options) {
+        var _this = this;
+        return _async_to_generator$c(function*() {
+            const { data: response } = yield _this.client.get(`master-image-event-logs${rapiq.buildQuery(options)}`);
+            return response;
+        })();
+    }
+    getOne(id) {
+        var _this = this;
+        return _async_to_generator$c(function*() {
+            const { data: response } = yield _this.client.get(`master-image-event-logs/${id}`);
+            return response;
+        })();
+    }
+    delete(id) {
+        var _this = this;
+        return _async_to_generator$c(function*() {
+            const { data: response } = yield _this.client.delete(`master-image-event-logs/${id}`);
+            return response;
+        })();
+    }
+    update(id, data) {
+        var _this = this;
+        return _async_to_generator$c(function*() {
+            const { data: response } = yield _this.client.post(`master-image-event-logs/${id}`, data);
+            return response;
+        })();
+    }
+    create(data) {
+        var _this = this;
+        return _async_to_generator$c(function*() {
+            const { data: response } = yield _this.client.post('master-image-event-logs', data);
+            return response;
+        })();
+    }
+}
 function nullifyEmptyObjectProperties(data) {
     const keys = Object.keys(data);
     for(let i = 0; i < keys.length; i++){
@@ -2879,13 +3390,16 @@ class AnalysisBucketAPI extends BaseAPI {
 }
 class Client extends Client$1 {
     constructor(config){
-        super(config), _define_property(this, "masterImage", void 0), _define_property(this, "masterImageGroup", void 0), _define_property(this, "project", void 0), _define_property(this, "projectNode", void 0), _define_property(this, "registry", void 0), _define_property(this, "registryProject", void 0), _define_property(this, "node", void 0), _define_property(this, "analysis", void 0), _define_property(this, "analysisBucket", void 0), _define_property(this, "analysisBucketFile", void 0), _define_property(this, "analysisLog", void 0), _define_property(this, "analysisNode", void 0), _define_property(this, "analysisPermission", void 0), _define_property(this, "service", void 0);
+        super(config), _define_property(this, "masterImage", undefined), _define_property(this, "masterImageGroup", undefined), _define_property(this, "masterImageEventLog", undefined), _define_property(this, "project", undefined), _define_property(this, "projectNode", undefined), _define_property(this, "registry", undefined), _define_property(this, "registryProject", undefined), _define_property(this, "node", undefined), _define_property(this, "analysis", undefined), _define_property(this, "analysisBucket", undefined), _define_property(this, "analysisBucketFile", undefined), _define_property(this, "analysisLog", undefined), _define_property(this, "analysisNode", undefined), _define_property(this, "analysisPermission", undefined), _define_property(this, "service", undefined);
         this.masterImage = new MasterImageAPI({
             client: this
         });
         this.masterImageGroup = new MasterImageGroupAPI({
             client: this
         });
+        this.masterImageEventLog = new MasterImageEventLogAPI({
+            client: this
+        });
         this.project = new ProjectAPI({
             client: this
         });
@@ -2932,7 +3446,7 @@ class Client extends Client$1 {
 }
 
 function setupBaseHTTPClient(app, client) {
-    const storeCreator = clientWebKit.injectStore(app);
+    const storeCreator = clientWebKit.injectStoreFactory(app);
     const store = storeCreator();
     const { refreshToken } = clientWebKit.storeToRefs(store);
     const authupClient = clientWebKit.injectHTTPClient(app);
@@ -2947,26 +3461,28 @@ function setupBaseHTTPClient(app, client) {
             });
         },
         tokenCreated: (response)=>{
-            store.handleTokenGrantResponse(response);
+            store.applyTokenGrantResponse(response);
         },
         tokenFailed: ()=>{
             store.logout();
         },
         timer: false
     });
-    store.$subscribe((mutation, state)=>{
-        if (mutation.storeId !== clientWebKit.STORE_ID) return;
-        if (state.accessToken) {
+    const handleAccessTokenEvent = (token)=>{
+        if (token) {
             client.setAuthorizationHeader({
                 type: 'Bearer',
-                token: state.accessToken
+                token
             });
             tokenHook.mount();
         } else {
             client.unsetAuthorizationHeader();
             tokenHook.unmount();
         }
-    });
+    };
+    const dispatcher = clientWebKit.injectStoreDispatcher(app);
+    dispatcher.on(clientWebKit.StoreDispatcherEventName.ACCESS_TOKEN_UPDATED, (token)=>handleAccessTokenEvent(token));
+    handleAccessTokenEvent(store.accessToken);
 }
 
 const symbol$1 = Symbol.for('FCoreHTTPClient');
@@ -3041,18 +3557,15 @@ function injectSocketManager(app) {
 }
 
 function installSocketManager(app, options) {
-    const store = clientWebKit.useStore();
+    const store = clientWebKit.injectStore();
     const { accessToken } = clientWebKit.storeToRefs(store);
     const manager = new coreRealtimeKit.ClientManager({
         url: options.baseURL,
         token: ()=>accessToken.value
     });
-    const oldValue = vue.ref();
-    store.$subscribe((mutation, state)=>{
-        if (state.accessToken !== oldValue.value) {
-            oldValue.value = state.accessToken;
-            Promise.resolve().then(()=>manager.reconnect());
-        }
+    const storeDispatcher = clientWebKit.injectStoreDispatcher();
+    storeDispatcher.on(clientWebKit.StoreDispatcherEventName.ACCESS_TOKEN_UPDATED, ()=>{
+        Promise.resolve().then(()=>manager.reconnect());
     });
     provideSocketManager(manager, app);
 }
@@ -3065,7 +3578,7 @@ function createEntitySocket(ctx) {
         };
     }
     const socketManager = injectSocketManager();
-    const store = clientWebKit.useStore();
+    const store = clientWebKit.injectStore();
     const storeRefs = clientWebKit.storeToRefs(store);
     const realmId = vue.computed(()=>{
         if (storeRefs.realmName.value === coreKit$1.REALM_MASTER_NAME) {
@@ -3171,8 +3684,7 @@ function createEntitySocket(ctx) {
     vue.onUnmounted(()=>unmount());
     vue.watch(targetId, (val, oldValue)=>{
         if (val !== oldValue) {
-            unmount();
-            mount();
+            Promise.resolve().then(()=>unmount()).then(()=>mount());
         }
     });
     return {
@@ -3270,18 +3782,28 @@ function createList(context) {
             busy.value = false;
             meta.value.busy = false;
         }
-        if (context.loadAll && total.value > data.value.length) {
-            await load({
-                ...meta.value,
-                pagination: {
-                    ...meta.value.pagination,
-                    offset: (meta.value.pagination?.offset ?? 0) + (meta.value.pagination?.limit ?? 0)
-                }
-            });
+        if (context.loadAll) {
+            if (total.value > data.value.length) {
+                await load({
+                    ...meta.value,
+                    pagination: {
+                        ...meta.value.pagination,
+                        offset: (meta.value.pagination?.offset ?? 0) + (meta.value.pagination?.limit ?? 0)
+                    }
+                });
+                return;
+            }
+            if (context.onLoaded) {
+                context.onLoaded(meta.value);
+            }
+            return;
+        }
+        if (context.onLoaded) {
+            context.onLoaded(meta.value);
         }
     }
     const handleCreated = buildListCreatedHandler(data, (cbEntity)=>{
-        total.value--;
+        total.value++;
         if (context.onCreated) {
             context.onCreated(cbEntity, meta.value);
         }
@@ -3321,21 +3843,13 @@ function createList(context) {
                 total: total.value
             },
             onCreated (value) {
-                if (context.setup.emit) {
-                    context.setup.emit('created', value);
-                }
-                total.value++;
+                handleCreated(value);
             },
             onDeleted (value) {
-                if (context.setup.emit) {
-                    context.setup.emit('deleted', value);
-                }
-                total.value--;
+                handleDeleted(value);
             },
             onUpdated: (value)=>{
-                if (context.setup.emit) {
-                    context.setup.emit('updated', value);
-                }
+                handleUpdated(value);
             },
             slotItems: context.setup.slots || {}
         });
@@ -3398,8 +3912,7 @@ function createList(context) {
     };
 }
 
-exports.EntityListSlotName = void 0;
-(function(EntityListSlotName) {
+var EntityListSlotName = /*#__PURE__*/ function(EntityListSlotName) {
     EntityListSlotName[EntityListSlotName["DEFAULT"] = listControls.SlotName.DEFAULT] = "DEFAULT";
     EntityListSlotName[EntityListSlotName["BODY"] = listControls.SlotName.BODY] = "BODY";
     EntityListSlotName[EntityListSlotName["ITEM"] = listControls.SlotName.ITEM] = "ITEM";
@@ -3409,7 +3922,8 @@ exports.EntityListSlotName = void 0;
     EntityListSlotName[EntityListSlotName["FOOTER"] = listControls.SlotName.FOOTER] = "FOOTER";
     EntityListSlotName[EntityListSlotName["NO_MORE"] = listControls.SlotName.NO_MORE] = "NO_MORE";
     EntityListSlotName[EntityListSlotName["LOADING"] = listControls.SlotName.LOADING] = "LOADING";
-})(exports.EntityListSlotName || (exports.EntityListSlotName = {}));
+    return EntityListSlotName;
+}({});
 
 /*
  * Copyright (c) 2023-2024.
@@ -3816,109 +4330,6 @@ function createEntityManager(ctx) {
     };
 }
 
-/*
- * 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 {
     async get(context) {
         if (!this.data[context.locale] || !this.data[context.locale][context.group]) {
@@ -4146,7 +4557,7 @@ var FMasterImagePicker = vue.defineComponent({
                         ref: itemListNode,
                         query: imageQuery.value
                     }, {
-                        [exports.EntityListSlotName.BODY]: (props)=>{
+                        [EntityListSlotName.BODY]: (props)=>{
                             const options = props.data.map((entity)=>({
                                     id: entity.id,
                                     value: entity.name
@@ -4189,7 +4600,7 @@ var FMasterImagePicker = vue.defineComponent({
                     class: 'col'
                 }, [
                     vue.h(MasterImageGroupList, {}, {
-                        [exports.EntityListSlotName.BODY]: (props)=>{
+                        [EntityListSlotName.BODY]: (props)=>{
                             const options = props.data.map((entity)=>({
                                     id: entity.virtual_path,
                                     value: entity.virtual_path
@@ -4225,12 +4636,18 @@ var FMasterImagePicker = vue.defineComponent({
     }
 });
 
-var ElementType;
-(function(ElementType) {
+/*
+ * 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 ElementType = /*#__PURE__*/ function(ElementType) {
     ElementType["BUTTON"] = "button";
     ElementType["LINK"] = "link";
     ElementType["DROP_DOWN_ITEM"] = "dropDownItem";
-})(ElementType || (ElementType = {}));
+    return ElementType;
+}({});
+
 var FEntityDelete = vue.defineComponent({
     name: 'FEntityDelete',
     props: {
@@ -4244,7 +4661,7 @@ var FEntityDelete = vue.defineComponent({
         },
         elementType: {
             type: String,
-            default: "button"
+            default: `${ElementType.BUTTON}`
         },
         entityId: {
             type: String,
@@ -4294,10 +4711,10 @@ var FEntityDelete = vue.defineComponent({
             let tag = 'button';
             const data = {};
             switch(props.elementType){
-                case "link":
+                case ElementType.LINK:
                     tag = 'a';
                     break;
-                case "dropDownItem":
+                case ElementType.DROP_DOWN_ITEM:
                     if (instance && typeof instance.appContext.app.component('BDropdownItem') !== 'undefined') {
                         tag = vue.resolveDynamicComponent('BDropdownItem');
                     }
@@ -4364,54 +4781,177 @@ var FMasterImagesSync = vue.defineComponent({
             if (itemList.value) {
                 itemList.value.handleDeleted(data.id);
             }
-        };
-        return ()=>vue.h('div', [
-                vue.h('p', [
-                    'The master images and groups are extracted from the GitHub repository after executing the sync command and are then transferred to the database.' + ' ' + 'In addition, the master images are built and transferred to all registered registry instances.'
-                ]),
+        };
+        return ()=>vue.h('div', [
+                vue.h('div', {
+                    class: 'mb-1'
+                }, [
+                    vue.h('button', {
+                        type: 'button',
+                        disabled: busy.value,
+                        class: 'btn btn-xs btn-success',
+                        onClick (event) {
+                            event.preventDefault();
+                            return syncMasterImages();
+                        }
+                    }, [
+                        vue.h('i', {
+                            class: 'fa fa-sync me-1'
+                        }),
+                        'Sync'
+                    ])
+                ]),
+                vue.h(MasterImageList, {
+                    ref: itemList
+                }, {
+                    [EntityListSlotName.ITEM_ACTIONS]: (props)=>vue.h(FEntityDelete, {
+                            class: 'btn btn-xs btn-danger',
+                            elementType: 'button',
+                            entityId: props.data.id,
+                            entityType: coreKit.DomainType.MASTER_IMAGE,
+                            withText: false,
+                            onDeleted (item) {
+                                return handleDeleted(item);
+                            }
+                        })
+                })
+            ]);
+    }
+});
+
+var FMasterImageEventLog = vue.defineComponent({
+    props: {
+        index: {
+            type: Number,
+            default: 0
+        },
+        entity: {
+            type: Object,
+            required: true
+        }
+    },
+    setup (props) {
+        const entity = vue.toRef(props, 'entity');
+        const message = [
+            'Event '
+        ];
+        message.push(vue.h('strong', `${entity.value.name}`));
+        if (entity.value.master_image) {
+            message.push(vue.h('span', {
+                class: 'ms-1'
+            }, [
+                `(${entity.value.master_image.virtual_path})`
+            ]));
+        }
+        message.push(' triggered.');
+        // todo: render entity.value.data depending on event name
+        return ()=>vue.h('div', {
+                class: `line line-${props.index + 1}`
+            }, [
+                vue.h('div', {
+                    class: 'd-flex flex-row'
+                }, [
+                    vue.h('div', {
+                        class: 'line-number'
+                    }, [
+                        props.index + 1
+                    ]),
+                    vue.h('div', {
+                        class: 'line-content d-flex flex-row'
+                    }, [
+                        vue.h('div', {
+                            class: [
+                                'line-message'
+                            ]
+                        }, [
+                            message
+                        ]),
+                        vue.h('div', {
+                            class: 'ms-auto'
+                        }, [
+                            vue.h(timeago.VCTimeago, {
+                                datetime: entity.value.created_at
+                            })
+                        ])
+                    ])
+                ])
+            ]);
+    }
+});
+
+var FMasterImageEventLogs = vue.defineComponent({
+    setup (props, setup) {
+        const rootNode = vue.ref(null);
+        const scrollToLastLine = (meta)=>{
+            if (!rootNode.value) {
+                return;
+            }
+            const el = rootNode.value.getElementsByClassName(`line-${meta.total}`)[0];
+            if (el) {
+                el.scrollIntoView({
+                    behavior: 'smooth'
+                });
+            }
+        };
+        const { render, setDefaults } = createList({
+            type: `${coreKit.DomainType.MASTER_IMAGE_EVENT_LOG}`,
+            onCreated (_entity, meta) {
+                scrollToLastLine(meta);
+            },
+            onLoaded (meta) {
+                vue.nextTick(()=>{
+                    scrollToLastLine(meta);
+                });
+            },
+            socket: {
+                processEvent (event) {
+                    return event.meta.roomName !== coreKit.buildDomainChannelName(coreKit.DomainType.MASTER_IMAGE_EVENT_LOG);
+                }
+            },
+            props,
+            setup,
+            loadAll: true,
+            query: {
+                sort: {
+                    created_at: 'ASC'
+                },
+                relations: {
+                    master_image: true
+                }
+            }
+        });
+        setDefaults({
+            noMore: {
+                content: 'No more logs available...'
+            },
+            item: {
+                content (item, slotProps) {
+                    return vue.h(FMasterImageEventLog, {
+                        entity: item,
+                        index: slotProps.index,
+                        onDeleted () {
+                            if (slotProps && slotProps.deleted) {
+                                slotProps.deleted(item);
+                            }
+                        },
+                        onUpdated: (e)=>{
+                            if (slotProps && slotProps.updated) {
+                                slotProps.updated(e);
+                            }
+                        }
+                    });
+                }
+            }
+        });
+        return ()=>vue.h('div', {
+                ref: rootNode,
+                class: 'log-container'
+            }, [
                 vue.h('div', {
-                    class: 'mb-1'
+                    class: 'log-body'
                 }, [
-                    vue.h('button', {
-                        type: 'button',
-                        disabled: busy.value,
-                        class: 'btn btn-xs btn-success',
-                        onClick (event) {
-                            event.preventDefault();
-                            return syncMasterImages();
-                        }
-                    }, [
-                        vue.h('i', {
-                            class: 'fa fa-sync me-1'
-                        }),
-                        'Sync'
-                    ])
-                ]),
-                vue.h(MasterImageList, {
-                    ref: itemList,
-                    scopedSlots: {
-                        [exports.EntityListSlotName.HEADER]: (props)=>[
-                                vue.h(clientWebKit.ASearch, {
-                                    load: props.load,
-                                    meta: props.meta,
-                                    busy: props.busy
-                                }),
-                                vue.h('strong', [
-                                    'Overview'
-                                ])
-                            ],
-                        [exports.EntityListSlotName.ITEM_ACTIONS]: (props)=>vue.h(FEntityDelete, {
-                                class: 'btn btn-xs btn-danger',
-                                elementType: 'button',
-                                entityId: props.data.id,
-                                entityType: coreKit.DomainType.MASTER_IMAGE,
-                                withText: false,
-                                onDeleted (item) {
-                                    return handleDeleted(item);
-                                }
-                            })
-                    }
-                })
+                    render()
+                ])
             ]);
     }
 });
@@ -4556,7 +5096,9 @@ const FProjectNodeApprovalCommand = vue.defineComponent({
                 emit('failed', e);
             }
         });
-        const isAllowed = clientWebKit.useAbilityCheck(PermissionName.PROJECT_APPROVE);
+        const isAllowed = clientWebKit.usePermissionCheck({
+            name: PermissionName.PROJECT_APPROVE
+        });
         return ()=>renderActionCommand({
                 execute,
                 elementType: props.elementType,
@@ -4676,16 +5218,6 @@ var FProjectNodeAssignAction = vue.defineComponent({
     }
 });
 
-var Direction$3;
-(function(Direction) {
-    Direction["IN"] = "in";
-    Direction["OUT"] = "out";
-})(Direction$3 || (Direction$3 = {}));
-var Target$1;
-(function(Target) {
-    Target["PROJECT"] = "project";
-    Target["NODE"] = "node";
-})(Target$1 || (Target$1 = {}));
 var FProjectNode = vue.defineComponent({
     props: {
         entity: {
@@ -4778,11 +5310,6 @@ var FProjectNode = vue.defineComponent({
     }
 });
 
-var Direction$2;
-(function(Direction) {
-    Direction["IN"] = "in";
-    Direction["OUT"] = "out";
-})(Direction$2 || (Direction$2 = {}));
 var FProjectNodes = vue.defineComponent({
     props: {
         ...defineListProps(),
@@ -4799,7 +5326,7 @@ var FProjectNodes = vue.defineComponent({
         },
         direction: {
             type: String,
-            default: "out"
+            default: `${"out"}`
         },
         includeNode: {
             type: Boolean,
@@ -5056,7 +5583,7 @@ const FProjectInForm = vue.defineComponent({
     }
 });
 
-var _sfc_main$f = vue.defineComponent({
+var _sfc_main$h = vue.defineComponent({
     components: {
         BModal: bootstrapVueNext.BModal,
         FProjectInForm,
@@ -5103,99 +5630,56 @@ var _sfc_main$f = vue.defineComponent({
     }
 });
 
-const _hoisted_1$d = {
+const _hoisted_1$f = {
     class: "d-flex flex-column gap-1 w-100"
 };
-const _hoisted_2$d = {
+const _hoisted_2$e = {
     class: "w-100"
 };
-const _hoisted_3$d = {
+const _hoisted_3$c = {
     class: "d-flex flex-row align-items-center"
 };
-const _hoisted_4$c = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fas fa-project-diagram me-1"
-}, null, -1);
-const _hoisted_5$a = {
+const _hoisted_4$c = {
     class: "ms-auto d-flex flex-row gap-1"
 };
-const _hoisted_6$8 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fa fa-bars"
-}, null, -1);
-const _hoisted_7$6 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fa fa-comment-alt"
-}, null, -1);
-const _hoisted_8$6 = [
-    _hoisted_7$6
-];
-const _hoisted_9$6 = {
+const _hoisted_5$8 = {
     class: "row"
 };
-const _hoisted_10$5 = {
+const _hoisted_6$7 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
-const _hoisted_11$4 = /* @__PURE__ */ vue.createElementVNode("div", null, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, [
-        /* @__PURE__ */ vue.createElementVNode("i", {
-            class: "fa-solid fa-server"
-        }),
-        /* @__PURE__ */ vue.createTextVNode(" Node")
-    ])
-], -1);
-const _hoisted_12$4 = {
+const _hoisted_7$6 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
-const _hoisted_13$3 = /* @__PURE__ */ vue.createElementVNode("div", null, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, [
-        /* @__PURE__ */ vue.createElementVNode("i", {
-            class: "fa-solid fa-heartbeat"
-        }),
-        /* @__PURE__ */ vue.createTextVNode(" Status")
-    ])
-], -1);
-const _hoisted_14$3 = {
+const _hoisted_8$6 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
-const _hoisted_15$3 = /* @__PURE__ */ vue.createElementVNode("div", null, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, [
-        /* @__PURE__ */ vue.createElementVNode("i", {
-            class: "fa-solid fa-user"
-        }),
-        /* @__PURE__ */ vue.createTextVNode(" Creator")
-    ])
-], -1);
-const _hoisted_16$3 = {
+const _hoisted_9$4 = {
     class: "d-flex flex-row"
 };
-const _hoisted_17$3 = {
+const _hoisted_10$4 = {
     class: ""
 };
-const _hoisted_18$3 = /* @__PURE__ */ vue.createElementVNode("span", {
-    class: "text-muted"
-}, " created ", -1);
-const _hoisted_19$1 = {
+const _hoisted_11$3 = {
     class: "ms-auto"
 };
-const _hoisted_20$1 = /* @__PURE__ */ vue.createElementVNode("span", {
-    class: "text-muted"
-}, " updated ", -1);
-const _hoisted_21$1 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fas fa-file-import"
-}, null, -1);
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_VCLink = vue.resolveComponent("VCLink");
     const _component_FProjectNodeApprovalCommand = vue.resolveComponent("FProjectNodeApprovalCommand");
     const _component_FProjectNodeApprovalStatus = vue.resolveComponent("FProjectNodeApprovalStatus");
     const _component_VCTimeago = vue.resolveComponent("VCTimeago");
     const _component_FProjectInForm = vue.resolveComponent("FProjectInForm");
     const _component_BModal = vue.resolveComponent("BModal");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
-        vue.createElementVNode("div", _hoisted_2$d, [
-            vue.createElementVNode("div", _hoisted_3$d, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
+        vue.createElementVNode("div", _hoisted_2$e, [
+            vue.createElementVNode("div", _hoisted_3$c, [
                 vue.createElementVNode("div", null, [
                     vue.renderSlot(_ctx.$slots, "title", {
                         data: _ctx.entity
                     }, ()=>[
-                            _hoisted_4$c,
+                            _cache[2] || (_cache[2] = vue.createElementVNode("i", {
+                                class: "fas fa-project-diagram me-1"
+                            }, null, -1)),
                             vue.createVNode(_component_VCLink, {
                                 to: "/projects/" + _ctx.entity.project.id,
                                 class: "mb-0"
@@ -5209,7 +5693,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                 ]),
-                vue.createElementVNode("div", _hoisted_5$a, [
+                vue.createElementVNode("div", _hoisted_4$c, [
                     vue.renderSlot(_ctx.$slots, "itemActions", {
                         data: _ctx.entity
                     }, ()=>[
@@ -5218,9 +5702,11 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                                 disabled: _ctx.busy,
                                 class: "btn btn-xs btn-dark"
                             }, {
-                                default: vue.withCtx(()=>[
-                                        _hoisted_6$8
-                                    ]),
+                                default: vue.withCtx(()=>_cache[3] || (_cache[3] = [
+                                        vue.createElementVNode("i", {
+                                            class: "fa fa-bars"
+                                        }, null, -1)
+                                    ])),
                                 _: 1
                             }, 8, [
                                 "to",
@@ -5232,7 +5718,11 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                                 onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args)=>_ctx.toggleModal && _ctx.toggleModal(...args), [
                                     "prevent"
                                 ]))
-                            }, _hoisted_8$6),
+                            }, _cache[4] || (_cache[4] = [
+                                vue.createElementVNode("i", {
+                                    class: "fa fa-comment-alt"
+                                }, null, -1)
+                            ])),
                             vue.createVNode(_component_FProjectNodeApprovalCommand, {
                                 "entity-id": _ctx.entity.id,
                                 "approval-status": _ctx.entity.approval_status,
@@ -5266,13 +5756,27 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "body", {
             data: _ctx.entity
         }, ()=>[
-                vue.createElementVNode("div", _hoisted_9$6, [
-                    vue.createElementVNode("div", _hoisted_10$5, [
-                        _hoisted_11$4,
+                vue.createElementVNode("div", _hoisted_5$8, [
+                    vue.createElementVNode("div", _hoisted_6$7, [
+                        _cache[5] || (_cache[5] = vue.createElementVNode("div", null, [
+                            vue.createElementVNode("strong", null, [
+                                vue.createElementVNode("i", {
+                                    class: "fa-solid fa-server"
+                                }),
+                                vue.createTextVNode(" Node")
+                            ])
+                        ], -1)),
                         vue.createElementVNode("div", null, vue.toDisplayString(_ctx.entity.node.name), 1)
                     ]),
-                    vue.createElementVNode("div", _hoisted_12$4, [
-                        _hoisted_13$3,
+                    vue.createElementVNode("div", _hoisted_7$6, [
+                        _cache[6] || (_cache[6] = vue.createElementVNode("div", null, [
+                            vue.createElementVNode("strong", null, [
+                                vue.createElementVNode("i", {
+                                    class: "fa-solid fa-heartbeat"
+                                }),
+                                vue.createTextVNode(" Status")
+                            ])
+                        ], -1)),
                         vue.createElementVNode("div", null, [
                             vue.createVNode(_component_FProjectNodeApprovalStatus, {
                                 status: _ctx.entity.approval_status
@@ -5288,8 +5792,15 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                     ]),
-                    vue.createElementVNode("div", _hoisted_14$3, [
-                        _hoisted_15$3,
+                    vue.createElementVNode("div", _hoisted_8$6, [
+                        _cache[7] || (_cache[7] = vue.createElementVNode("div", null, [
+                            vue.createElementVNode("strong", null, [
+                                vue.createElementVNode("i", {
+                                    class: "fa-solid fa-user"
+                                }),
+                                vue.createTextVNode(" Creator")
+                            ])
+                        ], -1)),
                         vue.createElementVNode("div", null, [
                             _ctx.entity.project.user_id ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                                 key: 0
@@ -5298,7 +5809,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                             ], 64)) : _ctx.entity.project.robot_id ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                                 key: 1
                             }, [
-                                vue.createTextVNode(vue.toDisplayString(_ctx.entity.project.project.robot_id), 1)
+                                vue.createTextVNode(vue.toDisplayString(_ctx.entity.project.robot_id), 1)
                             ], 64)) : vue.createCommentVNode("", true)
                         ])
                     ])
@@ -5307,10 +5818,12 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "footer", {
             data: _ctx.entity
         }, ()=>[
-                vue.createElementVNode("div", _hoisted_16$3, [
-                    vue.createElementVNode("div", _hoisted_17$3, [
+                vue.createElementVNode("div", _hoisted_9$4, [
+                    vue.createElementVNode("div", _hoisted_10$4, [
                         vue.createElementVNode("small", null, [
-                            _hoisted_18$3,
+                            _cache[8] || (_cache[8] = vue.createElementVNode("span", {
+                                class: "text-muted"
+                            }, " created ", -1)),
                             vue.createVNode(_component_VCTimeago, {
                                 datetime: _ctx.entity.created_at
                             }, null, 8, [
@@ -5318,9 +5831,11 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                     ]),
-                    vue.createElementVNode("div", _hoisted_19$1, [
+                    vue.createElementVNode("div", _hoisted_11$3, [
                         vue.createElementVNode("small", null, [
-                            _hoisted_20$1,
+                            _cache[9] || (_cache[9] = vue.createElementVNode("span", {
+                                class: "text-muted"
+                            }, " updated ", -1)),
                             vue.createVNode(_component_VCTimeago, {
                                 datetime: _ctx.entity.updated_at
                             }, null, 8, [
@@ -5340,7 +5855,9 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
             "hide-footer": true
         }, {
             title: vue.withCtx(()=>[
-                    _hoisted_21$1,
+                    _cache[10] || (_cache[10] = vue.createElementVNode("i", {
+                        class: "fas fa-file-import"
+                    }, null, -1)),
                     vue.createTextVNode(" Project " + vue.toDisplayString(_ctx.entity.project.name), 1)
                 ]),
             default: vue.withCtx(()=>[
@@ -5365,10 +5882,10 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ]);
 }
-var FProjectNodeInCard = /* @__PURE__ */ _export_sfc(_sfc_main$f, [
+var FProjectNodeInCard = /* @__PURE__ */ _export_sfc(_sfc_main$h, [
     [
         "render",
-        _sfc_render$f
+        _sfc_render$h
     ]
 ]);
 
@@ -5587,14 +6104,14 @@ const FProjectForm = vue.defineComponent({
                         }
                     }
                 }, {
-                    [exports.EntityListSlotName.HEADER]: (props)=>[
+                    [EntityListSlotName.HEADER]: (props)=>[
                             vue.h('label', 'Nodes'),
                             vue.h(FSearch, {
                                 load: props.load,
                                 meta: props.meta
                             })
                         ],
-                    [exports.EntityListSlotName.ITEM_ACTIONS]: (props)=>{
+                    [EntityListSlotName.ITEM_ACTIONS]: (props)=>{
                         if (manager.data.value) {
                             return vue.h(FProjectNodeAssignAction, {
                                 key: props.data.id,
@@ -5641,7 +6158,7 @@ const FProjectForm = vue.defineComponent({
     }
 });
 
-var _sfc_main$e = vue.defineComponent({
+var _sfc_main$g = vue.defineComponent({
     components: {
         FEntityDelete,
         VCLink: link.VCLink,
@@ -5662,7 +6179,9 @@ var _sfc_main$e = vue.defineComponent({
     ],
     slots: Object,
     setup (_props, { emit }) {
-        const canDelete = clientWebKit.useAbilityCheck(PermissionName.PROJECT_DELETE);
+        const canDelete = clientWebKit.usePermissionCheck({
+            name: PermissionName.PROJECT_DELETE
+        });
         const handleDeleted = (data)=>{
             emit('deleted', data);
         };
@@ -5673,87 +6192,53 @@ var _sfc_main$e = vue.defineComponent({
     }
 });
 
-const _hoisted_1$c = {
+const _hoisted_1$e = {
     class: "d-flex flex-column w-100"
 };
-const _hoisted_2$c = {
+const _hoisted_2$d = {
     class: "w-100"
 };
-const _hoisted_3$c = {
+const _hoisted_3$b = {
     class: "d-flex flex-row align-items-center"
 };
-const _hoisted_4$b = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fas fa-project-diagram me-1"
-}, null, -1);
-const _hoisted_5$9 = {
+const _hoisted_4$b = {
     class: "ms-auto"
 };
-const _hoisted_6$7 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fa fa-bars"
-}, null, -1);
-const _hoisted_7$5 = {
+const _hoisted_5$7 = {
     class: "d-flex justify-content-between flex-row"
 };
-const _hoisted_8$5 = {
+const _hoisted_6$6 = {
     class: "d-flex flex-grow-1 align-items-center flex-column"
 };
-const _hoisted_9$5 = /* @__PURE__ */ vue.createElementVNode("div", null, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, [
-        /* @__PURE__ */ vue.createElementVNode("i", {
-            class: "fa fa-microscope"
-        }),
-        /* @__PURE__ */ vue.createTextVNode(" Analyses")
-    ])
-], -1);
-const _hoisted_10$4 = {
+const _hoisted_7$5 = {
     class: "d-flex flex-grow-1 align-items-center flex-column"
 };
-const _hoisted_11$3 = /* @__PURE__ */ vue.createElementVNode("div", null, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, [
-        /* @__PURE__ */ vue.createElementVNode("i", {
-            class: "fa-solid fa-server"
-        }),
-        /* @__PURE__ */ vue.createTextVNode(" Nodes")
-    ])
-], -1);
-const _hoisted_12$3 = {
+const _hoisted_8$5 = {
     class: "d-flex flex-grow-1 align-items-center flex-column"
 };
-const _hoisted_13$2 = /* @__PURE__ */ vue.createElementVNode("div", null, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, [
-        /* @__PURE__ */ vue.createElementVNode("i", {
-            class: "fa-solid fa-user"
-        }),
-        /* @__PURE__ */ vue.createTextVNode(" Creator")
-    ])
-], -1);
-const _hoisted_14$2 = {
+const _hoisted_9$3 = {
     class: "d-flex flex-row"
 };
-const _hoisted_15$2 = {
+const _hoisted_10$3 = {
     class: ""
 };
-const _hoisted_16$2 = /* @__PURE__ */ vue.createElementVNode("span", {
-    class: "text-muted"
-}, " created ", -1);
-const _hoisted_17$2 = {
+const _hoisted_11$2 = {
     class: "ms-auto"
 };
-const _hoisted_18$2 = /* @__PURE__ */ vue.createElementVNode("span", {
-    class: "text-muted"
-}, " updated ", -1);
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_VCLink = vue.resolveComponent("VCLink");
     const _component_FEntityDelete = vue.resolveComponent("FEntityDelete");
     const _component_VCTimeago = vue.resolveComponent("VCTimeago");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
-        vue.createElementVNode("div", _hoisted_2$c, [
-            vue.createElementVNode("div", _hoisted_3$c, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
+        vue.createElementVNode("div", _hoisted_2$d, [
+            vue.createElementVNode("div", _hoisted_3$b, [
                 vue.createElementVNode("div", null, [
                     vue.renderSlot(_ctx.$slots, "title", {
                         data: _ctx.entity
                     }, ()=>[
-                            _hoisted_4$b,
+                            _cache[0] || (_cache[0] = vue.createElementVNode("i", {
+                                class: "fas fa-project-diagram me-1"
+                            }, null, -1)),
                             vue.createVNode(_component_VCLink, {
                                 to: "/projects/" + _ctx.entity.id,
                                 class: "mb-0"
@@ -5767,7 +6252,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                 ]),
-                vue.createElementVNode("div", _hoisted_5$9, [
+                vue.createElementVNode("div", _hoisted_4$b, [
                     vue.renderSlot(_ctx.$slots, "itemActions", {
                         data: _ctx.entity
                     }, ()=>[
@@ -5776,9 +6261,11 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
                                 disabled: _ctx.busy,
                                 class: "btn btn-xs btn-dark"
                             }, {
-                                default: vue.withCtx(()=>[
-                                        _hoisted_6$7
-                                    ]),
+                                default: vue.withCtx(()=>_cache[1] || (_cache[1] = [
+                                        vue.createElementVNode("i", {
+                                            class: "fa fa-bars"
+                                        }, null, -1)
+                                    ])),
                                 _: 1
                             }, 8, [
                                 "to",
@@ -5804,9 +6291,16 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "body", {
             data: _ctx.entity
         }, ()=>[
-                vue.createElementVNode("div", _hoisted_7$5, [
-                    vue.createElementVNode("div", _hoisted_8$5, [
-                        _hoisted_9$5,
+                vue.createElementVNode("div", _hoisted_5$7, [
+                    vue.createElementVNode("div", _hoisted_6$6, [
+                        _cache[2] || (_cache[2] = vue.createElementVNode("div", null, [
+                            vue.createElementVNode("strong", null, [
+                                vue.createElementVNode("i", {
+                                    class: "fa fa-microscope"
+                                }),
+                                vue.createTextVNode(" Analyses")
+                            ])
+                        ], -1)),
                         vue.createElementVNode("div", {
                             class: vue.normalizeClass({
                                 "text-success": _ctx.entity.analyses > 0,
@@ -5814,8 +6308,15 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
                             })
                         }, vue.toDisplayString(_ctx.entity.analyses), 3)
                     ]),
-                    vue.createElementVNode("div", _hoisted_10$4, [
-                        _hoisted_11$3,
+                    vue.createElementVNode("div", _hoisted_7$5, [
+                        _cache[3] || (_cache[3] = vue.createElementVNode("div", null, [
+                            vue.createElementVNode("strong", null, [
+                                vue.createElementVNode("i", {
+                                    class: "fa-solid fa-server"
+                                }),
+                                vue.createTextVNode(" Nodes")
+                            ])
+                        ], -1)),
                         vue.createElementVNode("div", {
                             class: vue.normalizeClass({
                                 "text-success": _ctx.entity.nodes > 0,
@@ -5823,8 +6324,15 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
                             })
                         }, vue.toDisplayString(_ctx.entity.nodes), 3)
                     ]),
-                    vue.createElementVNode("div", _hoisted_12$3, [
-                        _hoisted_13$2,
+                    vue.createElementVNode("div", _hoisted_8$5, [
+                        _cache[4] || (_cache[4] = vue.createElementVNode("div", null, [
+                            vue.createElementVNode("strong", null, [
+                                vue.createElementVNode("i", {
+                                    class: "fa-solid fa-user"
+                                }),
+                                vue.createTextVNode(" Creator")
+                            ])
+                        ], -1)),
                         vue.createElementVNode("div", null, [
                             _ctx.entity.user_id ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                                 key: 0
@@ -5842,10 +6350,12 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "footer", {
             data: _ctx.entity
         }, ()=>[
-                vue.createElementVNode("div", _hoisted_14$2, [
-                    vue.createElementVNode("div", _hoisted_15$2, [
+                vue.createElementVNode("div", _hoisted_9$3, [
+                    vue.createElementVNode("div", _hoisted_10$3, [
                         vue.createElementVNode("small", null, [
-                            _hoisted_16$2,
+                            _cache[5] || (_cache[5] = vue.createElementVNode("span", {
+                                class: "text-muted"
+                            }, " created ", -1)),
                             vue.createVNode(_component_VCTimeago, {
                                 datetime: _ctx.entity.created_at
                             }, null, 8, [
@@ -5853,9 +6363,11 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                     ]),
-                    vue.createElementVNode("div", _hoisted_17$2, [
+                    vue.createElementVNode("div", _hoisted_11$2, [
                         vue.createElementVNode("small", null, [
-                            _hoisted_18$2,
+                            _cache[6] || (_cache[6] = vue.createElementVNode("span", {
+                                class: "text-muted"
+                            }, " updated ", -1)),
                             vue.createVNode(_component_VCTimeago, {
                                 datetime: _ctx.entity.updated_at
                             }, null, 8, [
@@ -5867,10 +6379,10 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
             ])
     ]);
 }
-var FProjectItemCard = /* @__PURE__ */ _export_sfc(_sfc_main$e, [
+var FProjectItemCard = /* @__PURE__ */ _export_sfc(_sfc_main$g, [
     [
         "render",
-        _sfc_render$e
+        _sfc_render$g
     ]
 ]);
 
@@ -6310,7 +6822,7 @@ var RegistryProjectDetails = vue.defineComponent({
                         }, [
                             vue.h('label', {
                                 class: 'pe-1'
-                            }, 'Namespace'),
+                            }, 'Project'),
                             vue.h('input', {
                                 class: 'form-control',
                                 type: 'text',
@@ -6324,7 +6836,7 @@ var RegistryProjectDetails = vue.defineComponent({
                             }, [
                                 vue.h('label', {
                                     class: 'pe-1'
-                                }, 'ID'),
+                                }, 'Account ID'),
                                 vue.h('input', {
                                     class: 'form-control',
                                     type: 'text',
@@ -6335,7 +6847,7 @@ var RegistryProjectDetails = vue.defineComponent({
                             ]),
                             formControls.buildFormGroup({
                                 label: true,
-                                labelContent: 'Secret',
+                                labelContent: 'Account Secret',
                                 validationMessages: translationsValidation.secret.value,
                                 validationSeverity: vuelidate.getSeverity(vuelidate$1.value.secret),
                                 content: formControls.buildFormInput({
@@ -6632,7 +7144,7 @@ var FRegistryProjectForm = vue.defineComponent({
                 registry = [
                     vue.h('hr'),
                     vue.h(RegistryList, {
-                        [exports.EntityListSlotName.ITEM_ACTIONS]: (props)=>vue.h('button', {
+                        [EntityListSlotName.ITEM_ACTIONS]: (props)=>vue.h('button', {
                                 attrs: {
                                     disabled: props.busy
                                 },
@@ -6739,9 +7251,7 @@ var FNodeForm = vue.defineComponent({
             realm_id: {
                 required: validators.required
             },
-            registry_id: {
-                required: validators.required
-            },
+            registry_id: {},
             external_name: {
                 alphaNumHyphenUnderscore: validators.helpers.regex(alphaNumHyphenUnderscoreRegex),
                 minLength: validators.minLength(3),
@@ -6791,7 +7301,7 @@ var FNodeForm = vue.defineComponent({
             if (!isRealmLocked.value) {
                 realm = [
                     vue.h(clientWebKit.ARealms, {}, {
-                        [exports.EntityListSlotName.BODY]: (props)=>formControls.buildFormGroup({
+                        [EntityListSlotName.BODY]: (props)=>formControls.buildFormGroup({
                                 validationMessages: translationsValidation.realm_id.value,
                                 validationSeverity: vuelidate.getSeverity($v.value.realm_id),
                                 label: true,
@@ -6870,7 +7380,7 @@ var FNodeForm = vue.defineComponent({
                     label: true,
                     labelContent: 'Registry',
                     content: vue.h(RegistryList, {}, {
-                        [exports.EntityListSlotName.ITEM_ACTIONS]: (props)=>vue.h('button', {
+                        [EntityListSlotName.ITEM_ACTIONS]: (props)=>vue.h('button', {
                                 disabled: props.busy,
                                 class: [
                                     'btn btn-xs',
@@ -6924,10 +7434,539 @@ var FNodeForm = vue.defineComponent({
                         submitNode
                     ])
                 ])
-            ]);
-        };
-    }
-});
+            ]);
+        };
+    }
+});
+
+function tryOnScopeDispose(fn) {
+    if (vue.getCurrentScope()) {
+        vue.onScopeDispose(fn);
+        return true;
+    }
+    return false;
+}
+function toValue(r) {
+    return typeof r === "function" ? r() : vue.unref(r);
+}
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const toString = Object.prototype.toString;
+const isObject = (val)=>toString.call(val) === "[object Object]";
+const noop = ()=>{};
+function createSingletonPromise(fn) {
+    let _promise;
+    function wrapper() {
+        if (!_promise) _promise = fn();
+        return _promise;
+    }
+    wrapper.reset = async ()=>{
+        const _prev = _promise;
+        _promise = undefined;
+        if (_prev) await _prev;
+    };
+    return wrapper;
+}
+function useTimeoutFn(cb, interval, options = {}) {
+    const { immediate = true } = options;
+    const isPending = vue.ref(false);
+    let timer = null;
+    function clear() {
+        if (timer) {
+            clearTimeout(timer);
+            timer = null;
+        }
+    }
+    function stop() {
+        isPending.value = false;
+        clear();
+    }
+    function start(...args) {
+        clear();
+        isPending.value = true;
+        timer = setTimeout(()=>{
+            isPending.value = false;
+            timer = null;
+            cb(...args);
+        }, toValue(interval));
+    }
+    if (immediate) {
+        isPending.value = true;
+        if (isClient) start();
+    }
+    tryOnScopeDispose(stop);
+    return {
+        isPending: vue.readonly(isPending),
+        start,
+        stop
+    };
+}
+
+const defaultWindow = isClient ? window : undefined;
+const defaultNavigator = isClient ? window.navigator : undefined;
+function unrefElement(elRef) {
+    var _a;
+    const plain = toValue(elRef);
+    return (_a = plain == null ? undefined : plain.$el) != null ? _a : plain;
+}
+function useEventListener(...args) {
+    let target;
+    let events;
+    let listeners;
+    let options;
+    if (typeof args[0] === "string" || Array.isArray(args[0])) {
+        [events, listeners, options] = args;
+        target = defaultWindow;
+    } else {
+        [target, events, listeners, options] = args;
+    }
+    if (!target) return noop;
+    if (!Array.isArray(events)) events = [
+        events
+    ];
+    if (!Array.isArray(listeners)) listeners = [
+        listeners
+    ];
+    const cleanups = [];
+    const cleanup = ()=>{
+        cleanups.forEach((fn)=>fn());
+        cleanups.length = 0;
+    };
+    const register = (el, event, listener, options2)=>{
+        el.addEventListener(event, listener, options2);
+        return ()=>el.removeEventListener(event, listener, options2);
+    };
+    const stopWatch = vue.watch(()=>[
+            unrefElement(target),
+            toValue(options)
+        ], ([el, options2])=>{
+        cleanup();
+        if (!el) return;
+        const optionsClone = isObject(options2) ? {
+            ...options2
+        } : options2;
+        cleanups.push(...events.flatMap((event)=>{
+            return listeners.map((listener)=>register(el, event, listener, optionsClone));
+        }));
+    }, {
+        immediate: true,
+        flush: "post"
+    });
+    const stop = ()=>{
+        stopWatch();
+        cleanup();
+    };
+    tryOnScopeDispose(stop);
+    return stop;
+}
+function useMounted() {
+    const isMounted = vue.ref(false);
+    const instance = vue.getCurrentInstance();
+    if (instance) {
+        vue.onMounted(()=>{
+            isMounted.value = true;
+        }, instance);
+    }
+    return isMounted;
+}
+function useSupported(callback) {
+    const isMounted = useMounted();
+    return vue.computed(()=>{
+        isMounted.value;
+        return Boolean(callback());
+    });
+}
+function usePermission(permissionDesc, options = {}) {
+    const { controls = false, navigator = defaultNavigator } = options;
+    const isSupported = useSupported(()=>navigator && "permissions" in navigator);
+    const permissionStatus = vue.shallowRef();
+    const desc = typeof permissionDesc === "string" ? {
+        name: permissionDesc
+    } : permissionDesc;
+    const state = vue.shallowRef();
+    const update = ()=>{
+        var _a, _b;
+        state.value = (_b = (_a = permissionStatus.value) == null ? undefined : _a.state) != null ? _b : "prompt";
+    };
+    useEventListener(permissionStatus, "change", update);
+    const query = createSingletonPromise(async ()=>{
+        if (!isSupported.value) return;
+        if (!permissionStatus.value) {
+            try {
+                permissionStatus.value = await navigator.permissions.query(desc);
+            } catch (e) {
+                permissionStatus.value = undefined;
+            } finally{
+                update();
+            }
+        }
+        if (controls) return vue.toRaw(permissionStatus.value);
+    });
+    query();
+    if (controls) {
+        return {
+            state,
+            isSupported,
+            query
+        };
+    } else {
+        return state;
+    }
+}
+function useClipboard(options = {}) {
+    const { navigator = defaultNavigator, read = false, source, copiedDuring = 1500, legacy = false } = options;
+    const isClipboardApiSupported = useSupported(()=>navigator && "clipboard" in navigator);
+    const permissionRead = usePermission("clipboard-read");
+    const permissionWrite = usePermission("clipboard-write");
+    const isSupported = vue.computed(()=>isClipboardApiSupported.value || legacy);
+    const text = vue.ref("");
+    const copied = vue.ref(false);
+    const timeout = useTimeoutFn(()=>copied.value = false, copiedDuring);
+    function updateText() {
+        if (isClipboardApiSupported.value && isAllowed(permissionRead.value)) {
+            navigator.clipboard.readText().then((value)=>{
+                text.value = value;
+            });
+        } else {
+            text.value = legacyRead();
+        }
+    }
+    if (isSupported.value && read) useEventListener([
+        "copy",
+        "cut"
+    ], updateText);
+    async function copy(value = toValue(source)) {
+        if (isSupported.value && value != null) {
+            if (isClipboardApiSupported.value && isAllowed(permissionWrite.value)) await navigator.clipboard.writeText(value);
+            else legacyCopy(value);
+            text.value = value;
+            copied.value = true;
+            timeout.start();
+        }
+    }
+    function legacyCopy(value) {
+        const ta = document.createElement("textarea");
+        ta.value = value != null ? value : "";
+        ta.style.position = "absolute";
+        ta.style.opacity = "0";
+        document.body.appendChild(ta);
+        ta.select();
+        document.execCommand("copy");
+        ta.remove();
+    }
+    function legacyRead() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = document == null ? undefined : document.getSelection) == null ? undefined : _a.call(document)) == null ? undefined : _b.toString()) != null ? _c : "";
+    }
+    function isAllowed(status) {
+        return status === "granted" || status === "prompt";
+    }
+    return {
+        isSupported,
+        text,
+        copied,
+        copy
+    };
+}
+
+var _sfc_main$f = vue.defineComponent({
+    props: {
+        entity: {
+            type: Object,
+            required: true
+        }
+    },
+    emits: [
+        'updated',
+        'failed',
+        'keyCopied',
+        'keyPairGenerated'
+    ],
+    setup (props, { emit }) {
+        const httpClient = injectCoreHTTPClient();
+        const keyTypeOptions = [
+            {
+                id: 'rsa',
+                value: 'RSA'
+            },
+            {
+                id: 'ecdh',
+                value: 'ECDH'
+            }
+        ];
+        const keyType = vue.ref('rsa');
+        const privateKey = vue.ref(null);
+        const publicKey = vue.ref(null);
+        const clipboard = useClipboard();
+        const init = ()=>{
+            if (props.entity.public_key) {
+                publicKey.value = isHex(props.entity.public_key) ? hexToUTF8(props.entity.public_key) : props.entity.public_key;
+            }
+        };
+        init();
+        const copy = (type)=>{
+            if (type === 'privateKey') {
+                if (!privateKey.value) {
+                    return;
+                }
+                clipboard.copy(privateKey.value);
+                emit('keyCopied');
+                return;
+            }
+            if (!publicKey.value) {
+                return;
+            }
+            clipboard.copy(publicKey.value);
+            emit('keyCopied');
+        };
+        const busy = vue.ref(false);
+        const save = async ()=>{
+            if (busy.value) return;
+            busy.value = true;
+            try {
+                const response = await httpClient.node.update(props.entity.id, {
+                    public_key: publicKey.value
+                });
+                emit('updated', response);
+            } catch (e) {
+                emit('failed', e);
+            } finally{
+                busy.value = false;
+            }
+        };
+        const generate = async ()=>{
+            if (busy.value) return;
+            busy.value = true;
+            try {
+                let algorithmOptions;
+                if (keyType.value === 'ecdh') {
+                    algorithmOptions = {
+                        name: 'ECDH',
+                        namedCurve: 'P-384'
+                    };
+                } else {
+                    algorithmOptions = {
+                        name: 'RSA-OAEP',
+                        modulusLength: 2048,
+                        hash: 'SHA-256',
+                        publicExponent: new Uint8Array([
+                            1,
+                            0,
+                            1
+                        ])
+                    };
+                }
+                console.log(algorithmOptions);
+                const algorithm = new CryptoAsymmetricAlgorithm(algorithmOptions);
+                const keyPair = await algorithm.generateKeyPair();
+                publicKey.value = await exportAsymmetricPublicKey(keyPair.publicKey);
+                privateKey.value = await exportAsymmetricPrivateKey(keyPair.privateKey);
+                emit('keyPairGenerated');
+            } finally{
+                busy.value = false;
+            }
+        };
+        return {
+            keyType,
+            keyTypeOptions,
+            busy,
+            copy,
+            generate,
+            save,
+            publicKey,
+            privateKey
+        };
+    }
+});
+
+const _hoisted_1$d = {
+    class: "d-flex flex-column gap-1"
+};
+const _hoisted_2$c = {
+    class: "row"
+};
+const _hoisted_3$a = {
+    class: "col-4"
+};
+const _hoisted_4$a = {
+    class: "d-flex flex-row"
+};
+const _hoisted_5$6 = {
+    class: "ms-auto"
+};
+const _hoisted_6$5 = {
+    class: "col-8"
+};
+const _hoisted_7$4 = {
+    class: "d-flex flex-row"
+};
+const _hoisted_8$4 = {
+    class: "ms-auto"
+};
+const _hoisted_9$2 = {
+    key: 0,
+    class: "alert alert-sm alert-warning"
+};
+const _hoisted_10$2 = {
+    class: "d-flex flex-row gap-1"
+};
+const _hoisted_11$1 = [
+    "disabled"
+];
+const _hoisted_12 = [
+    "disabled"
+];
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_VCFormTextarea = vue.resolveComponent("VCFormTextarea");
+    const _component_VCFormGroup = vue.resolveComponent("VCFormGroup");
+    const _component_VCFormSelect = vue.resolveComponent("VCFormSelect");
+    return vue.openBlock(), vue.createElementBlock("div", null, [
+        _cache[14] || (_cache[14] = vue.createElementVNode("h6", null, "KeyPair", -1)),
+        _cache[15] || (_cache[15] = vue.createElementVNode("p", null, " The public key of the key pair is used to encrypt data that is transmitted between different nodes through the storage service. ", -1)),
+        vue.createElementVNode("div", _hoisted_1$d, [
+            vue.createElementVNode("div", _hoisted_2$c, [
+                vue.createElementVNode("div", _hoisted_3$a, [
+                    vue.createVNode(_component_VCFormGroup, {
+                        "label-class": "w-100 mb-1"
+                    }, {
+                        label: vue.withCtx(()=>[
+                                vue.createElementVNode("div", _hoisted_4$a, [
+                                    _cache[8] || (_cache[8] = vue.createElementVNode("div", null, " PublicKey ", -1)),
+                                    vue.createElementVNode("div", _hoisted_5$6, [
+                                        vue.withDirectives(vue.createElementVNode("button", {
+                                            type: "button",
+                                            class: "btn btn-xs btn-dark",
+                                            onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event)=>_ctx.copy("publicKey"), [
+                                                "prevent"
+                                            ]))
+                                        }, _cache[7] || (_cache[7] = [
+                                            vue.createElementVNode("i", {
+                                                class: "fa fa-copy"
+                                            }, null, -1),
+                                            vue.createTextVNode(" Copy ")
+                                        ]), 512), [
+                                            [
+                                                vue.vShow,
+                                                !!_ctx.publicKey
+                                            ]
+                                        ])
+                                    ])
+                                ])
+                            ]),
+                        default: vue.withCtx(()=>[
+                                vue.createVNode(_component_VCFormTextarea, {
+                                    modelValue: _ctx.publicKey,
+                                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>_ctx.publicKey = $event),
+                                    rows: "8"
+                                }, null, 8, [
+                                    "modelValue"
+                                ])
+                            ]),
+                        _: 1
+                    })
+                ]),
+                vue.createElementVNode("div", _hoisted_6$5, [
+                    vue.createVNode(_component_VCFormGroup, {
+                        "label-class": "w-100 mb-1"
+                    }, {
+                        label: vue.withCtx(()=>[
+                                vue.createElementVNode("div", _hoisted_7$4, [
+                                    _cache[10] || (_cache[10] = vue.createElementVNode("div", null, " PrivateKey ", -1)),
+                                    vue.createElementVNode("div", _hoisted_8$4, [
+                                        vue.withDirectives(vue.createElementVNode("button", {
+                                            type: "button",
+                                            class: "btn btn-xs btn-dark",
+                                            onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event)=>_ctx.copy("privateKey"), [
+                                                "prevent"
+                                            ]))
+                                        }, _cache[9] || (_cache[9] = [
+                                            vue.createElementVNode("i", {
+                                                class: "fa fa-copy"
+                                            }, null, -1),
+                                            vue.createTextVNode(" Copy ")
+                                        ]), 512), [
+                                            [
+                                                vue.vShow,
+                                                !!_ctx.privateKey
+                                            ]
+                                        ])
+                                    ])
+                                ])
+                            ]),
+                        default: vue.withCtx(()=>[
+                                vue.createVNode(_component_VCFormTextarea, {
+                                    modelValue: _ctx.privateKey,
+                                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event)=>_ctx.privateKey = $event),
+                                    disabled: true,
+                                    rows: "8"
+                                }, null, 8, [
+                                    "modelValue"
+                                ])
+                            ]),
+                        _: 1
+                    }),
+                    _ctx.privateKey ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, " Please copy the key to a safe location, as it is not stored remotely. ")) : vue.createCommentVNode("", true)
+                ])
+            ]),
+            vue.createElementVNode("div", null, [
+                vue.createVNode(_component_VCFormGroup, null, {
+                    label: vue.withCtx(()=>_cache[11] || (_cache[11] = [
+                            vue.createTextVNode(" KeyType ")
+                        ])),
+                    default: vue.withCtx(()=>[
+                            vue.createVNode(_component_VCFormSelect, {
+                                modelValue: _ctx.keyType,
+                                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event)=>_ctx.keyType = $event),
+                                options: _ctx.keyTypeOptions
+                            }, null, 8, [
+                                "modelValue",
+                                "options"
+                            ])
+                        ]),
+                    _: 1
+                })
+            ]),
+            vue.createElementVNode("div", _hoisted_10$2, [
+                vue.createElementVNode("div", null, [
+                    vue.createElementVNode("button", {
+                        disabled: _ctx.busy,
+                        type: "button",
+                        class: "btn btn-primary btn-xs",
+                        onClick: _cache[5] || (_cache[5] = vue.withModifiers((...args)=>_ctx.save && _ctx.save(...args), [
+                            "prevent"
+                        ]))
+                    }, _cache[12] || (_cache[12] = [
+                        vue.createElementVNode("i", {
+                            class: "fa fa-save"
+                        }, null, -1),
+                        vue.createTextVNode(" Save ")
+                    ]), 8, _hoisted_11$1)
+                ]),
+                vue.createElementVNode("div", null, [
+                    vue.createElementVNode("button", {
+                        disabled: _ctx.busy,
+                        type: "button",
+                        class: "btn btn-dark btn-xs",
+                        onClick: _cache[6] || (_cache[6] = vue.withModifiers((...args)=>_ctx.generate && _ctx.generate(...args), [
+                            "prevent"
+                        ]))
+                    }, _cache[13] || (_cache[13] = [
+                        vue.createElementVNode("i", {
+                            class: "fas fa-sync-alt"
+                        }, null, -1),
+                        vue.createTextVNode(" Generate ")
+                    ]), 8, _hoisted_12)
+                ])
+            ])
+        ])
+    ]);
+}
+var FNodeCrypto = /* @__PURE__ */ _export_sfc(_sfc_main$f, [
+    [
+        "render",
+        _sfc_render$f
+    ]
+]);
 
 var FNodeRegistryProject = vue.defineComponent({
     props: {
@@ -7124,7 +8163,9 @@ const FAnalysisNodeApprovalCommand = vue.defineComponent({
             }
             busy.value = false;
         };
-        const isAllowed = clientWebKit.useAbilityCheck(PermissionName.ANALYSIS_APPROVE);
+        const isAllowed = clientWebKit.usePermissionCheck({
+            name: PermissionName.ANALYSIS_APPROVE
+        });
         return ()=>renderActionCommand({
                 execute,
                 elementType: props.elementType,
@@ -7243,16 +8284,6 @@ var FAnalysisNodeAssignAction = vue.defineComponent({
     }
 });
 
-var Direction$1;
-(function(Direction) {
-    Direction["IN"] = "in";
-    Direction["OUT"] = "out";
-})(Direction$1 || (Direction$1 = {}));
-var Target;
-(function(Target) {
-    Target["ANALYSIS"] = "analysis";
-    Target["NODE"] = "node";
-})(Target || (Target = {}));
 var FAnalysisNode = vue.defineComponent({
     props: {
         entity: {
@@ -7345,11 +8376,6 @@ var FAnalysisNode = vue.defineComponent({
     }
 });
 
-var Direction;
-(function(Direction) {
-    Direction["IN"] = "in";
-    Direction["OUT"] = "out";
-})(Direction || (Direction = {}));
 var FAnalysisNodes = vue.defineComponent({
     props: {
         ...defineListProps(),
@@ -7362,11 +8388,11 @@ var FAnalysisNodes = vue.defineComponent({
         },
         target: {
             type: String,
-            default: coreKit.DomainType.NODE
+            default: `${coreKit.DomainType.NODE}`
         },
         direction: {
             type: String,
-            default: "out"
+            default: `${"out"}`
         }
     },
     slots: Object,
@@ -7571,7 +8597,7 @@ var FAnalysisNodeRunStatus = vue.defineComponent({
     }
 });
 
-var _sfc_main$d = vue.defineComponent({
+var _sfc_main$e = vue.defineComponent({
     components: {
         FAnalysisNodes,
         FAnalysisNodeRunStatus
@@ -7615,30 +8641,25 @@ var _sfc_main$d = vue.defineComponent({
     }
 });
 
-const _hoisted_1$b = {
+const _hoisted_1$c = {
     key: 0,
     class: "train-stations-progress"
 };
 const _hoisted_2$b = {
     class: "icon"
 };
-const _hoisted_3$b = /* @__PURE__ */ vue.createElementVNode("div", {
-    class: "mt-1"
-}, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, "Status")
-], -1);
-const _hoisted_4$a = {
+const _hoisted_3$9 = {
     key: 1,
     class: "progress bg-white"
 };
-const _hoisted_5$8 = [
+const _hoisted_4$9 = [
     "aria-valuenow"
 ];
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_FAnalysisNodeRunStatus = vue.resolveComponent("FAnalysisNodeRunStatus");
     const _component_FAnalysisNodes = vue.resolveComponent("FAnalysisNodes");
     return vue.openBlock(), vue.createElementBlock("div", null, [
-        _ctx.elementType === "steps" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+        _ctx.elementType === "steps" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
             vue.createVNode(_component_FAnalysisNodes, {
                 header: false,
                 query: _ctx.query,
@@ -7667,7 +8688,11 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
                                 }, [
                                     vue.createElementVNode("span", _hoisted_2$b, vue.toDisplayString(item.node.name), 1)
                                 ], 2),
-                                _hoisted_3$b,
+                                _cache[0] || (_cache[0] = vue.createElementVNode("div", {
+                                    class: "mt-1"
+                                }, [
+                                    vue.createElementVNode("strong", null, "Status")
+                                ], -1)),
                                 vue.createElementVNode("div", null, [
                                     vue.createVNode(_component_FAnalysisNodeRunStatus, {
                                         status: item.run_status
@@ -7684,7 +8709,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
                 "realm-id",
                 "source-id"
             ])
-        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a, [
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [
             vue.createElementVNode("div", {
                 class: vue.normalizeClass([
                     "progress-bar",
@@ -7699,14 +8724,14 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
                 "aria-valuenow": _ctx.progressPercentage,
                 "aria-valuemin": "0",
                 "aria-valuemax": "100"
-            }, null, 14, _hoisted_5$8)
+            }, null, 14, _hoisted_4$9)
         ]))
     ]);
 }
-var FAnalysisNodesProgress = /* @__PURE__ */ _export_sfc(_sfc_main$d, [
+var FAnalysisNodesProgress = /* @__PURE__ */ _export_sfc(_sfc_main$e, [
     [
         "render",
-        _sfc_render$d
+        _sfc_render$e
     ]
 ]);
 
@@ -7733,7 +8758,7 @@ const FAnalysisBucketDownload = vue.defineComponent({
         },
         elementType: {
             type: String,
-            default: exports.ActionCommandElementType.BUTTON
+            default: ActionCommandElementType.BUTTON
         },
         withIcon: {
             type: Boolean,
@@ -7895,7 +8920,7 @@ var TrainName = vue.defineComponent({
     }
 });
 
-var _sfc_main$c = vue.defineComponent({
+var _sfc_main$d = vue.defineComponent({
     components: {
         FAnalysisBucket,
         FAnalysisBucketDownload,
@@ -7944,76 +8969,40 @@ var _sfc_main$c = vue.defineComponent({
     }
 });
 
-const _hoisted_1$a = {
+const _hoisted_1$b = {
     class: "d-flex flex-column gap-1 w-100"
 };
 const _hoisted_2$a = {
     class: "w-100"
 };
-const _hoisted_3$a = {
+const _hoisted_3$8 = {
     class: "d-flex flex-row align-items-center"
 };
-const _hoisted_4$9 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fas fa-microscope me-1"
-}, null, -1);
-const _hoisted_5$7 = {
+const _hoisted_4$8 = {
     class: "ms-auto d-flex flex-row gap-1"
 };
-const _hoisted_6$6 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fa fa-bars"
-}, null, -1);
-const _hoisted_7$4 = {
+const _hoisted_5$5 = {
     class: "row"
 };
-const _hoisted_8$4 = {
+const _hoisted_6$4 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
-const _hoisted_9$4 = /* @__PURE__ */ vue.createElementVNode("div", null, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, [
-        /* @__PURE__ */ vue.createElementVNode("i", {
-            class: "fa-solid fa-server"
-        }),
-        /* @__PURE__ */ vue.createTextVNode(" Node")
-    ])
-], -1);
-const _hoisted_10$3 = {
+const _hoisted_7$3 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
-const _hoisted_11$2 = /* @__PURE__ */ vue.createElementVNode("div", null, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, [
-        /* @__PURE__ */ vue.createElementVNode("i", {
-            class: "fa-solid fa-heartbeat"
-        }),
-        /* @__PURE__ */ vue.createTextVNode(" Status")
-    ])
-], -1);
-const _hoisted_12$2 = {
+const _hoisted_8$3 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
-const _hoisted_13$1 = /* @__PURE__ */ vue.createElementVNode("div", null, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, [
-        /* @__PURE__ */ vue.createElementVNode("i", {
-            class: "fa-solid fa-user"
-        }),
-        /* @__PURE__ */ vue.createTextVNode(" Creator")
-    ])
-], -1);
-const _hoisted_14$1 = {
+const _hoisted_9$1 = {
     class: "d-flex flex-row"
 };
-const _hoisted_15$1 = {
+const _hoisted_10$1 = {
     class: ""
 };
-const _hoisted_16$1 = /* @__PURE__ */ vue.createElementVNode("span", {
-    class: "text-muted"
-}, " created ", -1);
-const _hoisted_17$1 = {
+const _hoisted_11 = {
     class: "ms-auto"
 };
-const _hoisted_18$1 = /* @__PURE__ */ vue.createElementVNode("span", {
-    class: "text-muted"
-}, " updated ", -1);
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_FAnalysisName = vue.resolveComponent("FAnalysisName");
     const _component_VCLink = vue.resolveComponent("VCLink");
     const _component_FAnalysisBucketDownload = vue.resolveComponent("FAnalysisBucketDownload");
@@ -8021,14 +9010,16 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_FAnalysisNodeApprovalCommand = vue.resolveComponent("FAnalysisNodeApprovalCommand");
     const _component_FAnalysisNodeApprovalStatus = vue.resolveComponent("FAnalysisNodeApprovalStatus");
     const _component_VCTimeago = vue.resolveComponent("VCTimeago");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
         vue.createElementVNode("div", _hoisted_2$a, [
-            vue.createElementVNode("div", _hoisted_3$a, [
+            vue.createElementVNode("div", _hoisted_3$8, [
                 vue.createElementVNode("div", null, [
                     vue.renderSlot(_ctx.$slots, "title", {
                         data: _ctx.entity
                     }, ()=>[
-                            _hoisted_4$9,
+                            _cache[0] || (_cache[0] = vue.createElementVNode("i", {
+                                class: "fas fa-microscope me-1"
+                            }, null, -1)),
                             vue.createVNode(_component_FAnalysisName, {
                                 "entity-id": _ctx.entity.analysis.id,
                                 "entity-name": _ctx.entity.analysis.name
@@ -8038,7 +9029,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                 ]),
-                vue.createElementVNode("div", _hoisted_5$7, [
+                vue.createElementVNode("div", _hoisted_4$8, [
                     vue.renderSlot(_ctx.$slots, "itemActions", {
                         data: _ctx.entity
                     }, ()=>[
@@ -8047,9 +9038,11 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                                 disabled: _ctx.busy,
                                 class: "btn btn-xs btn-dark"
                             }, {
-                                default: vue.withCtx(()=>[
-                                        _hoisted_6$6
-                                    ]),
+                                default: vue.withCtx(()=>_cache[1] || (_cache[1] = [
+                                        vue.createElementVNode("i", {
+                                            class: "fa fa-bars"
+                                        }, null, -1)
+                                    ])),
                                 _: 1
                             }, 8, [
                                 "to",
@@ -8104,13 +9097,27 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "body", {
             data: _ctx.entity
         }, ()=>[
-                vue.createElementVNode("div", _hoisted_7$4, [
-                    vue.createElementVNode("div", _hoisted_8$4, [
-                        _hoisted_9$4,
+                vue.createElementVNode("div", _hoisted_5$5, [
+                    vue.createElementVNode("div", _hoisted_6$4, [
+                        _cache[2] || (_cache[2] = vue.createElementVNode("div", null, [
+                            vue.createElementVNode("strong", null, [
+                                vue.createElementVNode("i", {
+                                    class: "fa-solid fa-server"
+                                }),
+                                vue.createTextVNode(" Node")
+                            ])
+                        ], -1)),
                         vue.createElementVNode("div", null, vue.toDisplayString(_ctx.entity.node.name), 1)
                     ]),
-                    vue.createElementVNode("div", _hoisted_10$3, [
-                        _hoisted_11$2,
+                    vue.createElementVNode("div", _hoisted_7$3, [
+                        _cache[3] || (_cache[3] = vue.createElementVNode("div", null, [
+                            vue.createElementVNode("strong", null, [
+                                vue.createElementVNode("i", {
+                                    class: "fa-solid fa-heartbeat"
+                                }),
+                                vue.createTextVNode(" Status")
+                            ])
+                        ], -1)),
                         vue.createElementVNode("div", null, [
                             vue.createVNode(_component_FAnalysisNodeApprovalStatus, {
                                 status: _ctx.entity.approval_status
@@ -8126,8 +9133,15 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                     ]),
-                    vue.createElementVNode("div", _hoisted_12$2, [
-                        _hoisted_13$1,
+                    vue.createElementVNode("div", _hoisted_8$3, [
+                        _cache[4] || (_cache[4] = vue.createElementVNode("div", null, [
+                            vue.createElementVNode("strong", null, [
+                                vue.createElementVNode("i", {
+                                    class: "fa-solid fa-user"
+                                }),
+                                vue.createTextVNode(" Creator")
+                            ])
+                        ], -1)),
                         vue.createElementVNode("div", null, [
                             _ctx.entity.analysis.user_id ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                                 key: 0
@@ -8141,10 +9155,12 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "footer", {
             data: _ctx.entity
         }, ()=>[
-                vue.createElementVNode("div", _hoisted_14$1, [
-                    vue.createElementVNode("div", _hoisted_15$1, [
+                vue.createElementVNode("div", _hoisted_9$1, [
+                    vue.createElementVNode("div", _hoisted_10$1, [
                         vue.createElementVNode("small", null, [
-                            _hoisted_16$1,
+                            _cache[5] || (_cache[5] = vue.createElementVNode("span", {
+                                class: "text-muted"
+                            }, " created ", -1)),
                             vue.createVNode(_component_VCTimeago, {
                                 datetime: _ctx.entity.created_at
                             }, null, 8, [
@@ -8152,9 +9168,11 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                     ]),
-                    vue.createElementVNode("div", _hoisted_17$1, [
+                    vue.createElementVNode("div", _hoisted_11, [
                         vue.createElementVNode("small", null, [
-                            _hoisted_18$1,
+                            _cache[6] || (_cache[6] = vue.createElementVNode("span", {
+                                class: "text-muted"
+                            }, " updated ", -1)),
                             vue.createVNode(_component_VCTimeago, {
                                 datetime: _ctx.entity.updated_at
                             }, null, 8, [
@@ -8166,14 +9184,14 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
             ])
     ]);
 }
-var FAnalysisNodeInCard = /* @__PURE__ */ _export_sfc(_sfc_main$c, [
+var FAnalysisNodeInCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [
     [
         "render",
-        _sfc_render$c
+        _sfc_render$d
     ]
 ]);
 
-var _sfc_main$b = vue.defineComponent({
+var _sfc_main$c = vue.defineComponent({
     components: {
         ListPagination: FPagination,
         ListSearch: FSearch,
@@ -8236,47 +9254,22 @@ var _sfc_main$b = vue.defineComponent({
     }
 });
 
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
     class: "mb-2"
 };
-const _hoisted_2$9 = /* @__PURE__ */ vue.createElementVNode("h6", null, [
-    /* @__PURE__ */ vue.createElementVNode("i", {
-        class: "fa fa-compact-disc"
-    }),
-    /* @__PURE__ */ vue.createTextVNode(" MasterImage")
-], -1);
-const _hoisted_3$9 = {
+const _hoisted_2$9 = {
     class: "mb-2"
 };
-const _hoisted_4$8 = /* @__PURE__ */ vue.createElementVNode("hr", null, null, -1);
-const _hoisted_5$6 = /* @__PURE__ */ vue.createElementVNode("h6", null, [
-    /* @__PURE__ */ vue.createElementVNode("i", {
-        class: "fa fa-city"
-    }),
-    /* @__PURE__ */ vue.createTextVNode(" Nodes")
-], -1);
-const _hoisted_6$5 = {
+const _hoisted_3$7 = {
     class: "row"
 };
-const _hoisted_7$3 = {
+const _hoisted_4$7 = {
     class: "col-12 col-xl-6"
 };
-const _hoisted_8$3 = /* @__PURE__ */ vue.createElementVNode("span", null, [
-    /* @__PURE__ */ vue.createTextVNode("Nodes "),
-    /* @__PURE__ */ vue.createElementVNode("span", {
-        class: "text-info"
-    }, "available")
-], -1);
-const _hoisted_9$3 = {
+const _hoisted_5$4 = {
     class: "col-12 col-xl-6"
 };
-const _hoisted_10$2 = /* @__PURE__ */ vue.createElementVNode("span", null, [
-    /* @__PURE__ */ vue.createTextVNode("Nodes "),
-    /* @__PURE__ */ vue.createElementVNode("span", {
-        class: "text-success"
-    }, "selected")
-], -1);
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_FMasterImagePicker = vue.resolveComponent("FMasterImagePicker");
     const _component_ListSearch = vue.resolveComponent("ListSearch");
     const _component_ListPagination = vue.resolveComponent("ListPagination");
@@ -8284,9 +9277,14 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_FProjectNodes = vue.resolveComponent("FProjectNodes");
     const _component_FAnalysisNodes = vue.resolveComponent("FAnalysisNodes");
     return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.createElementVNode("div", _hoisted_1$9, [
-            _hoisted_2$9,
-            vue.createElementVNode("div", _hoisted_3$9, [
+        vue.createElementVNode("div", _hoisted_1$a, [
+            _cache[0] || (_cache[0] = vue.createElementVNode("h6", null, [
+                vue.createElementVNode("i", {
+                    class: "fa fa-compact-disc"
+                }),
+                vue.createTextVNode(" MasterImage")
+            ], -1)),
+            vue.createElementVNode("div", _hoisted_2$9, [
                 vue.createVNode(_component_FMasterImagePicker, {
                     "entity-id": _ctx.entity.master_image_id,
                     onSelected: _ctx.handleMasterImageSelected
@@ -8296,11 +9294,16 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
             ])
         ]),
-        _hoisted_4$8,
+        _cache[4] || (_cache[4] = vue.createElementVNode("hr", null, null, -1)),
         vue.createElementVNode("div", null, [
-            _hoisted_5$6,
-            vue.createElementVNode("div", _hoisted_6$5, [
-                vue.createElementVNode("div", _hoisted_7$3, [
+            _cache[3] || (_cache[3] = vue.createElementVNode("h6", null, [
+                vue.createElementVNode("i", {
+                    class: "fa fa-city"
+                }),
+                vue.createTextVNode(" Nodes")
+            ], -1)),
+            vue.createElementVNode("div", _hoisted_3$7, [
+                vue.createElementVNode("div", _hoisted_4$7, [
                     vue.createVNode(_component_FProjectNodes, {
                         ref: "FProjectNodes",
                         "realm-id": _ctx.entity.realm_id,
@@ -8312,7 +9315,12 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                         }
                     }, {
                         header: vue.withCtx((props)=>[
-                                _hoisted_8$3,
+                                _cache[1] || (_cache[1] = vue.createElementVNode("span", null, [
+                                    vue.createTextVNode("Nodes "),
+                                    vue.createElementVNode("span", {
+                                        class: "text-info"
+                                    }, "available")
+                                ], -1)),
                                 vue.createVNode(_component_ListSearch, {
                                     load: props.load,
                                     meta: props.meta
@@ -8354,7 +9362,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                         "query"
                     ])
                 ]),
-                vue.createElementVNode("div", _hoisted_9$3, [
+                vue.createElementVNode("div", _hoisted_5$4, [
                     vue.createVNode(_component_FAnalysisNodes, {
                         ref: "FAnalysisNodes",
                         "realm-id": _ctx.entity.realm_id,
@@ -8365,9 +9373,14 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                             }
                         }
                     }, {
-                        header: vue.withCtx(()=>[
-                                _hoisted_10$2
-                            ]),
+                        header: vue.withCtx(()=>_cache[2] || (_cache[2] = [
+                                vue.createElementVNode("span", null, [
+                                    vue.createTextVNode("Nodes "),
+                                    vue.createElementVNode("span", {
+                                        class: "text-success"
+                                    }, "selected")
+                                ], -1)
+                            ])),
                         _: 1
                     }, 8, [
                         "realm-id",
@@ -8378,14 +9391,14 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ]);
 }
-var FAnalysisWizardStepBase = /* @__PURE__ */ _export_sfc(_sfc_main$b, [
+var FAnalysisWizardStepBase = /* @__PURE__ */ _export_sfc(_sfc_main$c, [
     [
         "render",
-        _sfc_render$b
+        _sfc_render$c
     ]
 ]);
 
-var _sfc_main$a = vue.defineComponent({
+var _sfc_main$b = vue.defineComponent({
     props: {
         entity: {
             type: Object,
@@ -8437,25 +9450,19 @@ var _sfc_main$a = vue.defineComponent({
     }
 });
 
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
     class: "title"
 };
 const _hoisted_2$8 = {
     class: "ms-auto d-flex flex-row me-1"
 };
-const _hoisted_3$8 = {
+const _hoisted_3$6 = {
     class: "ms-1"
 };
-const _hoisted_4$7 = [
+const _hoisted_4$6 = [
     "disabled"
 ];
-const _hoisted_5$5 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fa fa-trash"
-}, null, -1);
-const _hoisted_6$4 = [
-    _hoisted_5$5
-];
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass([
             "card card-file d-flex flex-row align-items-center p-1",
@@ -8470,7 +9477,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
                 "prevent"
             ]))
         }, [
-            vue.createElementVNode("span", _hoisted_1$8, vue.toDisplayString(_ctx.entity.name), 1)
+            vue.createElementVNode("span", _hoisted_1$9, vue.toDisplayString(_ctx.entity.name), 1)
         ]),
         vue.createElementVNode("div", _hoisted_2$8, [
             vue.createElementVNode("div", null, [
@@ -8496,7 +9503,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
                     }, null, 2)
                 ], 2)) : vue.createCommentVNode("", true)
             ]),
-            vue.createElementVNode("div", _hoisted_3$8, [
+            vue.createElementVNode("div", _hoisted_3$6, [
                 vue.createElementVNode("button", {
                     type: "button",
                     class: "btn btn-danger btn-xs",
@@ -8504,15 +9511,19 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
                     onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args)=>_ctx.drop && _ctx.drop(...args), [
                         "prevent"
                     ]))
-                }, _hoisted_6$4, 8, _hoisted_4$7)
+                }, _cache[3] || (_cache[3] = [
+                    vue.createElementVNode("i", {
+                        class: "fa fa-trash"
+                    }, null, -1)
+                ]), 8, _hoisted_4$6)
             ])
         ])
     ], 2);
 }
-var FAnalysisFile = /* @__PURE__ */ _export_sfc(_sfc_main$a, [
+var FAnalysisFile = /* @__PURE__ */ _export_sfc(_sfc_main$b, [
     [
         "render",
-        _sfc_render$a
+        _sfc_render$b
     ]
 ]);
 
@@ -8542,7 +9553,7 @@ const FAnalysisBucketFiles = vue.defineComponent({
     }
 });
 
-var _sfc_main$9 = vue.defineComponent({
+var _sfc_main$a = vue.defineComponent({
     props: {
         file: {
             type: Object,
@@ -8574,41 +9585,229 @@ var _sfc_main$9 = vue.defineComponent({
     }
 });
 
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
     class: "card card-file d-flex flex-row align-items-center p-1"
 };
 const _hoisted_2$7 = {
     class: "card-heading"
 };
-const _hoisted_3$7 = {
+const _hoisted_3$5 = {
     class: "title"
 };
-const _hoisted_4$6 = {
+const _hoisted_4$5 = {
     class: "ms-auto"
 };
-const _hoisted_5$4 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fa fa fa-trash"
-}, null, -1);
-const _hoisted_6$3 = [
-    _hoisted_5$4
-];
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
         vue.createElementVNode("div", _hoisted_2$7, [
-            vue.createElementVNode("span", _hoisted_3$7, vue.toDisplayString(_ctx.path), 1)
+            vue.createElementVNode("span", _hoisted_3$5, vue.toDisplayString(_ctx.path), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_4$6, [
+        vue.createElementVNode("div", _hoisted_4$5, [
             vue.createElementVNode("button", {
                 type: "button",
                 class: "btn btn-dark btn-xs",
                 onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args)=>_ctx.drop && _ctx.drop(...args), [
                     "prevent"
                 ]))
-            }, _hoisted_6$3)
+            }, _cache[1] || (_cache[1] = [
+                vue.createElementVNode("i", {
+                    class: "fa fa fa-trash"
+                }, null, -1)
+            ]))
+        ])
+    ]);
+}
+var FAnalysisFormFile = /* @__PURE__ */ _export_sfc(_sfc_main$a, [
+    [
+        "render",
+        _sfc_render$a
+    ]
+]);
+
+var _sfc_main$9 = vue.defineComponent({
+    components: {
+        FAnalysisFormFile
+    },
+    props: {
+        entity: {
+            type: Object,
+            required: true
+        }
+    },
+    emits: [
+        'fileUploaded',
+        'uploaded',
+        'failed'
+    ],
+    setup (props, { emit }) {
+        const coreClient = injectCoreHTTPClient();
+        const storageClient = injectStorageHTTPClient();
+        const busy = vue.ref(false);
+        const tempFiles = vue.ref([]);
+        const directoryMode = vue.ref(true);
+        const vNode = vue.ref(null);
+        const checkTempFiles = ($event)=>{
+            $event.preventDefault();
+            for(let i = 0; i < $event.target.files.length; i++){
+                tempFiles.value.push($event.target.files[i]);
+            }
+            if (vNode.value) {
+                vNode.value = '';
+            }
+        };
+        const dropTempFile = ($event)=>{
+            const index = tempFiles.value.findIndex((file)=>{
+                if (hasOwnProperty(file, 'webkitRelativePath') && hasOwnProperty($event, 'webkitRelativePath')) {
+                    return file.webkitRelativePath === $event.webkitRelativePath;
+                }
+                return file.name === $event.name;
+            });
+            if (index !== -1) {
+                tempFiles.value.splice(index, 1);
+            }
+        };
+        const upload = wrapFnWithBusyState(busy, async ()=>{
+            if (tempFiles.value.length === 0) return;
+            if (!props.entity.external_id) {
+                emit('failed', new Error('The analysis bucket has not created yet.'));
+                return;
+            }
+            try {
+                const formData = new FormData();
+                for(let i = 0; i < tempFiles.value.length; i++){
+                    formData.append(`files[${i}]`, tempFiles.value[i]);
+                }
+                const { data: bucketFiles } = await storageClient.bucket.upload(props.entity.external_id, formData);
+                for(let i = 0; i < bucketFiles.length; i++){
+                    const file = await coreClient.analysisBucketFile.create({
+                        external_id: bucketFiles[i].id,
+                        bucket_id: props.entity.id,
+                        analysis_id: props.entity.analysis_id,
+                        name: bucketFiles[i].path
+                    });
+                    emit('fileUploaded', file);
+                }
+                tempFiles.value = [];
+                emit('uploaded');
+            } catch (e) {
+                emit('failed', e);
+            }
+        });
+        return {
+            directoryMode,
+            busy,
+            vNode,
+            tempFiles,
+            checkTempFiles,
+            dropTempFile,
+            upload
+        };
+    }
+});
+
+const _hoisted_1$7 = {
+    class: "d-flex flex-column"
+};
+const _hoisted_2$6 = {
+    class: "form-group"
+};
+const _hoisted_3$4 = {
+    class: "form-label"
+};
+const _hoisted_4$4 = [
+    "webkitdirectory",
+    "disbaled"
+];
+const _hoisted_5$3 = {
+    class: "form-group mb-0"
+};
+const _hoisted_6$3 = {
+    class: "form-check form-switch"
+};
+const _hoisted_7$2 = {
+    key: 0,
+    class: "alert alert-info alert-sm m-t-10"
+};
+const _hoisted_8$2 = {
+    class: "d-flex flex-column"
+};
+const _hoisted_9 = {
+    class: "form-group"
+};
+const _hoisted_10 = [
+    "disabled"
+];
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_FAnalysisFormFile = vue.resolveComponent("FAnalysisFormFile");
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+        vue.createElementVNode("div", null, [
+            vue.createElementVNode("div", _hoisted_2$6, [
+                vue.createElementVNode("label", _hoisted_3$4, vue.toDisplayString(_ctx.directoryMode ? "Directories" : "Files"), 1),
+                vue.createElementVNode("input", {
+                    id: "files",
+                    ref: "vNode",
+                    type: "file",
+                    webkitdirectory: _ctx.directoryMode,
+                    class: "form-control",
+                    multiple: "",
+                    disbaled: _ctx.busy,
+                    onChange: _cache[0] || (_cache[0] = (...args)=>_ctx.checkTempFiles && _ctx.checkTempFiles(...args))
+                }, null, 40, _hoisted_4$4)
+            ]),
+            vue.createElementVNode("div", _hoisted_5$3, [
+                vue.createElementVNode("div", _hoisted_6$3, [
+                    vue.withDirectives(vue.createElementVNode("input", {
+                        id: "train-file-manager-switch",
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>_ctx.directoryMode = $event),
+                        class: "form-check-input",
+                        type: "checkbox"
+                    }, null, 512), [
+                        [
+                            vue.vModelCheckbox,
+                            _ctx.directoryMode
+                        ]
+                    ]),
+                    _cache[3] || (_cache[3] = vue.createElementVNode("label", {
+                        class: "form-check-label",
+                        for: "train-file-manager-switch"
+                    }, "Directory Mode", -1))
+                ])
+            ])
+        ]),
+        vue.createElementVNode("div", null, [
+            _ctx.tempFiles.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, " You have not selected any " + vue.toDisplayString(_ctx.directoryMode ? "directories" : "files") + " to upload. ", 1)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_8$2, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tempFiles, (file, key)=>{
+                    return vue.openBlock(), vue.createBlock(_component_FAnalysisFormFile, {
+                        key,
+                        class: "me-1",
+                        file,
+                        onDrop: _ctx.dropTempFile
+                    }, null, 8, [
+                        "file",
+                        "onDrop"
+                    ]);
+                }), 128))
+            ]),
+            vue.createElementVNode("div", _hoisted_9, [
+                vue.createElementVNode("button", {
+                    type: "button",
+                    class: "btn btn-sm btn-primary btn-block",
+                    disabled: _ctx.busy || _ctx.tempFiles.length === 0,
+                    onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args)=>_ctx.upload && _ctx.upload(...args), [
+                        "prevent"
+                    ]))
+                }, _cache[4] || (_cache[4] = [
+                    vue.createElementVNode("i", {
+                        class: "fa fa-upload"
+                    }, null, -1),
+                    vue.createTextVNode(" Upload ")
+                ]), 8, _hoisted_10)
+            ])
         ])
     ]);
 }
-var FAnalysisFormFile = /* @__PURE__ */ _export_sfc(_sfc_main$9, [
+var FAnalysisBucketFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$9, [
     [
         "render",
         _sfc_render$9
@@ -8617,8 +9816,9 @@ var FAnalysisFormFile = /* @__PURE__ */ _export_sfc(_sfc_main$9, [
 
 var _sfc_main$8 = vue.defineComponent({
     components: {
+        BModal: bootstrapVueNext.BModal,
+        FAnalysisBucketFileUpload,
         FAnalysisBucketFiles,
-        FAnalysisFormFile,
         FAnalysisFile
     },
     props: {
@@ -8640,7 +9840,6 @@ var _sfc_main$8 = vue.defineComponent({
     ],
     setup (props, { emit }) {
         const coreClient = injectCoreHTTPClient();
-        const storageClient = injectStorageHTTPClient();
         const entrypointFile = vue.ref(null);
         if (props.fileEntity) {
             entrypointFile.value = props.fileEntity;
@@ -8651,10 +9850,12 @@ var _sfc_main$8 = vue.defineComponent({
             }
             return undefined;
         });
-        const tempFiles = vue.ref([]);
+        const modal = vue.ref(false);
+        const toggleModal = ()=>{
+            modal.value = !modal.value;
+        };
         const selected = vue.ref([]);
         const selectAll = vue.ref(false);
-        const directoryMode = vue.ref(true);
         const busy = vue.ref(false);
         const fileListNode = vue.ref(null);
         const fileListQuery = vue.computed(()=>({
@@ -8685,32 +9886,16 @@ var _sfc_main$8 = vue.defineComponent({
             }
             emit('updated', entity);
         };
-        const upload = wrapFnWithBusyState(busy, async ()=>{
-            if (tempFiles.value.length === 0) return;
-            if (!props.entity.external_id) {
-                emit('failed', new Error('The analysis bucket has not created yet.'));
-            }
-            try {
-                const formData = new FormData();
-                for(let i = 0; i < tempFiles.value.length; i++){
-                    formData.append(`files[${i}]`, tempFiles.value[i]);
-                }
-                const { data: bucketFiles } = await storageClient.bucket.upload(props.entity.external_id, formData);
-                for(let i = 0; i < bucketFiles.length; i++){
-                    const file = await coreClient.analysisBucketFile.create({
-                        external_id: bucketFiles[i].id,
-                        bucket_id: props.entity.id,
-                        analysis_id: props.entity.analysis_id,
-                        name: bucketFiles[i].path
-                    });
-                    handleCreated(file);
-                }
-                tempFiles.value = [];
-                emit('uploaded');
-            } catch (e) {
-                emit('failed', e);
-            }
-        });
+        const handleFailed = (e)=>{
+            emit('failed', e);
+        };
+        const handleUploaded = ()=>{
+            emit('uploaded');
+            toggleModal();
+        };
+        const handleFileUploaded = (entity)=>{
+            handleCreated(entity);
+        };
         const dropSelected = wrapFnWithBusyState(busy, async ()=>{
             if (selected.value.length === 0) return;
             try {
@@ -8741,27 +9926,6 @@ var _sfc_main$8 = vue.defineComponent({
                 selected.value.splice(index, 1);
             }
         };
-        const filesNode = vue.ref(null);
-        const checkTempFiles = ($event)=>{
-            $event.preventDefault();
-            for(let i = 0; i < $event.target.files.length; i++){
-                tempFiles.value.push($event.target.files[i]);
-            }
-            if (filesNode.value) {
-                filesNode.value = '';
-            }
-        };
-        const dropTempFile = ($event)=>{
-            const index = tempFiles.value.findIndex((file)=>{
-                if (hasOwnProperty(file, 'webkitRelativePath') && hasOwnProperty($event, 'webkitRelativePath')) {
-                    return file.webkitRelativePath === $event.webkitRelativePath;
-                }
-                return file.name === $event.name;
-            });
-            if (index !== -1) {
-                tempFiles.value.splice(index, 1);
-            }
-        };
         const changeEntryPointFile = async (file)=>{
             if (entrypointFile.value) {
                 if (entrypointFile.value.id === file.id) {
@@ -8789,261 +9953,199 @@ var _sfc_main$8 = vue.defineComponent({
             }
         };
         return {
-            directoryMode,
             busy,
-            checkTempFiles,
-            tempFiles,
             selected,
             selectAll,
             dropSelected,
             selectAllFiles,
-            dropTempFile,
-            upload,
             handleCreated,
             handleDeleted,
             handleUpdated,
+            handleFailed,
+            handleUploaded,
+            handleFileUploaded,
             toggleFile,
             entrypointFile,
             entrypointFileId,
             changeEntryPointFile,
-            filesNode,
             fileListNode,
-            fileListQuery
+            fileListQuery,
+            modal,
+            toggleModal
         };
     }
 });
 
 const _hoisted_1$6 = {
-    class: "row"
-};
-const _hoisted_2$6 = {
-    class: "col"
-};
-const _hoisted_3$6 = /* @__PURE__ */ vue.createElementVNode("h6", null, [
-    /* @__PURE__ */ vue.createElementVNode("i", {
-        class: "fa fa-upload"
-    }),
-    /* @__PURE__ */ vue.createTextVNode(" Upload")
-], -1);
-const _hoisted_4$5 = {
-    class: "form-group"
-};
-const _hoisted_5$3 = {
-    class: "form-label"
-};
-const _hoisted_6$2 = [
-    "webkitdirectory",
-    "disbaled"
-];
-const _hoisted_7$2 = {
-    class: "form-group"
-};
-const _hoisted_8$2 = {
-    class: "form-check form-switch"
-};
-const _hoisted_9$2 = /* @__PURE__ */ vue.createElementVNode("label", {
-    class: "form-check-label",
-    for: "train-file-manager-switch"
-}, "Directory Mode", -1);
-const _hoisted_10$1 = {
-    class: "row"
+    class: "d-flex flex-column gap-1"
 };
-const _hoisted_11$1 = {
-    class: "col"
-};
-const _hoisted_12$1 = /* @__PURE__ */ vue.createStaticVNode('<div class="d-flex flex-row"><div><h6 class="title text-muted"> Files <span style="font-size:0.65rem;"><span class="text-info"><i class="fa fa-memory"></i> in Memory </span></span></h6></div><div class="ms-auto"><h6 class="title text-muted"> Path: <span class="sub-title"> [root] </span></h6></div></div>', 1);
-const _hoisted_13 = {
-    key: 0,
-    class: "alert alert-info alert-sm m-t-10"
+const _hoisted_2$5 = {
+    class: "form-check"
 };
-const _hoisted_14 = {
+const _hoisted_3$3 = {
     class: "d-flex flex-column"
 };
-const _hoisted_15 = {
+const _hoisted_4$3 = {
     class: "form-group"
 };
-const _hoisted_16 = [
+const _hoisted_5$2 = [
     "disabled"
 ];
-const _hoisted_17 = {
-    class: "col"
+const _hoisted_6$2 = {
+    class: "d-flex flex-row w-100"
 };
-const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("h6", {
-    class: "title text-muted"
-}, [
-    /* @__PURE__ */ vue.createTextVNode(" Files "),
-    /* @__PURE__ */ vue.createElementVNode("span", {
-        style: {
-            "font-size": "0.65rem"
-        }
-    }, [
-        /* @__PURE__ */ vue.createElementVNode("span", {
-            class: "text-success"
-        }, [
-            /* @__PURE__ */ vue.createElementVNode("i", {
-                class: "fa fa-file"
-            }),
-            /* @__PURE__ */ vue.createTextVNode(" uploaded ")
-        ])
-    ])
-], -1);
-const _hoisted_19 = {
-    class: "form-check"
-};
-const _hoisted_20 = /* @__PURE__ */ vue.createElementVNode("label", {
-    for: "selectAllFiles"
-}, "Select all", -1);
-const _hoisted_21 = {
-    class: "d-flex flex-column"
-};
-const _hoisted_22 = {
-    class: "form-group"
+const _hoisted_7$1 = {
+    class: "ms-auto"
 };
-const _hoisted_23 = [
-    "disabled"
+const _hoisted_8$1 = [
+    "onClick"
 ];
-const _hoisted_24 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fa fa-trash"
-}, null, -1);
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_FAnalysisFormFile = vue.resolveComponent("FAnalysisFormFile");
     const _component_FAnalysisFile = vue.resolveComponent("FAnalysisFile");
     const _component_FAnalysisBucketFiles = vue.resolveComponent("FAnalysisBucketFiles");
-    return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.createElementVNode("div", _hoisted_1$6, [
-            vue.createElementVNode("div", _hoisted_2$6, [
-                _hoisted_3$6,
-                vue.createElementVNode("div", _hoisted_4$5, [
-                    vue.createElementVNode("label", _hoisted_5$3, vue.toDisplayString(_ctx.directoryMode ? "Directories" : "Files"), 1),
-                    vue.createElementVNode("input", {
-                        id: "files",
-                        ref: "filesNode",
-                        type: "file",
-                        webkitdirectory: _ctx.directoryMode,
-                        class: "form-control",
-                        multiple: "",
-                        disbaled: _ctx.busy,
-                        onChange: _cache[0] || (_cache[0] = (...args)=>_ctx.checkTempFiles && _ctx.checkTempFiles(...args))
-                    }, null, 40, _hoisted_6$2)
-                ]),
-                vue.createElementVNode("div", _hoisted_7$2, [
-                    vue.createElementVNode("div", _hoisted_8$2, [
-                        vue.withDirectives(vue.createElementVNode("input", {
-                            id: "train-file-manager-switch",
-                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>_ctx.directoryMode = $event),
-                            class: "form-check-input",
-                            type: "checkbox"
-                        }, null, 512), [
-                            [
-                                vue.vModelCheckbox,
-                                _ctx.directoryMode
-                            ]
-                        ]),
-                        _hoisted_9$2
-                    ])
-                ])
-            ])
+    const _component_FAnalysisBucketFileUpload = vue.resolveComponent("FAnalysisBucketFileUpload");
+    const _component_BModal = vue.resolveComponent("BModal");
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+        vue.createElementVNode("div", null, [
+            vue.createElementVNode("button", {
+                type: "button",
+                class: "btn btn-primary btn-block",
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args)=>_ctx.toggleModal && _ctx.toggleModal(...args), [
+                    "prevent"
+                ]))
+            }, _cache[5] || (_cache[5] = [
+                vue.createElementVNode("i", {
+                    class: "fa fa-upload"
+                }, null, -1),
+                vue.createTextVNode(" Upload ")
+            ]))
         ]),
-        vue.createElementVNode("div", _hoisted_10$1, [
-            vue.createElementVNode("div", _hoisted_11$1, [
-                _hoisted_12$1,
-                _ctx.tempFiles.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, " You have not selected any files to upload... ")) : vue.createCommentVNode("", true),
-                vue.createElementVNode("div", _hoisted_14, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tempFiles, (file, key)=>{
-                        return vue.openBlock(), vue.createBlock(_component_FAnalysisFormFile, {
-                            key,
-                            class: "me-1",
-                            file,
-                            onDrop: _ctx.dropTempFile
-                        }, null, 8, [
-                            "file",
-                            "onDrop"
-                        ]);
-                    }), 128))
+        vue.createElementVNode("div", null, [
+            vue.createElementVNode("div", _hoisted_2$5, [
+                vue.withDirectives(vue.createElementVNode("input", {
+                    id: "selectAllFiles",
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>_ctx.selectAll = $event),
+                    type: "checkbox",
+                    class: "form-check-input",
+                    onChange: _cache[2] || (_cache[2] = (...args)=>_ctx.selectAllFiles && _ctx.selectAllFiles(...args))
+                }, null, 544), [
+                    [
+                        vue.vModelCheckbox,
+                        _ctx.selectAll
+                    ]
                 ]),
-                vue.createElementVNode("div", _hoisted_15, [
-                    vue.createElementVNode("button", {
-                        type: "button",
-                        class: "btn btn-xs btn-dark",
-                        disabled: _ctx.busy || _ctx.tempFiles.length === 0,
-                        onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args)=>_ctx.upload && _ctx.upload(...args), [
-                            "prevent"
-                        ]))
-                    }, " Upload ", 8, _hoisted_16)
-                ])
+                _cache[6] || (_cache[6] = vue.createElementVNode("label", {
+                    for: "selectAllFiles"
+                }, "Select all", -1))
             ]),
-            vue.createElementVNode("div", _hoisted_17, [
-                _hoisted_18,
-                vue.createElementVNode("div", _hoisted_19, [
-                    vue.withDirectives(vue.createElementVNode("input", {
-                        id: "selectAllFiles",
-                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event)=>_ctx.selectAll = $event),
-                        type: "checkbox",
-                        class: "form-check-input",
-                        onChange: _cache[4] || (_cache[4] = (...args)=>_ctx.selectAllFiles && _ctx.selectAllFiles(...args))
-                    }, null, 544), [
-                        [
-                            vue.vModelCheckbox,
-                            _ctx.selectAll
-                        ]
+            vue.createVNode(_component_FAnalysisBucketFiles, {
+                ref: "fileListNode",
+                query: _ctx.fileListQuery,
+                "header-search": false,
+                "header-title": false,
+                "footer-pagination": false,
+                onCreated: _ctx.handleCreated,
+                onUpdated: _ctx.handleUpdated,
+                onDeleted: _ctx.handleDeleted
+            }, {
+                body: vue.withCtx((props)=>[
+                        vue.createElementVNode("div", _hoisted_3$3, [
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.data, (file)=>{
+                                return vue.openBlock(), vue.createBlock(_component_FAnalysisFile, {
+                                    key: file.id,
+                                    class: "me-1",
+                                    entity: file,
+                                    "files-selected": _ctx.selected,
+                                    "file-selected-id": _ctx.entrypointFileId,
+                                    onCheck: _ctx.toggleFile,
+                                    onUpdated: props.updated,
+                                    onDeleted: props.deleted,
+                                    onToggle: _ctx.changeEntryPointFile
+                                }, null, 8, [
+                                    "entity",
+                                    "files-selected",
+                                    "file-selected-id",
+                                    "onCheck",
+                                    "onUpdated",
+                                    "onDeleted",
+                                    "onToggle"
+                                ]);
+                            }), 128))
+                        ])
                     ]),
-                    _hoisted_20
-                ]),
-                vue.createVNode(_component_FAnalysisBucketFiles, {
-                    ref: "fileListNode",
-                    query: _ctx.fileListQuery,
-                    "header-search": false,
-                    "header-title": false,
-                    "footer-pagination": false,
-                    onCreated: _ctx.handleCreated,
-                    onUpdated: _ctx.handleUpdated,
-                    onDeleted: _ctx.handleDeleted
-                }, {
-                    body: vue.withCtx((props)=>[
-                            vue.createElementVNode("div", _hoisted_21, [
-                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.data, (file)=>{
-                                    return vue.openBlock(), vue.createBlock(_component_FAnalysisFile, {
-                                        key: file.id,
-                                        class: "me-1",
-                                        entity: file,
-                                        "files-selected": _ctx.selected,
-                                        "file-selected-id": _ctx.entrypointFileId,
-                                        onCheck: _ctx.toggleFile,
-                                        onUpdated: props.updated,
-                                        onDeleted: props.deleted,
-                                        onToggle: _ctx.changeEntryPointFile
-                                    }, null, 8, [
-                                        "entity",
-                                        "files-selected",
-                                        "file-selected-id",
-                                        "onCheck",
-                                        "onUpdated",
-                                        "onDeleted",
-                                        "onToggle"
-                                    ]);
-                                }), 128))
+                _: 1
+            }, 8, [
+                "query",
+                "onCreated",
+                "onUpdated",
+                "onDeleted"
+            ]),
+            vue.createElementVNode("div", _hoisted_4$3, [
+                vue.createElementVNode("button", {
+                    type: "button",
+                    class: "btn btn-warning btn-xs",
+                    disabled: _ctx.busy || _ctx.selected.length === 0,
+                    onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args)=>_ctx.dropSelected && _ctx.dropSelected(...args), [
+                        "prevent"
+                    ]))
+                }, _cache[7] || (_cache[7] = [
+                    vue.createElementVNode("i", {
+                        class: "fa fa-trash"
+                    }, null, -1),
+                    vue.createTextVNode(" Delete ")
+                ]), 8, _hoisted_5$2)
+            ])
+        ]),
+        vue.createElementVNode("div", null, [
+            vue.createVNode(_component_BModal, {
+                modelValue: _ctx.modal,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event)=>_ctx.modal = $event),
+                "no-footer": true,
+                size: "lg"
+            }, {
+                header: vue.withCtx((props)=>[
+                        vue.createElementVNode("div", _hoisted_6$2, [
+                            _cache[9] || (_cache[9] = vue.createElementVNode("div", null, [
+                                vue.createElementVNode("h5", {
+                                    class: "mb-0"
+                                }, [
+                                    vue.createElementVNode("i", {
+                                        class: "fa fa-upload"
+                                    }),
+                                    vue.createTextVNode(" Upload ")
+                                ])
+                            ], -1)),
+                            vue.createElementVNode("div", _hoisted_7$1, [
+                                vue.createElementVNode("button", {
+                                    type: "button",
+                                    class: "btn btn-xs btn-secondary",
+                                    onClick: vue.withModifiers(($event)=>props.close(), [
+                                        "prevent"
+                                    ])
+                                }, _cache[8] || (_cache[8] = [
+                                    vue.createElementVNode("i", {
+                                        class: "fa fa-times"
+                                    }, null, -1)
+                                ]), 8, _hoisted_8$1)
                             ])
-                        ]),
-                    _: 1
-                }, 8, [
-                    "query",
-                    "onCreated",
-                    "onUpdated",
-                    "onDeleted"
-                ]),
-                vue.createElementVNode("div", _hoisted_22, [
-                    vue.createElementVNode("button", {
-                        type: "button",
-                        class: "btn btn-warning btn-xs",
-                        disabled: _ctx.busy || _ctx.selected.length === 0,
-                        onClick: _cache[5] || (_cache[5] = vue.withModifiers((...args)=>_ctx.dropSelected && _ctx.dropSelected(...args), [
-                            "prevent"
-                        ]))
-                    }, [
-                        _hoisted_24,
-                        vue.createTextVNode(" Delete ")
-                    ], 8, _hoisted_23)
-                ])
+                        ])
+                    ]),
+                default: vue.withCtx(()=>[
+                        vue.createVNode(_component_FAnalysisBucketFileUpload, {
+                            entity: _ctx.entity,
+                            onFileUploaded: _ctx.handleFileUploaded,
+                            onUploaded: _ctx.handleUploaded,
+                            onFailed: _ctx.handleFailed
+                        }, null, 8, [
+                            "entity",
+                            "onFileUploaded",
+                            "onUploaded",
+                            "onFailed"
+                        ])
+                    ]),
+                _: 1
+            }, 8, [
+                "modelValue"
             ])
         ])
     ]);
@@ -9223,18 +10325,21 @@ var _sfc_main$7 = vue.defineComponent({
     }
 });
 
-const _hoisted_1$5 = /* @__PURE__ */ vue.createElementVNode("span", null, "Entrypoint Command", -1);
-const _hoisted_2$5 = /* @__PURE__ */ vue.createElementVNode("br", null, null, -1);
-const _hoisted_3$5 = {
+const _hoisted_1$5 = {
+    class: "row"
+};
+const _hoisted_2$4 = {
+    class: "col-9"
+};
+const _hoisted_3$2 = {
+    class: "col-3"
+};
+const _hoisted_4$2 = {
     class: "alert alert-sm alert-warning"
 };
-const _hoisted_4$4 = /* @__PURE__ */ vue.createElementVNode("p", null, " The code bucket does not exist. Therefore, no files can be uploaded. ", -1);
-const _hoisted_5$2 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fas fa-rotate-right"
-}, null, -1);
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_FAnalysisImageCommand = vue.resolveComponent("FAnalysisImageCommand");
     const _component_FAnalysisBucketFileManager = vue.resolveComponent("FAnalysisBucketFileManager");
+    const _component_FAnalysisImageCommand = vue.resolveComponent("FAnalysisImageCommand");
     const _component_FAnalysisBucket = vue.resolveComponent("FAnalysisBucket");
     return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createVNode(_component_FAnalysisBucket, {
@@ -9242,43 +10347,61 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
             "query-filters": _ctx.queryFilters
         }, {
             default: vue.withCtx(({ data: bucket })=>[
-                    _hoisted_1$5,
-                    _hoisted_2$5,
-                    vue.createVNode(_component_FAnalysisImageCommand, {
-                        class: "mt-2 mb-2",
-                        "master-image-id": _ctx.entity.master_image_id,
-                        "analysis-file": _ctx.entrypointEntity,
-                        "analysis-id": _ctx.entity.id
-                    }, null, 8, [
-                        "master-image-id",
-                        "analysis-file",
-                        "analysis-id"
-                    ]),
-                    vue.createVNode(_component_FAnalysisBucketFileManager, {
-                        entity: bucket,
-                        "file-entity": _ctx.entrypointEntity,
-                        onSetEntrypointFile: _ctx.handleEntrypointChanged,
-                        onFailed: _ctx.handleFailed
-                    }, null, 8, [
-                        "entity",
-                        "file-entity",
-                        "onSetEntrypointFile",
-                        "onFailed"
+                    vue.createElementVNode("div", _hoisted_1$5, [
+                        vue.createElementVNode("div", _hoisted_2$4, [
+                            _cache[1] || (_cache[1] = vue.createElementVNode("h6", null, [
+                                vue.createElementVNode("i", {
+                                    class: "fa fa-file"
+                                }),
+                                vue.createTextVNode(" Files")
+                            ], -1)),
+                            vue.createVNode(_component_FAnalysisBucketFileManager, {
+                                entity: bucket,
+                                "file-entity": _ctx.entrypointEntity,
+                                onSetEntrypointFile: _ctx.handleEntrypointChanged,
+                                onFailed: _ctx.handleFailed
+                            }, null, 8, [
+                                "entity",
+                                "file-entity",
+                                "onSetEntrypointFile",
+                                "onFailed"
+                            ])
+                        ]),
+                        vue.createElementVNode("div", _hoisted_3$2, [
+                            _cache[2] || (_cache[2] = vue.createElementVNode("h6", null, [
+                                vue.createElementVNode("i", {
+                                    class: "fa fa-terminal"
+                                }),
+                                vue.createTextVNode(" Command")
+                            ], -1)),
+                            vue.createVNode(_component_FAnalysisImageCommand, {
+                                class: "mt-2 mb-2",
+                                "master-image-id": _ctx.entity.master_image_id,
+                                "analysis-file": _ctx.entrypointEntity,
+                                "analysis-id": _ctx.entity.id
+                            }, null, 8, [
+                                "master-image-id",
+                                "analysis-file",
+                                "analysis-id"
+                            ])
+                        ])
                     ])
                 ]),
             error: vue.withCtx(()=>[
-                    vue.createElementVNode("div", _hoisted_3$5, [
-                        _hoisted_4$4,
+                    vue.createElementVNode("div", _hoisted_4$2, [
+                        _cache[4] || (_cache[4] = vue.createElementVNode("p", null, " The code bucket does not exist. Therefore, no files can be uploaded. ", -1)),
                         vue.createElementVNode("button", {
                             type: "button",
                             class: "btn btn-xs btn-dark",
                             onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args)=>_ctx.retry && _ctx.retry(...args), [
                                 "prevent"
                             ]))
-                        }, [
-                            _hoisted_5$2,
+                        }, _cache[3] || (_cache[3] = [
+                            vue.createElementVNode("i", {
+                                class: "fas fa-rotate-right"
+                            }, null, -1),
                             vue.createTextVNode(" Retry ")
-                        ])
+                        ]))
                     ])
                 ]),
             _: 1
@@ -9298,17 +10421,15 @@ const _sfc_main$6 = {};
 const _hoisted_1$4 = {
     class: "alert alert-info alert-sm"
 };
-const _hoisted_2$4 = /*#__PURE__*/ vue.createElementVNode("i", {
-    class: "fa fa-info"
-}, null, -1);
-const _hoisted_3$4 = /*#__PURE__*/ vue.createElementVNode("br", null, null, -1);
 function _sfc_render$6(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
-        _hoisted_2$4,
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, _cache[0] || (_cache[0] = [
+        vue.createElementVNode("i", {
+            class: "fa fa-info"
+        }, null, -1),
         vue.createTextVNode(" The analysis is now fully configured and can now be built."),
-        _hoisted_3$4,
+        vue.createElementVNode("br", null, null, -1),
         vue.createTextVNode(" Be aware that when you start the building process, you are not longer able to modify the configuration. ")
-    ]);
+    ]));
 }
 var FAnalysisWizardStepFinal = /*#__PURE__*/ _export_sfc(_sfc_main$6, [
     [
@@ -9499,21 +10620,10 @@ var _sfc_main$5 = vue.defineComponent({
     }
 });
 
-const _hoisted_1$3 = /* @__PURE__ */ vue.createElementVNode("h4", {
-    class: "wizard-title"
-}, [
-    /* @__PURE__ */ vue.createElementVNode("i", {
-        class: "fa fa-hat-wizard"
-    }),
-    /* @__PURE__ */ vue.createTextVNode(" Wizard ")
-], -1);
-const _hoisted_2$3 = /* @__PURE__ */ vue.createElementVNode("p", {
-    class: "category"
-}, " Configure your analysis step by step ", -1);
-const _hoisted_3$3 = {
+const _hoisted_1$3 = {
     class: "wizard-footer-left"
 };
-const _hoisted_4$3 = {
+const _hoisted_2$3 = {
     class: "wizard-footer-right"
 };
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
@@ -9533,36 +10643,45 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         onOnComplete: _ctx.handleWizardFinishedEvent,
         onOnError: _ctx.handleWizardErrorEvent
     }, {
-        title: vue.withCtx(()=>[
-                _hoisted_1$3,
-                _hoisted_2$3
-            ]),
+        title: vue.withCtx(()=>_cache[0] || (_cache[0] = [
+                vue.createElementVNode("h4", {
+                    class: "wizard-title"
+                }, [
+                    vue.createElementVNode("i", {
+                        class: "fa fa-hat-wizard"
+                    }),
+                    vue.createTextVNode(" Wizard ")
+                ], -1),
+                vue.createElementVNode("p", {
+                    class: "category"
+                }, " Configure your analysis step by step ", -1)
+            ])),
         footer: vue.withCtx((props)=>[
-                vue.createElementVNode("div", _hoisted_3$3, [
+                vue.createElementVNode("div", _hoisted_1$3, [
                     props.activeTabIndex > 0 && !props.isLastStep ? (vue.openBlock(), vue.createBlock(_component_WizardButton, {
                         key: 0,
                         style: vue.normalizeStyle(props.fillButtonStyle),
                         onClick: _ctx.prevWizardStep
                     }, {
-                        default: vue.withCtx(()=>[
+                        default: vue.withCtx(()=>_cache[1] || (_cache[1] = [
                                 vue.createTextVNode(" Back ")
-                            ]),
+                            ])),
                         _: 2
                     }, 1032, [
                         "style",
                         "onClick"
                     ])) : vue.createCommentVNode("", true)
                 ]),
-                vue.createElementVNode("div", _hoisted_4$3, [
+                vue.createElementVNode("div", _hoisted_2$3, [
                     !props.isLastStep ? (vue.openBlock(), vue.createBlock(_component_WizardButton, {
                         key: 0,
                         class: "wizard-footer-right",
                         style: vue.normalizeStyle(props.fillButtonStyle),
                         onClick: _ctx.nextWizardStep
                     }, {
-                        default: vue.withCtx(()=>[
+                        default: vue.withCtx(()=>_cache[2] || (_cache[2] = [
                                 vue.createTextVNode(" Next ")
-                            ]),
+                            ])),
                         _: 2
                     }, 1032, [
                         "style",
@@ -9573,9 +10692,9 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                         style: vue.normalizeStyle(props.fillButtonStyle),
                         onClick: _ctx.handleWizardFinishedEvent
                     }, {
-                        default: vue.withCtx(()=>[
+                        default: vue.withCtx(()=>_cache[3] || (_cache[3] = [
                                 vue.createTextVNode(" Finish ")
-                            ]),
+                            ])),
                         _: 2
                     }, 1032, [
                         "style",
@@ -9727,23 +10846,18 @@ const _hoisted_1$2 = {
 const _hoisted_2$2 = {
     class: "col"
 };
-const _hoisted_3$2 = /* @__PURE__ */ vue.createElementVNode("hr", null, null, -1);
-const _hoisted_4$2 = [
+const _hoisted_3$1 = [
     "disabled"
 ];
-const _hoisted_5$1 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fa fa-plus"
-}, null, -1);
-const _hoisted_6$1 = {
+const _hoisted_4$1 = {
     key: 0,
     class: "col"
 };
-const _hoisted_7$1 = /* @__PURE__ */ vue.createElementVNode("label", null, "Projects", -1);
-const _hoisted_8$1 = [
+const _hoisted_5$1 = [
     "disabled",
     "onClick"
 ];
-const _hoisted_9$1 = {
+const _hoisted_6$1 = {
     key: 0,
     class: "alert alert-sm alert-warning"
 };
@@ -9769,9 +10883,9 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                                 "validation-messages": props.data,
                                 "validation-severity": props.severity
                             }, {
-                                label: vue.withCtx(()=>[
+                                label: vue.withCtx(()=>_cache[4] || (_cache[4] = [
                                         vue.createTextVNode(" Name ")
-                                    ]),
+                                    ])),
                                 default: vue.withCtx(()=>[
                                         vue.createVNode(_component_VCFormInput, {
                                             modelValue: _ctx.v$.name.$model,
@@ -9790,7 +10904,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 }, 8, [
                     "validation"
                 ]),
-                _hoisted_3$2,
+                _cache[7] || (_cache[7] = vue.createElementVNode("hr", null, null, -1)),
                 vue.createVNode(_component_IVuelidate, {
                     validation: _ctx.v$.description
                 }, {
@@ -9799,9 +10913,9 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                                 "validation-messages": props.data,
                                 "validation-severity": props.severity
                             }, {
-                                label: vue.withCtx(()=>[
+                                label: vue.withCtx(()=>_cache[5] || (_cache[5] = [
                                         vue.createTextVNode(" Description ")
-                                    ]),
+                                    ])),
                                 default: vue.withCtx(()=>[
                                         vue.createVNode(_component_VCFormTextarea, {
                                             modelValue: _ctx.v$.description.$model,
@@ -9829,18 +10943,20 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                         onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args)=>_ctx.add && _ctx.add(...args), [
                             "prevent"
                         ]))
-                    }, [
-                        _hoisted_5$1,
+                    }, _cache[6] || (_cache[6] = [
+                        vue.createElementVNode("i", {
+                            class: "fa fa-plus"
+                        }, null, -1),
                         vue.createTextVNode(" create ")
-                    ], 8, _hoisted_4$2)
+                    ]), 8, _hoisted_3$1)
                 ])
             ]),
-            !_ctx.projectId ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
+            !_ctx.projectId ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
                 vue.createVNode(_component_FProjects, {
                     query: _ctx.proposalQuery
                 }, {
                     header: vue.withCtx((props)=>[
-                            _hoisted_7$1,
+                            _cache[8] || (_cache[8] = vue.createElementVNode("label", null, "Projects", -1)),
                             vue.createVNode(_component_FSearch, {
                                 load: props.load,
                                 meta: props.meta
@@ -9870,13 +10986,13 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                                         "fa fa-minus": _ctx.form.project_id === props.data.id
                                     })
                                 }, null, 2)
-                            ], 10, _hoisted_8$1)
+                            ], 10, _hoisted_5$1)
                         ]),
                     _: 1
                 }, 8, [
                     "query"
                 ]),
-                !_ctx.v$.project_id.required && !_ctx.v$.project_id.$model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, " Choose a project as base of your analysis ")) : vue.createCommentVNode("", true)
+                !_ctx.v$.project_id.required && !_ctx.v$.project_id.$model ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, " Choose a project as base of your analysis ")) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true)
         ])
     ], 32);
@@ -9915,7 +11031,7 @@ const FAnalysisCommand = vue.defineComponent({
         },
         elementType: {
             type: String,
-            default: exports.ActionCommandElementType.BUTTON
+            default: ActionCommandElementType.BUTTON
         },
         withIcon: {
             type: Boolean,
@@ -9946,7 +11062,9 @@ const FAnalysisCommand = vue.defineComponent({
                 }
             }
         });
-        const isAllowed = clientWebKit.useAbilityCheck(PermissionName.ANALYSIS_UPDATE);
+        const isAllowed = clientWebKit.usePermissionCheck({
+            name: PermissionName.ANALYSIS_UPDATE
+        });
         const isHidden = vue.computed(()=>{
             if (props.command === coreKit.AnalysisAPICommand.CONFIGURATION_LOCK) {
                 return entity.value.configuration_locked;
@@ -10207,21 +11325,11 @@ var _sfc_main$1 = vue.defineComponent({
     }
 });
 
-const _hoisted_1$1 = /* @__PURE__ */ vue.createElementVNode("div", {
-    class: "me-1"
-}, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, "1. Configuration")
-], -1);
-const _hoisted_2$1 = {
+const _hoisted_1$1 = {
     key: 0,
     class: "ms-auto"
 };
-const _hoisted_3$1 = /* @__PURE__ */ vue.createElementVNode("div", {
-    class: "me-1"
-}, [
-    /* @__PURE__ */ vue.createElementVNode("strong", null, "2. Build")
-], -1);
-const _hoisted_4$1 = {
+const _hoisted_2$1 = {
     key: 0,
     class: "ms-auto flex-row d-flex justify-between gap-1"
 };
@@ -10250,7 +11358,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 "flex-basis": "0"
             }
         }, [
-            _hoisted_1$1,
+            _cache[5] || (_cache[5] = vue.createElementVNode("div", {
+                class: "me-1"
+            }, [
+                vue.createElementVNode("strong", null, "1. Configuration")
+            ], -1)),
             vue.createElementVNode("div", null, [
                 vue.createVNode(_component_FAnalysisConfigurationStatusText, {
                     locked: _ctx.entity.configuration_locked
@@ -10258,7 +11370,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     "locked"
                 ])
             ]),
-            _ctx.withCommand ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
+            _ctx.withCommand ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
                 vue.createVNode(_component_FAnalysisCommand, {
                     command: _ctx.trainCommand.CONFIGURATION_LOCK,
                     "with-icon": true,
@@ -10299,7 +11411,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 "flex-basis": "0"
             }
         }, [
-            _hoisted_3$1,
+            _cache[6] || (_cache[6] = vue.createElementVNode("div", {
+                class: "me-1"
+            }, [
+                vue.createElementVNode("strong", null, "2. Build")
+            ], -1)),
             vue.createElementVNode("div", null, [
                 vue.createVNode(_component_FAnalysisBuildStatusText, {
                     status: _ctx.entity.build_status
@@ -10307,7 +11423,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     "status"
                 ])
             ]),
-            _ctx.withCommand ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
+            _ctx.withCommand ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
                 vue.createElementVNode("div", null, [
                     vue.createVNode(_component_FAnalysisCommand, {
                         command: _ctx.trainCommand.BUILD_START,
@@ -10395,7 +11511,9 @@ var _sfc_main = vue.defineComponent({
         const toggleView = ()=>{
             extendedView.value = !extendedView.value;
         };
-        const canDelete = clientWebKit.useAbilityCheck(PermissionName.ANALYSIS_DELETE);
+        const canDelete = clientWebKit.usePermissionCheck({
+            name: PermissionName.ANALYSIS_DELETE
+        });
         const handleDeleted = (data)=>{
             emit('deleted', data);
         };
@@ -10429,34 +11547,22 @@ const _hoisted_2 = {
 const _hoisted_3 = {
     class: "me-1"
 };
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fas fa-microscope me-1"
-}, null, -1);
-const _hoisted_5 = {
+const _hoisted_4 = {
     key: 0,
     class: "text-muted ms-1"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
     class: "ms-auto"
 };
-const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("i", {
-    class: "fa fa-bars"
-}, null, -1);
-const _hoisted_8 = {
+const _hoisted_6 = {
     class: "d-flex flex-row"
 };
-const _hoisted_9 = {
+const _hoisted_7 = {
     class: ""
 };
-const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("span", {
-    class: "text-muted"
-}, " created ", -1);
-const _hoisted_11 = {
+const _hoisted_8 = {
     class: "ms-auto"
 };
-const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("span", {
-    class: "text-muted"
-}, " updated ", -1);
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_VCLink = vue.resolveComponent("VCLink");
     const _component_FAnalysisName = vue.resolveComponent("FAnalysisName");
@@ -10475,7 +11581,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                         onUpdated: _ctx.handleUpdated
                     }, {
                         default: vue.withCtx((props)=>[
-                                _hoisted_4,
+                                _cache[1] || (_cache[1] = vue.createElementVNode("i", {
+                                    class: "fas fa-microscope me-1"
+                                }, null, -1)),
                                 vue.createVNode(_component_VCLink, {
                                     to: "/analyses/" + props.entityId
                                 }, {
@@ -10486,7 +11594,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                                 }, 1032, [
                                     "to"
                                 ]),
-                                props.entityName ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(props.entityId), 1)) : vue.createCommentVNode("", true)
+                                props.entityName ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(props.entityId), 1)) : vue.createCommentVNode("", true)
                             ]),
                         _: 1
                     }, 8, [
@@ -10495,7 +11603,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                         "onUpdated"
                     ])
                 ]),
-                vue.createElementVNode("div", _hoisted_6, [
+                vue.createElementVNode("div", _hoisted_5, [
                     vue.renderSlot(_ctx.$slots, "itemActions", {
                         data: _ctx.entity
                     }, ()=>[
@@ -10517,9 +11625,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                                 disabled: _ctx.busy,
                                 class: "btn btn-xs btn-dark ms-1"
                             }, {
-                                default: vue.withCtx(()=>[
-                                        _hoisted_7
-                                    ]),
+                                default: vue.withCtx(()=>_cache[2] || (_cache[2] = [
+                                        vue.createElementVNode("i", {
+                                            class: "fa fa-bars"
+                                        }, null, -1)
+                                    ])),
                                 _: 1
                             }, 8, [
                                 "to",
@@ -10566,10 +11676,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, [
             "entity"
         ]),
-        vue.createElementVNode("div", _hoisted_8, [
-            vue.createElementVNode("div", _hoisted_9, [
+        vue.createElementVNode("div", _hoisted_6, [
+            vue.createElementVNode("div", _hoisted_7, [
                 vue.createElementVNode("small", null, [
-                    _hoisted_10,
+                    _cache[3] || (_cache[3] = vue.createElementVNode("span", {
+                        class: "text-muted"
+                    }, " created ", -1)),
                     vue.createVNode(_component_VCTimeago, {
                         datetime: _ctx.entity.created_at
                     }, null, 8, [
@@ -10577,9 +11689,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     ])
                 ])
             ]),
-            vue.createElementVNode("div", _hoisted_11, [
+            vue.createElementVNode("div", _hoisted_8, [
                 vue.createElementVNode("small", null, [
-                    _hoisted_12,
+                    _cache[4] || (_cache[4] = vue.createElementVNode("span", {
+                        class: "text-muted"
+                    }, " updated ", -1)),
                     vue.createVNode(_component_VCTimeago, {
                         datetime: _ctx.entity.updated_at
                     }, null, 8, [
@@ -10691,7 +11805,7 @@ const FAnalysisBucketFileDownload = vue.defineComponent({
         },
         elementType: {
             type: String,
-            default: exports.ActionCommandElementType.BUTTON
+            default: ActionCommandElementType.BUTTON
         },
         withIcon: {
             type: Boolean,
@@ -10907,6 +12021,7 @@ var FAnalysisLogs = vue.defineComponent({
 
 var components = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    ElementType: ElementType,
     FAnalyses: FAnalyses,
     FAnalysis: TrainEntity,
     FAnalysisBasicForm: FAnalysisBasicForm,
@@ -10932,6 +12047,9 @@ var components = /*#__PURE__*/Object.freeze({
     FAnalysisPipeline: TrainPipeline,
     FAnalysisWizard: FAnalysisWizard,
     FEntityDelete: FEntityDelete,
+    FMasterImageEventLog: FMasterImageEventLog,
+    FMasterImageEventLogs: FMasterImageEventLogs,
+    FNodeCrypto: FNodeCrypto,
     FNodeForm: FNodeForm,
     FNodeRegistryProject: FNodeRegistryProject,
     FNodeRobotEntity: FNodeRobot,
@@ -11001,6 +12119,9 @@ var index = {
     install
 };
 
+exports.ActionCommandElementType = ActionCommandElementType;
+exports.ElementType = ElementType;
+exports.EntityListSlotName = EntityListSlotName;
 exports.EntityManagerError = EntityManagerError;
 exports.FAnalyses = FAnalyses;
 exports.FAnalysis = TrainEntity;
@@ -11027,6 +12148,9 @@ exports.FAnalysisNodes = FAnalysisNodes;
 exports.FAnalysisPipeline = TrainPipeline;
 exports.FAnalysisWizard = FAnalysisWizard;
 exports.FEntityDelete = FEntityDelete;
+exports.FMasterImageEventLog = FMasterImageEventLog;
+exports.FMasterImageEventLogs = FMasterImageEventLogs;
+exports.FNodeCrypto = FNodeCrypto;
 exports.FNodeForm = FNodeForm;
 exports.FNodeRegistryProject = FNodeRegistryProject;
 exports.FNodeRobotEntity = FNodeRobot;