@orchestrator-ui/orchestrator-ui-components 0.8.1 → 0.9.0

package/dist/index.js

@@ -21,6 +21,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __restKey = (key) => typeof key === "symbol" ? key : key + "";
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop2 in source)
@@ -23126,10 +23127,10 @@ var require_jsstacktrace = __commonJS({
 var require_jsx = __commonJS({
   "../../node_modules/refractor/lang/jsx.js"(exports, module) {
     "use strict";
-    module.exports = jsx172;
-    jsx172.displayName = "jsx";
-    jsx172.aliases = [];
-    function jsx172(Prism) {
+    module.exports = jsx173;
+    jsx173.displayName = "jsx";
+    jsx173.aliases = [];
+    function jsx173(Prism) {
       ;
       (function(Prism2) {
         var javascript = Prism2.util.clone(Prism2.languages.javascript);
@@ -36298,12 +36299,15 @@ var withExtraArgument = createThunkMiddleware;
 // ../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs
 var createDraftSafeSelectorCreator = (...args) => {
   const createSelector2 = createSelectorCreator(...args);
-  return (...args2) => {
+  const createDraftSafeSelector2 = Object.assign((...args2) => {
     const selector = createSelector2(...args2);
     const wrappedSelector = (value, ...rest) => selector(isDraft(value) ? current(value) : value, ...rest);
     Object.assign(wrappedSelector, selector);
     return wrappedSelector;
-  };
+  }, {
+    withTypes: () => createDraftSafeSelector2
+  });
+  return createDraftSafeSelector2;
 };
 var createDraftSafeSelector = createDraftSafeSelectorCreator(weakMapMemoize);
 var composeWithDevTools = typeof window !== "undefined" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ : function() {
@@ -37136,6 +37140,7 @@ var createAsyncThunk = /* @__PURE__ */ (() => {
       return (dispatch, getState, extra) => {
         const requestId = (options == null ? void 0 : options.idGenerator) ? options.idGenerator(arg) : nanoid();
         const abortController = new AbortController();
+        let abortHandler;
         let abortReason;
         function abort(reason) {
           abortReason = reason;
@@ -37159,10 +37164,15 @@ var createAsyncThunk = /* @__PURE__ */ (() => {
                   message: "Aborted due to condition callback returning false."
                 };
               }
-              const abortedPromise = new Promise((_, reject) => abortController.signal.addEventListener("abort", () => reject({
-                name: "AbortError",
-                message: abortReason || "Aborted"
-              })));
+              const abortedPromise = new Promise((_, reject) => {
+                abortHandler = () => {
+                  reject({
+                    name: "AbortError",
+                    message: abortReason || "Aborted"
+                  });
+                };
+                abortController.signal.addEventListener("abort", abortHandler);
+              });
               dispatch(pending(requestId, arg, (_b = options == null ? void 0 : options.getPendingMeta) == null ? void 0 : _b.call(options, {
                 requestId,
                 arg
@@ -37194,6 +37204,10 @@ var createAsyncThunk = /* @__PURE__ */ (() => {
               })]);
             } catch (err) {
               finalAction = err instanceof RejectWithValue ? rejected(null, requestId, arg, err.payload, err.meta) : rejected(err, requestId, arg);
+            } finally {
+              if (abortHandler) {
+                abortController.signal.removeEventListener("abort", abortHandler);
+              }
             }
             const skipDispatch = options && !options.dispatchConditionRejection && rejected.match(finalAction) && finalAction.meta.condition;
             if (!skipDispatch) {
@@ -37235,7 +37249,7 @@ function unwrapResult(action) {
 function isThenable(value) {
   return value !== null && typeof value === "object" && typeof value.then === "function";
 }
-var asyncThunkSymbol = Symbol.for("rtk-slice-createasyncthunk");
+var asyncThunkSymbol = /* @__PURE__ */ Symbol.for("rtk-slice-createasyncthunk");
 var asyncThunkCreator = {
   [asyncThunkSymbol]: createAsyncThunk
 };
@@ -37269,7 +37283,7 @@ function buildCreateSlice({
       sliceMatchers: []
     };
     const contextMethods = {
-      addCase(typeOrActionCreator, reducer) {
+      addCase(typeOrActionCreator, reducer2) {
         const type = typeof typeOrActionCreator === "string" ? typeOrActionCreator : typeOrActionCreator.type;
         if (!type) {
           throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(12) : "`context.addCase` cannot be called with an empty action type");
@@ -37277,13 +37291,13 @@ function buildCreateSlice({
         if (type in context.sliceCaseReducersByType) {
           throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(13) : "`context.addCase` cannot be called with two reducers for the same action type: " + type);
         }
-        context.sliceCaseReducersByType[type] = reducer;
+        context.sliceCaseReducersByType[type] = reducer2;
         return contextMethods;
       },
-      addMatcher(matcher, reducer) {
+      addMatcher(matcher, reducer2) {
         context.sliceMatchers.push({
           matcher,
-          reducer
+          reducer: reducer2
         });
         return contextMethods;
       },
@@ -37291,8 +37305,8 @@ function buildCreateSlice({
         context.actionCreators[name2] = actionCreator;
         return contextMethods;
       },
-      exposeCaseReducer(name2, reducer) {
-        context.sliceCaseReducersByName[name2] = reducer;
+      exposeCaseReducer(name2, reducer2) {
+        context.sliceCaseReducersByName[name2] = reducer2;
         return contextMethods;
       }
     };
@@ -37333,25 +37347,32 @@ function buildCreateSlice({
       });
     }
     const selectSelf = (state) => state;
-    const injectedSelectorCache = /* @__PURE__ */ new WeakMap();
+    const injectedSelectorCache = /* @__PURE__ */ new Map();
     let _reducer;
-    const slice = {
-      name,
-      reducerPath,
-      reducer(state, action) {
-        if (!_reducer)
-          _reducer = buildReducer();
-        return _reducer(state, action);
-      },
-      actions: context.actionCreators,
-      caseReducers: context.sliceCaseReducersByName,
-      getInitialState() {
-        if (!_reducer)
-          _reducer = buildReducer();
-        return _reducer.getInitialState();
-      },
-      getSelectors(selectState = selectSelf) {
-        const selectorCache = emplace(injectedSelectorCache, this, {
+    function reducer(state, action) {
+      if (!_reducer)
+        _reducer = buildReducer();
+      return _reducer(state, action);
+    }
+    function getInitialState() {
+      if (!_reducer)
+        _reducer = buildReducer();
+      return _reducer.getInitialState();
+    }
+    function makeSelectorProps(reducerPath2, injected = false) {
+      function selectSlice(state) {
+        let sliceState = state[reducerPath2];
+        if (typeof sliceState === "undefined") {
+          if (injected) {
+            sliceState = getInitialState();
+          } else if (process.env.NODE_ENV !== "production") {
+            throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(15) : "selectSlice returned undefined for an uninjected slice reducer");
+          }
+        }
+        return sliceState;
+      }
+      function getSelectors(selectState = selectSelf) {
+        const selectorCache = emplace(injectedSelectorCache, injected, {
           insert: () => /* @__PURE__ */ new WeakMap()
         });
         return emplace(selectorCache, selectState, {
@@ -37359,51 +37380,51 @@ function buildCreateSlice({
             var _a2;
             const map = {};
             for (const [name2, selector] of Object.entries((_a2 = options.selectors) != null ? _a2 : {})) {
-              map[name2] = wrapSelector(this, selector, selectState, this !== slice);
+              map[name2] = wrapSelector(selector, selectState, getInitialState, injected);
             }
             return map;
           }
         });
-      },
-      selectSlice(state) {
-        let sliceState = state[this.reducerPath];
-        if (typeof sliceState === "undefined") {
-          if (this !== slice) {
-            sliceState = this.getInitialState();
-          } else if (process.env.NODE_ENV !== "production") {
-            throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(15) : "selectSlice returned undefined for an uninjected slice reducer");
-          }
-        }
-        return sliceState;
-      },
-      get selectors() {
-        return this.getSelectors(this.selectSlice);
-      },
+      }
+      return {
+        reducerPath: reducerPath2,
+        getSelectors,
+        get selectors() {
+          return getSelectors(selectSlice);
+        },
+        selectSlice
+      };
+    }
+    const slice = __spreadProps(__spreadValues({
+      name,
+      reducer,
+      actions: context.actionCreators,
+      caseReducers: context.sliceCaseReducersByName,
+      getInitialState
+    }, makeSelectorProps(reducerPath)), {
       injectInto(injectable, _a2 = {}) {
         var _b = _a2, {
           reducerPath: pathOpt
         } = _b, config = __objRest(_b, [
           "reducerPath"
         ]);
-        const reducerPath2 = pathOpt != null ? pathOpt : this.reducerPath;
+        const newReducerPath = pathOpt != null ? pathOpt : reducerPath;
         injectable.inject({
-          reducerPath: reducerPath2,
-          reducer: this.reducer
+          reducerPath: newReducerPath,
+          reducer
         }, config);
-        return __spreadProps(__spreadValues({}, this), {
-          reducerPath: reducerPath2
-        });
+        return __spreadValues(__spreadValues({}, slice), makeSelectorProps(newReducerPath, true));
       }
-    };
+    });
     return slice;
   };
 }
-function wrapSelector(slice, selector, selectState, injected) {
+function wrapSelector(selector, selectState, getInitialState, injected) {
   function wrapper(rootState, ...args) {
-    let sliceState = selectState.call(slice, rootState);
+    let sliceState = selectState(rootState);
     if (typeof sliceState === "undefined") {
       if (injected) {
-        sliceState = slice.getInitialState();
+        sliceState = getInitialState();
       } else if (process.env.NODE_ENV !== "production") {
         throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(16) : "selectState returned undefined for an uninjected slice reducer");
       }
@@ -37413,7 +37434,7 @@ function wrapSelector(slice, selector, selectState, injected) {
   wrapper.unwrapped = selector;
   return wrapper;
 }
-var createSlice = buildCreateSlice();
+var createSlice = /* @__PURE__ */ buildCreateSlice();
 function buildReducerCreators() {
   function asyncThunk(payloadCreator, config) {
     return __spreadValues({
@@ -37514,13 +37535,69 @@ var taskCancelled = `task-${cancelled}`;
 var taskCompleted = `task-${completed}`;
 var listenerCancelled = `${listener}-${cancelled}`;
 var listenerCompleted = `${listener}-${completed}`;
+var assertFunction = (func, expected) => {
+  if (typeof func !== "function") {
+    throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(32) : `${expected} is not a function`);
+  }
+};
 var {
   assign
 } = Object;
 var alm = "listenerMiddleware";
-var addListener = createAction(`${alm}/add`);
+var getListenerEntryPropsFrom = (options) => {
+  let {
+    type,
+    actionCreator,
+    matcher,
+    predicate,
+    effect
+  } = options;
+  if (type) {
+    predicate = createAction(type).match;
+  } else if (actionCreator) {
+    type = actionCreator.type;
+    predicate = actionCreator.match;
+  } else if (matcher) {
+    predicate = matcher;
+  } else if (predicate) {
+  } else {
+    throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(21) : "Creating or removing a listener requires one of the known fields for matching an action");
+  }
+  assertFunction(effect, "options.listener");
+  return {
+    predicate,
+    type,
+    effect
+  };
+};
+var createListenerEntry = Object.assign((options) => {
+  const {
+    type,
+    predicate,
+    effect
+  } = getListenerEntryPropsFrom(options);
+  const id = nanoid();
+  const entry = {
+    id,
+    effect,
+    type,
+    predicate,
+    pending: /* @__PURE__ */ new Set(),
+    unsubscribe: () => {
+      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(22) : "Unsubscribe not initialized");
+    }
+  };
+  return entry;
+}, {
+  withTypes: () => createListenerEntry
+});
+var addListener = Object.assign(createAction(`${alm}/add`), {
+  withTypes: () => addListener
+});
 var clearAllListeners = createAction(`${alm}/removeAll`);
-var removeListener = createAction(`${alm}/remove`);
+var removeListener = Object.assign(createAction(`${alm}/remove`), {
+  withTypes: () => removeListener
+});
 var ORIGINAL_STATE = Symbol.for("rtk-state-proxy-original");
 function formatProdErrorMessage2(code) {
   return `Minified Redux Toolkit error #${code}; visit https://redux-toolkit.js.org/Errors?code=${code} for the full message or use the non-minified dev environment for full errors. `;
@@ -37804,6 +37881,9 @@ function countObjectKeys(obj) {
   }
   return count;
 }
+function asSafePromise(promise, fallback) {
+  return promise.catch(fallback);
+}
 var forceQueryFnSymbol = Symbol("forceQueryFn");
 var isUpsertQuery = (arg) => typeof arg[forceQueryFnSymbol] === "function";
 function buildInitiate({
@@ -37865,99 +37945,107 @@ You must add the middleware for RTK-Query to function correctly!`);
     }
   }
   function buildInitiateQuery(endpointName, endpointDefinition) {
-    const queryAction = (arg, {
-      subscribe = true,
-      forceRefetch,
-      subscriptionOptions,
-      [forceQueryFnSymbol]: forceQueryFn
-    } = {}) => (dispatch, getState) => {
-      var _a;
-      const queryCacheKey = serializeQueryArgs({
-        queryArgs: arg,
-        endpointDefinition,
-        endpointName
-      });
-      const thunk2 = queryThunk({
-        type: "query",
-        subscribe,
+    const queryAction = (arg, _a = {}) => {
+      var _b = _a, {
+        subscribe = true,
         forceRefetch,
         subscriptionOptions,
-        endpointName,
-        originalArgs: arg,
-        queryCacheKey,
         [forceQueryFnSymbol]: forceQueryFn
-      });
-      const selector = api.endpoints[endpointName].select(arg);
-      const thunkResult = dispatch(thunk2);
-      const stateAfter = selector(getState());
-      middlewareWarning(dispatch);
-      const {
-        requestId,
-        abort
-      } = thunkResult;
-      const skippedSynchronously = stateAfter.requestId !== requestId;
-      const runningQuery = (_a = runningQueries.get(dispatch)) == null ? void 0 : _a[queryCacheKey];
-      const selectFromState = () => selector(getState());
-      const statePromise = Object.assign(forceQueryFn ? (
-        // a query has been forced (upsertQueryData)
-        // -> we want to resolve it once data has been written with the data that will be written
-        thunkResult.then(selectFromState)
-      ) : skippedSynchronously && !runningQuery ? (
-        // a query has been skipped due to a condition and we do not have any currently running query
-        // -> we want to resolve it immediately with the current data
-        Promise.resolve(stateAfter)
-      ) : (
-        // query just started or one is already in flight
-        // -> wait for the running query, then resolve with data from after that
-        Promise.all([runningQuery, thunkResult]).then(selectFromState)
-      ), {
-        arg,
-        requestId,
-        subscriptionOptions,
-        queryCacheKey,
-        abort,
-        unwrap() {
-          return __async(this, null, function* () {
-            const result = yield statePromise;
-            if (result.isError) {
-              throw result.error;
-            }
-            return result.data;
-          });
-        },
-        refetch: () => dispatch(queryAction(arg, {
-          subscribe: false,
-          forceRefetch: true
-        })),
-        unsubscribe() {
-          if (subscribe)
-            dispatch(unsubscribeQueryResult({
+      } = _b, rest = __objRest(_b, [
+        "subscribe",
+        "forceRefetch",
+        "subscriptionOptions",
+        __restKey(forceQueryFnSymbol)
+      ]);
+      return (dispatch, getState) => {
+        var _a2;
+        const queryCacheKey = serializeQueryArgs({
+          queryArgs: arg,
+          endpointDefinition,
+          endpointName
+        });
+        const thunk2 = queryThunk(__spreadProps(__spreadValues({}, rest), {
+          type: "query",
+          subscribe,
+          forceRefetch,
+          subscriptionOptions,
+          endpointName,
+          originalArgs: arg,
+          queryCacheKey,
+          [forceQueryFnSymbol]: forceQueryFn
+        }));
+        const selector = api.endpoints[endpointName].select(arg);
+        const thunkResult = dispatch(thunk2);
+        const stateAfter = selector(getState());
+        middlewareWarning(dispatch);
+        const {
+          requestId,
+          abort
+        } = thunkResult;
+        const skippedSynchronously = stateAfter.requestId !== requestId;
+        const runningQuery = (_a2 = runningQueries.get(dispatch)) == null ? void 0 : _a2[queryCacheKey];
+        const selectFromState = () => selector(getState());
+        const statePromise = Object.assign(forceQueryFn ? (
+          // a query has been forced (upsertQueryData)
+          // -> we want to resolve it once data has been written with the data that will be written
+          thunkResult.then(selectFromState)
+        ) : skippedSynchronously && !runningQuery ? (
+          // a query has been skipped due to a condition and we do not have any currently running query
+          // -> we want to resolve it immediately with the current data
+          Promise.resolve(stateAfter)
+        ) : (
+          // query just started or one is already in flight
+          // -> wait for the running query, then resolve with data from after that
+          Promise.all([runningQuery, thunkResult]).then(selectFromState)
+        ), {
+          arg,
+          requestId,
+          subscriptionOptions,
+          queryCacheKey,
+          abort,
+          unwrap() {
+            return __async(this, null, function* () {
+              const result = yield statePromise;
+              if (result.isError) {
+                throw result.error;
+              }
+              return result.data;
+            });
+          },
+          refetch: () => dispatch(queryAction(arg, {
+            subscribe: false,
+            forceRefetch: true
+          })),
+          unsubscribe() {
+            if (subscribe)
+              dispatch(unsubscribeQueryResult({
+                queryCacheKey,
+                requestId
+              }));
+          },
+          updateSubscriptionOptions(options) {
+            statePromise.subscriptionOptions = options;
+            dispatch(updateSubscriptionOptions({
+              endpointName,
+              requestId,
               queryCacheKey,
-              requestId
+              options
             }));
-        },
-        updateSubscriptionOptions(options) {
-          statePromise.subscriptionOptions = options;
-          dispatch(updateSubscriptionOptions({
-            endpointName,
-            requestId,
-            queryCacheKey,
-            options
-          }));
-        }
-      });
-      if (!runningQuery && !skippedSynchronously && !forceQueryFn) {
-        const running = runningQueries.get(dispatch) || {};
-        running[queryCacheKey] = statePromise;
-        runningQueries.set(dispatch, running);
-        statePromise.then(() => {
-          delete running[queryCacheKey];
-          if (!countObjectKeys(running)) {
-            runningQueries.delete(dispatch);
           }
         });
-      }
-      return statePromise;
+        if (!runningQuery && !skippedSynchronously && !forceQueryFn) {
+          const running = runningQueries.get(dispatch) || {};
+          running[queryCacheKey] = statePromise;
+          runningQueries.set(dispatch, running);
+          statePromise.then(() => {
+            delete running[queryCacheKey];
+            if (!countObjectKeys(running)) {
+              runningQueries.delete(dispatch);
+            }
+          });
+        }
+        return statePromise;
+      };
     };
     return queryAction;
   }
@@ -37980,9 +38068,9 @@ You must add the middleware for RTK-Query to function correctly!`);
         abort,
         unwrap
       } = thunkResult;
-      const returnValuePromise = thunkResult.unwrap().then((data) => ({
+      const returnValuePromise = asSafePromise(thunkResult.unwrap().then((data) => ({
         data
-      })).catch((error) => ({
+      })), (error) => ({
         error
       }));
       const reset = () => {
@@ -38263,9 +38351,13 @@ In the case of an unhandled error, no tags will be "provided" or "invalidated".`
   const prefetch = (endpointName, arg, options) => (dispatch, getState) => {
     const force = hasTheForce(options) && options.force;
     const maxAge = hasMaxAge(options) && options.ifOlderThan;
-    const queryAction = (force2 = true) => api.endpoints[endpointName].initiate(arg, {
-      forceRefetch: force2
-    });
+    const queryAction = (force2 = true) => {
+      const options2 = {
+        forceRefetch: force2,
+        isPrefetch: true
+      };
+      return api.endpoints[endpointName].initiate(arg, options2);
+    };
     const latestStateValue = api.endpoints[endpointName].select(arg)(getState());
     if (force) {
       dispatch(queryAction());
@@ -38693,7 +38785,8 @@ var defaultMutationSubState = /* @__PURE__ */ produce(initialSubState, () => {
 });
 function buildSelectors({
   serializeQueryArgs,
-  reducerPath
+  reducerPath,
+  createSelector: createSelector2
 }) {
   const selectSkippedQuery = (state) => defaultQuerySubState;
   const selectSkippedMutation = (state) => defaultMutationSubState;
@@ -38730,7 +38823,7 @@ function buildSelectors({
         return (_c = (_b = (_a = selectInternalState(state)) == null ? void 0 : _a.queries) == null ? void 0 : _b[serializedArgs]) != null ? _c : defaultQuerySubState;
       };
       const finalSelectQuerySubState = queryArgs === skipToken ? selectSkippedQuery : selectQuerySubstate;
-      return createSelector(finalSelectQuerySubState, withRequestFlags);
+      return createSelector2(finalSelectQuerySubState, withRequestFlags);
     };
   }
   function buildMutationSelector() {
@@ -38747,7 +38840,7 @@ function buildSelectors({
         return (_c = (_b = (_a2 = selectInternalState(state)) == null ? void 0 : _a2.mutations) == null ? void 0 : _b[mutationId]) != null ? _c : defaultMutationSubState;
       };
       const finalSelectMutationSubstate = mutationId === skipToken ? selectSkippedMutation : selectMutationSubstate;
-      return createSelector(finalSelectMutationSubstate, withRequestFlags);
+      return createSelector2(finalSelectMutationSubstate, withRequestFlags);
     };
   }
   function selectInvalidatedBy(state, tags) {
@@ -38893,8 +38986,10 @@ function buildCreateApi(...modules) {
         })
       });
       for (const [endpointName, definition] of Object.entries(evaluatedEndpoints)) {
-        if (!inject.overrideExisting && endpointName in context.endpointDefinitions) {
-          if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
+        if (inject.overrideExisting !== true && endpointName in context.endpointDefinitions) {
+          if (inject.overrideExisting === "throw") {
+            throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(39) : `called \`injectEndpoints\` to override already-existing endpointName ${endpointName} without specifying \`overrideExisting: true\``);
+          } else if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
             console.error(`called \`injectEndpoints\` to override already-existing endpointName ${endpointName} without specifying \`overrideExisting: true\``);
           }
           continue;
@@ -39088,7 +39183,10 @@ var buildPollingHandler = ({
     const subscriptions = internalState.currentSubscriptions[queryCacheKey];
     if (!querySubState || querySubState.status === "uninitialized")
       return;
-    const lowestPollingInterval = findLowestPollingInterval(subscriptions);
+    const {
+      lowestPollingInterval,
+      skipPollingIfUnfocused
+    } = findLowestPollingInterval(subscriptions);
     if (!Number.isFinite(lowestPollingInterval))
       return;
     const currentPoll = currentPolls[queryCacheKey];
@@ -39097,12 +39195,16 @@ var buildPollingHandler = ({
       currentPoll.timeout = void 0;
     }
     const nextPollTimestamp = Date.now() + lowestPollingInterval;
-    const currentInterval = currentPolls[queryCacheKey] = {
+    currentPolls[queryCacheKey] = {
       nextPollTimestamp,
       pollingInterval: lowestPollingInterval,
       timeout: setTimeout(() => {
-        currentInterval.timeout = void 0;
-        api2.dispatch(refetchQuery(querySubState, queryCacheKey));
+        if (state.config.focused || !skipPollingIfUnfocused) {
+          api2.dispatch(refetchQuery(querySubState, queryCacheKey));
+        }
+        startNextPoll({
+          queryCacheKey
+        }, api2);
       }, lowestPollingInterval)
     };
   }
@@ -39115,7 +39217,9 @@ var buildPollingHandler = ({
     if (!querySubState || querySubState.status === "uninitialized") {
       return;
     }
-    const lowestPollingInterval = findLowestPollingInterval(subscriptions);
+    const {
+      lowestPollingInterval
+    } = findLowestPollingInterval(subscriptions);
     if (!Number.isFinite(lowestPollingInterval)) {
       cleanupPollForKey(queryCacheKey);
       return;
@@ -39141,13 +39245,18 @@ var buildPollingHandler = ({
     }
   }
   function findLowestPollingInterval(subscribers = {}) {
+    let skipPollingIfUnfocused = false;
     let lowestPollingInterval = Number.POSITIVE_INFINITY;
     for (let key in subscribers) {
       if (!!subscribers[key].pollingInterval) {
         lowestPollingInterval = Math.min(subscribers[key].pollingInterval, lowestPollingInterval);
+        skipPollingIfUnfocused = subscribers[key].skipPollingIfUnfocused || skipPollingIfUnfocused;
       }
     }
-    return lowestPollingInterval;
+    return {
+      lowestPollingInterval,
+      skipPollingIfUnfocused
+    };
   }
   return handler;
 };
@@ -39243,10 +39352,12 @@ var buildCacheLifecycleHandler = ({
     }
   };
   function getCacheKey(action) {
+    var _a;
     if (isQueryThunk(action))
       return action.meta.arg.queryCacheKey;
-    if (isMutationThunk(action))
-      return action.meta.requestId;
+    if (isMutationThunk(action)) {
+      return (_a = action.meta.arg.fixedCacheKey) != null ? _a : action.meta.requestId;
+    }
     if (api.internalActions.removeQueryResult.match(action))
       return action.payload.queryCacheKey;
     if (api.internalActions.removeMutationResult.match(action))
@@ -39583,7 +39694,9 @@ function safeAssign(target, ...args) {
   return Object.assign(target, ...args);
 }
 var coreModuleName = /* @__PURE__ */ Symbol();
-var coreModule = () => ({
+var coreModule = ({
+  createSelector: createSelector2 = createSelector
+} = {}) => ({
   name: coreModuleName,
   init(api, {
     baseQuery,
@@ -39682,7 +39795,8 @@ var coreModule = () => ({
       selectCachedArgsForQuery
     } = buildSelectors({
       serializeQueryArgs,
-      reducerPath
+      reducerPath,
+      createSelector: createSelector2
     });
     safeAssign(api.util, {
       selectInvalidatedBy,
@@ -39739,11 +39853,45 @@ import { shallowEqual as shallowEqual2 } from "react-redux";
 import { useEffect, useRef, useMemo } from "react";
 import { useEffect as useEffect2, useRef as useRef2 } from "react";
 import { shallowEqual } from "react-redux";
-import { useDispatch as rrUseDispatch, useSelector as rrUseSelector, useStore as rrUseStore, batch as rrBatch } from "react-redux";
+import { batch as rrBatch, useDispatch as rrUseDispatch, useSelector as rrUseSelector, useStore as rrUseStore } from "react-redux";
 import { useContext } from "react";
 import { useEffect as useEffect4 } from "react";
 import React from "react";
 import { Provider, ReactReduxContext } from "react-redux";
+function isQueryDefinition2(e) {
+  return e.type === "query";
+}
+function isMutationDefinition2(e) {
+  return e.type === "mutation";
+}
+function safeAssign2(target, ...args) {
+  return Object.assign(target, ...args);
+}
+function capitalize(str) {
+  return str.replace(str[0], str[0].toUpperCase());
+}
+var cache2 = WeakMap ? /* @__PURE__ */ new WeakMap() : void 0;
+var defaultSerializeQueryArgs2 = ({
+  endpointName,
+  queryArgs
+}) => {
+  let serialized = "";
+  const cached = cache2 == null ? void 0 : cache2.get(queryArgs);
+  if (typeof cached === "string") {
+    serialized = cached;
+  } else {
+    const stringified = JSON.stringify(queryArgs, (key, value) => isPlainObject(value) ? Object.keys(value).sort().reduce((acc, key2) => {
+      acc[key2] = value[key2];
+      return acc;
+    }, {}) : value);
+    if (isPlainObject(queryArgs)) {
+      cache2 == null ? void 0 : cache2.set(queryArgs, stringified);
+    }
+    serialized = stringified;
+  }
+  return `${endpointName}(${serialized})`;
+};
+var UNINITIALIZED_VALUE = Symbol();
 function useStableQueryArgs(queryArgs, serialize, endpointDefinition, endpointName) {
   const incoming = useMemo(() => ({
     queryArgs,
@@ -39761,7 +39909,6 @@ function useStableQueryArgs(queryArgs, serialize, endpointDefinition, endpointNa
   }, [incoming]);
   return cache22.current.serialized === incoming.serialized ? cache22.current.queryArgs : queryArgs;
 }
-var UNINITIALIZED_VALUE = Symbol();
 function useShallowStableValue(value) {
   const cache22 = useRef2(value);
   useEffect2(() => {
@@ -39771,27 +39918,6 @@ function useShallowStableValue(value) {
   }, [value]);
   return shallowEqual(cache22.current, value) ? cache22.current : value;
 }
-var cache2 = WeakMap ? /* @__PURE__ */ new WeakMap() : void 0;
-var defaultSerializeQueryArgs2 = ({
-  endpointName,
-  queryArgs
-}) => {
-  let serialized = "";
-  const cached = cache2 == null ? void 0 : cache2.get(queryArgs);
-  if (typeof cached === "string") {
-    serialized = cached;
-  } else {
-    const stringified = JSON.stringify(queryArgs, (key, value) => isPlainObject(value) ? Object.keys(value).sort().reduce((acc, key2) => {
-      acc[key2] = value[key2];
-      return acc;
-    }, {}) : value);
-    if (isPlainObject(queryArgs)) {
-      cache2 == null ? void 0 : cache2.set(queryArgs, stringified);
-    }
-    serialized = stringified;
-  }
-  return `${endpointName}(${serialized})`;
-};
 var useIsomorphicLayoutEffect = typeof window !== "undefined" && !!window.document && !!window.document.createElement ? useLayoutEffect : useEffect3;
 var noPendingQueryStateSelector = (selected) => {
   if (selected.isUninitialized) {
@@ -39813,7 +39939,8 @@ function buildHooks({
       useSelector: useSelector2,
       useStore
     },
-    unstable__sideEffectsInRender
+    unstable__sideEffectsInRender,
+    createSelector: createSelector2
   },
   serializeQueryArgs,
   context
@@ -39867,7 +39994,8 @@ function buildHooks({
       refetchOnFocus,
       refetchOnMountOrArgChange,
       skip = false,
-      pollingInterval = 0
+      pollingInterval = 0,
+      skipPollingIfUnfocused = false
     } = {}) => {
       const {
         initiate
@@ -39898,7 +40026,8 @@ function buildHooks({
       const stableSubscriptionOptions = useShallowStableValue({
         refetchOnReconnect,
         refetchOnFocus,
-        pollingInterval
+        pollingInterval,
+        skipPollingIfUnfocused
       });
       const lastRenderHadSubscription = useRef3(false);
       const promiseRef = useRef3();
@@ -39964,7 +40093,8 @@ function buildHooks({
     const useLazyQuerySubscription = ({
       refetchOnReconnect,
       refetchOnFocus,
-      pollingInterval = 0
+      pollingInterval = 0,
+      skipPollingIfUnfocused = false
     } = {}) => {
       const {
         initiate
@@ -39975,7 +40105,8 @@ function buildHooks({
       const stableSubscriptionOptions = useShallowStableValue({
         refetchOnReconnect,
         refetchOnFocus,
-        pollingInterval
+        pollingInterval,
+        skipPollingIfUnfocused
       });
       usePossiblyImmediateEffect(() => {
         var _a, _b;
@@ -40023,8 +40154,12 @@ function buildHooks({
       } = api.endpoints[name];
       const stableArg = useStableQueryArgs(skip ? skipToken : arg, serializeQueryArgs, context.endpointDefinitions[name], name);
       const lastValue = useRef3();
-      const selectDefaultResult = useMemo2(() => createSelector([select(stableArg), (_, lastResult) => lastResult, (_) => stableArg], queryStatePreSelector), [select, stableArg]);
-      const querySelector = useMemo2(() => selectFromResult ? createSelector([selectDefaultResult], selectFromResult, {
+      const selectDefaultResult = useMemo2(() => createSelector2([select(stableArg), (_, lastResult) => lastResult, (_) => stableArg], queryStatePreSelector, {
+        memoizeOptions: {
+          resultEqualityCheck: shallowEqual2
+        }
+      }), [select, stableArg]);
+      const querySelector = useMemo2(() => selectFromResult ? createSelector2([selectDefaultResult], selectFromResult, {
         devModeChecks: {
           identityFunctionCheck: "never"
         }
@@ -40106,7 +40241,7 @@ function buildHooks({
         fixedCacheKey,
         requestId: promise == null ? void 0 : promise.requestId
       }), [fixedCacheKey, promise, select]);
-      const mutationSelector = useMemo2(() => selectFromResult ? createSelector([selectDefaultResult], selectFromResult) : selectDefaultResult, [selectFromResult, selectDefaultResult]);
+      const mutationSelector = useMemo2(() => selectFromResult ? createSelector2([selectDefaultResult], selectFromResult) : selectDefaultResult, [selectFromResult, selectDefaultResult]);
       const currentState = useSelector2(mutationSelector, shallowEqual2);
       const originalArgs = fixedCacheKey == null ? promise == null ? void 0 : promise.arg.originalArgs : void 0;
       const reset = useCallback(() => {
@@ -40148,18 +40283,6 @@ function buildHooks({
     };
   }
 }
-function isQueryDefinition2(e) {
-  return e.type === "query";
-}
-function isMutationDefinition2(e) {
-  return e.type === "mutation";
-}
-function capitalize(str) {
-  return str.replace(str[0], str[0].toUpperCase());
-}
-function safeAssign2(target, ...args) {
-  return Object.assign(target, ...args);
-}
 function countObjectKeys2(obj) {
   let count = 0;
   for (const _key in obj) {
@@ -40176,10 +40299,12 @@ var reactHooksModule = (_a = {}) => {
       useSelector: rrUseSelector,
       useStore: rrUseStore
     },
+    createSelector: createSelector2 = createSelector,
     unstable__sideEffectsInRender = false
   } = _b, rest = __objRest(_b, [
     "batch",
     "hooks",
+    "createSelector",
     "unstable__sideEffectsInRender"
   ]);
   if (process.env.NODE_ENV !== "production") {
@@ -40216,7 +40341,8 @@ Hook ${hookName} was either not provided or not a function.`);
         moduleOptions: {
           batch,
           hooks,
-          unstable__sideEffectsInRender
+          unstable__sideEffectsInRender,
+          createSelector: createSelector2
         },
         serializeQueryArgs,
         context
@@ -49452,7 +49578,7 @@ import { useContext as useContext10, useState as useState24 } from "react";
 import axios2 from "axios";
 import invariant2 from "invariant";
 import { useTranslations as useTranslations34 } from "next-intl";
-import { filterDOMProps as filterDOMProps29, joinName as joinName10 } from "uniforms";
+import { filterDOMProps as filterDOMProps28, joinName as joinName10 } from "uniforms";
 import { JSONSchemaBridge } from "uniforms-bridge-json-schema";
 import { AutoField as AutoField6, AutoForm } from "uniforms-unstyled";
 import {
@@ -50162,19 +50288,13 @@ var ListField = connectField9(List);
 
 // src/components/WfoForms/formFields/ListSelectField.tsx
 var import_lodash2 = __toESM(require_lodash(), 1);
-import { connectField as connectField11, joinName as joinName5, useField as useField5, useForm as useForm3 } from "uniforms";
+import { joinName as joinName5, useField as useField5, useForm as useForm3 } from "uniforms";
 
 // src/components/WfoForms/formFields/SelectField.tsx
 var import_lodash = __toESM(require_lodash(), 1);
 import ReactSelect from "react-select";
 import { useTranslations as useTranslations23 } from "next-intl";
-import {
-  connectField as connectField10,
-  filterDOMProps as filterDOMProps9,
-  joinName as joinName4,
-  useField as useField4,
-  useForm as useForm2
-} from "uniforms";
+import { joinName as joinName4, useField as useField4, useForm as useForm2 } from "uniforms";
 import { EuiFormRow as EuiFormRow5, EuiText as EuiText14 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/reactSelectStyles.ts
@@ -50213,7 +50333,7 @@ var getReactSelectInnerComponentStyles = (theme) => {
 
 // src/components/WfoForms/formFields/SelectField.tsx
 import { jsx as jsx105 } from "@emotion/react/jsx-runtime";
-function Select(_a) {
+function UnconnectedSelectField(_a) {
   var _b = _a, {
     allowedValues = [],
     disabled,
@@ -50279,14 +50399,31 @@ function Select(_a) {
   if (fieldType === Array) {
     return /* @__PURE__ */ jsx105(ListField, { name, children: /* @__PURE__ */ jsx105(ListItemField, { name: "$", children: /* @__PURE__ */ jsx105(
       ListSelectField,
-      {
+      __spreadValues(__spreadProps(__spreadValues({}, {
+        allowedValues,
+        disabled,
+        fieldType,
+        id,
+        label,
+        description,
+        name,
+        onChange,
+        placeholder,
+        readOnly,
+        transform,
+        value,
+        error,
+        showInlineError,
+        errorMessage
+      }), {
+        fieldType,
         name: "",
         transform,
         allowedValues
-      }
+      }), props)
     ) }) });
   } else {
-    return /* @__PURE__ */ jsx105("section", __spreadProps(__spreadValues({}, filterDOMProps9(props)), { children: /* @__PURE__ */ jsx105(
+    return /* @__PURE__ */ jsx105("section", { children: /* @__PURE__ */ jsx105(
       EuiFormRow5,
       {
         label,
@@ -50316,19 +50453,24 @@ function Select(_a) {
           }
         )
       }
-    ) }));
+    ) });
   }
 }
-var SelectField = connectField10(Select);
 
 // src/components/WfoForms/formFields/ListSelectField.tsx
 import { jsx as jsx106 } from "@emotion/react/jsx-runtime";
-function ListSelect({
-  allowedValues = [],
-  fieldType,
-  name,
-  transform
-}) {
+function ListSelectField(_a) {
+  var _b = _a, {
+    allowedValues = [],
+    fieldType,
+    name,
+    transform
+  } = _b, props = __objRest(_b, [
+    "allowedValues",
+    "fieldType",
+    "name",
+    "transform"
+  ]);
   const nameArray = joinName5(null, name);
   let parentName = joinName5(nameArray.slice(0, -1));
   if (parentName === "") {
@@ -50349,28 +50491,29 @@ function ListSelect({
   }
   if (fieldType === Array) {
     return /* @__PURE__ */ jsx106(ListField, { name, children: /* @__PURE__ */ jsx106(ListItemField, { name: "$", children: /* @__PURE__ */ jsx106(
-      SelectField,
-      {
+      UnconnectedSelectField,
+      __spreadValues({
         name: "",
         transform,
-        allowedValues
-      }
+        allowedValues,
+        fieldType
+      }, props)
     ) }) });
   } else {
     return /* @__PURE__ */ jsx106(
-      SelectField,
-      {
+      UnconnectedSelectField,
+      __spreadValues({
         name: "",
         transform,
-        allowedValues
-      }
+        allowedValues,
+        fieldType
+      }, props)
     );
   }
 }
-var ListSelectField = connectField11(ListSelect, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/LongTextField.tsx
-import { connectField as connectField12, filterDOMProps as filterDOMProps10 } from "uniforms";
+import { connectField as connectField10, filterDOMProps as filterDOMProps9 } from "uniforms";
 import { EuiFormRow as EuiFormRow6, EuiText as EuiText15, EuiTextArea } from "@elastic/eui";
 import { jsx as jsx107 } from "@emotion/react/jsx-runtime";
 function LongText(_a) {
@@ -50399,7 +50542,7 @@ function LongText(_a) {
     "error",
     "errorMessage"
   ]);
-  return /* @__PURE__ */ jsx107("section", __spreadProps(__spreadValues({}, filterDOMProps10(props)), { children: /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx107("section", __spreadProps(__spreadValues({}, filterDOMProps9(props)), { children: /* @__PURE__ */ jsx107(
     EuiFormRow6,
     {
       label,
@@ -50424,10 +50567,10 @@ function LongText(_a) {
     }
   ) }));
 }
-var LongTextField = connectField12(LongText, { kind: "leaf" });
+var LongTextField = connectField10(LongText, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/NumField.tsx
-import { connectField as connectField13, filterDOMProps as filterDOMProps11 } from "uniforms";
+import { connectField as connectField11, filterDOMProps as filterDOMProps10 } from "uniforms";
 import { EuiFieldNumber, EuiFormRow as EuiFormRow7, EuiText as EuiText16 } from "@elastic/eui";
 import { jsx as jsx108 } from "@emotion/react/jsx-runtime";
 function Num(_a) {
@@ -50464,7 +50607,7 @@ function Num(_a) {
     "showInlineError",
     "errorMessage"
   ]);
-  return /* @__PURE__ */ jsx108("div", __spreadProps(__spreadValues({}, filterDOMProps11(props)), { children: /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsx108("div", __spreadProps(__spreadValues({}, filterDOMProps10(props)), { children: /* @__PURE__ */ jsx108(
     EuiFormRow7,
     {
       label,
@@ -50491,13 +50634,13 @@ function Num(_a) {
     }
   ) }));
 }
-var NumField = connectField13(Num, { kind: "leaf" });
+var NumField = connectField11(Num, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/ProductField.tsx
 var import_get = __toESM(require_get(), 1);
 import { useQuery as useQuery5 } from "react-query";
 import { useTranslations as useTranslations24 } from "next-intl";
-import { connectField as connectField14, filterDOMProps as filterDOMProps12 } from "uniforms";
+import { connectField as connectField12, filterDOMProps as filterDOMProps11 } from "uniforms";
 
 // src/components/WfoForms/useAxiosApiClient.ts
 import { useContext as useContext9 } from "react";
@@ -50508,7 +50651,7 @@ var useAxiosApiClient = () => {
 
 // src/components/WfoForms/formFields/ProductField.tsx
 import { jsx as jsx109 } from "@emotion/react/jsx-runtime";
-filterDOMProps12.register("productIds");
+filterDOMProps11.register("productIds");
 function Product(_a) {
   var _b = _a, { name, productIds } = _b, props = __objRest(_b, ["name", "productIds"]);
   var _a2;
@@ -50529,7 +50672,7 @@ function Product(_a) {
     return mapping;
   }, {})) != null ? _a2 : {};
   return /* @__PURE__ */ jsx109(
-    SelectField,
+    UnconnectedSelectField,
     __spreadProps(__spreadValues({
       name
     }, props), {
@@ -50539,11 +50682,11 @@ function Product(_a) {
     })
   );
 }
-var ProductField = connectField14(Product);
+var ProductField = connectField12(Product);
 
 // src/components/WfoForms/formFields/RadioField.tsx
 var import_lodash3 = __toESM(require_lodash(), 1);
-import { connectField as connectField15, filterDOMProps as filterDOMProps13 } from "uniforms";
+import { connectField as connectField13, filterDOMProps as filterDOMProps12 } from "uniforms";
 import { EuiFormRow as EuiFormRow8, EuiRadio, EuiText as EuiText17 } from "@elastic/eui";
 import { Fragment as Fragment20, jsx as jsx110 } from "@emotion/react/jsx-runtime";
 var base64 = typeof btoa !== "undefined" ? btoa : (x) => Buffer.from(x).toString("base64");
@@ -50578,7 +50721,7 @@ function Radio(_a) {
     "showInlineError",
     "errorMessage"
   ]);
-  return /* @__PURE__ */ jsx110("div", __spreadProps(__spreadValues({}, (0, import_lodash3.omit)(filterDOMProps13(props), ["checkboxes"])), { children: /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx110("div", __spreadProps(__spreadValues({}, (0, import_lodash3.omit)(filterDOMProps12(props), ["checkboxes"])), { children: /* @__PURE__ */ jsx110(
     EuiFormRow8,
     {
       label,
@@ -50606,10 +50749,10 @@ function Radio(_a) {
     }
   ) }));
 }
-var RadioField = connectField15(Radio, { kind: "leaf" });
+var RadioField = connectField13(Radio, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/SubmitField.tsx
-import { filterDOMProps as filterDOMProps14, useForm as useForm4 } from "uniforms";
+import { filterDOMProps as filterDOMProps13, useForm as useForm4 } from "uniforms";
 import { jsx as jsx111 } from "@emotion/react/jsx-runtime";
 var SubmitField = (_a) => {
   var _b = _a, {
@@ -50631,12 +50774,12 @@ var SubmitField = (_a) => {
       readOnly,
       ref: inputRef,
       type: "submit"
-    }, value ? { value } : {}), filterDOMProps14(props))
+    }, value ? { value } : {}), filterDOMProps13(props))
   );
 };
 
 // src/components/WfoForms/formFields/SubscriptionSummaryField.tsx
-import { connectField as connectField16, filterDOMProps as filterDOMProps15 } from "uniforms";
+import { connectField as connectField14, filterDOMProps as filterDOMProps14 } from "uniforms";
 import { EuiFormRow as EuiFormRow9, EuiText as EuiText18 } from "@elastic/eui";
 import { jsx as jsx112 } from "@emotion/react/jsx-runtime";
 var SubscriptionSummaryDisplay = ({
@@ -50663,7 +50806,7 @@ var SubscriptionSummary = (_a) => {
   if (!value) {
     return null;
   }
-  return /* @__PURE__ */ jsx112("section", __spreadProps(__spreadValues({}, filterDOMProps15(props)), { children: /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx112("section", __spreadProps(__spreadValues({}, filterDOMProps14(props)), { children: /* @__PURE__ */ jsx112(
     EuiFormRow9,
     {
       id,
@@ -50673,12 +50816,12 @@ var SubscriptionSummary = (_a) => {
     }
   ) }));
 };
-var SubscriptionSummaryField = connectField16(SubscriptionSummary, {
+var SubscriptionSummaryField = connectField14(SubscriptionSummary, {
   kind: "leaf"
 });
 
 // src/components/WfoForms/formFields/TextField.tsx
-import { connectField as connectField17, filterDOMProps as filterDOMProps16 } from "uniforms";
+import { connectField as connectField15, filterDOMProps as filterDOMProps15 } from "uniforms";
 import { EuiFieldText, EuiFormRow as EuiFormRow10, EuiText as EuiText19 } from "@elastic/eui";
 import { jsx as jsx113 } from "@emotion/react/jsx-runtime";
 function Text(_a) {
@@ -50713,7 +50856,7 @@ function Text(_a) {
     "showInlineError",
     "errorMessage"
   ]);
-  return /* @__PURE__ */ jsx113("section", __spreadProps(__spreadValues({}, filterDOMProps16(props)), { children: /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx113("section", __spreadProps(__spreadValues({}, filterDOMProps15(props)), { children: /* @__PURE__ */ jsx113(
     EuiFormRow10,
     {
       label,
@@ -50741,10 +50884,10 @@ function Text(_a) {
   ) }));
 }
 Text.defaultProps = { type: "text" };
-var TextField = connectField17(Text, { kind: "leaf" });
+var TextField = connectField15(Text, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/DateField.tsx
-import { connectField as connectField18, filterDOMProps as filterDOMProps17 } from "uniforms";
+import { connectField as connectField16, filterDOMProps as filterDOMProps16 } from "uniforms";
 import { jsx as jsx114, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
 var DateConstructor = (typeof global === "object" ? global : window).Date;
 var dateFormat = (value) => {
@@ -50777,7 +50920,7 @@ function Date2(_a) {
     "value"
   ]);
   var _a2;
-  return /* @__PURE__ */ jsxs70("div", __spreadProps(__spreadValues({}, filterDOMProps17(props)), { children: [
+  return /* @__PURE__ */ jsxs70("div", __spreadProps(__spreadValues({}, filterDOMProps16(props)), { children: [
     label && /* @__PURE__ */ jsx114("label", { htmlFor: id, children: label }),
     /* @__PURE__ */ jsx114(
       "input",
@@ -50806,11 +50949,11 @@ function Date2(_a) {
     )
   ] }));
 }
-var DateField = connectField18(Date2, { kind: "leaf" });
+var DateField = connectField16(Date2, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/TimestampField.tsx
 import moment from "moment-timezone";
-import { connectField as connectField19, filterDOMProps as filterDOMProps18 } from "uniforms";
+import { connectField as connectField17, filterDOMProps as filterDOMProps17 } from "uniforms";
 import { EuiDatePicker, EuiFormRow as EuiFormRow11, EuiText as EuiText20 } from "@elastic/eui";
 import { jsx as jsx115 } from "@emotion/react/jsx-runtime";
 function utcTimestampToLocalMoment(utc_timestamp) {
@@ -50854,7 +50997,7 @@ function Timestamp(_a) {
     "showInlineError",
     "errorMessage"
   ]);
-  return /* @__PURE__ */ jsx115("div", __spreadProps(__spreadValues({}, filterDOMProps18(props)), { children: /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx115("div", __spreadProps(__spreadValues({}, filterDOMProps17(props)), { children: /* @__PURE__ */ jsx115(
     EuiFormRow11,
     {
       label,
@@ -50885,7 +51028,7 @@ function Timestamp(_a) {
     }
   ) }));
 }
-var TimestampField = connectField19(Timestamp, { kind: "leaf" });
+var TimestampField = connectField17(Timestamp, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/ContactPersonNameField.tsx
 var import_lodash4 = __toESM(require_lodash(), 1);
@@ -50893,8 +51036,8 @@ var import_get2 = __toESM(require_get(), 1);
 import React24, { useEffect as useEffect9, useState as useState18 } from "react";
 import { useTranslations as useTranslations25 } from "next-intl";
 import {
-  connectField as connectField20,
-  filterDOMProps as filterDOMProps19,
+  connectField as connectField18,
+  filterDOMProps as filterDOMProps18,
   joinName as joinName6,
   useField as useField6,
   useForm as useForm5
@@ -51045,7 +51188,12 @@ function stop(e) {
     e.stopPropagation();
   }
 }
-filterDOMProps19.register("customerId", "customerKey");
+filterDOMProps18.register(
+  "customerId",
+  "customerKey",
+  "organisationKey",
+  "organisationId"
+);
 function ContactPersonName(_a) {
   var _b = _a, {
     disabled,
@@ -51172,7 +51320,7 @@ function ContactPersonName(_a) {
     stop(e);
     setTimeout(() => setDisplayAutocomplete(false), 350);
   }
-  return /* @__PURE__ */ jsx117("section", __spreadProps(__spreadValues({}, filterDOMProps19(props)), { children: /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx117("section", __spreadProps(__spreadValues({}, filterDOMProps18(props)), { children: /* @__PURE__ */ jsx117(
     EuiFormRow12,
     {
       label,
@@ -51215,7 +51363,7 @@ function ContactPersonName(_a) {
     }
   ) }));
 }
-var ContactPersonNameField = connectField20(ContactPersonName, {
+var ContactPersonNameField = connectField18(ContactPersonName, {
   kind: "leaf"
 });
 
@@ -51223,9 +51371,9 @@ var ContactPersonNameField = connectField20(ContactPersonName, {
 var import_lodash5 = __toESM(require_lodash(), 1);
 import { useEffect as useEffect10, useState as useState19 } from "react";
 import { useTranslations as useTranslations26 } from "next-intl";
-import { connectField as connectField21, filterDOMProps as filterDOMProps20 } from "uniforms";
+import { connectField as connectField19, filterDOMProps as filterDOMProps19 } from "uniforms";
 import { jsx as jsx118 } from "@emotion/react/jsx-runtime";
-filterDOMProps20.register("locationCode", "status", "unsubscribedOnly");
+filterDOMProps19.register("locationCode", "status", "unsubscribedOnly");
 function ImsNodeId(_a) {
   var _b = _a, {
     value,
@@ -51263,7 +51411,7 @@ function ImsNodeId(_a) {
     return mapping;
   }, {})) != null ? _a2 : {};
   return /* @__PURE__ */ jsx118(
-    SelectField,
+    UnconnectedSelectField,
     __spreadProps(__spreadValues({
       name: ""
     }, props), {
@@ -51275,13 +51423,13 @@ function ImsNodeId(_a) {
     })
   );
 }
-var ImsNodeIdField = connectField21(ImsNodeId, { kind: "leaf" });
+var ImsNodeIdField = connectField19(ImsNodeId, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/ImsPortIdField.tsx
 import { useCallback as useCallback3, useEffect as useEffect11, useState as useState20 } from "react";
 import ReactSelect2 from "react-select";
 import { useTranslations as useTranslations27 } from "next-intl";
-import { connectField as connectField22, filterDOMProps as filterDOMProps21 } from "uniforms";
+import { connectField as connectField20, filterDOMProps as filterDOMProps20 } from "uniforms";
 import { EuiFlexItem as EuiFlexItem16, EuiFormRow as EuiFormRow13, EuiText as EuiText22 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/ImsPortIdFieldStyling.ts
@@ -51310,7 +51458,7 @@ function nodeToOptionCorelink(node) {
     label: `${node.subscription_id.substring(0, 8)} ${node.description.trim() || "<No description>"}`
   };
 }
-filterDOMProps21.register(
+filterDOMProps20.register(
   "nodeSubscriptionId",
   "interfaceSpeed",
   "nodeStatuses",
@@ -51416,7 +51564,7 @@ function ImsPortId(_a) {
     label: `${aPort.port} (${aPort.status}) (${aPort.iface_type})`
   })).sort((x, y) => x.label.localeCompare(y.label));
   const port_value = port_options.find((option) => option.value === value);
-  return /* @__PURE__ */ jsx119(EuiFlexItem16, { css: imsPortIdFieldStyling, children: /* @__PURE__ */ jsx119("section", __spreadProps(__spreadValues({}, filterDOMProps21(props)), { children: /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx119(EuiFlexItem16, { css: imsPortIdFieldStyling, children: /* @__PURE__ */ jsx119("section", __spreadProps(__spreadValues({}, filterDOMProps20(props)), { children: /* @__PURE__ */ jsx119(
     EuiFormRow13,
     {
       label,
@@ -51468,14 +51616,14 @@ function ImsPortId(_a) {
     }
   ) })) });
 }
-var ImsPortIdField = connectField22(ImsPortId, { kind: "leaf" });
+var ImsPortIdField = connectField20(ImsPortId, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/LocationCodeField.tsx
 import { useEffect as useEffect12, useState as useState21 } from "react";
 import { useTranslations as useTranslations28 } from "next-intl";
-import { connectField as connectField23, filterDOMProps as filterDOMProps22 } from "uniforms";
+import { connectField as connectField21, filterDOMProps as filterDOMProps21 } from "uniforms";
 import { jsx as jsx120 } from "@emotion/react/jsx-runtime";
-filterDOMProps22.register("locationCodes");
+filterDOMProps21.register("locationCodes");
 function LocationCode(_a) {
   var _b = _a, { locationCodes } = _b, props = __objRest(_b, ["locationCodes"]);
   const t = useTranslations28("pydanticForms");
@@ -51494,20 +51642,20 @@ function LocationCode(_a) {
     });
   }, [axiosApiClient]);
   return /* @__PURE__ */ jsx120(
-    SelectField,
+    UnconnectedSelectField,
     __spreadProps(__spreadValues({}, props), {
       allowedValues: codes,
       placeholder: t("widgets.locationCode.placeholder")
     })
   );
 }
-var LocationCodeField = connectField23(LocationCode, { kind: "leaf" });
+var LocationCodeField = connectField21(LocationCode, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/VlanField.tsx
 var import_get3 = __toESM(require_get(), 1);
 import { useEffect as useEffect13, useState as useState22 } from "react";
 import { useTranslations as useTranslations29 } from "next-intl";
-import { connectField as connectField24, filterDOMProps as filterDOMProps23, joinName as joinName7, useForm as useForm6 } from "uniforms";
+import { connectField as connectField22, filterDOMProps as filterDOMProps22, joinName as joinName7, useForm as useForm6 } from "uniforms";
 import { EuiFieldText as EuiFieldText3, EuiFormRow as EuiFormRow14, EuiText as EuiText23 } from "@elastic/eui";
 
 // src/hooks/surf/useIsTaggedPort.ts
@@ -51691,7 +51839,7 @@ function Vlan(_a) {
       message = t("widgets.vlan.taggedOnly");
     }
   }
-  return /* @__PURE__ */ jsx121("section", __spreadProps(__spreadValues({}, filterDOMProps23(props)), { children: /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx121("section", __spreadProps(__spreadValues({}, filterDOMProps22(props)), { children: /* @__PURE__ */ jsx121(
     EuiFormRow14,
     {
       label,
@@ -51718,10 +51866,10 @@ function Vlan(_a) {
     }
   ) }));
 }
-var VlanField = connectField24(Vlan, { kind: "leaf" });
+var VlanField = connectField22(Vlan, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/NestField.tsx
-import { connectField as connectField25, filterDOMProps as filterDOMProps24, joinName as joinName8 } from "uniforms";
+import { connectField as connectField23, filterDOMProps as filterDOMProps23, joinName as joinName8 } from "uniforms";
 import { AutoField as AutoField2 } from "uniforms-unstyled";
 import {
   EuiDescribedFormGroup,
@@ -51730,7 +51878,7 @@ import {
   EuiText as EuiText24
 } from "@elastic/eui";
 import { Fragment as Fragment22, jsx as jsx122, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
-filterDOMProps24.register("properties", "wrap");
+filterDOMProps23.register("properties", "wrap");
 function Nest(_a) {
   var _b = _a, {
     children,
@@ -51756,7 +51904,7 @@ function Nest(_a) {
   if (isInList) {
     return /* @__PURE__ */ jsxs74(
       EuiFlexGroup13,
-      __spreadProps(__spreadValues({}, filterDOMProps24(props)), {
+      __spreadProps(__spreadValues({}, filterDOMProps23(props)), {
         className: `${className} nest-field`,
         children: [
           label && /* @__PURE__ */ jsxs74(Fragment22, { children: [
@@ -51777,7 +51925,7 @@ function Nest(_a) {
   } else {
     return /* @__PURE__ */ jsx122(
       EuiDescribedFormGroup,
-      __spreadProps(__spreadValues({}, filterDOMProps24(props)), {
+      __spreadProps(__spreadValues({}, filterDOMProps23(props)), {
         title: /* @__PURE__ */ jsx122("span", { children: label }),
         description,
         className: `${className} nest-field`,
@@ -51794,15 +51942,15 @@ function Nest(_a) {
     );
   }
 }
-var NestField = connectField25(Nest);
+var NestField = connectField23(Nest);
 
 // src/components/WfoForms/formFields/OptGroupField.tsx
 import { useTranslations as useTranslations30 } from "next-intl";
-import { connectField as connectField26, filterDOMProps as filterDOMProps25, useField as useField7 } from "uniforms";
+import { connectField as connectField24, filterDOMProps as filterDOMProps24, useField as useField7 } from "uniforms";
 import { AutoField as AutoField3 } from "uniforms-unstyled";
 import { EuiDescribedFormGroup as EuiDescribedFormGroup2, EuiFlexItem as EuiFlexItem18, EuiFormRow as EuiFormRow15 } from "@elastic/eui";
 import { Fragment as Fragment23, jsx as jsx123, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
-filterDOMProps25.register("properties");
+filterDOMProps24.register("properties");
 function OptGroup(_a) {
   var _b = _a, {
     fields,
@@ -51821,7 +51969,7 @@ function OptGroup(_a) {
   const enabled = useField7("enabled", {})[0].value;
   return /* @__PURE__ */ jsx123(
     EuiDescribedFormGroup2,
-    __spreadProps(__spreadValues({}, filterDOMProps25(props)), {
+    __spreadProps(__spreadValues({}, filterDOMProps24(props)), {
       title: /* @__PURE__ */ jsx123("span", { children: t(`${name}.title`) }),
       description: t(`${name}.description`),
       className: `${className} optgroup-field`,
@@ -51840,15 +51988,15 @@ function OptGroup(_a) {
     })
   );
 }
-var OptGroupField = connectField26(OptGroup);
+var OptGroupField = connectField24(OptGroup);
 
 // src/components/WfoForms/formFields/SubscriptionField.tsx
 var import_get4 = __toESM(require_get(), 1);
 import ReactSelect3 from "react-select";
 import { useTranslations as useTranslations31 } from "next-intl";
 import {
-  connectField as connectField27,
-  filterDOMProps as filterDOMProps26,
+  connectField as connectField25,
+  filterDOMProps as filterDOMProps25,
   joinName as joinName9,
   useField as useField8,
   useForm as useForm7
@@ -51932,7 +52080,7 @@ var subscriptionFieldStyling = css17`
 
 // src/components/WfoForms/formFields/SubscriptionField.tsx
 import { jsx as jsx124, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
-filterDOMProps26.register(
+filterDOMProps25.register(
   "productIds",
   "excludedSubscriptionIds",
   "customerId",
@@ -52099,7 +52247,7 @@ function SubscriptionFieldDefinition(_a) {
   const isDisabled = disabled || readOnly || isFetching;
   return /* @__PURE__ */ jsx124(EuiFlexItem19, { css: subscriptionFieldStyling, grow: 1, children: /* @__PURE__ */ jsx124(
     "section",
-    __spreadProps(__spreadValues({}, filterDOMProps26(props)), {
+    __spreadProps(__spreadValues({}, filterDOMProps25(props)), {
       className: `${className} subscription-field${disabled ? "-disabled" : ""}`,
       children: /* @__PURE__ */ jsx124(
         EuiFormRow16,
@@ -52158,14 +52306,14 @@ function SubscriptionFieldDefinition(_a) {
     })
   ) });
 }
-var SubscriptionField = connectField27(SubscriptionFieldDefinition, {
+var SubscriptionField = connectField25(SubscriptionFieldDefinition, {
   kind: "leaf"
 });
 
 // src/components/WfoForms/formFields/IpNetworkField.tsx
 import { useState as useState23 } from "react";
 import { useTranslations as useTranslations32 } from "next-intl";
-import { connectField as connectField28, filterDOMProps as filterDOMProps27 } from "uniforms";
+import { connectField as connectField26, filterDOMProps as filterDOMProps26 } from "uniforms";
 import { EuiCallOut as EuiCallOut2, EuiFormRow as EuiFormRow18, EuiText as EuiText27 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/IpPrefixTableField.tsx
@@ -52819,7 +52967,7 @@ function IpNetwork(_a) {
   const usePrefix = (_a2 = selectedPrefix == null ? void 0 : selectedPrefix.prefix) != null ? _a2 : value;
   const [subnet, netmask] = (_b2 = usePrefix == null ? void 0 : usePrefix.split("/")) != null ? _b2 : ["", ""];
   const usedPrefixMin = prefixMin != null ? prefixMin : parseInt(netmask, 10) + ((selectedPrefix == null ? void 0 : selectedPrefix.state) === 0 ? 0 : 1);
-  return /* @__PURE__ */ jsx127("section", __spreadProps(__spreadValues({}, filterDOMProps27(props)), { children: /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsx127("section", __spreadProps(__spreadValues({}, filterDOMProps26(props)), { children: /* @__PURE__ */ jsx127(
     EuiFormRow18,
     {
       label,
@@ -52883,10 +53031,10 @@ function IpNetwork(_a) {
     }
   ) }));
 }
-var IpNetworkField = connectField28(IpNetwork, { kind: "leaf" });
+var IpNetworkField = connectField26(IpNetwork, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/SummaryField.tsx
-import { connectField as connectField29, filterDOMProps as filterDOMProps28 } from "uniforms";
+import { connectField as connectField27, filterDOMProps as filterDOMProps27 } from "uniforms";
 import { EuiFlexItem as EuiFlexItem22, EuiFormRow as EuiFormRow19, EuiText as EuiText28 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/SummaryFieldStyling.ts
@@ -52969,7 +53117,7 @@ function Summary(_a) {
     labels && /* @__PURE__ */ jsx128("th", {}),
     headers.map((header, idx) => /* @__PURE__ */ jsx128("th", { children: header }, idx))
   ] });
-  return /* @__PURE__ */ jsx128(EuiFlexItem22, { css: summaryFieldStyle, children: /* @__PURE__ */ jsx128("section", __spreadProps(__spreadValues({}, filterDOMProps28(props)), { children: /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx128(EuiFlexItem22, { css: summaryFieldStyle, children: /* @__PURE__ */ jsx128("section", __spreadProps(__spreadValues({}, filterDOMProps27(props)), { children: /* @__PURE__ */ jsx128(
     EuiFormRow19,
     {
       label,
@@ -52983,11 +53131,11 @@ function Summary(_a) {
     }
   ) })) });
 }
-var SummaryField = connectField29(Summary, { kind: "leaf" });
+var SummaryField = connectField27(Summary, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/CustomerField.tsx
 import { useTranslations as useTranslations33 } from "next-intl";
-import { connectField as connectField30 } from "uniforms";
+import { connectField as connectField28 } from "uniforms";
 import { jsx as jsx129 } from "@emotion/react/jsx-runtime";
 function Customer(_a) {
   var props = __objRest(_a, []);
@@ -53000,7 +53148,7 @@ function Customer(_a) {
     });
   }
   return /* @__PURE__ */ jsx129(
-    SelectField,
+    UnconnectedSelectField,
     __spreadProps(__spreadValues({}, props), {
       allowedValues: Array.from(uuidCustomerNameMap.keys()),
       transform: (uuid) => uuidCustomerNameMap.get(uuid) || uuid,
@@ -53009,7 +53157,17 @@ function Customer(_a) {
     })
   );
 }
-var CustomerField = connectField30(Customer, { kind: "leaf" });
+var CustomerField = connectField28(Customer, { kind: "leaf" });
+
+// src/components/WfoForms/formFields/ConnectedSelectField.tsx
+import { connectField as connectField29 } from "uniforms";
+import { jsx as jsx130 } from "@emotion/react/jsx-runtime";
+var ConnectedSelect = (props) => {
+  return /* @__PURE__ */ jsx130(UnconnectedSelectField, __spreadValues({}, props));
+};
+var ConnectedSelectField = connectField29(ConnectedSelect, {
+  kind: "leaf"
+});
 
 // src/components/WfoForms/AutoFieldLoader.tsx
 function autoFieldFunction(props, uniforms) {
@@ -53064,7 +53222,7 @@ function autoFieldFunction(props, uniforms) {
       break;
   }
   if (allowedValues && format !== "accept") {
-    return checkboxes && fieldType !== Array ? RadioField : SelectField;
+    return checkboxes && fieldType !== Array ? RadioField : ConnectedSelectField;
   } else {
     switch (fieldType) {
       case Array:
@@ -53194,16 +53352,16 @@ var userInputFormStyling = css21`
 `;
 
 // src/components/WfoForms/UserInputForm.tsx
-import { Fragment as Fragment25, jsx as jsx130, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
-filterDOMProps29.register("description");
-filterDOMProps29.register("const");
-filterDOMProps29.register("default");
-filterDOMProps29.register("required");
-filterDOMProps29.register("pattern");
-filterDOMProps29.register("examples");
-filterDOMProps29.register("allOf");
-filterDOMProps29.register("anyOf");
-filterDOMProps29.register("options");
+import { Fragment as Fragment25, jsx as jsx131, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
+filterDOMProps28.register("description");
+filterDOMProps28.register("const");
+filterDOMProps28.register("default");
+filterDOMProps28.register("required");
+filterDOMProps28.register("pattern");
+filterDOMProps28.register("examples");
+filterDOMProps28.register("allOf");
+filterDOMProps28.register("anyOf");
+filterDOMProps28.register("options");
 function resolveRef(reference, schema) {
   invariant2(
     reference.startsWith("#"),
@@ -53497,7 +53655,7 @@ function UserInputForm({
   };
   const renderButtons = (buttons2) => {
     var _a2, _b2, _c2, _d, _e, _f, _g;
-    const prevButton = hasPrev ? /* @__PURE__ */ jsx130(
+    const prevButton = hasPrev ? /* @__PURE__ */ jsx131(
       EuiButton9,
       {
         id: "button-prev-form-submit",
@@ -53512,7 +53670,7 @@ function UserInputForm({
         },
         children: (_b2 = buttons2.previous.text) != null ? _b2 : t("previous")
       }
-    ) : !isResuming ? /* @__PURE__ */ jsx130(
+    ) : !isResuming ? /* @__PURE__ */ jsx131(
       "div",
       {
         onClick: (e) => {
@@ -53532,14 +53690,14 @@ function UserInputForm({
         },
         children: (_c2 = buttons2.previous.text) != null ? _c2 : t("cancel")
       }
-    ) : /* @__PURE__ */ jsx130("div", {});
+    ) : /* @__PURE__ */ jsx131("div", {});
     const nextButtonTranslationKey = (() => {
       if (isResuming) {
         return isTask ? "resumeTask" : "resumeWorkflow";
       }
       return isTask ? "startTask" : "startWorkflow";
     })();
-    const nextButton = hasNext ? /* @__PURE__ */ jsx130(
+    const nextButton = hasNext ? /* @__PURE__ */ jsx131(
       EuiButton9,
       {
         id: "button-next-form-submit",
@@ -53550,7 +53708,7 @@ function UserInputForm({
         type: "submit",
         children: (_e = buttons2.next.text) != null ? _e : t("next")
       }
-    ) : /* @__PURE__ */ jsx130(
+    ) : /* @__PURE__ */ jsx131(
       EuiButton9,
       {
         id: "button-submit-form-submit",
@@ -53559,13 +53717,13 @@ function UserInputForm({
         color: (_f = buttons2.next.color) != null ? _f : "primary",
         isLoading: processing,
         type: "submit",
-        iconType: buttons2.next.text ? void 0 : () => /* @__PURE__ */ jsx130(WfoPlayFill, { color: "#FFF" }),
+        iconType: buttons2.next.text ? void 0 : () => /* @__PURE__ */ jsx131(WfoPlayFill, { color: "#FFF" }),
         iconSide: "right",
         children: (_g = buttons2.next.text) != null ? _g : t(nextButtonTranslationKey)
       }
     );
     return /* @__PURE__ */ jsxs81(Fragment25, { children: [
-      /* @__PURE__ */ jsx130(EuiHorizontalRule5, {}),
+      /* @__PURE__ */ jsx131(EuiHorizontalRule5, {}),
       /* @__PURE__ */ jsxs81(EuiFlexGroup16, { justifyContent: "spaceBetween", children: [
         prevButton,
         nextButton
@@ -53585,9 +53743,9 @@ function UserInputForm({
     next: {}
   };
   const buttons = buttonsFromSchema;
-  return /* @__PURE__ */ jsx130("div", { css: userInputFormStyling, children: /* @__PURE__ */ jsx130("div", { className: "user-input-form", children: /* @__PURE__ */ jsxs81("section", { className: "form-fieldset", children: [
-    stepUserInput.title && stepUserInput.title !== "unknown" && /* @__PURE__ */ jsx130("h3", { children: stepUserInput.title }),
-    /* @__PURE__ */ jsx130(AutoFieldProvider, { value: autoFieldFunction, children: /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsx131("div", { css: userInputFormStyling, children: /* @__PURE__ */ jsx131("div", { className: "user-input-form", children: /* @__PURE__ */ jsxs81("section", { className: "form-fieldset", children: [
+    stepUserInput.title && stepUserInput.title !== "unknown" && /* @__PURE__ */ jsx131("h3", { children: stepUserInput.title }),
+    /* @__PURE__ */ jsx131(AutoFieldProvider, { value: autoFieldFunction, children: /* @__PURE__ */ jsxs81(
       AutoForm,
       {
         schema: bridge,
@@ -53596,11 +53754,11 @@ function UserInputForm({
         validate: "onSubmit",
         model: userInput,
         children: [
-          /* @__PURE__ */ jsx130(AutoFields, { omitFields: ["buttons"] }),
-          nrOfValidationErrors > 0 && /* @__PURE__ */ jsx130("section", { className: "form-errors", children: /* @__PURE__ */ jsx130("em", { className: "error backend-validation-metadata", children: t("inputFieldsHaveValidationErrors", {
+          /* @__PURE__ */ jsx131(AutoFields, { omitFields: ["buttons"] }),
+          nrOfValidationErrors > 0 && /* @__PURE__ */ jsx131("section", { className: "form-errors", children: /* @__PURE__ */ jsx131("em", { className: "error backend-validation-metadata", children: t("inputFieldsHaveValidationErrors", {
             nrOfValidationErrors
           }) }) }),
-          rootErrors.length > 0 && /* @__PURE__ */ jsx130("section", { className: "form-errors", children: /* @__PURE__ */ jsx130("em", { className: "error backend-validation-metadata", children: rootErrors.map((error, index) => /* @__PURE__ */ jsx130(
+          rootErrors.length > 0 && /* @__PURE__ */ jsx131("section", { className: "form-errors", children: /* @__PURE__ */ jsx131("em", { className: "error backend-validation-metadata", children: rootErrors.map((error, index) => /* @__PURE__ */ jsx131(
             "div",
             {
               className: "euiFormErrorText euiFormRow__text",
@@ -53617,7 +53775,7 @@ function UserInputForm({
 var UserInputForm_default = UserInputForm;
 
 // src/components/WfoForms/UserInputFormWizard.tsx
-import { jsx as jsx131 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx132 } from "@emotion/react/jsx-runtime";
 function stop2(e) {
   if (e !== void 0 && e !== null) {
     e.preventDefault();
@@ -53671,7 +53829,7 @@ function UserInputFormWizard({
     return null;
   }
   const key = hash.sha1({ form: currentForm.form, length: forms.length });
-  return /* @__PURE__ */ jsx131(
+  return /* @__PURE__ */ jsx132(
     UserInputForm_default,
     {
       router,
@@ -53691,7 +53849,7 @@ function UserInputFormWizard({
 var UserInputFormWizard_default = UserInputFormWizard;
 
 // src/components/WfoForms/CreateForm.tsx
-import { jsx as jsx132 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx133 } from "@emotion/react/jsx-runtime";
 function CreateForm(props) {
   const { preselectedInput, formKey, handleSubmit, handleCancel } = props;
   const [form, setForm] = useState26({});
@@ -53720,7 +53878,7 @@ function CreateForm(props) {
       );
     }
   }, [formKey, submit, preselectedInput, apiClient]);
-  return /* @__PURE__ */ jsx132("div", { children: stepUserInput && /* @__PURE__ */ jsx132(
+  return /* @__PURE__ */ jsx133("div", { children: stepUserInput && /* @__PURE__ */ jsx133(
     UserInputFormWizard_default,
     {
       stepUserInput,
@@ -53735,7 +53893,7 @@ function CreateForm(props) {
 // src/components/WfoStartTaskButtonComboBox/WfoStartTaskButtonComboBox.tsx
 import { useTranslations as useTranslations35 } from "next-intl";
 import { useRouter as useRouter7 } from "next/router";
-import { jsx as jsx133 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx134 } from "@emotion/react/jsx-runtime";
 var WfoStartTaskButtonComboBox = () => {
   const router = useRouter7();
   const t = useTranslations35("common");
@@ -53759,7 +53917,7 @@ var WfoStartTaskButtonComboBox = () => {
       });
     }
   });
-  return /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsx134(
     WfoButtonComboBox,
     {
       buttonText: t("newTask"),
@@ -53771,23 +53929,23 @@ var WfoStartTaskButtonComboBox = () => {
 };
 
 // src/components/WfoDateTime/WfoDateTime.tsx
-import { jsx as jsx134 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx135 } from "@emotion/react/jsx-runtime";
 var WfoDateTime = ({ dateOrIsoString }) => {
   const date = getDate(dateOrIsoString);
-  return /* @__PURE__ */ jsx134("span", { title: parseDateToLocaleDateTimeString(date), children: parseDateOrTimeRelativeToToday(date) });
+  return /* @__PURE__ */ jsx135("span", { title: parseDateToLocaleDateTimeString(date), children: parseDateOrTimeRelativeToToday(date) });
 };
 
 // src/components/WfoAuth/WfoAuth.tsx
 import { useContext as useContext11 } from "react";
 import { useSession as useSession2 } from "next-auth/react";
-import { jsx as jsx135 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx136 } from "@emotion/react/jsx-runtime";
 var WfoAuth = ({ children }) => {
   const { authActive } = useContext11(OrchestratorConfigContext);
   const { status } = useSession2({
     required: authActive
   });
   if (status === "loading") {
-    return /* @__PURE__ */ jsx135(WfoLoading, {});
+    return /* @__PURE__ */ jsx136(WfoLoading, {});
   }
   return children;
 };
@@ -53795,7 +53953,7 @@ var WfoAuth = ({ children }) => {
 // src/components/WfoDropdownButton/WfoDropdownButton.tsx
 import { useState as useState27 } from "react";
 import { EuiButtonGroup, EuiPopover as EuiPopover4 } from "@elastic/eui";
-import { jsx as jsx136 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx137 } from "@emotion/react/jsx-runtime";
 var WfoDropdownButton = ({
   label,
   children
@@ -53806,7 +53964,7 @@ var WfoDropdownButton = ({
     {
       id: "id_1",
       label,
-      iconType: () => /* @__PURE__ */ jsx136(WfoPencilAlt, { color: "currentColor" }),
+      iconType: () => /* @__PURE__ */ jsx137(WfoPencilAlt, { color: "currentColor" }),
       style: {
         textDecoration: isHovered && "underline"
       }
@@ -53814,7 +53972,7 @@ var WfoDropdownButton = ({
     {
       id: "id_2",
       label: "",
-      iconType: () => /* @__PURE__ */ jsx136(WfoChevronDown, { color: "currentColor" }),
+      iconType: () => /* @__PURE__ */ jsx137(WfoChevronDown, { color: "currentColor" }),
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false)
     }
@@ -53825,11 +53983,11 @@ var WfoDropdownButton = ({
   const closePopover = () => {
     setPopoverOpen(false);
   };
-  return /* @__PURE__ */ jsx136(
+  return /* @__PURE__ */ jsx137(
     EuiPopover4,
     {
       ownFocus: true,
-      button: /* @__PURE__ */ jsx136(
+      button: /* @__PURE__ */ jsx137(
         EuiButtonGroup,
         {
           type: "multi",
@@ -53941,7 +54099,7 @@ var csvDownloadHandler = (dataFetchFunction, dataMapper, pageInfoMapper, keyOrde
 import { useTranslations as useTranslations36 } from "next-intl";
 import { useRouter as useRouter8 } from "next/router";
 import { EuiPageHeader as EuiPageHeader2, EuiSpacer as EuiSpacer14, EuiTab as EuiTab2, EuiTabs as EuiTabs2 } from "@elastic/eui";
-import { Fragment as Fragment26, jsx as jsx137, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx138, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
 var metaDataTabs = [
   {
     id: 1,
@@ -53972,10 +54130,10 @@ var WfoMetadataPageLayout = ({
   const t = useTranslations36("metadata.tabs");
   const currentPath = router.pathname;
   return /* @__PURE__ */ jsxs82(Fragment26, { children: [
-    /* @__PURE__ */ jsx137(EuiSpacer14, {}),
-    /* @__PURE__ */ jsx137(EuiPageHeader2, { pageTitle: "Metadata" }),
-    /* @__PURE__ */ jsx137(EuiSpacer14, { size: "m" }),
-    /* @__PURE__ */ jsx137(EuiTabs2, { children: tabs.map(({ id, translationKey: name, path }) => /* @__PURE__ */ jsx137(
+    /* @__PURE__ */ jsx138(EuiSpacer14, {}),
+    /* @__PURE__ */ jsx138(EuiPageHeader2, { pageTitle: "Metadata" }),
+    /* @__PURE__ */ jsx138(EuiSpacer14, { size: "m" }),
+    /* @__PURE__ */ jsx138(EuiTabs2, { children: tabs.map(({ id, translationKey: name, path }) => /* @__PURE__ */ jsx138(
       EuiTab2,
       {
         isSelected: path === currentPath,
@@ -53984,13 +54142,13 @@ var WfoMetadataPageLayout = ({
       },
       id
     )) }),
-    /* @__PURE__ */ jsx137(EuiSpacer14, { size: "xxl" }),
+    /* @__PURE__ */ jsx138(EuiSpacer14, { size: "xxl" }),
     children
   ] });
 };
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { Fragment as Fragment27, jsx as jsx138 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx139 } from "@emotion/react/jsx-runtime";
 var PRODUCT_BLOCK_FIELD_ID = "productBlockId";
 var PRODUCT_BLOCK_FIELD_NAME = "name";
 var PRODUCT_BLOCK_FIELD_TAG = "tag";
@@ -54031,14 +54189,14 @@ var WfoProductBlocksPage = () => {
       field: PRODUCT_BLOCK_FIELD_ID,
       name: t("id"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx138(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx139(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     name: {
       field: PRODUCT_BLOCK_FIELD_NAME,
       name: t("name"),
       width: "200",
-      render: (name) => /* @__PURE__ */ jsx138(WfoProductBlockBadge, { badgeType: "product_block" /* PRODUCT_BLOCK */, children: name })
+      render: (name) => /* @__PURE__ */ jsx139(WfoProductBlockBadge, { badgeType: "product_block" /* PRODUCT_BLOCK */, children: name })
     },
     tag: {
       field: PRODUCT_BLOCK_FIELD_TAG,
@@ -54054,12 +54212,12 @@ var WfoProductBlocksPage = () => {
       field: PRODUCT_BLOCK_FIELD_STATUS,
       name: t("status"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx138(WfoProductStatusBadge, { status: value })
+      render: (value) => /* @__PURE__ */ jsx139(WfoProductStatusBadge, { status: value })
     },
     dependsOn: {
       field: PRODUCT_BLOCK_FIELD_PRODUCT_BLOCKS,
       name: t("dependingProductBlocks"),
-      render: (dependsOn) => /* @__PURE__ */ jsx138(Fragment27, { children: dependsOn.map((productBlock, index) => /* @__PURE__ */ jsx138(
+      render: (dependsOn) => /* @__PURE__ */ jsx139(Fragment27, { children: dependsOn.map((productBlock, index) => /* @__PURE__ */ jsx139(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -54071,7 +54229,7 @@ var WfoProductBlocksPage = () => {
     resourceTypes: {
       field: PRODUCT_BLOCK_FIELD_RESOURCE_TYPES,
       name: t("resourceTypes"),
-      render: (resourceTypes) => /* @__PURE__ */ jsx138(Fragment27, { children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx138(
+      render: (resourceTypes) => /* @__PURE__ */ jsx139(Fragment27, { children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx139(
         WfoProductBlockBadge,
         {
           badgeType: "resource_type" /* RESOURCE_TYPE */,
@@ -54079,7 +54237,7 @@ var WfoProductBlocksPage = () => {
         },
         index
       )) }),
-      renderDetails: (resourceTypes) => /* @__PURE__ */ jsx138(EuiBadgeGroup2, { gutterSize: "s", children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx138(
+      renderDetails: (resourceTypes) => /* @__PURE__ */ jsx139(EuiBadgeGroup2, { gutterSize: "s", children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx139(
         WfoProductBlockBadge,
         {
           badgeType: "resource_type" /* RESOURCE_TYPE */,
@@ -54091,14 +54249,14 @@ var WfoProductBlocksPage = () => {
     createdAt: {
       field: PRODUCT_BLOCK_FIELD_CREATED_AT,
       name: t("createdAt"),
-      render: (date) => /* @__PURE__ */ jsx138(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx139(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     },
     endDate: {
       field: PRODUCT_BLOCK_FIELD_END_DATE,
       name: t("endDate"),
-      render: (date) => /* @__PURE__ */ jsx138(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx139(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     }
@@ -54131,7 +54289,7 @@ var WfoProductBlocksPage = () => {
     pageSizeOptions: DEFAULT_PAGE_SIZES,
     totalItemCount: totalItems ? totalItems : 0
   };
-  return /* @__PURE__ */ jsx138(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx138(
+  return /* @__PURE__ */ jsx139(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx139(
     WfoTableWithFilter,
     {
       data: (data == null ? void 0 : data.productBlocks.page) || [],
@@ -54174,7 +54332,7 @@ var WfoProductBlocksPage = () => {
 import { useEffect as useEffect17, useState as useState29 } from "react";
 import { useTranslations as useTranslations38 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup3 } from "@elastic/eui";
-import { Fragment as Fragment28, jsx as jsx139 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx140 } from "@emotion/react/jsx-runtime";
 var RESOURCE_TYPE_FIELD_ID = "resourceTypeId";
 var RESOURCE_TYPE_FIELD_TYPE = "resourceType";
 var RESOURCE_TYPE_FIELD_DESCRIPTION = "description";
@@ -54210,14 +54368,14 @@ var WfoResourceTypesPage = () => {
       field: RESOURCE_TYPE_FIELD_ID,
       name: t("resourceId"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx139(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx140(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     resourceType: {
       field: RESOURCE_TYPE_FIELD_TYPE,
       name: t("type"),
       width: "200",
-      render: (value) => /* @__PURE__ */ jsx139(WfoProductBlockBadge, { badgeType: "resource_type" /* RESOURCE_TYPE */, children: value })
+      render: (value) => /* @__PURE__ */ jsx140(WfoProductBlockBadge, { badgeType: "resource_type" /* RESOURCE_TYPE */, children: value })
     },
     description: {
       field: RESOURCE_TYPE_FIELD_DESCRIPTION,
@@ -54226,7 +54384,7 @@ var WfoResourceTypesPage = () => {
     productBlocks: {
       field: RESOURCE_TYPE_FIELD_PRODUCT_BLOCKS,
       name: t("usedInProductBlocks"),
-      render: (productBlocks) => /* @__PURE__ */ jsx139(Fragment28, { children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx139(
+      render: (productBlocks) => /* @__PURE__ */ jsx140(Fragment28, { children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx140(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -54234,7 +54392,7 @@ var WfoResourceTypesPage = () => {
         },
         index
       )) }),
-      renderDetails: (productBlocks) => /* @__PURE__ */ jsx139(EuiBadgeGroup3, { gutterSize: "s", children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx139(
+      renderDetails: (productBlocks) => /* @__PURE__ */ jsx140(EuiBadgeGroup3, { gutterSize: "s", children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx140(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -54272,7 +54430,7 @@ var WfoResourceTypesPage = () => {
     pageSizeOptions: DEFAULT_PAGE_SIZES,
     totalItemCount: totalItems ? totalItems : 0
   };
-  return /* @__PURE__ */ jsx139(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx139(
+  return /* @__PURE__ */ jsx140(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx140(
     WfoTableWithFilter,
     {
       data: data ? data.resourceTypes.page : [],
@@ -54314,7 +54472,7 @@ var WfoResourceTypesPage = () => {
 // src/pages/metadata/WfoProductsPage.tsx
 import { useEffect as useEffect18, useState as useState30 } from "react";
 import { useTranslations as useTranslations39 } from "next-intl";
-import { Fragment as Fragment29, jsx as jsx140 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx141 } from "@emotion/react/jsx-runtime";
 var PRODUCT_FIELD_PRODUCT_ID = "productId";
 var PRODUCT_FIELD_NAME = "name";
 var PRODUCT_FIELD_DESCRIPTION = "description";
@@ -54355,7 +54513,7 @@ var WfoProductsPage = () => {
       field: PRODUCT_FIELD_PRODUCT_ID,
       name: t("id"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx140(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx141(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     name: {
@@ -54367,7 +54525,7 @@ var WfoProductsPage = () => {
       field: PRODUCT_FIELD_TAG,
       name: t("tag"),
       width: "120",
-      render: (value) => /* @__PURE__ */ jsx140(WfoProductBlockBadge, { badgeType: "product_tag" /* PRODUCT_TAG */, children: value })
+      render: (value) => /* @__PURE__ */ jsx141(WfoProductBlockBadge, { badgeType: "product_tag" /* PRODUCT_TAG */, children: value })
     },
     description: {
       field: PRODUCT_FIELD_DESCRIPTION,
@@ -54382,12 +54540,12 @@ var WfoProductsPage = () => {
       field: PRODUCT_FIELD_STATUS,
       name: t("status"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx140(WfoProductStatusBadge, { status: value })
+      render: (value) => /* @__PURE__ */ jsx141(WfoProductStatusBadge, { status: value })
     },
     fixedInputs: {
       field: PRODUCT_FIELD_FIXED_INPUTS,
       name: t("fixedInputs"),
-      render: (fixedInputs) => /* @__PURE__ */ jsx140(Fragment29, { children: fixedInputs.map((fixedInput, index) => /* @__PURE__ */ jsx140(
+      render: (fixedInputs) => /* @__PURE__ */ jsx141(Fragment29, { children: fixedInputs.map((fixedInput, index) => /* @__PURE__ */ jsx141(
         WfoProductBlockBadge,
         {
           badgeType: "fixed_input" /* FIXED_INPUT */,
@@ -54399,7 +54557,7 @@ var WfoProductsPage = () => {
     productBlocks: {
       field: PRODUCT_FIELD_PRODUCT_BLOCKS,
       name: t("productBlocks"),
-      render: (productBlocks) => /* @__PURE__ */ jsx140(Fragment29, { children: productBlocks.map((block, index) => /* @__PURE__ */ jsx140(
+      render: (productBlocks) => /* @__PURE__ */ jsx141(Fragment29, { children: productBlocks.map((block, index) => /* @__PURE__ */ jsx141(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -54411,7 +54569,7 @@ var WfoProductsPage = () => {
     createdAt: {
       field: PRODUCT_FIELD_CREATED_AT,
       name: t("createdAt"),
-      render: (date) => /* @__PURE__ */ jsx140(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx141(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     }
@@ -54444,7 +54602,7 @@ var WfoProductsPage = () => {
     field: (_c = sortBy == null ? void 0 : sortBy.field) != null ? _c : PRODUCT_FIELD_NAME,
     sortOrder: (_d = sortBy == null ? void 0 : sortBy.order) != null ? _d : "ASC" /* ASC */
   };
-  return /* @__PURE__ */ jsx140(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx140(
+  return /* @__PURE__ */ jsx141(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx141(
     WfoTableWithFilter,
     {
       data: data ? data.products.page : [],
@@ -54554,7 +54712,7 @@ var graphQlWorkflowListMapper = ({
 });
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { Fragment as Fragment30, jsx as jsx141 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx142 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsPage = () => {
   var _a, _b, _c;
   const t = useTranslations40("metadata.workflows");
@@ -54586,7 +54744,7 @@ var WfoWorkflowsPage = () => {
       field: "name",
       name: t("name"),
       width: "200",
-      render: (name) => /* @__PURE__ */ jsx141(WfoProductBlockBadge, { badgeType: "workflow" /* WORKFLOW */, children: name })
+      render: (name) => /* @__PURE__ */ jsx142(WfoProductBlockBadge, { badgeType: "workflow" /* WORKFLOW */, children: name })
     },
     description: {
       field: "description",
@@ -54597,12 +54755,12 @@ var WfoWorkflowsPage = () => {
       field: "target",
       name: t("target"),
       width: "90",
-      render: (target) => /* @__PURE__ */ jsx141(WfoWorkflowTargetBadge, { target })
+      render: (target) => /* @__PURE__ */ jsx142(WfoWorkflowTargetBadge, { target })
     },
     productTags: {
       field: "productTags",
       name: t("productTags"),
-      render: (productTags) => /* @__PURE__ */ jsx141(Fragment30, { children: productTags == null ? void 0 : productTags.map((productTag, index) => /* @__PURE__ */ jsx141(
+      render: (productTags) => /* @__PURE__ */ jsx142(Fragment30, { children: productTags == null ? void 0 : productTags.map((productTag, index) => /* @__PURE__ */ jsx142(
         WfoProductBlockBadge,
         {
           badgeType: "product_tag" /* PRODUCT_TAG */,
@@ -54610,7 +54768,7 @@ var WfoWorkflowsPage = () => {
         },
         index
       )) }),
-      renderDetails: (productTags) => /* @__PURE__ */ jsx141(EuiBadgeGroup4, { gutterSize: "s", children: productTags == null ? void 0 : productTags.map((productTag, index) => /* @__PURE__ */ jsx141(
+      renderDetails: (productTags) => /* @__PURE__ */ jsx142(EuiBadgeGroup4, { gutterSize: "s", children: productTags == null ? void 0 : productTags.map((productTag, index) => /* @__PURE__ */ jsx142(
         WfoProductBlockBadge,
         {
           badgeType: "product_tag" /* PRODUCT_TAG */,
@@ -54623,7 +54781,7 @@ var WfoWorkflowsPage = () => {
       field: "createdAt",
       name: t("createdAt"),
       width: "110",
-      render: (date) => /* @__PURE__ */ jsx141(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx142(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     }
@@ -54656,7 +54814,7 @@ var WfoWorkflowsPage = () => {
     pageSizeOptions: DEFAULT_PAGE_SIZES,
     totalItemCount: totalItems ? totalItems : 0
   };
-  return /* @__PURE__ */ jsx141(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx142(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx142(
     WfoTableWithFilter,
     {
       data: data ? mapWorkflowDefinitionToWorkflowListItem(data) : [],
@@ -54698,7 +54856,7 @@ var WfoWorkflowsPage = () => {
 // src/pages/processes/WfoProcessListSubscriptionsCell.tsx
 import Link3 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup17 } from "@elastic/eui";
-import { Fragment as Fragment31, jsx as jsx142, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx143, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
 var RENDER_ALL = "RENDER_ALL";
 var RenderDirection = /* @__PURE__ */ ((RenderDirection2) => {
   RenderDirection2["HORIZONTAL"] = "HORIZONTAL";
@@ -54716,13 +54874,13 @@ var WfoProcessListSubscriptionsCell = ({
   }
   const visibleSubscriptions = numberOfSubscriptionsToRender === RENDER_ALL ? subscriptions : subscriptions.slice(0, numberOfSubscriptionsToRender);
   const numberOfNotVisibleSubscriptions = length - visibleSubscriptions.length;
-  return /* @__PURE__ */ jsx142(Fragment31, { children: /* @__PURE__ */ jsxs83(
+  return /* @__PURE__ */ jsx143(Fragment31, { children: /* @__PURE__ */ jsxs83(
     EuiFlexGroup17,
     {
       direction: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "row" : "column",
       gutterSize: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "m" : "xs",
       children: [
-        visibleSubscriptions.map((subscription) => /* @__PURE__ */ jsx142(
+        visibleSubscriptions.map((subscription) => /* @__PURE__ */ jsx143(
           Link3,
           {
             href: `/subscriptions/${subscription.subscriptionId}`,
@@ -54734,7 +54892,7 @@ var WfoProcessListSubscriptionsCell = ({
           },
           subscription.subscriptionId
         )),
-        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsx142("span", { children: `(+${numberOfNotVisibleSubscriptions})` })
+        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsx143("span", { children: `(+${numberOfNotVisibleSubscriptions})` })
       ]
     }
   ) });
@@ -54851,26 +55009,26 @@ var getStyles12 = (theme) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
-import { jsx as jsx143, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx144, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
 var SubIcon = ({ stepStatus, color = "" }) => {
   switch (stepStatus) {
     case "suspend" /* SUSPEND */:
-      return /* @__PURE__ */ jsx143(WfoMinusCircleFill, { color });
+      return /* @__PURE__ */ jsx144(WfoMinusCircleFill, { color });
     case "failed" /* FAILED */:
-      return /* @__PURE__ */ jsx143(WfoXCircleFill, { color });
+      return /* @__PURE__ */ jsx144(WfoXCircleFill, { color });
     default:
-      return /* @__PURE__ */ jsx143(WfoCheckmarkCircleFill, { color });
+      return /* @__PURE__ */ jsx144(WfoCheckmarkCircleFill, { color });
   }
 };
 var MainIcon = ({ stepStatus, color = "", isStartStep }) => {
   if (isStartStep) {
-    return /* @__PURE__ */ jsx143(WfoPlayFill, { color });
+    return /* @__PURE__ */ jsx144(WfoPlayFill, { color });
   }
   switch (stepStatus) {
     case "form" /* FORM */:
-      return /* @__PURE__ */ jsx143(WfoPencilAlt, { color });
+      return /* @__PURE__ */ jsx144(WfoPencilAlt, { color });
     default:
-      return /* @__PURE__ */ jsx143(WfoCogFill, { color, width: 16, height: 16 });
+      return /* @__PURE__ */ jsx144(WfoCogFill, { color, width: 16, height: 16 });
   }
 };
 var WfoStepStatusIcon = ({
@@ -54914,7 +55072,7 @@ var WfoStepStatusIcon = ({
     }
   })();
   return /* @__PURE__ */ jsxs84(EuiFlexItem23, { css: { flexDirection: "row" }, grow: 0, children: [
-    /* @__PURE__ */ jsx143("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx143(
+    /* @__PURE__ */ jsx144("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx144(
       MainIcon,
       {
         color: mainIconColor,
@@ -54922,7 +55080,7 @@ var WfoStepStatusIcon = ({
         isStartStep
       }
     ) }),
-    /* @__PURE__ */ jsx143(
+    /* @__PURE__ */ jsx144(
       "div",
       {
         css: {
@@ -54930,7 +55088,7 @@ var WfoStepStatusIcon = ({
           width: `${theme.base}`,
           visibility: hasSubIcon ? "visible" : "hidden"
         },
-        children: /* @__PURE__ */ jsx143(SubIcon, { color: subIconColor, stepStatus })
+        children: /* @__PURE__ */ jsx144(SubIcon, { color: subIconColor, stepStatus })
       }
     )
   ] });
@@ -54960,7 +55118,7 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
 import { useState as useState32 } from "react";
 import { EuiFlexItem as EuiFlexItem24 } from "@elastic/eui";
-import { jsx as jsx144 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx145 } from "@emotion/react/jsx-runtime";
 var WfoStepForm = ({
   userInputForm,
   isTask,
@@ -54977,7 +55135,7 @@ var WfoStepForm = ({
       setIsProcessing(true);
     });
   };
-  return /* @__PURE__ */ jsx144(EuiFlexItem24, { css: { margin: theme.size.m }, children: isProcessing && /* @__PURE__ */ jsx144(WfoLoading, {}) || /* @__PURE__ */ jsx144(
+  return /* @__PURE__ */ jsx145(EuiFlexItem24, { css: { margin: theme.size.m }, children: isProcessing && /* @__PURE__ */ jsx145(WfoLoading, {}) || /* @__PURE__ */ jsx145(
     UserInputFormWizard,
     {
       stepUserInput: userInputForm,
@@ -54990,7 +55148,7 @@ var WfoStepForm = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import { Fragment as Fragment32, jsx as jsx145, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx146, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
 var WfoStep = React42.forwardRef(
   ({
     stepListItem,
@@ -55022,28 +55180,28 @@ var WfoStep = React42.forwardRef(
         return "";
       }
       return /* @__PURE__ */ jsxs85(EuiText29, { size: "s", children: [
-        /* @__PURE__ */ jsx145("h4", { children: "To" }),
-        /* @__PURE__ */ jsx145("p", { children: value.to.map(
+        /* @__PURE__ */ jsx146("h4", { children: "To" }),
+        /* @__PURE__ */ jsx146("p", { children: value.to.map(
           (v, i) => /* @__PURE__ */ jsxs85("div", { children: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx145("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx146("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `to-${i}`)
         ) }),
-        /* @__PURE__ */ jsx145("h4", { children: "CC" }),
-        /* @__PURE__ */ jsx145("p", { children: value.cc.map(
+        /* @__PURE__ */ jsx146("h4", { children: "CC" }),
+        /* @__PURE__ */ jsx146("p", { children: value.cc.map(
           (v, i) => /* @__PURE__ */ jsxs85("div", { children: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx145("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx146("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `cc-${i}`)
         ) }),
-        /* @__PURE__ */ jsx145("h4", { children: "Subject" }),
-        /* @__PURE__ */ jsx145("p", { children: value.subject }),
-        /* @__PURE__ */ jsx145("h4", { children: "Message" }),
-        /* @__PURE__ */ jsx145(
+        /* @__PURE__ */ jsx146("h4", { children: "Subject" }),
+        /* @__PURE__ */ jsx146("p", { children: value.subject }),
+        /* @__PURE__ */ jsx146("h4", { children: "Message" }),
+        /* @__PURE__ */ jsx146(
           "div",
           {
             className: "emailMessage",
@@ -55052,14 +55210,14 @@ var WfoStep = React42.forwardRef(
         )
       ] });
     };
-    return /* @__PURE__ */ jsx145("div", { ref, children: /* @__PURE__ */ jsxs85(EuiPanel4, { children: [
+    return /* @__PURE__ */ jsx146("div", { ref, children: /* @__PURE__ */ jsxs85(EuiPanel4, { children: [
       /* @__PURE__ */ jsxs85(
         EuiFlexGroup18,
         {
           css: getStepHeaderStyle(hasStepContent),
           onClick: () => hasStepContent && onToggleStepDetail(),
           children: [
-            /* @__PURE__ */ jsx145(
+            /* @__PURE__ */ jsx146(
               WfoStepStatusIcon,
               {
                 stepStatus: step.status,
@@ -55067,47 +55225,47 @@ var WfoStep = React42.forwardRef(
               }
             ),
             /* @__PURE__ */ jsxs85(EuiFlexItem25, { grow: 0, children: [
-              /* @__PURE__ */ jsx145(EuiText29, { css: stepListContentBoldTextStyle, children: step.name }),
+              /* @__PURE__ */ jsx146(EuiText29, { css: stepListContentBoldTextStyle, children: step.name }),
               /* @__PURE__ */ jsxs85(EuiText29, { children: [
                 step.status,
                 " ",
                 step.executed && `- ${formatDate(step.executed)}`
               ] })
             ] }),
-            /* @__PURE__ */ jsx145(EuiFlexGroup18, { css: stepRowStyle, children: step.executed && /* @__PURE__ */ jsxs85(Fragment32, { children: [
+            /* @__PURE__ */ jsx146(EuiFlexGroup18, { css: stepRowStyle, children: step.executed && /* @__PURE__ */ jsxs85(Fragment32, { children: [
               /* @__PURE__ */ jsxs85(
                 EuiFlexItem25,
                 {
                   grow: 0,
                   css: stepHeaderRightStyle,
                   children: [
-                    /* @__PURE__ */ jsx145(EuiText29, { css: stepDurationStyle, children: t("duration") }),
-                    /* @__PURE__ */ jsx145(EuiText29, { size: "m", children: calculateTimeDifference(
+                    /* @__PURE__ */ jsx146(EuiText29, { css: stepDurationStyle, children: t("duration") }),
+                    /* @__PURE__ */ jsx146(EuiText29, { size: "m", children: calculateTimeDifference(
                       startedAt,
                       step.executed
                     ) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx145(
+              /* @__PURE__ */ jsx146(
                 EuiFlexItem25,
                 {
                   grow: 0,
                   css: getStepToggleExpandStyle(
                     hasStepContent
                   ),
-                  children: isExpanded && /* @__PURE__ */ jsx145(WfoChevronUp, {}) || /* @__PURE__ */ jsx145(WfoChevronDown, {})
+                  children: isExpanded && /* @__PURE__ */ jsx146(WfoChevronUp, {}) || /* @__PURE__ */ jsx146(WfoChevronDown, {})
                 }
               )
             ] }) })
           ]
         }
       ),
-      hasStepContent && !hasHtmlMail && isExpanded && /* @__PURE__ */ jsx145(WfoJsonCodeBlock, { data: stepContent }),
-      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx145("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
+      hasStepContent && !hasHtmlMail && isExpanded && /* @__PURE__ */ jsx146(WfoJsonCodeBlock, { data: stepContent }),
+      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx146("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
         step.stateDelta.confirmation_mail
       ) }),
-      step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsx145(
+      step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsx146(
         WfoStepForm,
         {
           userInputForm,
@@ -55122,7 +55280,7 @@ WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
 import React43, { useImperativeHandle, useRef as useRef6 } from "react";
-import { Fragment as Fragment33, jsx as jsx146, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx147, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
 var WfoStepList = React43.forwardRef(
   ({
     stepListItems,
@@ -55164,10 +55322,10 @@ var WfoStepList = React43.forwardRef(
       })
     }));
     const getReferenceCallbackForStepId = (stepId) => (node) => node ? stepReferences.current.set(stepId, node) : stepReferences.current.delete(stepId);
-    return /* @__PURE__ */ jsx146(Fragment33, { children: stepListItems.map((stepListItem, index) => {
+    return /* @__PURE__ */ jsx147(Fragment33, { children: stepListItems.map((stepListItem, index) => {
       const stepComponent = /* @__PURE__ */ jsxs86("div", { children: [
-        index !== 0 && /* @__PURE__ */ jsx146("div", { css: stepSpacerStyle }),
-        /* @__PURE__ */ jsx146(
+        index !== 0 && /* @__PURE__ */ jsx147("div", { css: stepSpacerStyle }),
+        /* @__PURE__ */ jsx147(
           WfoStep,
           {
             ref: getReferenceCallbackForStepId(
@@ -55211,7 +55369,7 @@ import {
   EuiSpacer as EuiSpacer15,
   EuiText as EuiText30
 } from "@elastic/eui";
-import { jsx as jsx147, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx148, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
 var EMPTY_HUNKS = [];
 var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
@@ -55250,8 +55408,8 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
   }, [updateDiffText, showFull]);
   return /* @__PURE__ */ jsxs87("div", { children: [
     /* @__PURE__ */ jsxs87(EuiFlexGroup19, { gutterSize: "xs", children: [
-      /* @__PURE__ */ jsx147(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx147(EuiText30, { children: /* @__PURE__ */ jsx147("h3", { children: t("title") }) }) }),
-      /* @__PURE__ */ jsx147(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx147(
+      /* @__PURE__ */ jsx148(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx148(EuiText30, { children: /* @__PURE__ */ jsx148("h3", { children: t("title") }) }) }),
+      /* @__PURE__ */ jsx148(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx148(
         EuiButtonIcon4,
         {
           size: "s",
@@ -55259,7 +55417,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
           onClick: () => setShowSplit(!showSplit)
         }
       ) }),
-      /* @__PURE__ */ jsx147(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx147(
+      /* @__PURE__ */ jsx148(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx148(
         EuiButtonIcon4,
         {
           size: "s",
@@ -55268,15 +55426,15 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx147(EuiSpacer15, {}),
-    /* @__PURE__ */ jsx147(
+    /* @__PURE__ */ jsx148(EuiSpacer15, {}),
+    /* @__PURE__ */ jsx148(
       Diff,
       {
         viewType: showSplit ? "split" : "unified",
         diffType: type,
         hunks: hunks || EMPTY_HUNKS,
         tokens,
-        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx147(Hunk, { hunk }, hunk.content))
+        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx148(Hunk, { hunk }, hunk.content))
       }
     )
   ] });
@@ -55316,14 +55474,14 @@ var getStyles13 = (theme) => {
 };
 
 // src/components/WfoTextAnchor/WfoTextAnchor.tsx
-import { jsx as jsx148 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx149 } from "@emotion/react/jsx-runtime";
 var WfoTextAnchor = ({ text, onClick }) => {
   const { textAnchorStyle } = useWithOrchestratorTheme(getStyles13);
-  return /* @__PURE__ */ jsx148(EuiText31, { onClick, css: textAnchorStyle, children: text });
+  return /* @__PURE__ */ jsx149(EuiText31, { onClick, css: textAnchorStyle, children: text });
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { jsx as jsx149, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx150, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
 var WfoStepListHeader = ({
   showHiddenKeys,
   showRaw,
@@ -55346,11 +55504,11 @@ var WfoStepListHeader = ({
   const [isViewOptionOpen, setIsViewOptionOpen] = useState34(false);
   const onViewOptionClick = () => setIsViewOptionOpen((isViewOptionOpen2) => !isViewOptionOpen2);
   const closeViewOption = () => setIsViewOptionOpen(false);
-  const viewOptionButton = /* @__PURE__ */ jsx149(
+  const viewOptionButton = /* @__PURE__ */ jsx150(
     EuiButton10,
     {
       onClick: onViewOptionClick,
-      iconType: () => /* @__PURE__ */ jsx149(WfoEyeFill, { color: theme.colors.link }),
+      iconType: () => /* @__PURE__ */ jsx150(WfoEyeFill, { color: theme.colors.link }),
       iconSide: "right",
       size: "s",
       children: t("viewOptions")
@@ -55358,8 +55516,8 @@ var WfoStepListHeader = ({
   );
   return /* @__PURE__ */ jsxs88(EuiFlexGroup20, { css: stepListHeaderStyle, children: [
     /* @__PURE__ */ jsxs88(EuiFlexGroup20, { css: stepListContentStyle, children: [
-      /* @__PURE__ */ jsx149(EuiText32, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
-      !showRaw && /* @__PURE__ */ jsx149(
+      /* @__PURE__ */ jsx150(EuiText32, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
+      !showRaw && /* @__PURE__ */ jsx150(
         WfoTextAnchor,
         {
           text: allDetailToggleText,
@@ -55375,25 +55533,25 @@ var WfoStepListHeader = ({
         css: stepListOptionsContainerStyle,
         gutterSize: "s",
         children: [
-          !showRaw && /* @__PURE__ */ jsx149(
+          !showRaw && /* @__PURE__ */ jsx150(
             EuiButton10,
             {
               onClick: () => onChangeShowDelta(!showDelta),
               iconSide: "right",
               size: "s",
-              iconType: () => /* @__PURE__ */ jsx149(WfoCode, { color: theme.colors.link }),
+              iconType: () => /* @__PURE__ */ jsx150(WfoCode, { color: theme.colors.link }),
               children: showDelta ? t("hideDelta") : t("showDelta")
             }
           ),
-          /* @__PURE__ */ jsx149(
+          /* @__PURE__ */ jsx150(
             EuiPopover5,
             {
               button: viewOptionButton,
               isOpen: isViewOptionOpen,
               closePopover: closeViewOption,
               display: "block",
-              children: /* @__PURE__ */ jsx149("div", { children: /* @__PURE__ */ jsxs88(EuiForm2, { component: "form", children: [
-                /* @__PURE__ */ jsx149(EuiFormRow20, { children: /* @__PURE__ */ jsx149(
+              children: /* @__PURE__ */ jsx150("div", { children: /* @__PURE__ */ jsxs88(EuiForm2, { component: "form", children: [
+                /* @__PURE__ */ jsx150(EuiFormRow20, { children: /* @__PURE__ */ jsx150(
                   EuiSwitch3,
                   {
                     label: "Hidden keys",
@@ -55406,7 +55564,7 @@ var WfoStepListHeader = ({
                     }
                   }
                 ) }),
-                /* @__PURE__ */ jsx149(EuiFormRow20, { children: /* @__PURE__ */ jsx149(
+                /* @__PURE__ */ jsx150(EuiFormRow20, { children: /* @__PURE__ */ jsx150(
                   EuiSwitch3,
                   {
                     label: "Raw JSON data",
@@ -55427,10 +55585,10 @@ var WfoStepListHeader = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import { Fragment as Fragment34, jsx as jsx150, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx151, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
 var WfoProcessRawData = ({ processId }) => {
   const { data, isFetching } = useRawProcessDetails(processId);
-  return isFetching ? /* @__PURE__ */ jsx150(WfoLoading, {}) : /* @__PURE__ */ jsx150(WfoJsonCodeBlock, { data: data || {} });
+  return isFetching ? /* @__PURE__ */ jsx151(WfoLoading, {}) : /* @__PURE__ */ jsx151(WfoJsonCodeBlock, { data: data || {} });
 };
 var WfoProcessSubscriptionDelta = ({
   processId
@@ -55440,7 +55598,7 @@ var WfoProcessSubscriptionDelta = ({
   const subscriptionKey = (_c = (_b = (_a = data == null ? void 0 : data.current_state) == null ? void 0 : _a.subscription) == null ? void 0 : _b.subscription_id) != null ? _c : "";
   const newText = (_e = (_d = data == null ? void 0 : data.current_state) == null ? void 0 : _d.subscription) != null ? _e : null;
   const oldText = ((_f = data == null ? void 0 : data.current_state) == null ? void 0 : _f.__old_subscriptions__) && subscriptionKey in ((_g = data == null ? void 0 : data.current_state) == null ? void 0 : _g.__old_subscriptions__) ? (_h = data == null ? void 0 : data.current_state) == null ? void 0 : _h.__old_subscriptions__[subscriptionKey] : null;
-  return isFetching ? /* @__PURE__ */ jsx150(WfoLoading, {}) : /* @__PURE__ */ jsx150(
+  return isFetching ? /* @__PURE__ */ jsx151(WfoLoading, {}) : /* @__PURE__ */ jsx151(
     WfoDiff_default,
     {
       oldText: oldText ? JSON.stringify(oldText, null, 2) : "",
@@ -55514,7 +55672,7 @@ var WfoWorkflowStepList = React46.forwardRef(
       isExpanded: true
     }));
     return /* @__PURE__ */ jsxs89(Fragment34, { children: [
-      /* @__PURE__ */ jsx150(
+      /* @__PURE__ */ jsx151(
         WfoStepListHeader,
         {
           showHiddenKeys,
@@ -55528,9 +55686,9 @@ var WfoWorkflowStepList = React46.forwardRef(
           isTask
         }
       ),
-      showRaw && /* @__PURE__ */ jsx150(WfoProcessRawData, { processId }),
-      showDelta && /* @__PURE__ */ jsx150(WfoProcessSubscriptionDelta, { processId }),
-      !showRaw && !showDelta && /* @__PURE__ */ jsx150(
+      showRaw && /* @__PURE__ */ jsx151(WfoProcessRawData, { processId }),
+      showDelta && /* @__PURE__ */ jsx151(WfoProcessSubscriptionDelta, { processId }),
+      !showRaw && !showDelta && /* @__PURE__ */ jsx151(
         WfoStepList,
         {
           ref: reference,
@@ -55637,7 +55795,7 @@ var getIndexOfCurrentStep = (timelineItems) => {
 };
 
 // src/pages/processes/WfoProcessDetail.tsx
-import { Fragment as Fragment35, jsx as jsx151, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx152, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
 var ProcessHeaderValue = ({
   translationKey,
   value = ""
@@ -55655,8 +55813,8 @@ var ProcessHeaderValue = ({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsx151(EuiText33, { size: "xs", children: t(translationKey) }),
-        /* @__PURE__ */ jsx151(
+        /* @__PURE__ */ jsx152(EuiText33, { size: "xs", children: t(translationKey) }),
+        /* @__PURE__ */ jsx152(
           EuiText33,
           {
             css: {
@@ -55745,9 +55903,9 @@ var WfoProcessDetail = ({
   return /* @__PURE__ */ jsxs90(Fragment35, { children: [
     /* @__PURE__ */ jsxs90(EuiFlexGroup21, { children: [
       /* @__PURE__ */ jsxs90(EuiFlexItem27, { children: [
-        /* @__PURE__ */ jsx151(EuiPageHeader3, { pageTitle }),
-        /* @__PURE__ */ jsx151(EuiSpacer16, {}),
-        /* @__PURE__ */ jsx151(EuiText33, { size: "s", children: productNames })
+        /* @__PURE__ */ jsx152(EuiPageHeader3, { pageTitle }),
+        /* @__PURE__ */ jsx152(EuiSpacer16, {}),
+        /* @__PURE__ */ jsx152(EuiText33, { size: "s", children: productNames })
       ] }),
       /* @__PURE__ */ jsxs90(
         EuiFlexGroup21,
@@ -55757,11 +55915,11 @@ var WfoProcessDetail = ({
           css: { flexGrow: 0 },
           gutterSize: "s",
           children: [
-            /* @__PURE__ */ jsx151(
+            /* @__PURE__ */ jsx152(
               EuiButton11,
               {
                 onClick: handleActionButtonClick(retryAction),
-                iconType: () => /* @__PURE__ */ jsx151(
+                iconType: () => /* @__PURE__ */ jsx152(
                   WfoRefresh,
                   {
                     color: retryButtonIsDisabled ? theme.colors.subduedText : theme.colors.link
@@ -55771,11 +55929,11 @@ var WfoProcessDetail = ({
                 children: t("retry")
               }
             ),
-            /* @__PURE__ */ jsx151(
+            /* @__PURE__ */ jsx152(
               EuiButton11,
               {
                 onClick: handleActionButtonClick(abortAction),
-                iconType: () => /* @__PURE__ */ jsx151(
+                iconType: () => /* @__PURE__ */ jsx152(
                   WfoXCircleFill,
                   {
                     color: abortButtonIsDisabled ? theme.colors.subduedText : theme.colors.danger
@@ -55786,11 +55944,11 @@ var WfoProcessDetail = ({
                 children: t("abort")
               }
             ),
-            processDetail && processIsTask && /* @__PURE__ */ jsx151(
+            processDetail && processIsTask && /* @__PURE__ */ jsx152(
               EuiButton11,
               {
                 onClick: handleActionButtonClick(deleteAction),
-                iconType: () => /* @__PURE__ */ jsx151(
+                iconType: () => /* @__PURE__ */ jsx152(
                   WfoXCircleFill,
                   {
                     color: deleteButtonIsDisabled ? theme.colors.subduedText : theme.colors.danger
@@ -55805,44 +55963,44 @@ var WfoProcessDetail = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx151(EuiSpacer16, {}),
-    /* @__PURE__ */ jsx151(
+    /* @__PURE__ */ jsx152(EuiSpacer16, {}),
+    /* @__PURE__ */ jsx152(
       EuiPanel5,
       {
         hasShadow: false,
         hasBorder: false,
         color: "subdued",
         element: "div",
-        children: isLoading && !hasError && /* @__PURE__ */ jsx151(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs90(EuiFlexGroup21, { direction: "row", gutterSize: "m", children: [
-          /* @__PURE__ */ jsx151(
+        children: isLoading && !hasError && /* @__PURE__ */ jsx152(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs90(EuiFlexGroup21, { direction: "row", gutterSize: "m", children: [
+          /* @__PURE__ */ jsx152(
             ProcessHeaderValue,
             {
               translationKey: "status",
               value: processDetail.lastStatus
             }
           ),
-          /* @__PURE__ */ jsx151(
+          /* @__PURE__ */ jsx152(
             ProcessHeaderValue,
             {
               translationKey: "lastStep",
               value: processDetail == null ? void 0 : processDetail.lastStep
             }
           ),
-          processDetail.customer && /* @__PURE__ */ jsx151(
+          processDetail.customer && /* @__PURE__ */ jsx152(
             ProcessHeaderValue,
             {
               translationKey: "customer",
               value: (_a = processDetail.customer) == null ? void 0 : _a.fullname
             }
           ),
-          /* @__PURE__ */ jsx151(
+          /* @__PURE__ */ jsx152(
             ProcessHeaderValue,
             {
               translationKey: "startedBy",
               value: processDetail == null ? void 0 : processDetail.createdBy
             }
           ),
-          /* @__PURE__ */ jsx151(
+          /* @__PURE__ */ jsx152(
             ProcessHeaderValue,
             {
               translationKey: "startedOn",
@@ -55851,7 +56009,7 @@ var WfoProcessDetail = ({
               )(processDetail == null ? void 0 : processDetail.startedAt) : ""
             }
           ),
-          /* @__PURE__ */ jsx151(
+          /* @__PURE__ */ jsx152(
             ProcessHeaderValue,
             {
               translationKey: "lastUpdate",
@@ -55870,8 +56028,8 @@ var WfoProcessDetail = ({
                 overflow: "hidden"
               },
               children: [
-                /* @__PURE__ */ jsx151(EuiText33, { size: "xs", children: t("relatedSubscriptions") }),
-                /* @__PURE__ */ jsx151(
+                /* @__PURE__ */ jsx152(EuiText33, { size: "xs", children: t("relatedSubscriptions") }),
+                /* @__PURE__ */ jsx152(
                   EuiText33,
                   {
                     css: {
@@ -55881,7 +56039,7 @@ var WfoProcessDetail = ({
                       textOverflow: "ellipsis",
                       fontSize: theme.size.m
                     },
-                    children: /* @__PURE__ */ jsx151(
+                    children: /* @__PURE__ */ jsx152(
                       WfoProcessListSubscriptionsCell,
                       {
                         subscriptions: process && ((_b = processDetail == null ? void 0 : processDetail.subscriptions) == null ? void 0 : _b.page.map(
@@ -55901,8 +56059,8 @@ var WfoProcessDetail = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx151(EuiSpacer16, { size: "s" }),
-    /* @__PURE__ */ jsx151(
+    /* @__PURE__ */ jsx152(EuiSpacer16, { size: "s" }),
+    /* @__PURE__ */ jsx152(
       WfoTimeline,
       {
         timelineItems,
@@ -55915,7 +56073,7 @@ var WfoProcessDetail = ({
 };
 
 // src/pages/processes/WfoProcessDetailPage.tsx
-import { jsx as jsx152 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx153 } from "@emotion/react/jsx-runtime";
 var PROCESS_DETAIL_DEFAULT_REFETCH_INTERVAL = 3e3;
 var WfoProcessDetailPage = ({
   processId,
@@ -55963,7 +56121,7 @@ var WfoProcessDetailPage = ({
   const isTask = (_b = process2 == null ? void 0 : process2.isTask) != null ? _b : false;
   const groupedSteps = convertStepsToGroupedSteps(steps);
   const timelineItems = mapGroupedStepsToTimelineItems(groupedSteps);
-  return /* @__PURE__ */ jsx152(
+  return /* @__PURE__ */ jsx153(
     WfoProcessDetail,
     {
       pageTitle,
@@ -55977,7 +56135,7 @@ var WfoProcessDetailPage = ({
       },
       isLoading,
       hasError: isError3,
-      children: isError3 && /* @__PURE__ */ jsx152(WfoError, {}) || isLoading && /* @__PURE__ */ jsx152(WfoLoading, {}) || process2 !== void 0 && /* @__PURE__ */ jsx152(
+      children: isError3 && /* @__PURE__ */ jsx153(WfoError, {}) || isLoading && /* @__PURE__ */ jsx153(WfoLoading, {}) || process2 !== void 0 && /* @__PURE__ */ jsx153(
         WfoWorkflowStepList,
         {
           ref: stepListRef,
@@ -55989,7 +56147,7 @@ var WfoProcessDetailPage = ({
           startedAt: process2.startedAt,
           isTask
         }
-      ) || /* @__PURE__ */ jsx152("h1", { children: "Invalid processId" })
+      ) || /* @__PURE__ */ jsx153("h1", { children: "Invalid processId" })
     }
   );
 };
@@ -56005,7 +56163,7 @@ import {
   EuiPanel as EuiPanel6,
   EuiText as EuiText34
 } from "@elastic/eui";
-import { jsx as jsx153, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx154, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
 var getInitialProcessPayload = ({
   productId,
   subscriptionId
@@ -56125,7 +56283,7 @@ var WfoStartProcessPage = ({
     workflowName: processName,
     createdBy: "-"
   };
-  return /* @__PURE__ */ jsx153(
+  return /* @__PURE__ */ jsx154(
     WfoProcessDetail,
     {
       pageTitle: processName,
@@ -56135,16 +56293,16 @@ var WfoStartProcessPage = ({
       timelineItems: timeLineItems,
       children: /* @__PURE__ */ jsxs91(EuiPanel6, { css: { marginTop: theme.base * 3 }, children: [
         /* @__PURE__ */ jsxs91(EuiFlexGroup22, { css: getStepHeaderStyle(false), children: [
-          /* @__PURE__ */ jsx153(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
+          /* @__PURE__ */ jsx154(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
           /* @__PURE__ */ jsxs91(EuiFlexItem28, { grow: 0, children: [
-            /* @__PURE__ */ jsx153(EuiText34, { css: stepListContentBoldTextStyle, children: t("userInput") }),
-            /* @__PURE__ */ jsx153(EuiText34, { children: t(
+            /* @__PURE__ */ jsx154(EuiText34, { css: stepListContentBoldTextStyle, children: t("userInput") }),
+            /* @__PURE__ */ jsx154(EuiText34, { children: t(
               isTask ? "submitTaskFormLabel" : "submitWorkflowFormLabel"
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx153(EuiHorizontalRule6, {}),
-        hasError && /* @__PURE__ */ jsx153(WfoError, {}) || stepUserInput && /* @__PURE__ */ jsx153(
+        /* @__PURE__ */ jsx154(EuiHorizontalRule6, {}),
+        hasError && /* @__PURE__ */ jsx154(WfoError, {}) || stepUserInput && /* @__PURE__ */ jsx154(
           UserInputFormWizard_default,
           {
             stepUserInput,
@@ -56155,7 +56313,7 @@ var WfoStartProcessPage = ({
             hasNext,
             isTask
           }
-        ) || /* @__PURE__ */ jsx153(WfoLoading, {})
+        ) || /* @__PURE__ */ jsx154(WfoLoading, {})
       ] })
     }
   );
@@ -56222,7 +56380,7 @@ var getWfoSummaryCardHeaderStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
-import { jsx as jsx154, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx155, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardHeader = ({
   text,
   value,
@@ -56231,8 +56389,8 @@ var WfoSummaryCardHeader = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { avatarStyle, totalSectionStyle, valueStyle } = getWfoSummaryCardHeaderStyles(theme);
-  return /* @__PURE__ */ jsx154(EuiFlexItem29, { grow: 0, children: /* @__PURE__ */ jsx154(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs92(EuiFlexGroup23, { children: [
-    /* @__PURE__ */ jsx154(
+  return /* @__PURE__ */ jsx155(EuiFlexItem29, { grow: 0, children: /* @__PURE__ */ jsx155(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs92(EuiFlexGroup23, { children: [
+    /* @__PURE__ */ jsx155(
       EuiAvatar2,
       {
         iconSize: "l",
@@ -56246,8 +56404,8 @@ var WfoSummaryCardHeader = ({
       }
     ),
     /* @__PURE__ */ jsxs92("div", { css: totalSectionStyle, children: [
-      /* @__PURE__ */ jsx154(EuiText35, { color: "subdued", children: text }),
-      /* @__PURE__ */ jsx154(EuiText35, { css: valueStyle, children: value })
+      /* @__PURE__ */ jsx155(EuiText35, { color: "subdued", children: text }),
+      /* @__PURE__ */ jsx155(EuiText35, { css: valueStyle, children: value })
     ] })
   ] }) }) });
 };
@@ -56269,15 +56427,15 @@ import { EuiFlexGroup as EuiFlexGroup24, EuiFlexItem as EuiFlexItem30, EuiIcon a
 
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
 import Link4 from "next/link";
-import { jsx as jsx155 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx156 } from "@emotion/react/jsx-runtime";
 var WfoOptionalLink = ({
   children,
   href
 }) => {
   if (!href) {
-    return /* @__PURE__ */ jsx155("span", { children });
+    return /* @__PURE__ */ jsx156("span", { children });
   }
-  return /* @__PURE__ */ jsx155(Link4, { href, children });
+  return /* @__PURE__ */ jsx156(Link4, { href, children });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
@@ -56326,7 +56484,7 @@ var getWfoSummaryCardListStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { jsx as jsx156, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx157, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardListItem = ({
   title,
   value,
@@ -56339,9 +56497,9 @@ var WfoSummaryCardListItem = ({
     listItemSubtitleStyle,
     listItemHighlightIconStyle
   } = getWfoSummaryCardListStyles(theme);
-  return /* @__PURE__ */ jsx156(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs93(EuiFlexGroup24, { css: listItemContainerStyle, gutterSize: "none", children: [
+  return /* @__PURE__ */ jsx157(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs93(EuiFlexGroup24, { css: listItemContainerStyle, gutterSize: "none", children: [
     /* @__PURE__ */ jsxs93(EuiFlexItem30, { children: [
-      /* @__PURE__ */ jsx156(
+      /* @__PURE__ */ jsx157(
         EuiTextColor,
         {
           color: url ? theme.colors.link : theme.colors.title,
@@ -56349,22 +56507,22 @@ var WfoSummaryCardListItem = ({
           children: title
         }
       ),
-      /* @__PURE__ */ jsx156(EuiTextColor, { css: listItemSubtitleStyle, children: value })
+      /* @__PURE__ */ jsx157(EuiTextColor, { css: listItemSubtitleStyle, children: value })
     ] }),
-    /* @__PURE__ */ jsx156(
+    /* @__PURE__ */ jsx157(
       EuiFlexItem30,
       {
         className: url ? "highlight-icon" : void 0,
         grow: false,
         css: listItemHighlightIconStyle,
-        children: /* @__PURE__ */ jsx156(EuiIcon5, { type: "sortRight", color: "primary" })
+        children: /* @__PURE__ */ jsx157(EuiIcon5, { type: "sortRight", color: "primary" })
       }
     )
   ] }) });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { jsx as jsx157, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx158, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardList = ({
   title,
   items,
@@ -56374,7 +56532,7 @@ var WfoSummaryCardList = ({
   const router = useRouter11();
   const euiScrollBarStyle = useEuiScrollBar2();
   const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx157(EuiFlexItem31, { children: /* @__PURE__ */ jsxs94(
+  return /* @__PURE__ */ jsx158(EuiFlexItem31, { children: /* @__PURE__ */ jsxs94(
     EuiPanel8,
     {
       css: listContainerStyle,
@@ -56383,10 +56541,10 @@ var WfoSummaryCardList = ({
       paddingSize: "l",
       children: [
         /* @__PURE__ */ jsxs94("div", { children: [
-          /* @__PURE__ */ jsx157("p", { css: listHeaderStyle, children: title }),
-          /* @__PURE__ */ jsx157(EuiSpacer17, { size: "m" }),
-          /* @__PURE__ */ jsx157(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx157("div", { css: [listStyle, euiScrollBarStyle], children: items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ jsxs94("div", { children: [
-            /* @__PURE__ */ jsx157(
+          /* @__PURE__ */ jsx158("p", { css: listHeaderStyle, children: title }),
+          /* @__PURE__ */ jsx158(EuiSpacer17, { size: "m" }),
+          /* @__PURE__ */ jsx158(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx158("div", { css: [listStyle, euiScrollBarStyle], children: items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ jsxs94("div", { children: [
+            /* @__PURE__ */ jsx158(
               WfoSummaryCardListItem,
               {
                 title: item.title,
@@ -56394,11 +56552,11 @@ var WfoSummaryCardList = ({
                 url: item.url
               }
             ),
-            index === items.length - 1 ? null : /* @__PURE__ */ jsx157(EuiHorizontalRule7, { margin: "none" })
+            index === items.length - 1 ? null : /* @__PURE__ */ jsx158(EuiHorizontalRule7, { margin: "none" })
           ] }, index)) }) })
         ] }),
-        /* @__PURE__ */ jsx157(EuiSpacer17, { size: "m" }),
-        button && /* @__PURE__ */ jsx157(
+        /* @__PURE__ */ jsx158(EuiSpacer17, { size: "m" }),
+        button && /* @__PURE__ */ jsx158(
           EuiButton12,
           {
             fullWidth: true,
@@ -56424,7 +56582,7 @@ var getWfoSummaryCardsStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCards.tsx
-import { jsx as jsx158, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx159, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCards = ({ summaryCards }) => {
   const { theme } = useOrchestratorTheme();
   const { cardContainerStyle } = getWfoSummaryCardsStyles(theme);
@@ -56449,7 +56607,7 @@ var WfoSummaryCards = ({ summaryCards }) => {
         };
     }
   };
-  return /* @__PURE__ */ jsx158(
+  return /* @__PURE__ */ jsx159(
     EuiFlexGrid2,
     {
       responsive: false,
@@ -56465,7 +56623,7 @@ var WfoSummaryCards = ({ summaryCards }) => {
           button,
           isLoading
         }, index) => /* @__PURE__ */ jsxs95(EuiFlexItem32, { css: cardContainerStyle, children: [
-          /* @__PURE__ */ jsx158(
+          /* @__PURE__ */ jsx159(
             WfoSummaryCardHeader,
             __spreadValues({
               text: headerTitle,
@@ -56474,8 +56632,8 @@ var WfoSummaryCards = ({ summaryCards }) => {
               headerStatus
             ))
           ),
-          /* @__PURE__ */ jsx158(EuiSpacer18, { size: "m" }),
-          /* @__PURE__ */ jsx158(
+          /* @__PURE__ */ jsx159(EuiSpacer18, { size: "m" }),
+          /* @__PURE__ */ jsx159(
             WfoSummaryCardList,
             {
               title: listTitle,
@@ -56491,7 +56649,7 @@ var WfoSummaryCards = ({ summaryCards }) => {
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { jsx as jsx159, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx160, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const t = useTranslations47("startPage");
@@ -56597,15 +56755,15 @@ var WfoStartPage = () => {
             justifyContent: "space-between"
           },
           children: [
-            /* @__PURE__ */ jsx159("div", { children: product.name }),
-            /* @__PURE__ */ jsx159("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
+            /* @__PURE__ */ jsx160("div", { children: product.name }),
+            /* @__PURE__ */ jsx160("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
           ]
         }
       )
     }))) != null ? _h : [],
     isLoading: productsSummaryIsFetching
   };
-  return /* @__PURE__ */ jsx159(EuiFlexItem33, { children: /* @__PURE__ */ jsx159(
+  return /* @__PURE__ */ jsx160(EuiFlexItem33, { children: /* @__PURE__ */ jsx160(
     WfoSummaryCards,
     {
       summaryCards: [
@@ -56688,11 +56846,11 @@ var productsSummaryQueryVariables = {
 
 // src/pages/subscriptions/WfoSubscriptionDetailPage.tsx
 import { useRouter as useRouter12 } from "next/router";
-import { Fragment as Fragment36, jsx as jsx160 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx161 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailPage = () => {
   const router = useRouter12();
   const { subscriptionId } = router.query;
-  return subscriptionId && /* @__PURE__ */ jsx160(TreeProvider, { children: /* @__PURE__ */ jsx160(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx160(Fragment36, {});
+  return subscriptionId && /* @__PURE__ */ jsx161(TreeProvider, { children: /* @__PURE__ */ jsx161(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx161(Fragment36, {});
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
@@ -56778,7 +56936,7 @@ var subscriptionListTabs = [
 import { useTranslations as useTranslations48 } from "next-intl";
 import Link5 from "next/link";
 import { useRouter as useRouter13 } from "next/router";
-import { jsx as jsx161 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx162 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsList = ({
   alwaysOnFilters,
   dataDisplayParams,
@@ -56795,26 +56953,26 @@ var WfoSubscriptionsList = ({
       field: "subscriptionId",
       name: t("id"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx161(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx162(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     description: {
       field: "description",
       name: t("description"),
       width: "400",
-      render: (value, record) => /* @__PURE__ */ jsx161(Link5, { href: `/subscriptions/${record.subscriptionId}`, children: value })
+      render: (value, record) => /* @__PURE__ */ jsx162(Link5, { href: `/subscriptions/${record.subscriptionId}`, children: value })
     },
     status: {
       field: "status",
       name: t("status"),
       width: "110",
-      render: (value) => /* @__PURE__ */ jsx161(WfoSubscriptionStatusBadge, { status: value })
+      render: (value) => /* @__PURE__ */ jsx162(WfoSubscriptionStatusBadge, { status: value })
     },
     insync: {
       field: "insync",
       name: t("insync"),
       width: "110",
-      render: (value) => /* @__PURE__ */ jsx161(WfoInsyncIcon, { inSync: value })
+      render: (value) => /* @__PURE__ */ jsx162(WfoInsyncIcon, { inSync: value })
     },
     productName: {
       field: "productName",
@@ -56839,7 +56997,7 @@ var WfoSubscriptionsList = ({
       field: "startDate",
       name: t("startDate"),
       width: "150",
-      render: (value) => /* @__PURE__ */ jsx161(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx162(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -56847,7 +57005,7 @@ var WfoSubscriptionsList = ({
       field: "endDate",
       name: t("endDate"),
       width: "150",
-      render: (value) => /* @__PURE__ */ jsx161(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx162(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -56890,7 +57048,7 @@ var WfoSubscriptionsList = ({
     pageSizeOptions: DEFAULT_PAGE_SIZES,
     totalItemCount: totalItems != null ? totalItems : 0
   };
-  return /* @__PURE__ */ jsx161(
+  return /* @__PURE__ */ jsx162(
     WfoTableWithFilter,
     {
       queryString: dataDisplayParams.queryString,
@@ -56931,7 +57089,7 @@ var WfoSubscriptionsList = ({
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { Fragment as Fragment37, jsx as jsx162, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx163, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   var _a;
   const t = useTranslations49("subscriptions.detail");
@@ -56972,10 +57130,10 @@ var WfoSubscriptionsListPage = () => {
     ({ id }) => id === activeTab
   )) == null ? void 0 : _a.alwaysOnFilters;
   return /* @__PURE__ */ jsxs97(Fragment37, { children: [
-    /* @__PURE__ */ jsx162(EuiSpacer19, {}),
-    /* @__PURE__ */ jsx162(EuiPageHeader4, { pageTitle: t("title") }),
-    /* @__PURE__ */ jsx162(EuiSpacer19, { size: "m" }),
-    /* @__PURE__ */ jsx162(
+    /* @__PURE__ */ jsx163(EuiSpacer19, {}),
+    /* @__PURE__ */ jsx163(EuiPageHeader4, { pageTitle: t("title") }),
+    /* @__PURE__ */ jsx163(EuiSpacer19, { size: "m" }),
+    /* @__PURE__ */ jsx163(
       WfoFilterTabs,
       {
         tabs: subscriptionListTabs,
@@ -56984,8 +57142,8 @@ var WfoSubscriptionsListPage = () => {
         onChangeTab: handleChangeSubscriptionsTab
       }
     ),
-    /* @__PURE__ */ jsx162(EuiSpacer19, { size: "xxl" }),
-    /* @__PURE__ */ jsx162(
+    /* @__PURE__ */ jsx163(EuiSpacer19, { size: "xxl" }),
+    /* @__PURE__ */ jsx163(
       WfoSubscriptionsList,
       {
         hiddenColumns: tableDefaults == null ? void 0 : tableDefaults.hiddenColumns,
@@ -57074,7 +57232,7 @@ var getTasksListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { Fragment as Fragment38, jsx as jsx163, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx164, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   var _a;
   const router = useRouter14();
@@ -57131,7 +57289,7 @@ var WfoTasksListPage = () => {
     workflowName: {
       field: "workflowName",
       name: t("taskName"),
-      render: (value, { processId }) => /* @__PURE__ */ jsx163(Link6, { href: `${PATH_TASKS}/${processId}`, children: value })
+      render: (value, { processId }) => /* @__PURE__ */ jsx164(Link6, { href: `${PATH_TASKS}/${processId}`, children: value })
     },
     lastStep: defaultTableColumns.lastStep,
     lastStatus: defaultTableColumns.lastStatus,
@@ -57148,23 +57306,23 @@ var WfoTasksListPage = () => {
     lastModifiedAt: defaultTableColumns.lastModifiedAt
   });
   return /* @__PURE__ */ jsxs98(Fragment38, { children: [
-    /* @__PURE__ */ jsx163(EuiSpacer20, {}),
+    /* @__PURE__ */ jsx164(EuiSpacer20, {}),
     /* @__PURE__ */ jsxs98(EuiFlexGroup25, { children: [
-      /* @__PURE__ */ jsx163(EuiFlexItem34, { children: /* @__PURE__ */ jsx163(EuiPageHeader5, { pageTitle: "Tasks" }) }),
-      /* @__PURE__ */ jsx163(EuiFlexItem34, { children: /* @__PURE__ */ jsxs98(EuiFlexGroup25, { justifyContent: "flexEnd", children: [
+      /* @__PURE__ */ jsx164(EuiFlexItem34, { children: /* @__PURE__ */ jsx164(EuiPageHeader5, { pageTitle: "Tasks" }) }),
+      /* @__PURE__ */ jsx164(EuiFlexItem34, { children: /* @__PURE__ */ jsxs98(EuiFlexGroup25, { justifyContent: "flexEnd", children: [
         " ",
-        /* @__PURE__ */ jsx163(
+        /* @__PURE__ */ jsx164(
           EuiButton13,
           {
             onClick: handleRerunAllButtonClick,
-            iconType: () => /* @__PURE__ */ jsx163(WfoRefresh, { color: theme.colors.primaryText }),
+            iconType: () => /* @__PURE__ */ jsx164(WfoRefresh, { color: theme.colors.primaryText }),
             children: t("rerunAll")
           }
         ),
-        /* @__PURE__ */ jsx163(WfoStartTaskButtonComboBox, {})
+        /* @__PURE__ */ jsx164(WfoStartTaskButtonComboBox, {})
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx163(
+    /* @__PURE__ */ jsx164(
       WfoFilterTabs,
       {
         tabs: defaultTasksListTabs,
@@ -57173,8 +57331,8 @@ var WfoTasksListPage = () => {
         onChangeTab: handleChangeTasksListTab
       }
     ),
-    /* @__PURE__ */ jsx163(EuiSpacer20, { size: "xxl" }),
-    /* @__PURE__ */ jsx163(
+    /* @__PURE__ */ jsx164(EuiSpacer20, { size: "xxl" }),
+    /* @__PURE__ */ jsx164(
       WfoProcessesList,
       {
         defaultHiddenColumns: tableDefaults == null ? void 0 : tableDefaults.hiddenColumns,
@@ -57253,7 +57411,7 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { Fragment as Fragment39, jsx as jsx164, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx165, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   var _a;
   const router = useRouter15();
@@ -57293,10 +57451,10 @@ var WfoWorkflowsListPage = () => {
     return null;
   }
   return /* @__PURE__ */ jsxs99(Fragment39, { children: [
-    /* @__PURE__ */ jsx164(EuiSpacer21, {}),
-    /* @__PURE__ */ jsx164(EuiPageHeader6, { pageTitle: t("title") }),
-    /* @__PURE__ */ jsx164(EuiSpacer21, { size: "m" }),
-    /* @__PURE__ */ jsx164(
+    /* @__PURE__ */ jsx165(EuiSpacer21, {}),
+    /* @__PURE__ */ jsx165(EuiPageHeader6, { pageTitle: t("title") }),
+    /* @__PURE__ */ jsx165(EuiSpacer21, { size: "m" }),
+    /* @__PURE__ */ jsx165(
       WfoFilterTabs,
       {
         tabs: defaultWorkflowsListTabs,
@@ -57305,8 +57463,8 @@ var WfoWorkflowsListPage = () => {
         onChangeTab: handleChangeWorkflowsListTab
       }
     ),
-    /* @__PURE__ */ jsx164(EuiSpacer21, { size: "xxl" }),
-    /* @__PURE__ */ jsx164(
+    /* @__PURE__ */ jsx165(EuiSpacer21, { size: "xxl" }),
+    /* @__PURE__ */ jsx165(
       WfoProcessesList,
       {
         alwaysOnFilters,
@@ -57416,7 +57574,7 @@ var graphQlProcessFilterMapper = (data) => data == null ? void 0 : data.map(({ f
 }));
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { jsx as jsx165 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx166 } from "@emotion/react/jsx-runtime";
 var WfoProcessesList = ({
   alwaysOnFilters,
   defaultHiddenColumns = [],
@@ -57434,7 +57592,7 @@ var WfoProcessesList = ({
       field: "workflowName",
       name: t("workflowName"),
       width: "20%",
-      render: (value, { processId }) => /* @__PURE__ */ jsx165(Link7, { href: `${PATH_WORKFLOWS}/${processId}`, children: value })
+      render: (value, { processId }) => /* @__PURE__ */ jsx166(Link7, { href: `${PATH_WORKFLOWS}/${processId}`, children: value })
     },
     lastStep: {
       field: "lastStep",
@@ -57445,13 +57603,13 @@ var WfoProcessesList = ({
       field: "lastStatus",
       name: t("status"),
       width: "100",
-      render: (cellValue) => /* @__PURE__ */ jsx165(WfoProcessStatusBadge, { processStatus: cellValue })
+      render: (cellValue) => /* @__PURE__ */ jsx166(WfoProcessStatusBadge, { processStatus: cellValue })
     },
     workflowTarget: {
       field: "workflowTarget",
       name: t("workflowTarget"),
       width: "100",
-      render: (target) => /* @__PURE__ */ jsx165(WfoWorkflowTargetBadge, { target })
+      render: (target) => /* @__PURE__ */ jsx166(WfoWorkflowTargetBadge, { target })
     },
     tag: {
       field: "tag",
@@ -57477,14 +57635,14 @@ var WfoProcessesList = ({
       field: "subscriptions",
       name: t("subscriptions"),
       width: "15%",
-      render: ({ page: subscriptions }) => /* @__PURE__ */ jsx165(
+      render: ({ page: subscriptions }) => /* @__PURE__ */ jsx166(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions,
           numberOfSubscriptionsToRender: 1
         }
       ),
-      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx165(
+      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx166(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions
@@ -57506,14 +57664,14 @@ var WfoProcessesList = ({
       field: "processId",
       name: t("processId"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx165(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx166(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     startedAt: {
       field: "startedAt",
       name: t("started"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx165(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx166(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -57521,7 +57679,7 @@ var WfoProcessesList = ({
       field: "lastModifiedAt",
       name: t("lastModified"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx165(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx166(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     }
@@ -57552,7 +57710,7 @@ var WfoProcessesList = ({
     getQueryVariablesForExport(processListQueryVars),
     ["processes", "export"]
   );
-  return /* @__PURE__ */ jsx165(
+  return /* @__PURE__ */ jsx166(
     WfoTableWithFilter,
     {
       queryString,
@@ -57604,11 +57762,11 @@ var getStyles14 = (theme) => {
 };
 
 // src/components/WfoJsonCodeBlock/WfoJsonCodeBlock.tsx
-import { jsx as jsx166 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx167 } from "@emotion/react/jsx-runtime";
 var WfoJsonCodeBlock = ({ data }) => {
   const { euiCodeBlockStyle } = useWithOrchestratorTheme(getStyles14);
   const json = JSON.stringify(data, null, 4);
-  return /* @__PURE__ */ jsx166(
+  return /* @__PURE__ */ jsx167(
     EuiCodeBlock2,
     {
       css: euiCodeBlockStyle,
@@ -57630,7 +57788,7 @@ import {
   EuiSpacer as EuiSpacer22,
   EuiText as EuiText36
 } from "@elastic/eui";
-import { jsx as jsx167, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx168, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const [clearCache] = useClearCacheMutation();
   const t = useTranslations53("settings.page");
@@ -57673,9 +57831,9 @@ var WfoFlushSettings = () => {
       paddingSize: "l",
       style: { width: "50%" },
       children: [
-        /* @__PURE__ */ jsx167(EuiText36, { size: "s", children: /* @__PURE__ */ jsx167("h4", { children: t("flushCacheSettingsTitle") }) }),
-        /* @__PURE__ */ jsx167(EuiSpacer22, { size: "m" }),
-        /* @__PURE__ */ jsx167(
+        /* @__PURE__ */ jsx168(EuiText36, { size: "s", children: /* @__PURE__ */ jsx168("h4", { children: t("flushCacheSettingsTitle") }) }),
+        /* @__PURE__ */ jsx168(EuiSpacer22, { size: "m" }),
+        /* @__PURE__ */ jsx168(
           EuiComboBox,
           {
             "aria-label": "Flush settings",
@@ -57687,8 +57845,8 @@ var WfoFlushSettings = () => {
             fullWidth: true
           }
         ),
-        /* @__PURE__ */ jsx167(EuiSpacer22, { size: "m" }),
-        /* @__PURE__ */ jsx167(EuiButton14, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
+        /* @__PURE__ */ jsx168(EuiSpacer22, { size: "m" }),
+        /* @__PURE__ */ jsx168(EuiButton14, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
       ]
     }
   );
@@ -57697,16 +57855,16 @@ var WfoFlushSettings = () => {
 // src/components/WfoSettings/WfoEngineStatusButton.tsx
 import { useTranslations as useTranslations54 } from "next-intl";
 import { EuiButton as EuiButton15 } from "@elastic/eui";
-import { jsx as jsx168 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx169 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
   const t = useTranslations54("settings.page");
   if (isLoading || isSettingEngineStatus) {
-    return /* @__PURE__ */ jsx168(EuiButton15, { isLoading: true, fill: true, children: "Loading..." });
+    return /* @__PURE__ */ jsx169(EuiButton15, { isLoading: true, fill: true, children: "Loading..." });
   }
-  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx168(
+  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx169(
     EuiButton15,
     {
       onClick: () => setEngineStatus(true),
@@ -57715,7 +57873,7 @@ var WfoEngineStatusButton = () => {
       iconType: "pause",
       children: t("pauseEngine")
     }
-  ) : /* @__PURE__ */ jsx168(
+  ) : /* @__PURE__ */ jsx169(
     EuiButton15,
     {
       onClick: () => setEngineStatus(false),
@@ -57730,7 +57888,7 @@ var WfoEngineStatusButton = () => {
 // src/components/WfoSettings/WfoModifySettings.tsx
 import { useTranslations as useTranslations55 } from "next-intl";
 import { EuiPanel as EuiPanel10, EuiSpacer as EuiSpacer23, EuiText as EuiText37 } from "@elastic/eui";
-import { jsx as jsx169, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx170, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
   const t = useTranslations55("settings.page");
   return /* @__PURE__ */ jsxs101(
@@ -57741,9 +57899,9 @@ var WfoModifySettings = () => {
       paddingSize: "l",
       css: { width: "50%" },
       children: [
-        /* @__PURE__ */ jsx169(EuiText37, { size: "s", children: /* @__PURE__ */ jsx169("h4", { children: t("modifyEngine") }) }),
-        /* @__PURE__ */ jsx169(EuiSpacer23, { size: "m" }),
-        /* @__PURE__ */ jsx169(WfoEngineStatusButton, {})
+        /* @__PURE__ */ jsx170(EuiText37, { size: "s", children: /* @__PURE__ */ jsx170("h4", { children: t("modifyEngine") }) }),
+        /* @__PURE__ */ jsx170(EuiSpacer23, { size: "m" }),
+        /* @__PURE__ */ jsx170(WfoEngineStatusButton, {})
       ]
     }
   );
@@ -57758,7 +57916,7 @@ import {
   EuiSpacer as EuiSpacer24,
   EuiText as EuiText38
 } from "@elastic/eui";
-import { jsx as jsx170, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx171, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
 var WfoStatus = () => {
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEngineStatusQuery();
@@ -57774,20 +57932,20 @@ var WfoStatus = () => {
       style: { width: "50%" },
       children: [
         /* @__PURE__ */ jsxs102(EuiFlexGroup26, { children: [
-          /* @__PURE__ */ jsx170(EuiFlexItem35, { grow: false, style: { minWidth: 208 }, children: /* @__PURE__ */ jsx170(EuiText38, { size: "s", children: /* @__PURE__ */ jsx170("h4", { children: t("runningProcesses") }) }) }),
-          /* @__PURE__ */ jsx170(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsx170(EuiText38, { size: "s", children: /* @__PURE__ */ jsx170("p", { children: runningProcesses || "-" }) }) })
+          /* @__PURE__ */ jsx171(EuiFlexItem35, { grow: false, style: { minWidth: 208 }, children: /* @__PURE__ */ jsx171(EuiText38, { size: "s", children: /* @__PURE__ */ jsx171("h4", { children: t("runningProcesses") }) }) }),
+          /* @__PURE__ */ jsx171(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsx171(EuiText38, { size: "s", children: /* @__PURE__ */ jsx171("p", { children: runningProcesses || "-" }) }) })
         ] }),
-        /* @__PURE__ */ jsx170(EuiSpacer24, { size: "m" }),
+        /* @__PURE__ */ jsx171(EuiSpacer24, { size: "m" }),
         /* @__PURE__ */ jsxs102(EuiFlexGroup26, { children: [
-          /* @__PURE__ */ jsx170(EuiFlexItem35, { grow: false, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx170(EuiText38, { size: "s", children: /* @__PURE__ */ jsx170("h4", { children: t("engineStatus") }) }) }),
-          /* @__PURE__ */ jsx170(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsxs102(EuiFlexGroup26, { gutterSize: "xs", children: [
-            /* @__PURE__ */ jsx170(EuiFlexItem35, { children: /* @__PURE__ */ jsx170(
+          /* @__PURE__ */ jsx171(EuiFlexItem35, { grow: false, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx171(EuiText38, { size: "s", children: /* @__PURE__ */ jsx171("h4", { children: t("engineStatus") }) }) }),
+          /* @__PURE__ */ jsx171(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsxs102(EuiFlexGroup26, { gutterSize: "xs", children: [
+            /* @__PURE__ */ jsx171(EuiFlexItem35, { children: /* @__PURE__ */ jsx171(
               WfoStatusDotIcon,
               {
                 color: isRunning ? theme.colors.success : theme.colors.warning
               }
             ) }),
-            /* @__PURE__ */ jsx170(EuiFlexItem35, { children: /* @__PURE__ */ jsx170(EuiText38, { size: "xs", style: { marginTop: 4 }, children: /* @__PURE__ */ jsx170("p", { children: engineStatus }) }) })
+            /* @__PURE__ */ jsx171(EuiFlexItem35, { children: /* @__PURE__ */ jsx171(EuiText38, { size: "xs", style: { marginTop: 4 }, children: /* @__PURE__ */ jsx171("p", { children: engineStatus }) }) })
           ] }) })
         ] })
       ]
@@ -57797,7 +57955,7 @@ var WfoStatus = () => {
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
 import React54 from "react";
-import { jsx as jsx171, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx172, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
 var WfoErrorBoundary = class extends React54.Component {
   constructor(props) {
     super(props);
@@ -57817,7 +57975,7 @@ var WfoErrorBoundary = class extends React54.Component {
       return /* @__PURE__ */ jsxs103("p", { children: [
         "An unexpected error occurred, try to go back to the",
         " ",
-        /* @__PURE__ */ jsx171("a", { href: "/", children: "home page" })
+        /* @__PURE__ */ jsx172("a", { href: "/", children: "home page" })
       ] });
     }
     return this.props.children;
@@ -57966,6 +58124,9 @@ var en_GB_default = {
       contactPersonName: {
         placeholder: "Name placeholder"
       },
+      ipvAnyNetworkField: {
+        manuallySelectedPrefix: "Manually selected prefix"
+      },
       node_select: {
         nodes_loading: "Nodes loading",
         select_node: "Select node",
@@ -58155,14 +58316,14 @@ var en_GB_default = {
           no_modify_workflow: "This subscription can not be modified as the product has no modify workflows.",
           no_termination_workflow: "This subscription can not be terminated as the product has no termination workflows.",
           no_validate_workflow: "This subscription can not be validated as the product has no validate workflows.",
-          not_in_sync: "This subscription can not be modified because it is not in sync. This means there is some error in the registration of the subscription or that it is being modified by another workflow.",
-          relations_not_in_sync: "This subscription can not be modified because some related subscriptions are not insync. Locked subscriptions: {locked_relations}",
+          not_in_sync: "This subscription can not be modified because it is not in-sync. This means there is some error in the registration of the subscription or that it is being modified by another workflow.",
+          relations_not_in_sync: "This subscription can not be modified because some related subscriptions are not in-sync. Locked subscriptions: {locked_relations}",
           no_modify_subscription_in_use_by_others: "This subscription can not be modified because it is in use by one or more other subscriptions: {unterminated_parents}"
         }
       },
       subscriptionInstanceId: "Instance ID",
       ownerSubscriptionId: "Owner subscription ID",
-      inUseByRelations: "In use by relation",
+      inUseByRelations: "In-use by subscription(s)",
       showDetails: "Show details",
       self: "Current subscription",
       hideDetails: "Hide details",
@@ -58322,6 +58483,9 @@ var nl_NL_default = {
       contactPersonName: {
         placeholder: "Naam placeholder"
       },
+      ipvAnyNetworkField: {
+        manuallySelectedPrefix: "Manually selected prefix"
+      },
       node_select: {
         nodes_loading: "Nodes laden...",
         select_node: "Selecteer node",
@@ -58416,10 +58580,10 @@ var nl_NL_default = {
       customer: "Klant",
       customerAbbreviation: "Klantafkorting",
       subscriptions: "Subscriptions",
-      createdBy: "Gecree\u0308erd door",
+      createdBy: "Aangemaakt door",
       assignee: "Assignee",
       processId: "Proces ID",
-      started: "Gestart",
+      started: "Starttijd",
       lastModified: "Aangepast op",
       workflowTarget: "Target",
       productTag: "Product tag"
@@ -58504,20 +58668,20 @@ var nl_NL_default = {
         terminate: "Terminate workflow",
         actions: "Acties",
         subscription: {
-          no_modify_deleted_related_objects: "This subscription can not be modified because it contains references to other systems that are deleted.",
-          no_modify_in_use_by_subscription: "This subscription can not be {action} as it is used in other subscriptions: {unterminated_in_use_by_subscriptions}",
-          no_modify_invalid_status: "This subscription can not be modified because of the status: {status}. Only subscriptions with status {usable_when} can be {action}.",
-          no_modify_workflow: "This subscription can not be modified as the product has no modify workflows.",
-          no_termination_workflow: "This subscription can not be terminated as the product has no termination workflows.",
-          no_validate_workflow: "This subscription can not be validated as the product has no validate workflows.",
-          not_in_sync: "This subscription can not be modified because it is not in sync. This means there is some error in the registration of the subscription or that it is being modified by another workflow.",
-          relations_not_in_sync: "This subscription can not be modified because some related subscriptions are not insync. Locked subscriptions: {locked_relations}",
-          no_modify_subscription_in_use_by_others: "This subscription can not be modified because it is in use by one or more other subscriptions: {unterminated_parents}"
+          no_modify_deleted_related_objects: "Deze subscription kan niet worden gewijzigd omdat het verwijzingen bevat naar andere systemen die zijn verwijderd.",
+          no_modify_in_use_by_subscription: "Deze subscription kan niet worden {gewijzigd} omdat het wordt gebruikt in andere subscriptions: {unterminated_in_use_by_subscriptions}",
+          no_modify_invalid_status: "Deze subscription kan niet worden gewijzigd vanwege de status: {status}. Alleen abonnementen met de status {usable_when} kunnen worden {action}.",
+          no_modify_workflow: "Deze subscription kan niet worden gewijzigd omdat het product geen modify workflows heeft.",
+          no_termination_workflow: "Deze subscription kan niet worden be\xEBindigd omdat het product geen termination workflows heeft.",
+          no_validate_workflow: "Deze subscription kan niet worden gevalideerd omdat het product geen validate workflows heeft.",
+          not_in_sync: "Deze subscription kan niet worden gewijzigd omdat het niet in-sync is. Dit betekent dat er een fout zit in de registratie van de subscription of dat het wordt gewijzigd door een andere workflow.",
+          relations_not_in_sync: "Deze subscription kan niet worden gewijzigd omdat sommige gerelateerde subscriptions niet in-sync zijn. Geblokkeerde subscriptions: {locked_relations}",
+          no_modify_subscription_in_use_by_others: "Deze subscription kan niet worden gewijzigd omdat het in gebruik is door een of meer andere subscriptions: {unterminated_parents}"
         }
       },
       subscriptionInstanceId: "Instance ID",
       ownerSubscriptionId: "Owner subscription ID",
-      inUseByRelations: "In use by relation",
+      inUseByRelations: "In gebruik door subscription(s)",
       showDetails: "Toon details",
       hideDetails: "Verberg details",
       self: "Huidige subscription",
@@ -58525,11 +58689,11 @@ var nl_NL_default = {
       productName: "Produkt",
       fixedInputs: "Fixed inputs",
       productInfo: "Product info",
-      noProductBlockSelected: "No product block selected",
+      noProductBlockSelected: "Geen product block geselecteerd",
       productBlocks: "Product blocks",
-      ctaSelectProductBlock: "Select one or more product blocks to view their details",
-      startedBy: "Started by",
-      startedAt: "Started at",
+      ctaSelectProductBlock: "Selecteer \xE9\xE9n of meer product blocks om de details te bekijken",
+      startedBy: "Aangemaakt door",
+      startedAt: "Starttijd",
       status: "Status",
       id: "ID",
       blockTitleSubscriptionDetails: "Subscription details",
@@ -58645,6 +58809,7 @@ export {
   ConfirmationDialogContext,
   ConfirmationDialogContextWrapper,
   ConfirmationDialogProvider,
+  ConnectedSelectField,
   ContactPersonNameField,
   CreateForm,
   CustomerField,
@@ -58714,7 +58879,6 @@ export {
   RenderDirection,
   STEP_STATE_HIDDEN_KEYS,
   SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY,
-  SelectField,
   SortOrder,
   StepStatus,
   StoreProvider,
@@ -58732,6 +58896,7 @@ export {
   ToastTypes,
   TreeContext,
   TreeProvider,
+  UnconnectedSelectField,
   UserInputFormWizard,
   VlanField,
   WFO_STATUS_COLOR_FIELD,