@privateaim/client-vue 0.8.4 → 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,9 +18,9 @@ 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');
 
 /*
@@ -71,7 +71,7 @@ var vue3FormWizard = require('vue3-form-wizard');
  * Author Peter Placzek (tada5hi)
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
- */ function isObject$3(input) {
+ */ function isObject$4(input) {
     return !!input && typeof input === 'object' && !Array.isArray(input);
 }
 function getPathValue(data, path) {
@@ -103,7 +103,7 @@ function setPathValue(data, path, value) {
     let temp = data;
     let index = 0;
     while(index < parts.length){
-        /* istanbul ignore next */ if (!Array.isArray(temp) && !isObject$3(temp)) {
+        /* istanbul ignore next */ if (!Array.isArray(temp) && !isObject$4(temp)) {
             break;
         }
         const key = parts[index];
@@ -239,7 +239,7 @@ function installStoreManager(instance, key) {
     return manager;
 }
 
-var _sfc_main$g = vue.defineComponent({
+var _sfc_main$i = vue.defineComponent({
     components: {
         IVuelidate: vuelidate.IVuelidate,
         VCFormInput: formControls.VCFormInput,
@@ -255,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: '',
@@ -280,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 {
@@ -313,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");
@@ -402,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
     ]
 ]);
 
@@ -421,32 +421,54 @@ var FLoginForm = /* @__PURE__ */ _export_sfc(_sfc_main$g, [
     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;
             }
@@ -455,6 +477,298 @@ 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)
@@ -494,9 +808,27 @@ let customAlphabet = (alphabet, size = 21)=>customRandom(alphabet, size, random)
 function hasOwnProperty(obj, prop) {
     return Object.prototype.hasOwnProperty.call(obj, prop);
 }
-function isObject$2(item) {
+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)();
 }
@@ -831,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);
@@ -857,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})?/;
@@ -984,7 +1316,7 @@ const e$1 = globalThis.Blob, o$1 = globalThis.File, a$1 = globalThis.FormData, s
     throw new Error("[node-fetch-native] Failed to fetch: `globalThis.fetch` is not available!");
 });
 
-function isObject$1(item) {
+function isObject$2(item) {
     return !!item && typeof item === 'object' && !Array.isArray(item);
 }
 function createExtractOptionsFn(fn) {
@@ -1015,7 +1347,7 @@ function createExtractOptionsFn(fn) {
     };
 }
 function isOptions(input) {
-    if (!isObject$1(input)) {
+    if (!isObject$2(input)) {
         return false;
     }
     if (typeof input.message !== 'undefined' && typeof input.message !== 'string') {
@@ -1072,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");
@@ -1117,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();
 }
@@ -1153,11 +1485,11 @@ function kindOfTest(type, input) {
     type = type.toLowerCase();
     return kindOf(input) === type;
 }
-function isObject(input) {
+function isObject$1(input) {
     return typeof input === 'object' && input !== null && !!input && !Array.isArray(input);
 }
 function isStream(input) {
-    return isObject(input) && typeof input.pipe === 'function';
+    return isObject$1(input) && typeof input.pipe === 'function';
 }
 function isFormData(input) {
     if (typeof FormData$1 !== 'undefined' && input instanceof FormData$1) {
@@ -1194,7 +1526,7 @@ function isURLSearchParams(input) {
     return kindOfTest('URLSearchParams', input);
 }
 function verifyInstanceBySymbol(input, name) {
-    if (!isObject(input) && typeof input !== 'function') {
+    if (!isObject$1(input) && typeof input !== 'function') {
         return false;
     }
     return input['@instanceof'] === Symbol.for(name);
@@ -1213,7 +1545,7 @@ function isJSONSerializable(input) {
     if (Array.isArray(input)) {
         return true;
     }
-    return isObject(input) || typeof input === 'function' && input.toJSON === 'function';
+    return isObject$1(input) || typeof input === 'function' && input.toJSON === 'function';
 }
 /*
  * Copyright (c) 2023.
@@ -1230,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;
@@ -1311,7 +1642,7 @@ function isClientError(error) {
     if (error instanceof ClientError) {
         return true;
     }
-    return isObject(error) && verifyInstanceBySymbol(error, 'ClientError');
+    return isObject$1(error) && verifyInstanceBySymbol(error, 'ClientError');
 }
 function stringifyAuthorizationHeader(header) {
     switch(header.type){
@@ -1333,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)) {
@@ -1378,13 +1709,13 @@ function isRequestPayloadSupported(method = 'GET') {
     return method === MethodName.PATCH || method === MethodName.POST || method === MethodName.PUT;
 }
 function isRequestOptions(input) {
-    if (!isObject(input)) {
+    if (!isObject$1(input)) {
         return false;
     }
     return input.url === 'string';
 }
 function isResponse(input) {
-    if (!isObject(input)) {
+    if (!isObject$1(input)) {
         return false;
     }
     return typeof input.headers !== 'undefined' && typeof input.ok === 'boolean';
@@ -1809,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;
     }
@@ -1838,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);
     }
@@ -1852,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;
@@ -1866,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);
         });
@@ -1884,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;
         })();
@@ -1909,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;
@@ -1923,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);
         });
@@ -1969,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);
@@ -1999,21 +2330,12 @@ class MasterImageAPI extends BaseAPI {
         })();
     }
 }
-function nullifyEmptyObjectProperties(data) {
-    const keys = Object.keys(data);
-    for(let i = 0; i < keys.length; i++){
-        if (data[keys[i]] === '') {
-            data[keys[i]] = null;
-        }
-    }
-    return data;
-}
 /*
  * 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$b(gen, resolve, reject, _next, _throw, key, arg) {
+ */ function asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -2027,55 +2349,135 @@ function nullifyEmptyObjectProperties(data) {
         Promise.resolve(value).then(_next, _throw);
     }
 }
-function _async_to_generator$b(fn) {
+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$b(gen, resolve, reject, _next, _throw, "next", value);
+                asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, "next", value);
             }
             function _throw(err) {
-                asyncGeneratorStep$b(gen, resolve, reject, _next, _throw, "throw", err);
+                asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, "throw", err);
             }
             _next(undefined);
         });
     };
 }
-class ProjectAPI extends BaseAPI {
-    getMany(record) {
+class MasterImageEventLogAPI extends BaseAPI {
+    getMany(options) {
         var _this = this;
-        return _async_to_generator$b(function*() {
-            const response = yield _this.client.get(`projects${rapiq.buildQuery(record)}`);
-            return response.data;
+        return _async_to_generator$c(function*() {
+            const { data: response } = yield _this.client.get(`master-image-event-logs${rapiq.buildQuery(options)}`);
+            return response;
         })();
     }
-    getOne(id, requestRecord) {
+    getOne(id) {
         var _this = this;
-        return _async_to_generator$b(function*() {
-            const response = yield _this.client.get(`projects/${id}${rapiq.buildQuery(requestRecord)}`);
-            return response.data;
+        return _async_to_generator$c(function*() {
+            const { data: response } = yield _this.client.get(`master-image-event-logs/${id}`);
+            return response;
         })();
     }
-    create(data) {
+    delete(id) {
         var _this = this;
-        return _async_to_generator$b(function*() {
-            const response = yield _this.client.post('projects', nullifyEmptyObjectProperties(data));
-            return response.data;
+        return _async_to_generator$c(function*() {
+            const { data: response } = yield _this.client.delete(`master-image-event-logs/${id}`);
+            return response;
         })();
     }
-    delete(id) {
+    update(id, data) {
         var _this = this;
-        return _async_to_generator$b(function*() {
-            const response = yield _this.client.delete(`projects/${id}`);
-            return response.data;
+        return _async_to_generator$c(function*() {
+            const { data: response } = yield _this.client.post(`master-image-event-logs/${id}`, data);
+            return response;
         })();
     }
-    update(id, data) {
+    create(data) {
         var _this = this;
-        return _async_to_generator$b(function*() {
-            const response = yield _this.client.post(`projects/${id}`, nullifyEmptyObjectProperties(data));
-            return response.data;
+        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++){
+        if (data[keys[i]] === '') {
+            data[keys[i]] = null;
+        }
+    }
+    return data;
+}
+/*
+ * 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$b(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$b(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep$b(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep$b(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+class ProjectAPI extends BaseAPI {
+    getMany(record) {
+        var _this = this;
+        return _async_to_generator$b(function*() {
+            const response = yield _this.client.get(`projects${rapiq.buildQuery(record)}`);
+            return response.data;
+        })();
+    }
+    getOne(id, requestRecord) {
+        var _this = this;
+        return _async_to_generator$b(function*() {
+            const response = yield _this.client.get(`projects/${id}${rapiq.buildQuery(requestRecord)}`);
+            return response.data;
+        })();
+    }
+    create(data) {
+        var _this = this;
+        return _async_to_generator$b(function*() {
+            const response = yield _this.client.post('projects', nullifyEmptyObjectProperties(data));
+            return response.data;
+        })();
+    }
+    delete(id) {
+        var _this = this;
+        return _async_to_generator$b(function*() {
+            const response = yield _this.client.delete(`projects/${id}`);
+            return response.data;
+        })();
+    }
+    update(id, data) {
+        var _this = this;
+        return _async_to_generator$b(function*() {
+            const response = yield _this.client.post(`projects/${id}`, nullifyEmptyObjectProperties(data));
+            return response.data;
         })();
     }
 }
@@ -2988,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
         });
@@ -3152,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);
 }
@@ -3176,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) {
@@ -3282,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 {
@@ -3381,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);
         }
@@ -4276,7 +4687,7 @@ var FEntityDelete = vue.defineComponent({
         const submit = async ()=>{
             if (busy.value) return;
             const domainAPI = apiClient[props.entityType];
-            if (!isObject$2(domainAPI)) {
+            if (!isObject$3(domainAPI)) {
                 return;
             }
             if (typeof domainAPI.delete !== 'function') {
@@ -4372,9 +4783,6 @@ var FMasterImagesSync = vue.defineComponent({
             }
         };
         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.'
-                ]),
                 vue.h('div', {
                     class: 'mb-1'
                 }, [
@@ -4394,34 +4802,160 @@ var FMasterImagesSync = vue.defineComponent({
                     ])
                 ]),
                 vue.h(MasterImageList, {
-                    ref: itemList,
-                    scopedSlots: {
-                        [EntityListSlotName.HEADER]: (props)=>[
-                                vue.h(clientWebKit.ASearch, {
-                                    load: props.load,
-                                    meta: props.meta,
-                                    busy: props.busy
-                                }),
-                                vue.h('strong', [
-                                    'Overview'
-                                ])
-                            ],
-                        [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);
-                                }
-                            })
-                    }
+                    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: 'log-body'
+                }, [
+                    render()
+                ])
+            ]);
+    }
+});
+
 const FProject = vue.defineComponent({
     props: defineEntityManagerProps(),
     emits: defineEntityManagerEvents(),
@@ -5049,7 +5583,7 @@ const FProjectInForm = vue.defineComponent({
     }
 });
 
-var _sfc_main$f = vue.defineComponent({
+var _sfc_main$h = vue.defineComponent({
     components: {
         BModal: bootstrapVueNext.BModal,
         FProjectInForm,
@@ -5096,49 +5630,49 @@ 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$b = {
+const _hoisted_2$e = {
     class: "w-100"
 };
-const _hoisted_3$9 = {
+const _hoisted_3$c = {
     class: "d-flex flex-row align-items-center"
 };
-const _hoisted_4$9 = {
+const _hoisted_4$c = {
     class: "ms-auto d-flex flex-row gap-1"
 };
-const _hoisted_5$6 = {
+const _hoisted_5$8 = {
     class: "row"
 };
-const _hoisted_6$5 = {
+const _hoisted_6$7 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
-const _hoisted_7$4 = {
+const _hoisted_7$6 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
-const _hoisted_8$4 = {
+const _hoisted_8$6 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
-const _hoisted_9$3 = {
+const _hoisted_9$4 = {
     class: "d-flex flex-row"
 };
-const _hoisted_10$3 = {
+const _hoisted_10$4 = {
     class: ""
 };
 const _hoisted_11$3 = {
     class: "ms-auto"
 };
-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$b, [
-            vue.createElementVNode("div", _hoisted_3$9, [
+    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
@@ -5159,7 +5693,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                 ]),
-                vue.createElementVNode("div", _hoisted_4$9, [
+                vue.createElementVNode("div", _hoisted_4$c, [
                     vue.renderSlot(_ctx.$slots, "itemActions", {
                         data: _ctx.entity
                     }, ()=>[
@@ -5222,8 +5756,8 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "body", {
             data: _ctx.entity
         }, ()=>[
-                vue.createElementVNode("div", _hoisted_5$6, [
-                    vue.createElementVNode("div", _hoisted_6$5, [
+                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", {
@@ -5234,7 +5768,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                         ], -1)),
                         vue.createElementVNode("div", null, vue.toDisplayString(_ctx.entity.node.name), 1)
                     ]),
-                    vue.createElementVNode("div", _hoisted_7$4, [
+                    vue.createElementVNode("div", _hoisted_7$6, [
                         _cache[6] || (_cache[6] = vue.createElementVNode("div", null, [
                             vue.createElementVNode("strong", null, [
                                 vue.createElementVNode("i", {
@@ -5258,7 +5792,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                     ]),
-                    vue.createElementVNode("div", _hoisted_8$4, [
+                    vue.createElementVNode("div", _hoisted_8$6, [
                         _cache[7] || (_cache[7] = vue.createElementVNode("div", null, [
                             vue.createElementVNode("strong", null, [
                                 vue.createElementVNode("i", {
@@ -5284,8 +5818,8 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "footer", {
             data: _ctx.entity
         }, ()=>[
-                vue.createElementVNode("div", _hoisted_9$3, [
-                    vue.createElementVNode("div", _hoisted_10$3, [
+                vue.createElementVNode("div", _hoisted_9$4, [
+                    vue.createElementVNode("div", _hoisted_10$4, [
                         vue.createElementVNode("small", null, [
                             _cache[8] || (_cache[8] = vue.createElementVNode("span", {
                                 class: "text-muted"
@@ -5348,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
     ]
 ]);
 
@@ -5624,7 +6158,7 @@ const FProjectForm = vue.defineComponent({
     }
 });
 
-var _sfc_main$e = vue.defineComponent({
+var _sfc_main$g = vue.defineComponent({
     components: {
         FEntityDelete,
         VCLink: link.VCLink,
@@ -5658,46 +6192,46 @@ var _sfc_main$e = vue.defineComponent({
     }
 });
 
-const _hoisted_1$c = {
+const _hoisted_1$e = {
     class: "d-flex flex-column w-100"
 };
-const _hoisted_2$a = {
+const _hoisted_2$d = {
     class: "w-100"
 };
-const _hoisted_3$8 = {
+const _hoisted_3$b = {
     class: "d-flex flex-row align-items-center"
 };
-const _hoisted_4$8 = {
+const _hoisted_4$b = {
     class: "ms-auto"
 };
-const _hoisted_5$5 = {
+const _hoisted_5$7 = {
     class: "d-flex justify-content-between flex-row"
 };
-const _hoisted_6$4 = {
+const _hoisted_6$6 = {
     class: "d-flex flex-grow-1 align-items-center flex-column"
 };
-const _hoisted_7$3 = {
+const _hoisted_7$5 = {
     class: "d-flex flex-grow-1 align-items-center flex-column"
 };
-const _hoisted_8$3 = {
+const _hoisted_8$5 = {
     class: "d-flex flex-grow-1 align-items-center flex-column"
 };
-const _hoisted_9$2 = {
+const _hoisted_9$3 = {
     class: "d-flex flex-row"
 };
-const _hoisted_10$2 = {
+const _hoisted_10$3 = {
     class: ""
 };
 const _hoisted_11$2 = {
     class: "ms-auto"
 };
-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$a, [
-            vue.createElementVNode("div", _hoisted_3$8, [
+    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
@@ -5718,7 +6252,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                 ]),
-                vue.createElementVNode("div", _hoisted_4$8, [
+                vue.createElementVNode("div", _hoisted_4$b, [
                     vue.renderSlot(_ctx.$slots, "itemActions", {
                         data: _ctx.entity
                     }, ()=>[
@@ -5757,8 +6291,8 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "body", {
             data: _ctx.entity
         }, ()=>[
-                vue.createElementVNode("div", _hoisted_5$5, [
-                    vue.createElementVNode("div", _hoisted_6$4, [
+                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", {
@@ -5774,7 +6308,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
                             })
                         }, vue.toDisplayString(_ctx.entity.analyses), 3)
                     ]),
-                    vue.createElementVNode("div", _hoisted_7$3, [
+                    vue.createElementVNode("div", _hoisted_7$5, [
                         _cache[3] || (_cache[3] = vue.createElementVNode("div", null, [
                             vue.createElementVNode("strong", null, [
                                 vue.createElementVNode("i", {
@@ -5790,7 +6324,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
                             })
                         }, vue.toDisplayString(_ctx.entity.nodes), 3)
                     ]),
-                    vue.createElementVNode("div", _hoisted_8$3, [
+                    vue.createElementVNode("div", _hoisted_8$5, [
                         _cache[4] || (_cache[4] = vue.createElementVNode("div", null, [
                             vue.createElementVNode("strong", null, [
                                 vue.createElementVNode("i", {
@@ -5816,8 +6350,8 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "footer", {
             data: _ctx.entity
         }, ()=>[
-                vue.createElementVNode("div", _hoisted_9$2, [
-                    vue.createElementVNode("div", _hoisted_10$2, [
+                vue.createElementVNode("div", _hoisted_9$3, [
+                    vue.createElementVNode("div", _hoisted_10$3, [
                         vue.createElementVNode("small", null, [
                             _cache[5] || (_cache[5] = vue.createElementVNode("span", {
                                 class: "text-muted"
@@ -5845,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
     ]
 ]);
 
@@ -6288,7 +6822,7 @@ var RegistryProjectDetails = vue.defineComponent({
                         }, [
                             vue.h('label', {
                                 class: 'pe-1'
-                            }, 'Namespace'),
+                            }, 'Project'),
                             vue.h('input', {
                                 class: 'form-control',
                                 type: 'text',
@@ -6302,7 +6836,7 @@ var RegistryProjectDetails = vue.defineComponent({
                             }, [
                                 vue.h('label', {
                                     class: 'pe-1'
-                                }, 'ID'),
+                                }, 'Account ID'),
                                 vue.h('input', {
                                     class: 'form-control',
                                     type: 'text',
@@ -6313,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({
@@ -6717,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),
@@ -6907,7 +7439,536 @@ var FNodeForm = vue.defineComponent({
     }
 });
 
-var FNodeRegistryProject = vue.defineComponent({
+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: {
         entity: {
             type: Object,
@@ -7536,7 +8597,7 @@ var FAnalysisNodeRunStatus = vue.defineComponent({
     }
 });
 
-var _sfc_main$d = vue.defineComponent({
+var _sfc_main$e = vue.defineComponent({
     components: {
         FAnalysisNodes,
         FAnalysisNodeRunStatus
@@ -7580,25 +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$9 = {
+const _hoisted_2$b = {
     class: "icon"
 };
-const _hoisted_3$7 = {
+const _hoisted_3$9 = {
     key: 1,
     class: "progress bg-white"
 };
-const _hoisted_4$7 = [
+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,
@@ -7625,7 +8686,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
                                         }
                                     ])
                                 }, [
-                                    vue.createElementVNode("span", _hoisted_2$9, vue.toDisplayString(item.node.name), 1)
+                                    vue.createElementVNode("span", _hoisted_2$b, vue.toDisplayString(item.node.name), 1)
                                 ], 2),
                                 _cache[0] || (_cache[0] = vue.createElementVNode("div", {
                                     class: "mt-1"
@@ -7648,7 +8709,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
                 "realm-id",
                 "source-id"
             ])
-        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, [
             vue.createElementVNode("div", {
                 class: vue.normalizeClass([
                     "progress-bar",
@@ -7663,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_4$7)
+            }, 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
     ]
 ]);
 
@@ -7859,7 +8920,7 @@ var TrainName = vue.defineComponent({
     }
 });
 
-var _sfc_main$c = vue.defineComponent({
+var _sfc_main$d = vue.defineComponent({
     components: {
         FAnalysisBucket,
         FAnalysisBucketDownload,
@@ -7908,28 +8969,28 @@ 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$8 = {
+const _hoisted_2$a = {
     class: "w-100"
 };
-const _hoisted_3$6 = {
+const _hoisted_3$8 = {
     class: "d-flex flex-row align-items-center"
 };
-const _hoisted_4$6 = {
+const _hoisted_4$8 = {
     class: "ms-auto d-flex flex-row gap-1"
 };
-const _hoisted_5$4 = {
+const _hoisted_5$5 = {
     class: "row"
 };
-const _hoisted_6$3 = {
+const _hoisted_6$4 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
-const _hoisted_7$2 = {
+const _hoisted_7$3 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
-const _hoisted_8$2 = {
+const _hoisted_8$3 = {
     class: "col-12 col-md-4 d-flex align-items-center flex-column"
 };
 const _hoisted_9$1 = {
@@ -7938,10 +8999,10 @@ const _hoisted_9$1 = {
 const _hoisted_10$1 = {
     class: ""
 };
-const _hoisted_11$1 = {
+const _hoisted_11 = {
     class: "ms-auto"
 };
-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");
@@ -7949,9 +9010,9 @@ 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, [
-        vue.createElementVNode("div", _hoisted_2$8, [
-            vue.createElementVNode("div", _hoisted_3$6, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+        vue.createElementVNode("div", _hoisted_2$a, [
+            vue.createElementVNode("div", _hoisted_3$8, [
                 vue.createElementVNode("div", null, [
                     vue.renderSlot(_ctx.$slots, "title", {
                         data: _ctx.entity
@@ -7968,7 +9029,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                 ]),
-                vue.createElementVNode("div", _hoisted_4$6, [
+                vue.createElementVNode("div", _hoisted_4$8, [
                     vue.renderSlot(_ctx.$slots, "itemActions", {
                         data: _ctx.entity
                     }, ()=>[
@@ -8036,8 +9097,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
         vue.renderSlot(_ctx.$slots, "body", {
             data: _ctx.entity
         }, ()=>[
-                vue.createElementVNode("div", _hoisted_5$4, [
-                    vue.createElementVNode("div", _hoisted_6$3, [
+                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", {
@@ -8048,7 +9109,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                         ], -1)),
                         vue.createElementVNode("div", null, vue.toDisplayString(_ctx.entity.node.name), 1)
                     ]),
-                    vue.createElementVNode("div", _hoisted_7$2, [
+                    vue.createElementVNode("div", _hoisted_7$3, [
                         _cache[3] || (_cache[3] = vue.createElementVNode("div", null, [
                             vue.createElementVNode("strong", null, [
                                 vue.createElementVNode("i", {
@@ -8072,7 +9133,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                     ]),
-                    vue.createElementVNode("div", _hoisted_8$2, [
+                    vue.createElementVNode("div", _hoisted_8$3, [
                         _cache[4] || (_cache[4] = vue.createElementVNode("div", null, [
                             vue.createElementVNode("strong", null, [
                                 vue.createElementVNode("i", {
@@ -8107,7 +9168,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                         ])
                     ]),
-                    vue.createElementVNode("div", _hoisted_11$1, [
+                    vue.createElementVNode("div", _hoisted_11, [
                         vue.createElementVNode("small", null, [
                             _cache[6] || (_cache[6] = vue.createElementVNode("span", {
                                 class: "text-muted"
@@ -8123,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,
@@ -8193,22 +9254,22 @@ var _sfc_main$b = vue.defineComponent({
     }
 });
 
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
     class: "mb-2"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$9 = {
     class: "mb-2"
 };
-const _hoisted_3$5 = {
+const _hoisted_3$7 = {
     class: "row"
 };
-const _hoisted_4$5 = {
+const _hoisted_4$7 = {
     class: "col-12 col-xl-6"
 };
-const _hoisted_5$3 = {
+const _hoisted_5$4 = {
     class: "col-12 col-xl-6"
 };
-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");
@@ -8216,14 +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, [
+        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$7, [
+            vue.createElementVNode("div", _hoisted_2$9, [
                 vue.createVNode(_component_FMasterImagePicker, {
                     "entity-id": _ctx.entity.master_image_id,
                     onSelected: _ctx.handleMasterImageSelected
@@ -8241,8 +9302,8 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                 }),
                 vue.createTextVNode(" Nodes")
             ], -1)),
-            vue.createElementVNode("div", _hoisted_3$5, [
-                vue.createElementVNode("div", _hoisted_4$5, [
+            vue.createElementVNode("div", _hoisted_3$7, [
+                vue.createElementVNode("div", _hoisted_4$7, [
                     vue.createVNode(_component_FProjectNodes, {
                         ref: "FProjectNodes",
                         "realm-id": _ctx.entity.realm_id,
@@ -8301,7 +9362,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                         "query"
                     ])
                 ]),
-                vue.createElementVNode("div", _hoisted_5$3, [
+                vue.createElementVNode("div", _hoisted_5$4, [
                     vue.createVNode(_component_FAnalysisNodes, {
                         ref: "FAnalysisNodes",
                         "realm-id": _ctx.entity.realm_id,
@@ -8330,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,
@@ -8389,19 +9450,19 @@ var _sfc_main$a = vue.defineComponent({
     }
 });
 
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
     class: "title"
 };
-const _hoisted_2$6 = {
+const _hoisted_2$8 = {
     class: "ms-auto d-flex flex-row me-1"
 };
-const _hoisted_3$4 = {
+const _hoisted_3$6 = {
     class: "ms-1"
 };
-const _hoisted_4$4 = [
+const _hoisted_4$6 = [
     "disabled"
 ];
-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",
@@ -8416,9 +9477,9 @@ 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$6, [
+        vue.createElementVNode("div", _hoisted_2$8, [
             vue.createElementVNode("div", null, [
                 !_ctx.fileSelectedId || _ctx.isMatch ? (vue.openBlock(), vue.createElementBlock("button", {
                     key: 0,
@@ -8442,7 +9503,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
                     }, null, 2)
                 ], 2)) : vue.createCommentVNode("", true)
             ]),
-            vue.createElementVNode("div", _hoisted_3$4, [
+            vue.createElementVNode("div", _hoisted_3$6, [
                 vue.createElementVNode("button", {
                     type: "button",
                     class: "btn btn-danger btn-xs",
@@ -8454,15 +9515,15 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
                     vue.createElementVNode("i", {
                         class: "fa fa-trash"
                     }, null, -1)
-                ]), 8, _hoisted_4$4)
+                ]), 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
     ]
 ]);
 
@@ -8492,7 +9553,7 @@ const FAnalysisBucketFiles = vue.defineComponent({
     }
 });
 
-var _sfc_main$9 = vue.defineComponent({
+var _sfc_main$a = vue.defineComponent({
     props: {
         file: {
             type: Object,
@@ -8524,24 +9585,24 @@ 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$5 = {
+const _hoisted_2$7 = {
     class: "card-heading"
 };
-const _hoisted_3$3 = {
+const _hoisted_3$5 = {
     class: "title"
 };
-const _hoisted_4$3 = {
+const _hoisted_4$5 = {
     class: "ms-auto"
 };
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
-        vue.createElementVNode("div", _hoisted_2$5, [
-            vue.createElementVNode("span", _hoisted_3$3, vue.toDisplayString(_ctx.path), 1)
+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$5, vue.toDisplayString(_ctx.path), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_4$3, [
+        vue.createElementVNode("div", _hoisted_4$5, [
             vue.createElementVNode("button", {
                 type: "button",
                 class: "btn btn-dark btn-xs",
@@ -8556,7 +9617,197 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ]);
 }
-var FAnalysisFormFile = /* @__PURE__ */ _export_sfc(_sfc_main$9, [
+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 FAnalysisBucketFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$9, [
     [
         "render",
         _sfc_render$9
@@ -8565,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: {
@@ -8588,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;
@@ -8599,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(()=>({
@@ -8633,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 {
@@ -8689,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) {
@@ -8737,255 +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$4 = {
-    class: "col"
-};
-const _hoisted_3$2 = {
-    class: "form-group"
+    class: "d-flex flex-column gap-1"
 };
-const _hoisted_4$2 = {
-    class: "form-label"
-};
-const _hoisted_5$2 = [
-    "webkitdirectory",
-    "disbaled"
-];
-const _hoisted_6$2 = {
-    class: "form-group"
-};
-const _hoisted_7$1 = {
-    class: "form-check form-switch"
-};
-const _hoisted_8$1 = {
-    class: "row"
-};
-const _hoisted_9 = {
-    class: "col"
-};
-const _hoisted_10 = {
-    key: 0,
-    class: "alert alert-info alert-sm m-t-10"
+const _hoisted_2$5 = {
+    class: "form-check"
 };
-const _hoisted_11 = {
+const _hoisted_3$3 = {
     class: "d-flex flex-column"
 };
-const _hoisted_12 = {
+const _hoisted_4$3 = {
     class: "form-group"
 };
-const _hoisted_13 = [
+const _hoisted_5$2 = [
     "disabled"
 ];
-const _hoisted_14 = {
-    class: "col"
-};
-const _hoisted_15 = {
-    class: "form-check"
-};
-const _hoisted_16 = {
-    class: "d-flex flex-column"
+const _hoisted_6$2 = {
+    class: "d-flex flex-row w-100"
 };
-const _hoisted_17 = {
-    class: "form-group"
+const _hoisted_7$1 = {
+    class: "ms-auto"
 };
-const _hoisted_18 = [
-    "disabled"
+const _hoisted_8$1 = [
+    "onClick"
 ];
 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$4, [
-                _cache[7] || (_cache[7] = vue.createElementVNode("h6", null, [
-                    vue.createElementVNode("i", {
-                        class: "fa fa-upload"
-                    }),
-                    vue.createTextVNode(" Upload")
-                ], -1)),
-                vue.createElementVNode("div", _hoisted_3$2, [
-                    vue.createElementVNode("label", _hoisted_4$2, 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_5$2)
-                ]),
-                vue.createElementVNode("div", _hoisted_6$2, [
-                    vue.createElementVNode("div", _hoisted_7$1, [
-                        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[6] || (_cache[6] = vue.createElementVNode("label", {
-                            class: "form-check-label",
-                            for: "train-file-manager-switch"
-                        }, "Directory Mode", -1))
-                    ])
-                ])
-            ])
+    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_8$1, [
-            vue.createElementVNode("div", _hoisted_9, [
-                _cache[8] || (_cache[8] = 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)),
-                _ctx.tempFiles.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, " You have not selected any files to upload... ")) : vue.createCommentVNode("", true),
-                vue.createElementVNode("div", _hoisted_11, [
-                    (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_12, [
-                    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_13)
-                ])
+                _cache[6] || (_cache[6] = vue.createElementVNode("label", {
+                    for: "selectAllFiles"
+                }, "Select all", -1))
             ]),
-            vue.createElementVNode("div", _hoisted_14, [
-                _cache[11] || (_cache[11] = vue.createElementVNode("h6", {
-                    class: "title text-muted"
-                }, [
-                    vue.createTextVNode(" Files "),
-                    vue.createElementVNode("span", {
-                        style: {
-                            "font-size": "0.65rem"
-                        }
-                    }, [
-                        vue.createElementVNode("span", {
-                            class: "text-success"
-                        }, [
-                            vue.createElementVNode("i", {
-                                class: "fa fa-file"
-                            }),
-                            vue.createTextVNode(" uploaded ")
+            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))
                         ])
-                    ])
-                ], -1)),
-                vue.createElementVNode("div", _hoisted_15, [
-                    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
-                        ]
                     ]),
-                    _cache[9] || (_cache[9] = vue.createElementVNode("label", {
-                        for: "selectAllFiles"
-                    }, "Select all", -1))
-                ]),
-                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_16, [
-                                (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_17, [
-                    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"
-                        ]))
-                    }, _cache[10] || (_cache[10] = [
-                        vue.createElementVNode("i", {
-                            class: "fa fa-trash"
-                        }, null, -1),
-                        vue.createTextVNode(" Delete ")
-                    ]), 8, _hoisted_18)
-                ])
+                        ])
+                    ]),
+                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"
             ])
         ])
     ]);
@@ -9166,11 +10326,20 @@ var _sfc_main$7 = vue.defineComponent({
 });
 
 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"
 };
 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, {
@@ -9178,32 +10347,48 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
             "query-filters": _ctx.queryFilters
         }, {
             default: vue.withCtx(({ data: bucket })=>[
-                    _cache[1] || (_cache[1] = vue.createElementVNode("span", null, "Entrypoint Command", -1)),
-                    _cache[2] || (_cache[2] = vue.createElementVNode("br", null, null, -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"
-                    ]),
-                    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_1$5, [
+                    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",
@@ -10862,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,
@@ -10960,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;