@privateaim/client-vue 0.8.7 → 0.8.9

package/dist/index.mjs

@@ -1,18 +1,17 @@
 import { hasOwnProperty as hasOwnProperty$1, isObject as isObject$5, merge, createMerger } from 'smob';
-import { hasInjectionContext, inject as inject$1, provide as provide$1, defineComponent, toRef, reactive, watch, ref, resolveComponent, createElementBlock, openBlock, withModifiers, createVNode, withCtx, createTextVNode, h, resolveDynamicComponent, computed, isRef, onMounted, onUnmounted, unref, nextTick, getCurrentInstance, mergeProps, createBlock, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, toDisplayString, normalizeClass, readonly, toValue, getCurrentScope, onScopeDispose, shallowRef, toRaw, withDirectives, vShow, vModelCheckbox, normalizeStyle, toRefs } from 'vue';
-import { injectStore, injectStoreFactory, storeToRefs, injectHTTPClient, injectStoreDispatcher, StoreDispatcherEventName, inject as inject$2, provide as provide$2, useTranslation, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, usePermissionCheck, ATitle, ASearch, APagination, createFormSubmitTranslations, buildFormSubmitWithTranslations, ARobot, AUser, ARealms, ARobotForm } from '@authup/client-web-kit';
+import { hasInjectionContext, inject as inject$1, provide as provide$1, defineComponent, toRef, reactive, watch, ref, resolveComponent, createElementBlock, openBlock, withModifiers, createVNode, withCtx, createTextVNode, h, resolveDynamicComponent, computed, isRef, onMounted, onUnmounted, unref, nextTick, getCurrentInstance, mergeProps, createBlock, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, toDisplayString, normalizeClass, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, toRaw, withDirectives, vShow, vModelCheckbox, normalizeStyle, toRefs } from 'vue';
+import { injectStore, injectHTTPClientAuthenticationHook, inject as inject$2, provide as provide$2, storeToRefs, injectStoreDispatcher, StoreDispatcherEventName, useTranslation, TranslatorTranslationDefaultKey, TranslatorTranslationGroup, usePermissionCheck, ATitle, ASearch, APagination, createFormSubmitTranslations, buildFormSubmitWithTranslations, ARobot, AUser, ARealms, ARobotForm } from '@authup/client-web-kit';
 import { IVuelidate, install as install$1, useTranslationsForNestedValidations, getSeverity } from '@ilingo/vuelidate';
 import useVuelidate from '@vuelidate/core';
 import { maxLength, minLength, required, helpers } from '@vuelidate/validators';
 import { VCFormSubmit, VCFormInput, buildFormGroup, buildFormSelect, VCFormGroup, buildFormTextarea, buildFormInput, buildFormInputCheckbox } from '@vuecs/form-controls';
-import { ServiceID, buildDomainNamespaceName, buildDomainEventSubscriptionFullName, DomainEventSubscriptionName, buildDomainEventFullName, buildDomainChannelName, DomainType, MasterImageCommand, ProjectNodeApprovalCommand, ProjectNodeApprovalStatus, DomainSubType, RegistryAPICommand, registryRobotSecretRegex, RegistryProjectType, NodeType, AnalysisBucketType, AnalysisAPICommand, AnalysisConfigurationStatus, isAnalysisAPICommandExecutable, AnalysisBuildStatus, AnalysisResultStatus, AnalysisRunStatus, AnalysisNodeRunStatus, AnalysisNodeApprovalCommand, AnalysisNodeApprovalStatus } from '@privateaim/core-kit';
+import { ServiceID, buildDomainNamespaceName, DomainEventSubscriptionName, buildDomainChannelName, DomainType, MasterImageCommand, ProjectNodeApprovalCommand, ProjectNodeApprovalStatus, DomainSubType, RegistryAPICommand, registryRobotSecretRegex, RegistryProjectType, NodeType, AnalysisBucketType, AnalysisAPICommand, AnalysisConfigurationStatus, isAnalysisAPICommandExecutable, AnalysisBuildStatus, AnalysisResultStatus, AnalysisRunStatus, AnalysisNodeRunStatus, AnalysisNodeApprovalCommand, AnalysisNodeApprovalStatus } from '@privateaim/core-kit';
+import { REALM_MASTER_NAME, EntityDefaultEventName } from '@authup/core-kit';
 import crypto$1 from 'crypto';
 import { buildList, SlotName } from '@vuecs/list-controls';
 import { buildQuery, SortDirection } from 'rapiq';
 import '@authup/kit';
-import { ClientResponseErrorTokenHook } from '@authup/core-http-kit';
 import { APIClient } from '@privateaim/storage-kit';
-import { REALM_MASTER_NAME, DomainEventName } from '@authup/core-kit';
 import { ClientManager } from '@authup/core-realtime-kit';
 import { VCTimeago } from '@vuecs/timeago';
 import { VCLink } from '@vuecs/link';
@@ -804,9 +803,6 @@ class CryptoAsymmetricAlgorithm {
 function hasOwnProperty(obj, prop) {
     return Object.prototype.hasOwnProperty.call(obj, prop);
 }
-function isObject$3(item) {
-    return !!item && typeof item === 'object' && !Array.isArray(item);
-}
 /*
  * Copyright (c) 2021-2024.
  * Author Peter Placzek (tada5hi)
@@ -825,6 +821,14 @@ function hexToUTF8(value) {
         throw e;
     }
 }
+/*
+ * Copyright (c) 2025.
+ *  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(item) {
+    return !!item && typeof item === 'object' && !Array.isArray(item);
+}
 function createNanoID(alphabetOrLen, len) {
     return customAlphabet('0123456789abcdefghijklmnopqrstuvwxyz', 21)();
 }
@@ -834,6 +838,15 @@ function createNanoID(alphabetOrLen, len) {
  * For the full copyright and license information,
  * view the LICENSE file that was distributed with this source code.
  */ const alphaNumHyphenUnderscoreRegex = /^[a-z0-9-_]*$/;
+/*
+ * Copyright (c) 2025.
+ * Author Peter Placzek (tada5hi)
+ * For the full copyright and license information,
+ * view the LICENSE file that was distributed with this source code.
+ */ function buildDomainEventFullName(type, event) {
+    const eventCapitalized = event.substring(0, 1).toUpperCase() + event.substring(1);
+    return type + eventCapitalized;
+}
 
 /**
  * Returns true if either scoped or unscoped named slot exists
@@ -1145,7 +1158,7 @@ function decodeQueryValue(text) {
     return decode(text.replace(PLUS_RE, " "));
 }
 function parseQuery(parametersString = "") {
-    const object = {};
+    const object = /* @__PURE__ */ Object.create(null);
     if (parametersString[0] === "?") {
         parametersString = parametersString.slice(1);
     }
@@ -3530,43 +3543,8 @@ class Client extends Client$1 {
 }
 
 function setupBaseHTTPClient(app, client) {
-    const storeCreator = injectStoreFactory(app);
-    const store = storeCreator();
-    const { refreshToken } = storeToRefs(store);
-    const authupClient = injectHTTPClient(app);
-    const tokenHook = new ClientResponseErrorTokenHook(client, {
-        baseURL: authupClient.getBaseURL(),
-        tokenCreator: ()=>{
-            if (!refreshToken.value) {
-                throw new Error('No refresh token available.');
-            }
-            return authupClient.token.createWithRefreshToken({
-                refresh_token: refreshToken.value
-            });
-        },
-        tokenCreated: (response)=>{
-            store.applyTokenGrantResponse(response);
-        },
-        tokenFailed: ()=>{
-            store.logout();
-        },
-        timer: false
-    });
-    const handleAccessTokenEvent = (token)=>{
-        if (token) {
-            client.setAuthorizationHeader({
-                type: 'Bearer',
-                token
-            });
-            tokenHook.mount();
-        } else {
-            client.unsetAuthorizationHeader();
-            tokenHook.unmount();
-        }
-    };
-    const dispatcher = injectStoreDispatcher(app);
-    dispatcher.on(StoreDispatcherEventName.ACCESS_TOKEN_UPDATED, (token)=>handleAccessTokenEvent(token));
-    handleAccessTokenEvent(store.accessToken);
+    const hook = injectHTTPClientAuthenticationHook(app);
+    hook.attach(client);
 }
 
 const symbol$1 = Symbol.for('FCoreHTTPClient');
@@ -3657,8 +3635,8 @@ function installSocketManager(app, options) {
 function createEntitySocket(ctx) {
     if (!isSocketManagerUsable()) {
         return {
-            mount () {},
-            unmount () {}
+            subscribe () {},
+            unsubscribe () {}
         };
     }
     const socketManager = injectSocketManager();
@@ -3715,65 +3693,88 @@ function createEntitySocket(ctx) {
             ctx.onDeleted(event.data);
         }
     };
-    let mounted = false;
-    const mount = async ()=>{
-        if (ctx.target && !targetId.value || mounted) {
+    let emitEventRetryCount = 0;
+    const emitEvent = async (socket, event)=>{
+        try {
+            await socket.emitWithAck(event, targetId.value, (err)=>{
+                console.log(err);
+            // todo: handle error!
+            });
+        } catch (e) {
+            if (emitEventRetryCount > 3) {
+                throw e;
+            }
+            emitEventRetryCount += 1;
+            await new Promise((resolve)=>{
+                setTimeout(resolve, 0);
+            });
+            await emitEvent(socket, event);
+        }
+    };
+    let isActive = false;
+    const subscribe = async ()=>{
+        if (ctx.target && !targetId.value || isActive) {
             return;
         }
-        mounted = true;
+        isActive = true;
         const socket = await socketManager.connect(buildDomainNamespaceName(realmId.value));
         let event;
         if (ctx.buildSubscribeEventName) {
             event = ctx.buildSubscribeEventName();
         } else {
-            event = buildDomainEventSubscriptionFullName(ctx.type, DomainEventSubscriptionName.SUBSCRIBE);
+            event = buildDomainEventFullName(ctx.type, DomainEventSubscriptionName.SUBSCRIBE);
         }
-        socket.emit(event, targetId.value, ()=>{
-        // todo: handle error!
-        });
         if (ctx.onCreated) {
-            socket.on(buildDomainEventFullName(ctx.type, DomainEventName.CREATED), handleCreated);
+            socket.on(buildDomainEventFullName(ctx.type, EntityDefaultEventName.CREATED), handleCreated);
         }
         if (ctx.onUpdated) {
-            socket.on(buildDomainEventFullName(ctx.type, DomainEventName.UPDATED), handleUpdated);
+            socket.on(buildDomainEventFullName(ctx.type, EntityDefaultEventName.UPDATED), handleUpdated);
         }
         if (ctx.onDeleted) {
-            socket.on(buildDomainEventFullName(ctx.type, DomainEventName.DELETED), handleDeleted);
+            socket.on(buildDomainEventFullName(ctx.type, EntityDefaultEventName.DELETED), handleDeleted);
         }
+        await emitEvent(socket, event);
     };
-    const unmount = async ()=>{
-        if (ctx.target && !targetId.value || !mounted) {
+    const unsubscribe = async ()=>{
+        if (ctx.target && !targetId.value || !isActive) {
             return;
         }
-        mounted = false;
+        isActive = false;
         const socket = await socketManager.connect(buildDomainNamespaceName(realmId.value));
         let event;
         if (ctx.buildUnsubscribeEventName) {
             event = ctx.buildUnsubscribeEventName();
         } else {
-            event = buildDomainEventSubscriptionFullName(ctx.type, DomainEventSubscriptionName.SUBSCRIBE);
+            event = buildDomainEventFullName(ctx.type, DomainEventSubscriptionName.UNSUBSCRIBE);
         }
-        socket.emit(event, targetId.value);
         if (ctx.onCreated) {
-            socket.off(buildDomainEventFullName(ctx.type, DomainEventName.UPDATED), handleCreated);
+            socket.off(buildDomainEventFullName(ctx.type, EntityDefaultEventName.UPDATED), handleCreated);
         }
         if (ctx.onUpdated) {
-            socket.off(buildDomainEventFullName(ctx.type, DomainEventName.UPDATED), handleUpdated);
+            socket.off(buildDomainEventFullName(ctx.type, EntityDefaultEventName.UPDATED), handleUpdated);
         }
         if (ctx.onDeleted) {
-            socket.off(buildDomainEventFullName(ctx.type, DomainEventName.DELETED), handleDeleted);
+            socket.off(buildDomainEventFullName(ctx.type, EntityDefaultEventName.DELETED), handleDeleted);
         }
+        await emitEvent(socket, event);
     };
-    onMounted(()=>mount());
-    onUnmounted(()=>unmount());
+    let isMounted = false;
+    onMounted(()=>{
+        isMounted = true;
+        return subscribe();
+    });
+    onUnmounted(()=>{
+        isMounted = false;
+        return unsubscribe();
+    });
     watch(targetId, (val, oldValue)=>{
-        if (val !== oldValue) {
-            Promise.resolve().then(()=>unmount()).then(()=>mount());
+        if (val !== oldValue && isMounted) {
+            Promise.resolve().then(()=>unsubscribe()).then(()=>subscribe());
         }
     });
     return {
-        mount,
-        unmount
+        subscribe,
+        unsubscribe
     };
 }
 
@@ -4239,7 +4240,7 @@ function createEntityManager(ctx) {
         if (ctx.props.entity) {
             entity.value = ctx.props.entity;
             if (socket) {
-                socket.mount();
+                socket.subscribe();
             }
             resolved(entity.value);
             return true;
@@ -4253,10 +4254,10 @@ function createEntityManager(ctx) {
             entity.value = propEntityRef.value;
             if (val) {
                 if (socket) {
-                    socket.mount();
+                    socket.subscribe();
                 }
             } else if (socket) {
-                socket.unmount();
+                socket.unsubscribe();
             }
         });
     }
@@ -4277,7 +4278,7 @@ function createEntityManager(ctx) {
             if (ctx.props.entity) {
                 entity.value = ctx.props.entity;
                 if (socket) {
-                    socket.mount();
+                    socket.subscribe();
                 }
                 resolved(entity.value);
                 return;
@@ -4305,7 +4306,7 @@ function createEntityManager(ctx) {
             try {
                 entity.value = await domainAPI.getOne(id, query);
                 if (socket) {
-                    socket.mount();
+                    socket.subscribe();
                 }
                 resolved(entity.value);
                 return;
@@ -4326,7 +4327,7 @@ function createEntityManager(ctx) {
                 if (response.data.length === 1) {
                     [entity.value] = response.data;
                     if (socket) {
-                        socket.mount();
+                        socket.subscribe();
                     }
                 }
                 resolved(entity.value);
@@ -5485,7 +5486,7 @@ const _hoisted_3$g = {
 const _hoisted_4$g = {
     class: "ms-auto"
 };
-const _hoisted_5$b = [
+const _hoisted_5$c = [
     "disabled"
 ];
 const _hoisted_6$b = {
@@ -5521,7 +5522,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
                             createVNode(_component_FTranslationDefault, {
                                 name: "add"
                             })
-                        ], 8, _hoisted_5$b)
+                        ], 8, _hoisted_5$c)
                     ])
             ])
         ]),
@@ -5947,20 +5948,20 @@ var FProjectNodes = defineComponent({
                 buildSubscribeEventName () {
                     if (props.realmId) {
                         if (props.direction === "in") {
-                            return buildDomainEventSubscriptionFullName(DomainSubType.PROJECT_NODE_IN, DomainEventSubscriptionName.SUBSCRIBE);
+                            return buildDomainEventFullName(DomainSubType.PROJECT_NODE_IN, DomainEventSubscriptionName.SUBSCRIBE);
                         }
-                        return buildDomainEventSubscriptionFullName(DomainSubType.PROJECT_NODE_OUT, DomainEventSubscriptionName.SUBSCRIBE);
+                        return buildDomainEventFullName(DomainSubType.PROJECT_NODE_OUT, DomainEventSubscriptionName.SUBSCRIBE);
                     }
-                    return buildDomainEventSubscriptionFullName(DomainType.PROJECT_NODE, DomainEventSubscriptionName.SUBSCRIBE);
+                    return buildDomainEventFullName(DomainType.PROJECT_NODE, DomainEventSubscriptionName.SUBSCRIBE);
                 },
                 buildUnsubscribeEventName () {
                     if (props.realmId) {
                         if (props.direction === "in") {
-                            return buildDomainEventSubscriptionFullName(DomainSubType.PROJECT_NODE_IN, DomainEventSubscriptionName.UNSUBSCRIBE);
+                            return buildDomainEventFullName(DomainSubType.PROJECT_NODE_IN, DomainEventSubscriptionName.UNSUBSCRIBE);
                         }
-                        return buildDomainEventSubscriptionFullName(DomainSubType.PROJECT_NODE_OUT, DomainEventSubscriptionName.UNSUBSCRIBE);
+                        return buildDomainEventFullName(DomainSubType.PROJECT_NODE_OUT, DomainEventSubscriptionName.UNSUBSCRIBE);
                     }
-                    return buildDomainEventSubscriptionFullName(DomainType.PROJECT_NODE, DomainEventSubscriptionName.UNSUBSCRIBE);
+                    return buildDomainEventFullName(DomainType.PROJECT_NODE, DomainEventSubscriptionName.UNSUBSCRIBE);
                 }
             },
             queryFilters: (filters)=>{
@@ -6206,7 +6207,7 @@ const _hoisted_3$f = {
 const _hoisted_4$f = {
     class: "ms-auto d-flex flex-row gap-1"
 };
-const _hoisted_5$a = {
+const _hoisted_5$b = {
     class: "row"
 };
 const _hoisted_6$a = {
@@ -6320,7 +6321,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "body", {
             data: _ctx.entity
         }, ()=>[
-                createElementVNode("div", _hoisted_5$a, [
+                createElementVNode("div", _hoisted_5$b, [
                     createElementVNode("div", _hoisted_6$a, [
                         _cache[5] || (_cache[5] = createElementVNode("div", null, [
                             createElementVNode("strong", null, [
@@ -6761,7 +6762,7 @@ const _hoisted_3$e = {
 const _hoisted_4$e = {
     class: "ms-auto"
 };
-const _hoisted_5$9 = {
+const _hoisted_5$a = {
     class: "d-flex justify-content-between flex-row"
 };
 const _hoisted_6$9 = {
@@ -6849,7 +6850,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "body", {
             data: _ctx.entity
         }, ()=>[
-                createElementVNode("div", _hoisted_5$9, [
+                createElementVNode("div", _hoisted_5$a, [
                     createElementVNode("div", _hoisted_6$9, [
                         _cache[2] || (_cache[2] = createElementVNode("div", null, [
                             createElementVNode("strong", null, [
@@ -8012,7 +8013,7 @@ function createSingletonPromise(fn) {
     }
     wrapper.reset = async ()=>{
         const _prev = _promise;
-        _promise = undefined;
+        _promise = void 0;
         if (_prev) await _prev;
     };
     return wrapper;
@@ -8023,8 +8024,8 @@ function toArray(value) {
     ];
 }
 function useTimeoutFn(cb, interval, options = {}) {
-    const { immediate = true } = options;
-    const isPending = ref(false);
+    const { immediate = true, immediateCallback = false } = options;
+    const isPending = shallowRef(false);
     let timer = null;
     function clear() {
         if (timer) {
@@ -8037,6 +8038,7 @@ function useTimeoutFn(cb, interval, options = {}) {
         clear();
     }
     function start(...args) {
+        if (immediateCallback) cb();
         clear();
         isPending.value = true;
         timer = setTimeout(()=>{
@@ -8051,7 +8053,7 @@ function useTimeoutFn(cb, interval, options = {}) {
     }
     tryOnScopeDispose(stop);
     return {
-        isPending: readonly(isPending),
+        isPending: shallowReadonly(isPending),
         start,
         stop
     };
@@ -8063,12 +8065,12 @@ function watchImmediate(source, cb, options) {
     });
 }
 
-const defaultWindow = isClient ? window : undefined;
-const defaultNavigator = isClient ? window.navigator : undefined;
+const defaultWindow = isClient ? window : void 0;
+const defaultNavigator = isClient ? window.navigator : void 0;
 function unrefElement(elRef) {
     var _a;
     const plain = toValue(elRef);
-    return (_a = plain == null ? undefined : plain.$el) != null ? _a : plain;
+    return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
 }
 function useEventListener(...args) {
     const cleanups = [];
@@ -8082,12 +8084,12 @@ function useEventListener(...args) {
     };
     const firstParamTargets = computed(()=>{
         const test = toArray(toValue(args[0])).filter((e)=>e != null);
-        return test.every((e)=>typeof e !== "string") ? test : undefined;
+        return test.every((e)=>typeof e !== "string") ? test : void 0;
     });
     const stopWatch = watchImmediate(()=>{
         var _a, _b;
         return [
-            (_b = (_a = firstParamTargets.value) == null ? undefined : _a.map((e)=>unrefElement(e))) != null ? _b : [
+            (_b = (_a = firstParamTargets.value) == null ? void 0 : _a.map((e)=>unrefElement(e))) != null ? _b : [
                 defaultWindow
             ].filter((e)=>e != null),
             toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
@@ -8097,7 +8099,7 @@ function useEventListener(...args) {
         ];
     }, ([raw_targets, raw_events, raw_listeners, raw_options])=>{
         cleanup();
-        if (!(raw_targets == null ? undefined : raw_targets.length) || !(raw_events == null ? undefined : raw_events.length) || !(raw_listeners == null ? undefined : raw_listeners.length)) return;
+        if (!(raw_targets == null ? void 0 : raw_targets.length) || !(raw_events == null ? void 0 : raw_events.length) || !(raw_listeners == null ? void 0 : raw_listeners.length)) return;
         const optionsClone = isObject(raw_options) ? {
             ...raw_options
         } : raw_options;
@@ -8113,7 +8115,7 @@ function useEventListener(...args) {
     return stop;
 }
 function useMounted() {
-    const isMounted = ref(false);
+    const isMounted = shallowRef(false);
     const instance = getCurrentInstance();
     if (instance) {
         onMounted(()=>{
@@ -8139,7 +8141,7 @@ function usePermission(permissionDesc, options = {}) {
     const state = shallowRef();
     const update = ()=>{
         var _a, _b;
-        state.value = (_b = (_a = permissionStatus.value) == null ? undefined : _a.state) != null ? _b : "prompt";
+        state.value = (_b = (_a = permissionStatus.value) == null ? void 0 : _a.state) != null ? _b : "prompt";
     };
     useEventListener(permissionStatus, "change", update, {
         passive: true
@@ -8150,7 +8152,7 @@ function usePermission(permissionDesc, options = {}) {
             try {
                 permissionStatus.value = await navigator1.permissions.query(desc);
             } catch (e) {
-                permissionStatus.value = undefined;
+                permissionStatus.value = void 0;
             } finally{
                 update();
             }
@@ -8174,18 +8176,16 @@ function useClipboard(options = {}) {
     const permissionRead = usePermission("clipboard-read");
     const permissionWrite = usePermission("clipboard-write");
     const isSupported = computed(()=>isClipboardApiSupported.value || legacy);
-    const text = ref("");
-    const copied = ref(false);
+    const text = shallowRef("");
+    const copied = shallowRef(false);
     const timeout = useTimeoutFn(()=>copied.value = false, copiedDuring, {
         immediate: false
     });
-    function updateText() {
+    async function updateText() {
         let useLegacy = !(isClipboardApiSupported.value && isAllowed(permissionRead.value));
         if (!useLegacy) {
             try {
-                navigator1.clipboard.readText().then((value)=>{
-                    text.value = value;
-                });
+                text.value = await navigator1.clipboard.readText();
             } catch (e) {
                 useLegacy = true;
             }
@@ -8228,7 +8228,7 @@ function useClipboard(options = {}) {
     }
     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 : "";
+        return (_c = (_b = (_a = document == null ? void 0 : document.getSelection) == null ? void 0 : _a.call(document)) == null ? void 0 : _b.toString()) != null ? _c : "";
     }
     function isAllowed(status) {
         return status === "granted" || status === "prompt";
@@ -8362,7 +8362,7 @@ const _hoisted_3$d = {
 const _hoisted_4$d = {
     class: "d-flex flex-row"
 };
-const _hoisted_5$8 = {
+const _hoisted_5$9 = {
     class: "ms-auto"
 };
 const _hoisted_6$8 = {
@@ -8403,7 +8403,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
                         label: withCtx(()=>[
                                 createElementVNode("div", _hoisted_4$d, [
                                     _cache[8] || (_cache[8] = createElementVNode("div", null, " PublicKey ", -1)),
-                                    createElementVNode("div", _hoisted_5$8, [
+                                    createElementVNode("div", _hoisted_5$9, [
                                         withDirectives(createElementVNode("button", {
                                             type: "button",
                                             class: "btn btn-xs btn-dark",
@@ -8755,8 +8755,8 @@ var FAnalysisNodes = defineComponent({
             default: `${"out"}`
         }
     },
-    slots: Object,
     emits: defineListEvents(),
+    slots: Object,
     async setup (props, ctx) {
         const source = computed(()=>props.target === DomainType.NODE ? DomainType.ANALYSIS : DomainType.NODE);
         const isSameSocketRoom = (room)=>{
@@ -8798,20 +8798,20 @@ var FAnalysisNodes = defineComponent({
                 buildSubscribeEventName () {
                     if (props.realmId) {
                         if (props.direction === "in") {
-                            return buildDomainEventSubscriptionFullName(DomainSubType.ANALYSIS_NODE_IN, DomainEventSubscriptionName.SUBSCRIBE);
+                            return buildDomainEventFullName(DomainSubType.ANALYSIS_NODE_IN, DomainEventSubscriptionName.SUBSCRIBE);
                         }
-                        return buildDomainEventSubscriptionFullName(DomainSubType.ANALYSIS_NODE_OUT, DomainEventSubscriptionName.SUBSCRIBE);
+                        return buildDomainEventFullName(DomainSubType.ANALYSIS_NODE_OUT, DomainEventSubscriptionName.SUBSCRIBE);
                     }
-                    return buildDomainEventSubscriptionFullName(DomainType.ANALYSIS_NODE, DomainEventSubscriptionName.SUBSCRIBE);
+                    return buildDomainEventFullName(DomainType.ANALYSIS_NODE, DomainEventSubscriptionName.SUBSCRIBE);
                 },
                 buildUnsubscribeEventName () {
                     if (props.realmId) {
                         if (props.direction === "in") {
-                            return buildDomainEventSubscriptionFullName(DomainSubType.ANALYSIS_NODE_IN, DomainEventSubscriptionName.UNSUBSCRIBE);
+                            return buildDomainEventFullName(DomainSubType.ANALYSIS_NODE_IN, DomainEventSubscriptionName.UNSUBSCRIBE);
                         }
-                        return buildDomainEventSubscriptionFullName(DomainSubType.ANALYSIS_NODE_OUT, DomainEventSubscriptionName.UNSUBSCRIBE);
+                        return buildDomainEventFullName(DomainSubType.ANALYSIS_NODE_OUT, DomainEventSubscriptionName.UNSUBSCRIBE);
                     }
-                    return buildDomainEventSubscriptionFullName(DomainType.ANALYSIS_NODE, DomainEventSubscriptionName.UNSUBSCRIBE);
+                    return buildDomainEventFullName(DomainType.ANALYSIS_NODE, DomainEventSubscriptionName.UNSUBSCRIBE);
                 }
             },
             queryFilters: (filters)=>{
@@ -9065,7 +9065,7 @@ const _hoisted_3$c = {
 const _hoisted_4$c = {
     class: "ms-auto"
 };
-const _hoisted_5$7 = [
+const _hoisted_5$8 = [
     "disabled",
     "onClick"
 ];
@@ -9152,7 +9152,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
                                     createElementVNode("i", {
                                         class: "fa fa-trash"
                                     }, null, -1)
-                                ]), 8, _hoisted_5$7)
+                                ]), 8, _hoisted_5$8)
                             ])
                         ])
                     ]),
@@ -9693,7 +9693,7 @@ const _hoisted_4$a = [
     "disabled",
     "onClick"
 ];
-const _hoisted_5$6 = {
+const _hoisted_5$7 = {
     class: "col"
 };
 const _hoisted_6$6 = [
@@ -9752,7 +9752,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
                 "onChanged"
             ])
         ]),
-        createElementVNode("div", _hoisted_5$6, [
+        createElementVNode("div", _hoisted_5$7, [
             createVNode(_component_FFormInputList, {
                 ref: "itemsAfterVNode",
                 names: _ctx.itemsAfter,
@@ -10261,7 +10261,7 @@ const _hoisted_4$7 = [
     "webkitdirectory",
     "disbaled"
 ];
-const _hoisted_5$5 = {
+const _hoisted_5$6 = {
     class: "form-group mb-0"
 };
 const _hoisted_6$5 = {
@@ -10297,7 +10297,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
                     onChange: _cache[0] || (_cache[0] = (...args)=>_ctx.checkTempFiles && _ctx.checkTempFiles(...args))
                 }, null, 40, _hoisted_4$7)
             ]),
-            createElementVNode("div", _hoisted_5$5, [
+            createElementVNode("div", _hoisted_5$6, [
                 createElementVNode("div", _hoisted_6$5, [
                     withDirectives(createElementVNode("input", {
                         id: "train-file-manager-switch",
@@ -10531,7 +10531,7 @@ const _hoisted_3$6 = {
 const _hoisted_4$6 = {
     class: "form-group"
 };
-const _hoisted_5$4 = [
+const _hoisted_5$5 = [
     "disabled"
 ];
 const _hoisted_6$4 = {
@@ -10657,7 +10657,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
                         class: "fa fa-trash"
                     }, null, -1),
                     createTextVNode(" Delete ")
-                ]), 8, _hoisted_5$4)
+                ]), 8, _hoisted_5$5)
             ])
         ]),
         createElementVNode("div", null, [
@@ -10942,7 +10942,7 @@ const _hoisted_3$4 = {
 const _hoisted_4$4 = [
     "for"
 ];
-const _hoisted_5$3 = {
+const _hoisted_5$4 = {
     class: "d-flex flex-row",
     style: {
         "width": "100%"
@@ -11040,7 +11040,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
             ]),
         footer: withCtx((props)=>[
-                createElementVNode("div", _hoisted_5$3, [
+                createElementVNode("div", _hoisted_5$4, [
                     createElementVNode("div", null, [
                         createElementVNode("button", {
                             disabled: _ctx.isBusy,
@@ -11102,6 +11102,33 @@ var _sfc_main$7 = defineComponent({
         const { confirm } = useModalController();
         const apiClient = injectCoreHTTPClient();
         const entity = toRef(props, 'entity');
+        const form = reactive({
+            query: null,
+            master_image_id: null,
+            files: [],
+            hash_signed: '',
+            hash: null
+        });
+        const updateForm = (entity)=>{
+            initFormAttributesFromSource(form, entity);
+        };
+        updateForm(entity.value);
+        const isBusy = ref(false);
+        const initialized = ref(false);
+        const valid = ref(false);
+        const startIndex = ref(0);
+        const index = ref(0);
+        const steps = [
+            AnalysisConfigurationStatus.NODES,
+            AnalysisConfigurationStatus.FILES,
+            AnalysisConfigurationStatus.MASTER_IMAGE
+        ];
+        const updatedAt = computed(()=>entity.value ? entity.value.updated_at : undefined);
+        watch(updatedAt, (val, oldValue)=>{
+            if (val && val !== oldValue) {
+                updateForm(entity.value);
+            }
+        });
         const entrypointFile = ref(null);
         const masterImage = ref(null);
         const resolveRelations = async ()=>{
@@ -11132,33 +11159,6 @@ var _sfc_main$7 = defineComponent({
             }
         };
         await resolveRelations();
-        const form = reactive({
-            query: null,
-            master_image_id: null,
-            files: [],
-            hash_signed: '',
-            hash: null
-        });
-        const updateForm = (entity)=>{
-            initFormAttributesFromSource(form, entity);
-        };
-        updateForm(entity.value);
-        const isBusy = ref(false);
-        const initialized = ref(false);
-        const valid = ref(false);
-        const startIndex = ref(0);
-        const index = ref(0);
-        const steps = [
-            AnalysisConfigurationStatus.NODES,
-            AnalysisConfigurationStatus.FILES,
-            AnalysisConfigurationStatus.MASTER_IMAGE
-        ];
-        const updatedAt = computed(()=>entity.value ? entity.value.updated_at : undefined);
-        watch(updatedAt, (val, oldValue)=>{
-            if (val && val !== oldValue) {
-                updateForm(entity.value);
-            }
-        });
         const handleUpdated = (entity)=>{
             updateForm(entity);
             emit('updated', entity);
@@ -11558,7 +11558,7 @@ const _hoisted_4$3 = {
     key: 0,
     class: "col"
 };
-const _hoisted_5$2 = [
+const _hoisted_5$3 = [
     "disabled",
     "onClick"
 ];
@@ -11691,7 +11691,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                                         "fa fa-minus": _ctx.form.project_id === props.data.id
                                     })
                                 }, null, 2)
-                            ], 10, _hoisted_5$2)
+                            ], 10, _hoisted_5$3)
                         ]),
                     _: 1
                 }, 8, [
@@ -12162,65 +12162,9 @@ var TrainPipeline = /* @__PURE__ */ _export_sfc(_sfc_main$3, [
     ]
 ]);
 
-var FAnalysisNodeRunStatus = defineComponent({
-    props: {
-        status: {
-            type: String,
-            default: null
-        }
-    },
-    setup (props, { slots }) {
-        const statusText = computed(()=>{
-            if (props.status) {
-                return props.status;
-            }
-            return 'none';
-        });
-        const classSuffix = computed(()=>{
-            switch(props.status){
-                case AnalysisNodeRunStatus.STARTED:
-                case AnalysisNodeRunStatus.STARTING:
-                    {
-                        return 'primary';
-                    }
-                case AnalysisNodeRunStatus.FINISHED:
-                    {
-                        return 'success';
-                    }
-                case AnalysisNodeRunStatus.RUNNING:
-                    {
-                        return 'dark';
-                    }
-                case AnalysisNodeRunStatus.STOPPED:
-                case AnalysisNodeRunStatus.STOPPING:
-                    {
-                        return 'warning';
-                    }
-                case AnalysisNodeRunStatus.FAILED:
-                    {
-                        return 'danger';
-                    }
-            }
-            return 'info';
-        });
-        if (hasNormalizedSlot('default', slots)) {
-            return ()=>normalizeSlot('default', {
-                    classSuffix: classSuffix.value,
-                    statusText: statusText.value
-                }, slots);
-        }
-        return ()=>h('span', {
-                class: `text-${classSuffix.value}`
-            }, [
-                statusText.value
-            ]);
-    }
-});
-
 var _sfc_main$2 = defineComponent({
     components: {
-        FAnalysisNodes,
-        FAnalysisNodeRunStatus
+        FAnalysisNodes
     },
     props: {
         entity: {
@@ -12263,20 +12207,22 @@ var _sfc_main$2 = defineComponent({
 
 const _hoisted_1$2 = {
     key: 0,
-    class: "train-stations-progress"
+    class: "analysis-nodes"
 };
 const _hoisted_2$2 = {
-    class: "icon"
+    class: "text-left"
 };
 const _hoisted_3$2 = {
+    class: "icon"
+};
+const _hoisted_4$2 = {
     key: 1,
     class: "progress bg-white"
 };
-const _hoisted_4$2 = [
+const _hoisted_5$2 = [
     "aria-valuenow"
 ];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_FAnalysisNodeRunStatus = resolveComponent("FAnalysisNodeRunStatus");
     const _component_FAnalysisNodes = resolveComponent("FAnalysisNodes");
     return openBlock(), createElementBlock("div", null, [
         _ctx.elementType === "steps" ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
@@ -12291,8 +12237,11 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                         (openBlock(true), createElementBlock(Fragment, null, renderList(props.data, (item)=>{
                             return openBlock(), createElementBlock("div", {
                                 key: item.id,
-                                class: "d-flex flex-column progress-step"
+                                class: "d-flex flex-column progress-step flex-grow-1"
                             }, [
+                                createElementVNode("div", _hoisted_2$2, [
+                                    createElementVNode("h6", null, toDisplayString(item.node.name), 1)
+                                ]),
                                 createElementVNode("div", {
                                     class: normalizeClass([
                                         "d-flex justify-content-center icon-circle text-light p-1",
@@ -12306,20 +12255,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                                         }
                                     ])
                                 }, [
-                                    createElementVNode("span", _hoisted_2$2, toDisplayString(item.node.name), 1)
-                                ], 2),
-                                _cache[0] || (_cache[0] = createElementVNode("div", {
-                                    class: "mt-1"
-                                }, [
-                                    createElementVNode("strong", null, "Status")
-                                ], -1)),
-                                createElementVNode("div", null, [
-                                    createVNode(_component_FAnalysisNodeRunStatus, {
-                                        status: item.run_status
-                                    }, null, 8, [
-                                        "status"
-                                    ])
-                                ])
+                                    createElementVNode("span", _hoisted_3$2, toDisplayString(item.run_status || "none"), 1)
+                                ], 2)
                             ]);
                         }), 128))
                     ]),
@@ -12329,7 +12266,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 "realm-id",
                 "source-id"
             ])
-        ])) : (openBlock(), createElementBlock("div", _hoisted_3$2, [
+        ])) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
             createElementVNode("div", {
                 class: normalizeClass([
                     "progress-bar",
@@ -12344,7 +12281,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 "aria-valuenow": _ctx.progressPercentage,
                 "aria-valuemin": "0",
                 "aria-valuemax": "100"
-            }, null, 14, _hoisted_4$2)
+            }, null, 14, _hoisted_5$2)
         ]))
     ]);
 }
@@ -13215,6 +13152,61 @@ const FAnalysisNodeApprovalStatus = defineComponent({
     }
 });
 
+var FAnalysisNodeRunStatus = defineComponent({
+    props: {
+        status: {
+            type: String,
+            default: null
+        }
+    },
+    setup (props, { slots }) {
+        const statusText = computed(()=>{
+            if (props.status) {
+                return props.status;
+            }
+            return 'none';
+        });
+        const classSuffix = computed(()=>{
+            switch(props.status){
+                case AnalysisNodeRunStatus.STARTED:
+                case AnalysisNodeRunStatus.STARTING:
+                    {
+                        return 'primary';
+                    }
+                case AnalysisNodeRunStatus.FINISHED:
+                    {
+                        return 'success';
+                    }
+                case AnalysisNodeRunStatus.RUNNING:
+                    {
+                        return 'dark';
+                    }
+                case AnalysisNodeRunStatus.STOPPED:
+                case AnalysisNodeRunStatus.STOPPING:
+                    {
+                        return 'warning';
+                    }
+                case AnalysisNodeRunStatus.FAILED:
+                    {
+                        return 'danger';
+                    }
+            }
+            return 'info';
+        });
+        if (hasNormalizedSlot('default', slots)) {
+            return ()=>normalizeSlot('default', {
+                    classSuffix: classSuffix.value,
+                    statusText: statusText.value
+                }, slots);
+        }
+        return ()=>h('span', {
+                class: `text-${classSuffix.value}`
+            }, [
+                statusText.value
+            ]);
+    }
+});
+
 var _sfc_main = defineComponent({
     components: {
         FAnalysisBucket,