@orchestrator-ui/orchestrator-ui-components 2.7.1 → 2.8.0

package/dist/index.js

@@ -26792,7 +26792,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "2.7.1";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "2.8.0";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -28494,24 +28494,9 @@ var thunk = createThunkMiddleware();
 var withExtraArgument = createThunkMiddleware;
 
 // ../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs
-var createDraftSafeSelectorCreator = (...args) => {
-  const createSelector2 = createSelectorCreator(...args);
-  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() {
-  if (arguments.length === 0)
-    return void 0;
-  if (typeof arguments[0] === "object")
-    return compose;
+  if (arguments.length === 0) return void 0;
+  if (typeof arguments[0] === "object") return compose;
   return compose.apply(null, arguments);
 };
 var devToolsEnhancer = typeof window !== "undefined" && window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__ : function() {
@@ -28626,8 +28611,7 @@ function emplace(map, key, handler) {
     }
     return value;
   }
-  if (!handler.insert)
-    throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(10) : "No insert provided for key not already in map");
+  if (!handler.insert) throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(10) : "No insert provided for key not already in map");
   const inserted = handler.insert(key, map);
   map.set(key, inserted);
   return inserted;
@@ -28712,21 +28696,17 @@ function createImmutableStateInvariantMiddleware(options = {}) {
       return JSON.stringify(obj, getSerialize2(serializer, decycler), indent);
     }, getSerialize2 = function(serializer, decycler) {
       let stack = [], keys = [];
-      if (!decycler)
-        decycler = function(_2, value) {
-          if (stack[0] === value)
-            return "[Circular ~]";
-          return "[Circular ~." + keys.slice(0, stack.indexOf(value)).join(".") + "]";
-        };
+      if (!decycler) decycler = function(_2, value) {
+        if (stack[0] === value) return "[Circular ~]";
+        return "[Circular ~." + keys.slice(0, stack.indexOf(value)).join(".") + "]";
+      };
       return function(key, value) {
         if (stack.length > 0) {
           var thisPos = stack.indexOf(this);
           ~thisPos ? stack.splice(thisPos + 1) : stack.push(this);
           ~thisPos ? keys.splice(thisPos, Infinity, key) : keys.push(key);
-          if (~stack.indexOf(value))
-            value = decycler.call(this, key, value);
-        } else
-          stack.push(value);
+          if (~stack.indexOf(value)) value = decycler.call(this, key, value);
+        } else stack.push(value);
         return serializer == null ? value : serializer.call(this, key, value);
       };
     };
@@ -28783,8 +28763,7 @@ function findNonSerializableValue(value, path = "", isSerializable = isPlain, ge
   if (typeof value !== "object" || value === null) {
     return false;
   }
-  if (cache3?.has(value))
-    return false;
+  if (cache3?.has(value)) return false;
   const entries = getEntries != null ? getEntries(value) : Object.entries(value);
   const hasIgnoredPaths = ignoredPaths.length > 0;
   for (const [key, nestedValue] of entries) {
@@ -28813,18 +28792,14 @@ function findNonSerializableValue(value, path = "", isSerializable = isPlain, ge
       }
     }
   }
-  if (cache3 && isNestedFrozen(value))
-    cache3.add(value);
+  if (cache3 && isNestedFrozen(value)) cache3.add(value);
   return false;
 }
 function isNestedFrozen(value) {
-  if (!Object.isFrozen(value))
-    return false;
+  if (!Object.isFrozen(value)) return false;
   for (const nestedValue of Object.values(value)) {
-    if (typeof nestedValue !== "object" || nestedValue === null)
-      continue;
-    if (!isNestedFrozen(nestedValue))
-      return false;
+    if (typeof nestedValue !== "object" || nestedValue === null) continue;
+    if (!isNestedFrozen(nestedValue)) return false;
   }
   return true;
 }
@@ -28995,7 +28970,6 @@ var buildGetDefaultEnhancers = (middlewareEnhancer) => function getDefaultEnhanc
   }
   return enhancerArray;
 };
-var IS_PRODUCTION = process.env.NODE_ENV === "production";
 function configureStore(options) {
   const getDefaultMiddleware = buildGetDefaultMiddleware();
   const {
@@ -29013,42 +28987,42 @@ function configureStore(options) {
   } else {
     throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(1) : "`reducer` is a required argument, and must be a function or an object of functions that can be passed to combineReducers");
   }
-  if (!IS_PRODUCTION && middleware && typeof middleware !== "function") {
+  if (process.env.NODE_ENV !== "production" && middleware && typeof middleware !== "function") {
     throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(2) : "`middleware` field must be a callback");
   }
   let finalMiddleware;
   if (typeof middleware === "function") {
     finalMiddleware = middleware(getDefaultMiddleware);
-    if (!IS_PRODUCTION && !Array.isArray(finalMiddleware)) {
+    if (process.env.NODE_ENV !== "production" && !Array.isArray(finalMiddleware)) {
       throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(3) : "when using a middleware builder function, an array of middleware must be returned");
     }
   } else {
     finalMiddleware = getDefaultMiddleware();
   }
-  if (!IS_PRODUCTION && finalMiddleware.some((item) => typeof item !== "function")) {
+  if (process.env.NODE_ENV !== "production" && finalMiddleware.some((item) => typeof item !== "function")) {
     throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(4) : "each middleware provided to configureStore must be a function");
   }
   let finalCompose = compose;
   if (devTools) {
     finalCompose = composeWithDevTools({
       // Enable capture of stack traces for dispatched Redux actions
-      trace: !IS_PRODUCTION,
+      trace: process.env.NODE_ENV !== "production",
       ...typeof devTools === "object" && devTools
     });
   }
   const middlewareEnhancer = applyMiddleware(...finalMiddleware);
   const getDefaultEnhancers = buildGetDefaultEnhancers(middlewareEnhancer);
-  if (!IS_PRODUCTION && enhancers && typeof enhancers !== "function") {
+  if (process.env.NODE_ENV !== "production" && enhancers && typeof enhancers !== "function") {
     throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(5) : "`enhancers` field must be a callback");
   }
   let storeEnhancers = typeof enhancers === "function" ? enhancers(getDefaultEnhancers) : getDefaultEnhancers();
-  if (!IS_PRODUCTION && !Array.isArray(storeEnhancers)) {
+  if (process.env.NODE_ENV !== "production" && !Array.isArray(storeEnhancers)) {
     throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(6) : "`enhancers` callback must return an array");
   }
-  if (!IS_PRODUCTION && storeEnhancers.some((item) => typeof item !== "function")) {
+  if (process.env.NODE_ENV !== "production" && storeEnhancers.some((item) => typeof item !== "function")) {
     throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(7) : "each enhancer provided to configureStore must be a function");
   }
-  if (!IS_PRODUCTION && finalMiddleware.length && !storeEnhancers.includes(middlewareEnhancer)) {
+  if (process.env.NODE_ENV !== "production" && finalMiddleware.length && !storeEnhancers.includes(middlewareEnhancer)) {
     console.error("middlewares were provided, but middleware enhancer was not included in final enhancers - make sure to call `getDefaultEnhancers`");
   }
   const composedEnhancer = finalCompose(...storeEnhancers);
@@ -29144,7 +29118,7 @@ function createReducer(initialState3, mapOrBuilderCallback) {
             if (previousState === null) {
               return previousState;
             }
-            throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(9) : "A case reducer on a non-draftable value must not return undefined");
+            throw Error("A case reducer on a non-draftable value must not return undefined");
           }
           return result;
         } else {
@@ -29159,15 +29133,6 @@ function createReducer(initialState3, mapOrBuilderCallback) {
   reducer.getInitialState = getInitialState;
   return reducer;
 }
-var urlAlphabet = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW";
-var nanoid = (size = 21) => {
-  let id = "";
-  let i = size;
-  while (i--) {
-    id += urlAlphabet[Math.random() * 64 | 0];
-  }
-  return id;
-};
 var matches = (matcher, action) => {
   if (hasMatchFunction(matcher)) {
     return matcher.match(action);
@@ -29186,8 +29151,7 @@ function isAllOf(...matchers) {
   };
 }
 function hasExpectedRequestMetadata(action, validStatus) {
-  if (!action || !action.meta)
-    return false;
+  if (!action || !action.meta) return false;
   const hasValidRequestId = typeof action.meta.requestId === "string";
   const hasValidRequestStatus = validStatus.indexOf(action.meta.requestStatus) > -1;
   return hasValidRequestId && hasValidRequestStatus;
@@ -29243,6 +29207,15 @@ function isAsyncThunkAction(...asyncThunks) {
   }
   return isAnyOf(...asyncThunks.flatMap((asyncThunk) => [asyncThunk.pending, asyncThunk.rejected, asyncThunk.fulfilled]));
 }
+var urlAlphabet = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW";
+var nanoid = (size = 21) => {
+  let id = "";
+  let i = size;
+  while (i--) {
+    id += urlAlphabet[Math.random() * 64 | 0];
+  }
+  return id;
+};
 var commonProperties = ["name", "message", "stack", "code"];
 var RejectWithValue = class {
   constructor(payload, meta) {
@@ -29526,13 +29499,11 @@ function buildCreateSlice({
     const injectedSelectorCache = /* @__PURE__ */ new Map();
     let _reducer;
     function reducer(state, action) {
-      if (!_reducer)
-        _reducer = buildReducer();
+      if (!_reducer) _reducer = buildReducer();
       return _reducer(state, action);
     }
     function getInitialState() {
-      if (!_reducer)
-        _reducer = buildReducer();
+      if (!_reducer) _reducer = buildReducer();
       return _reducer.getInitialState();
     }
     function makeSelectorProps(reducerPath2, injected = false) {
@@ -29712,67 +29683,15 @@ 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 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`), {
+var addListener = /* @__PURE__ */ assign(/* @__PURE__ */ createAction(`${alm}/add`), {
   withTypes: () => addListener
 });
-var clearAllListeners = createAction(`${alm}/removeAll`);
-var removeListener = Object.assign(createAction(`${alm}/remove`), {
+var clearAllListeners = /* @__PURE__ */ createAction(`${alm}/removeAll`);
+var removeListener = /* @__PURE__ */ assign(/* @__PURE__ */ createAction(`${alm}/remove`), {
   withTypes: () => removeListener
 });
 var ORIGINAL_STATE = Symbol.for("rtk-state-proxy-original");
@@ -29798,9 +29717,44 @@ function getRequestStatusFlags(status) {
     /* rejected */
   };
 }
+var isPlainObject22 = isPlainObject;
+function copyWithStructuralSharing(oldObj, newObj) {
+  if (oldObj === newObj || !(isPlainObject22(oldObj) && isPlainObject22(newObj) || Array.isArray(oldObj) && Array.isArray(newObj))) {
+    return newObj;
+  }
+  const newKeys = Object.keys(newObj);
+  const oldKeys = Object.keys(oldObj);
+  let isSameObject = newKeys.length === oldKeys.length;
+  const mergeObj = Array.isArray(newObj) ? [] : {};
+  for (const key of newKeys) {
+    mergeObj[key] = copyWithStructuralSharing(oldObj[key], newObj[key]);
+    if (isSameObject) isSameObject = oldObj[key] === mergeObj[key];
+  }
+  return isSameObject ? oldObj : mergeObj;
+}
+function countObjectKeys(obj) {
+  let count = 0;
+  for (const _key in obj) {
+    count++;
+  }
+  return count;
+}
+var flatten = (arr) => [].concat(...arr);
 function isAbsoluteUrl(url) {
   return new RegExp(`(^|:)//`).test(url);
 }
+function isDocumentVisible() {
+  if (typeof document === "undefined") {
+    return true;
+  }
+  return document.visibilityState !== "hidden";
+}
+function isNotNullish(v) {
+  return v != null;
+}
+function isOnline() {
+  return typeof navigator === "undefined" ? true : navigator.onLine === void 0 ? true : navigator.onLine;
+}
 var withoutTrailingSlash = (url) => url.replace(/\/$/, "");
 var withoutLeadingSlash = (url) => url.replace(/^\//, "");
 function joinUrls(base, url) {
@@ -29818,32 +29772,6 @@ function joinUrls(base, url) {
   url = withoutLeadingSlash(url);
   return `${base}${delimiter}${url}`;
 }
-var flatten = (arr) => [].concat(...arr);
-function isOnline() {
-  return typeof navigator === "undefined" ? true : navigator.onLine === void 0 ? true : navigator.onLine;
-}
-function isDocumentVisible() {
-  if (typeof document === "undefined") {
-    return true;
-  }
-  return document.visibilityState !== "hidden";
-}
-var isPlainObject22 = isPlainObject;
-function copyWithStructuralSharing(oldObj, newObj) {
-  if (oldObj === newObj || !(isPlainObject22(oldObj) && isPlainObject22(newObj) || Array.isArray(oldObj) && Array.isArray(newObj))) {
-    return newObj;
-  }
-  const newKeys = Object.keys(newObj);
-  const oldKeys = Object.keys(oldObj);
-  let isSameObject = newKeys.length === oldKeys.length;
-  const mergeObj = Array.isArray(newObj) ? [] : {};
-  for (const key of newKeys) {
-    mergeObj[key] = copyWithStructuralSharing(oldObj[key], newObj[key]);
-    if (isSameObject)
-      isSameObject = oldObj[key] === mergeObj[key];
-  }
-  return isSameObject ? oldObj : mergeObj;
-}
 var defaultFetchFn = (...args) => fetch(...args);
 var defaultValidateStatus = (response) => response.status >= 200 && response.status <= 299;
 var defaultIsJsonContentType = (headers) => (
@@ -29858,8 +29786,7 @@ function stripUndefined(obj) {
     ...obj
   };
   for (const [k, v] of Object.entries(copy)) {
-    if (v === void 0)
-      delete copy[k];
+    if (v === void 0) delete copy[k];
   }
   return copy;
 }
@@ -29879,9 +29806,8 @@ function fetchBaseQuery({
   if (typeof fetch === "undefined" && fetchFn === defaultFetchFn) {
     console.warn("Warning: `fetch` is not available. Please supply a custom `fetchFn` property to use `fetchBaseQuery` on SSR environments.");
   }
-  return async (arg, api) => {
+  return async (arg, api, extraOptions) => {
     const {
-      signal,
       getState,
       extra,
       endpoint,
@@ -29900,6 +29826,12 @@ function fetchBaseQuery({
     } = typeof arg == "string" ? {
       url: arg
     } : arg;
+    let abortController, signal = api.signal;
+    if (timeout) {
+      abortController = new AbortController();
+      api.signal.addEventListener("abort", abortController.abort);
+      signal = abortController.signal;
+    }
     let config = {
       ...baseFetchOptions,
       signal,
@@ -29908,10 +29840,12 @@ function fetchBaseQuery({
     headers = new Headers(stripUndefined(headers));
     config.headers = await prepareHeaders2(headers, {
       getState,
+      arg,
       extra,
       endpoint,
       forced,
-      type
+      type,
+      extraOptions
     }) || headers;
     const isJsonifiable = (body) => typeof body === "object" && (isPlainObject(body) || Array.isArray(body) || typeof body.toJSON === "function");
     if (!config.headers.has("content-type") && isJsonifiable(config.body)) {
@@ -29931,9 +29865,9 @@ function fetchBaseQuery({
     meta = {
       request: requestClone
     };
-    let response, timedOut = false, timeoutId = timeout && setTimeout(() => {
+    let response, timedOut = false, timeoutId = abortController && setTimeout(() => {
       timedOut = true;
-      api.abort();
+      abortController.abort();
     }, timeout);
     try {
       response = await fetchFn(request);
@@ -29946,8 +29880,8 @@ function fetchBaseQuery({
         meta
       };
     } finally {
-      if (timeoutId)
-        clearTimeout(timeoutId);
+      if (timeoutId) clearTimeout(timeoutId);
+      abortController?.signal.removeEventListener("abort", abortController.abort);
     }
     const responseClone = response.clone();
     meta.response = responseClone;
@@ -29962,8 +29896,7 @@ function fetchBaseQuery({
         responseClone.text().then((r) => responseText = r, () => {
         })
       ]);
-      if (handleResponseError)
-        throw handleResponseError;
+      if (handleResponseError) throw handleResponseError;
     } catch (e) {
       return {
         error: {
@@ -30033,16 +29966,6 @@ function expandTagDescription(description) {
     type: description
   } : description;
 }
-function isNotNullish(v) {
-  return v != null;
-}
-function countObjectKeys(obj) {
-  let count = 0;
-  for (const _key in obj) {
-    count++;
-  }
-  return count;
-}
 function asSafePromise(promise, fallback) {
   return promise.catch(fallback);
 }
@@ -30094,8 +30017,7 @@ function buildInitiate({
   }
   function middlewareWarning(dispatch) {
     if (process.env.NODE_ENV !== "production") {
-      if (middlewareWarning.triggered)
-        return;
+      if (middlewareWarning.triggered) return;
       const returnedValue = dispatch(api.internalActions.internal_getRTKQSubscriptions());
       middlewareWarning.triggered = true;
       if (typeof returnedValue !== "object" || typeof returnedValue?.type === "string") {
@@ -30169,11 +30091,10 @@ You must add the middleware for RTK-Query to function correctly!`);
           forceRefetch: true
         })),
         unsubscribe() {
-          if (subscribe)
-            dispatch(unsubscribeQueryResult({
-              queryCacheKey,
-              requestId
-            }));
+          if (subscribe) dispatch(unsubscribeQueryResult({
+            queryCacheKey,
+            requestId
+          }));
         },
         updateSubscriptionOptions(options) {
           statePromise.subscriptionOptions = options;
@@ -30274,10 +30195,10 @@ function buildThunks({
   api,
   assertTagType
 }) {
-  const patchQueryData = (endpointName, args, patches, updateProvided) => (dispatch, getState) => {
+  const patchQueryData = (endpointName, arg, patches, updateProvided) => (dispatch, getState) => {
     const endpointDefinition = endpointDefinitions[endpointName];
     const queryCacheKey = serializeQueryArgs({
-      queryArgs: args,
+      queryArgs: arg,
       endpointDefinition,
       endpointName
     });
@@ -30288,26 +30209,26 @@ function buildThunks({
     if (!updateProvided) {
       return;
     }
-    const newValue = api.endpoints[endpointName].select(args)(
+    const newValue = api.endpoints[endpointName].select(arg)(
       // Work around TS 4.1 mismatch
       getState()
     );
-    const providedTags = calculateProvidedBy(endpointDefinition.providesTags, newValue.data, void 0, args, {}, assertTagType);
+    const providedTags = calculateProvidedBy(endpointDefinition.providesTags, newValue.data, void 0, arg, {}, assertTagType);
     dispatch(api.internalActions.updateProvidedBy({
       queryCacheKey,
       providedTags
     }));
   };
-  const updateQueryData = (endpointName, args, updateRecipe, updateProvided = true) => (dispatch, getState) => {
+  const updateQueryData = (endpointName, arg, updateRecipe, updateProvided = true) => (dispatch, getState) => {
     const endpointDefinition = api.endpoints[endpointName];
-    const currentState = endpointDefinition.select(args)(
+    const currentState = endpointDefinition.select(arg)(
       // Work around TS 4.1 mismatch
       getState()
     );
-    let ret = {
+    const ret = {
       patches: [],
       inversePatches: [],
-      undo: () => dispatch(api.util.patchQueryData(endpointName, args, ret.inversePatches, updateProvided))
+      undo: () => dispatch(api.util.patchQueryData(endpointName, arg, ret.inversePatches, updateProvided))
     };
     if (currentState.status === "uninitialized") {
       return ret;
@@ -30336,11 +30257,11 @@ function buildThunks({
     if (ret.patches.length === 0) {
       return ret;
     }
-    dispatch(api.util.patchQueryData(endpointName, args, ret.patches, updateProvided));
+    dispatch(api.util.patchQueryData(endpointName, arg, ret.patches, updateProvided));
     return ret;
   };
-  const upsertQueryData = (endpointName, args, value) => (dispatch) => {
-    return dispatch(api.endpoints[endpointName].initiate(args, {
+  const upsertQueryData = (endpointName, arg, value) => (dispatch) => {
+    return dispatch(api.endpoints[endpointName].initiate(arg, {
       subscribe: false,
       forceRefetch: true,
       [forceQueryFnSymbol]: () => ({
@@ -30369,7 +30290,8 @@ function buildThunks({
         extra,
         endpoint: arg.endpointName,
         type: arg.type,
-        forced: arg.type === "query" ? isForcedQuery(arg, getState()) : void 0
+        forced: arg.type === "query" ? isForcedQuery(arg, getState()) : void 0,
+        queryCacheKey: arg.type === "query" ? arg.queryCacheKey : void 0
       };
       const forceQueryFn = arg.type === "query" ? arg[forceQueryFnSymbol] : void 0;
       if (forceQueryFn) {
@@ -30408,8 +30330,7 @@ function buildThunks({
               Object returned was:`, result);
         }
       }
-      if (result.error)
-        throw new HandledError(result.error, result.meta);
+      if (result.error) throw new HandledError(result.error, result.meta);
       return fulfillWithValue(await transformResponse(result.data, result.meta, arg.originalArgs), {
         fulfilledTimeStamp: Date.now(),
         baseQueryMeta: result.meta,
@@ -30570,6 +30491,7 @@ function buildSlice({
   reducerPath,
   queryThunk,
   mutationThunk,
+  serializeQueryArgs,
   context: {
     endpointDefinitions: definitions,
     apiUid,
@@ -30580,6 +30502,61 @@ function buildSlice({
   config
 }) {
   const resetApiState = createAction(`${reducerPath}/resetApiState`);
+  function writePendingCacheEntry(draft, arg, upserting, meta) {
+    var _a;
+    draft[_a = arg.queryCacheKey] ?? (draft[_a] = {
+      status: "uninitialized",
+      endpointName: arg.endpointName
+    });
+    updateQuerySubstateIfExists(draft, arg.queryCacheKey, (substate) => {
+      substate.status = "pending";
+      substate.requestId = upserting && substate.requestId ? (
+        // for `upsertQuery` **updates**, keep the current `requestId`
+        substate.requestId
+      ) : (
+        // for normal queries or `upsertQuery` **inserts** always update the `requestId`
+        meta.requestId
+      );
+      if (arg.originalArgs !== void 0) {
+        substate.originalArgs = arg.originalArgs;
+      }
+      substate.startedTimeStamp = meta.startedTimeStamp;
+    });
+  }
+  function writeFulfilledCacheEntry(draft, meta, payload) {
+    updateQuerySubstateIfExists(draft, meta.arg.queryCacheKey, (substate) => {
+      if (substate.requestId !== meta.requestId && !isUpsertQuery(meta.arg)) return;
+      const {
+        merge
+      } = definitions[meta.arg.endpointName];
+      substate.status = "fulfilled";
+      if (merge) {
+        if (substate.data !== void 0) {
+          const {
+            fulfilledTimeStamp,
+            arg,
+            baseQueryMeta,
+            requestId
+          } = meta;
+          let newData = produce(substate.data, (draftSubstateData) => {
+            return merge(draftSubstateData, payload, {
+              arg: arg.originalArgs,
+              baseQueryMeta,
+              fulfilledTimeStamp,
+              requestId
+            });
+          });
+          substate.data = newData;
+        } else {
+          substate.data = payload;
+        }
+      } else {
+        substate.data = definitions[meta.arg.endpointName].structuralSharing ?? true ? copyWithStructuralSharing(isDraft(substate.data) ? original(substate.data) : substate.data, payload) : payload;
+      }
+      delete substate.error;
+      substate.fulfilledTimeStamp = meta.fulfilledTimeStamp;
+    });
+  }
   const querySlice = createSlice({
     name: `${reducerPath}/queries`,
     initialState,
@@ -30594,6 +30571,60 @@ function buildSlice({
         },
         prepare: prepareAutoBatched()
       },
+      cacheEntriesUpserted: {
+        reducer(draft, action) {
+          for (const entry of action.payload) {
+            const {
+              queryDescription: arg,
+              value
+            } = entry;
+            writePendingCacheEntry(draft, arg, true, {
+              arg,
+              requestId: action.meta.requestId,
+              startedTimeStamp: action.meta.timestamp
+            });
+            writeFulfilledCacheEntry(draft, {
+              arg,
+              requestId: action.meta.requestId,
+              fulfilledTimeStamp: action.meta.timestamp,
+              baseQueryMeta: {}
+            }, value);
+          }
+        },
+        prepare: (payload) => {
+          const queryDescriptions = payload.map((entry) => {
+            const {
+              endpointName,
+              arg,
+              value
+            } = entry;
+            const endpointDefinition = definitions[endpointName];
+            const queryDescription = {
+              type: "query",
+              endpointName,
+              originalArgs: entry.arg,
+              queryCacheKey: serializeQueryArgs({
+                queryArgs: arg,
+                endpointDefinition,
+                endpointName
+              })
+            };
+            return {
+              queryDescription,
+              value
+            };
+          });
+          const result = {
+            payload: queryDescriptions,
+            meta: {
+              [SHOULD_AUTOBATCH]: true,
+              requestId: nanoid(),
+              timestamp: Date.now()
+            }
+          };
+          return result;
+        }
+      },
       queryResultPatched: {
         reducer(draft, {
           payload: {
@@ -30615,63 +30646,13 @@ function buildSlice({
           arg
         }
       }) => {
-        var _a;
         const upserting = isUpsertQuery(arg);
-        draft[_a = arg.queryCacheKey] ?? (draft[_a] = {
-          status: "uninitialized",
-          endpointName: arg.endpointName
-        });
-        updateQuerySubstateIfExists(draft, arg.queryCacheKey, (substate) => {
-          substate.status = "pending";
-          substate.requestId = upserting && substate.requestId ? (
-            // for `upsertQuery` **updates**, keep the current `requestId`
-            substate.requestId
-          ) : (
-            // for normal queries or `upsertQuery` **inserts** always update the `requestId`
-            meta.requestId
-          );
-          if (arg.originalArgs !== void 0) {
-            substate.originalArgs = arg.originalArgs;
-          }
-          substate.startedTimeStamp = meta.startedTimeStamp;
-        });
+        writePendingCacheEntry(draft, arg, upserting, meta);
       }).addCase(queryThunk.fulfilled, (draft, {
         meta,
         payload
       }) => {
-        updateQuerySubstateIfExists(draft, meta.arg.queryCacheKey, (substate) => {
-          if (substate.requestId !== meta.requestId && !isUpsertQuery(meta.arg))
-            return;
-          const {
-            merge
-          } = definitions[meta.arg.endpointName];
-          substate.status = "fulfilled";
-          if (merge) {
-            if (substate.data !== void 0) {
-              const {
-                fulfilledTimeStamp,
-                arg,
-                baseQueryMeta,
-                requestId
-              } = meta;
-              let newData = produce(substate.data, (draftSubstateData) => {
-                return merge(draftSubstateData, payload, {
-                  arg: arg.originalArgs,
-                  baseQueryMeta,
-                  fulfilledTimeStamp,
-                  requestId
-                });
-              });
-              substate.data = newData;
-            } else {
-              substate.data = payload;
-            }
-          } else {
-            substate.data = definitions[meta.arg.endpointName].structuralSharing ?? true ? copyWithStructuralSharing(isDraft(substate.data) ? original(substate.data) : substate.data, payload) : payload;
-          }
-          delete substate.error;
-          substate.fulfilledTimeStamp = meta.fulfilledTimeStamp;
-        });
+        writeFulfilledCacheEntry(draft, meta, payload);
       }).addCase(queryThunk.rejected, (draft, {
         meta: {
           condition,
@@ -30684,8 +30665,7 @@ function buildSlice({
         updateQuerySubstateIfExists(draft, arg.queryCacheKey, (substate) => {
           if (condition) {
           } else {
-            if (substate.requestId !== requestId)
-              return;
+            if (substate.requestId !== requestId) return;
             substate.status = "rejected";
             substate.error = payload ?? error;
           }
@@ -30730,8 +30710,7 @@ function buildSlice({
           startedTimeStamp
         }
       }) => {
-        if (!arg.track)
-          return;
+        if (!arg.track) return;
         draft[getMutationCacheKey(meta)] = {
           requestId,
           status: "pending",
@@ -30742,11 +30721,9 @@ function buildSlice({
         payload,
         meta
       }) => {
-        if (!meta.arg.track)
-          return;
+        if (!meta.arg.track) return;
         updateMutationSubstateIfExists(draft, meta, (substate) => {
-          if (substate.requestId !== meta.requestId)
-            return;
+          if (substate.requestId !== meta.requestId) return;
           substate.status = "fulfilled";
           substate.data = payload;
           substate.fulfilledTimeStamp = meta.fulfilledTimeStamp;
@@ -30756,11 +30733,9 @@ function buildSlice({
         error,
         meta
       }) => {
-        if (!meta.arg.track)
-          return;
+        if (!meta.arg.track) return;
         updateMutationSubstateIfExists(draft, meta, (substate) => {
-          if (substate.requestId !== meta.requestId)
-            return;
+          if (substate.requestId !== meta.requestId) return;
           substate.status = "rejected";
           substate.error = payload ?? error;
         });
@@ -30962,8 +30937,7 @@ function buildSelectors({
     const state = rootState[reducerPath];
     if (process.env.NODE_ENV !== "production") {
       if (!state) {
-        if (selectInternalState.triggered)
-          return state;
+        if (selectInternalState.triggered) return state;
         selectInternalState.triggered = true;
         console.error(`Error: No data found at \`state.${reducerPath}\`. Did you forget to add the reducer to the store?`);
       }
@@ -31163,8 +31137,135 @@ function buildCreateApi(...modules) {
     });
   };
 }
+function assertCast(v) {
+}
+function safeAssign(target, ...args) {
+  return Object.assign(target, ...args);
+}
+var buildBatchedActionsHandler = ({
+  api,
+  queryThunk,
+  internalState
+}) => {
+  const subscriptionsPrefix = `${api.reducerPath}/subscriptions`;
+  let previousSubscriptions = null;
+  let updateSyncTimer = null;
+  const {
+    updateSubscriptionOptions,
+    unsubscribeQueryResult
+  } = api.internalActions;
+  const actuallyMutateSubscriptions = (mutableState, action) => {
+    var _a, _b;
+    if (updateSubscriptionOptions.match(action)) {
+      const {
+        queryCacheKey,
+        requestId,
+        options
+      } = action.payload;
+      if (mutableState?.[queryCacheKey]?.[requestId]) {
+        mutableState[queryCacheKey][requestId] = options;
+      }
+      return true;
+    }
+    if (unsubscribeQueryResult.match(action)) {
+      const {
+        queryCacheKey,
+        requestId
+      } = action.payload;
+      if (mutableState[queryCacheKey]) {
+        delete mutableState[queryCacheKey][requestId];
+      }
+      return true;
+    }
+    if (api.internalActions.removeQueryResult.match(action)) {
+      delete mutableState[action.payload.queryCacheKey];
+      return true;
+    }
+    if (queryThunk.pending.match(action)) {
+      const {
+        meta: {
+          arg,
+          requestId
+        }
+      } = action;
+      const substate = mutableState[_a = arg.queryCacheKey] ?? (mutableState[_a] = {});
+      substate[`${requestId}_running`] = {};
+      if (arg.subscribe) {
+        substate[requestId] = arg.subscriptionOptions ?? substate[requestId] ?? {};
+      }
+      return true;
+    }
+    let mutated = false;
+    if (queryThunk.fulfilled.match(action) || queryThunk.rejected.match(action)) {
+      const state = mutableState[action.meta.arg.queryCacheKey] || {};
+      const key = `${action.meta.requestId}_running`;
+      mutated || (mutated = !!state[key]);
+      delete state[key];
+    }
+    if (queryThunk.rejected.match(action)) {
+      const {
+        meta: {
+          condition,
+          arg,
+          requestId
+        }
+      } = action;
+      if (condition && arg.subscribe) {
+        const substate = mutableState[_b = arg.queryCacheKey] ?? (mutableState[_b] = {});
+        substate[requestId] = arg.subscriptionOptions ?? substate[requestId] ?? {};
+        mutated = true;
+      }
+    }
+    return mutated;
+  };
+  const getSubscriptions = () => internalState.currentSubscriptions;
+  const getSubscriptionCount = (queryCacheKey) => {
+    const subscriptions = getSubscriptions();
+    const subscriptionsForQueryArg = subscriptions[queryCacheKey] ?? {};
+    return countObjectKeys(subscriptionsForQueryArg);
+  };
+  const isRequestSubscribed = (queryCacheKey, requestId) => {
+    const subscriptions = getSubscriptions();
+    return !!subscriptions?.[queryCacheKey]?.[requestId];
+  };
+  const subscriptionSelectors = {
+    getSubscriptions,
+    getSubscriptionCount,
+    isRequestSubscribed
+  };
+  return (action, mwApi) => {
+    if (!previousSubscriptions) {
+      previousSubscriptions = JSON.parse(JSON.stringify(internalState.currentSubscriptions));
+    }
+    if (api.util.resetApiState.match(action)) {
+      previousSubscriptions = internalState.currentSubscriptions = {};
+      updateSyncTimer = null;
+      return [true, false];
+    }
+    if (api.internalActions.internal_getRTKQSubscriptions.match(action)) {
+      return [false, subscriptionSelectors];
+    }
+    const didMutate = actuallyMutateSubscriptions(internalState.currentSubscriptions, action);
+    let actionShouldContinue = true;
+    if (didMutate) {
+      if (!updateSyncTimer) {
+        updateSyncTimer = setTimeout(() => {
+          const newSubscriptions = JSON.parse(JSON.stringify(internalState.currentSubscriptions));
+          const [, patches] = produceWithPatches(previousSubscriptions, () => newSubscriptions);
+          mwApi.next(api.internalActions.subscriptionsUpdated(patches));
+          previousSubscriptions = newSubscriptions;
+          updateSyncTimer = null;
+        }, 500);
+      }
+      const isSubscriptionSliceAction = typeof action.type == "string" && !!action.type.startsWith(subscriptionsPrefix);
+      const isAdditionalSubscriptionAction = queryThunk.rejected.match(action) && action.meta.condition && !!action.meta.arg.subscribe;
+      actionShouldContinue = !isSubscriptionSliceAction && !isAdditionalSubscriptionAction;
+    }
+    return [actionShouldContinue, false];
+  };
+};
 function isObjectEmpty(obj) {
-  for (let k in obj) {
+  for (const k in obj) {
     return false;
   }
   return true;
@@ -31179,9 +31280,10 @@ var buildCacheCollectionHandler = ({
 }) => {
   const {
     removeQueryResult,
-    unsubscribeQueryResult
+    unsubscribeQueryResult,
+    cacheEntriesUpserted
   } = api.internalActions;
-  const canTriggerUnsubscribe = isAnyOf(unsubscribeQueryResult.match, queryThunk.fulfilled, queryThunk.rejected);
+  const canTriggerUnsubscribe = isAnyOf(unsubscribeQueryResult.match, queryThunk.fulfilled, queryThunk.rejected, cacheEntriesUpserted.match);
   function anySubscriptionsRemainingForKey(queryCacheKey) {
     const subscriptions = internalState.currentSubscriptions[queryCacheKey];
     return !!subscriptions && !isObjectEmpty(subscriptions);
@@ -31190,15 +31292,22 @@ var buildCacheCollectionHandler = ({
   const handler = (action, mwApi, internalState2) => {
     if (canTriggerUnsubscribe(action)) {
       const state = mwApi.getState()[reducerPath];
-      const {
-        queryCacheKey
-      } = unsubscribeQueryResult.match(action) ? action.payload : action.meta.arg;
-      handleUnsubscribe(queryCacheKey, state.queries[queryCacheKey]?.endpointName, mwApi, state.config);
+      let queryCacheKeys;
+      if (cacheEntriesUpserted.match(action)) {
+        queryCacheKeys = action.payload.map((entry) => entry.queryDescription.queryCacheKey);
+      } else {
+        const {
+          queryCacheKey
+        } = unsubscribeQueryResult.match(action) ? action.payload : action.meta.arg;
+        queryCacheKeys = [queryCacheKey];
+      }
+      for (const queryCacheKey of queryCacheKeys) {
+        handleUnsubscribe(queryCacheKey, state.queries[queryCacheKey]?.endpointName, mwApi, state.config);
+      }
     }
     if (api.util.resetApiState.match(action)) {
       for (const [key, timeout] of Object.entries(currentRemovalTimeouts)) {
-        if (timeout)
-          clearTimeout(timeout);
+        if (timeout) clearTimeout(timeout);
         delete currentRemovalTimeouts[key];
       }
     }
@@ -31236,6 +31345,139 @@ var buildCacheCollectionHandler = ({
   }
   return handler;
 };
+var neverResolvedError = new Error("Promise never resolved before cacheEntryRemoved.");
+var buildCacheLifecycleHandler = ({
+  api,
+  reducerPath,
+  context,
+  queryThunk,
+  mutationThunk,
+  internalState
+}) => {
+  const isQueryThunk = isAsyncThunkAction(queryThunk);
+  const isMutationThunk = isAsyncThunkAction(mutationThunk);
+  const isFulfilledThunk = isFulfilled(queryThunk, mutationThunk);
+  const lifecycleMap = {};
+  function resolveLifecycleEntry(cacheKey, data, meta) {
+    const lifecycle = lifecycleMap[cacheKey];
+    if (lifecycle?.valueResolved) {
+      lifecycle.valueResolved({
+        data,
+        meta
+      });
+      delete lifecycle.valueResolved;
+    }
+  }
+  function removeLifecycleEntry(cacheKey) {
+    const lifecycle = lifecycleMap[cacheKey];
+    if (lifecycle) {
+      delete lifecycleMap[cacheKey];
+      lifecycle.cacheEntryRemoved();
+    }
+  }
+  const handler = (action, mwApi, stateBefore) => {
+    const cacheKey = getCacheKey(action);
+    function checkForNewCacheKey(endpointName, cacheKey2, requestId, originalArgs) {
+      const oldState = stateBefore[reducerPath].queries[cacheKey2];
+      const state = mwApi.getState()[reducerPath].queries[cacheKey2];
+      if (!oldState && state) {
+        handleNewKey(endpointName, originalArgs, cacheKey2, mwApi, requestId);
+      }
+    }
+    if (queryThunk.pending.match(action)) {
+      checkForNewCacheKey(action.meta.arg.endpointName, cacheKey, action.meta.requestId, action.meta.arg.originalArgs);
+    } else if (api.internalActions.cacheEntriesUpserted.match(action)) {
+      for (const {
+        queryDescription,
+        value
+      } of action.payload) {
+        const {
+          endpointName,
+          originalArgs,
+          queryCacheKey
+        } = queryDescription;
+        checkForNewCacheKey(endpointName, queryCacheKey, action.meta.requestId, originalArgs);
+        resolveLifecycleEntry(queryCacheKey, value, {});
+      }
+    } else if (mutationThunk.pending.match(action)) {
+      const state = mwApi.getState()[reducerPath].mutations[cacheKey];
+      if (state) {
+        handleNewKey(action.meta.arg.endpointName, action.meta.arg.originalArgs, cacheKey, mwApi, action.meta.requestId);
+      }
+    } else if (isFulfilledThunk(action)) {
+      resolveLifecycleEntry(cacheKey, action.payload, action.meta.baseQueryMeta);
+    } else if (api.internalActions.removeQueryResult.match(action) || api.internalActions.removeMutationResult.match(action)) {
+      removeLifecycleEntry(cacheKey);
+    } else if (api.util.resetApiState.match(action)) {
+      for (const cacheKey2 of Object.keys(lifecycleMap)) {
+        removeLifecycleEntry(cacheKey2);
+      }
+    }
+  };
+  function getCacheKey(action) {
+    if (isQueryThunk(action)) return action.meta.arg.queryCacheKey;
+    if (isMutationThunk(action)) {
+      return action.meta.arg.fixedCacheKey ?? action.meta.requestId;
+    }
+    if (api.internalActions.removeQueryResult.match(action)) return action.payload.queryCacheKey;
+    if (api.internalActions.removeMutationResult.match(action)) return getMutationCacheKey(action.payload);
+    return "";
+  }
+  function handleNewKey(endpointName, originalArgs, queryCacheKey, mwApi, requestId) {
+    const endpointDefinition = context.endpointDefinitions[endpointName];
+    const onCacheEntryAdded = endpointDefinition?.onCacheEntryAdded;
+    if (!onCacheEntryAdded) return;
+    const lifecycle = {};
+    const cacheEntryRemoved = new Promise((resolve) => {
+      lifecycle.cacheEntryRemoved = resolve;
+    });
+    const cacheDataLoaded = Promise.race([new Promise((resolve) => {
+      lifecycle.valueResolved = resolve;
+    }), cacheEntryRemoved.then(() => {
+      throw neverResolvedError;
+    })]);
+    cacheDataLoaded.catch(() => {
+    });
+    lifecycleMap[queryCacheKey] = lifecycle;
+    const selector = api.endpoints[endpointName].select(endpointDefinition.type === "query" ? originalArgs : queryCacheKey);
+    const extra = mwApi.dispatch((_2, __, extra2) => extra2);
+    const lifecycleApi = {
+      ...mwApi,
+      getCacheEntry: () => selector(mwApi.getState()),
+      requestId,
+      extra,
+      updateCachedData: endpointDefinition.type === "query" ? (updateRecipe) => mwApi.dispatch(api.util.updateQueryData(endpointName, originalArgs, updateRecipe)) : void 0,
+      cacheDataLoaded,
+      cacheEntryRemoved
+    };
+    const runningHandler = onCacheEntryAdded(originalArgs, lifecycleApi);
+    Promise.resolve(runningHandler).catch((e) => {
+      if (e === neverResolvedError) return;
+      throw e;
+    });
+  }
+  return handler;
+};
+var buildDevCheckHandler = ({
+  api,
+  context: {
+    apiUid
+  },
+  reducerPath
+}) => {
+  return (action, mwApi) => {
+    if (api.util.resetApiState.match(action)) {
+      mwApi.dispatch(api.internalActions.middlewareRegistered(apiUid));
+    }
+    if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
+      if (api.internalActions.middlewareRegistered.match(action) && action.payload === apiUid && mwApi.getState()[reducerPath]?.config?.middlewareRegistered === "conflict") {
+        console.warn(`There is a mismatch between slice and middleware for the reducerPath "${reducerPath}".
+You can only have one api per reducer path, this will lead to crashes in various situations!${reducerPath === "api" ? `
+If you have multiple apis, you *have* to specify the reducerPath option when using createApi!` : ""}`);
+      }
+    }
+  };
+};
 var buildInvalidationByTagsHandler = ({
   reducerPath,
   context,
@@ -31266,12 +31508,10 @@ var buildInvalidationByTagsHandler = ({
   };
   function hasPendingRequests(state) {
     for (const key in state.queries) {
-      if (state.queries[key]?.status === "pending")
-        return true;
+      if (state.queries[key]?.status === "pending") return true;
     }
     for (const key in state.mutations) {
-      if (state.mutations[key]?.status === "pending")
-        return true;
+      if (state.mutations[key]?.status === "pending") return true;
     }
     return false;
   }
@@ -31284,8 +31524,7 @@ var buildInvalidationByTagsHandler = ({
     }
     const tags = pendingTagInvalidations;
     pendingTagInvalidations = [];
-    if (tags.length === 0)
-      return;
+    if (tags.length === 0) return;
     const toInvalidate = api.util.selectInvalidatedBy(rootState, tags);
     context.batch(() => {
       const valuesArray = Array.from(toInvalidate.values());
@@ -31300,7 +31539,7 @@ var buildInvalidationByTagsHandler = ({
               queryCacheKey
             }));
           } else if (querySubState.status !== "uninitialized") {
-            mwApi.dispatch(refetchQuery(querySubState, queryCacheKey));
+            mwApi.dispatch(refetchQuery(querySubState));
           }
         }
       }
@@ -31336,14 +31575,12 @@ var buildPollingHandler = ({
     const state = api2.getState()[reducerPath];
     const querySubState = state.queries[queryCacheKey];
     const subscriptions = internalState.currentSubscriptions[queryCacheKey];
-    if (!querySubState || querySubState.status === "uninitialized")
-      return;
+    if (!querySubState || querySubState.status === "uninitialized") return;
     const {
       lowestPollingInterval,
       skipPollingIfUnfocused
     } = findLowestPollingInterval(subscriptions);
-    if (!Number.isFinite(lowestPollingInterval))
-      return;
+    if (!Number.isFinite(lowestPollingInterval)) return;
     const currentPoll = currentPolls[queryCacheKey];
     if (currentPoll?.timeout) {
       clearTimeout(currentPoll.timeout);
@@ -31355,7 +31592,7 @@ var buildPollingHandler = ({
       pollingInterval: lowestPollingInterval,
       timeout: setTimeout(() => {
         if (state.config.focused || !skipPollingIfUnfocused) {
-          api2.dispatch(refetchQuery(querySubState, queryCacheKey));
+          api2.dispatch(refetchQuery(querySubState));
         }
         startNextPoll({
           queryCacheKey
@@ -31405,153 +31642,13 @@ var buildPollingHandler = ({
     for (let key in subscribers) {
       if (!!subscribers[key].pollingInterval) {
         lowestPollingInterval = Math.min(subscribers[key].pollingInterval, lowestPollingInterval);
-        skipPollingIfUnfocused = subscribers[key].skipPollingIfUnfocused || skipPollingIfUnfocused;
-      }
-    }
-    return {
-      lowestPollingInterval,
-      skipPollingIfUnfocused
-    };
-  }
-  return handler;
-};
-var buildWindowEventHandler = ({
-  reducerPath,
-  context,
-  api,
-  refetchQuery,
-  internalState
-}) => {
-  const {
-    removeQueryResult
-  } = api.internalActions;
-  const handler = (action, mwApi) => {
-    if (onFocus.match(action)) {
-      refetchValidQueries(mwApi, "refetchOnFocus");
-    }
-    if (onOnline.match(action)) {
-      refetchValidQueries(mwApi, "refetchOnReconnect");
-    }
-  };
-  function refetchValidQueries(api2, type) {
-    const state = api2.getState()[reducerPath];
-    const queries = state.queries;
-    const subscriptions = internalState.currentSubscriptions;
-    context.batch(() => {
-      for (const queryCacheKey of Object.keys(subscriptions)) {
-        const querySubState = queries[queryCacheKey];
-        const subscriptionSubState = subscriptions[queryCacheKey];
-        if (!subscriptionSubState || !querySubState)
-          continue;
-        const shouldRefetch = Object.values(subscriptionSubState).some((sub) => sub[type] === true) || Object.values(subscriptionSubState).every((sub) => sub[type] === void 0) && state.config[type];
-        if (shouldRefetch) {
-          if (countObjectKeys(subscriptionSubState) === 0) {
-            api2.dispatch(removeQueryResult({
-              queryCacheKey
-            }));
-          } else if (querySubState.status !== "uninitialized") {
-            api2.dispatch(refetchQuery(querySubState, queryCacheKey));
-          }
-        }
-      }
-    });
-  }
-  return handler;
-};
-var neverResolvedError = new Error("Promise never resolved before cacheEntryRemoved.");
-var buildCacheLifecycleHandler = ({
-  api,
-  reducerPath,
-  context,
-  queryThunk,
-  mutationThunk,
-  internalState
-}) => {
-  const isQueryThunk = isAsyncThunkAction(queryThunk);
-  const isMutationThunk = isAsyncThunkAction(mutationThunk);
-  const isFulfilledThunk = isFulfilled(queryThunk, mutationThunk);
-  const lifecycleMap = {};
-  const handler = (action, mwApi, stateBefore) => {
-    const cacheKey = getCacheKey(action);
-    if (queryThunk.pending.match(action)) {
-      const oldState = stateBefore[reducerPath].queries[cacheKey];
-      const state = mwApi.getState()[reducerPath].queries[cacheKey];
-      if (!oldState && state) {
-        handleNewKey(action.meta.arg.endpointName, action.meta.arg.originalArgs, cacheKey, mwApi, action.meta.requestId);
-      }
-    } else if (mutationThunk.pending.match(action)) {
-      const state = mwApi.getState()[reducerPath].mutations[cacheKey];
-      if (state) {
-        handleNewKey(action.meta.arg.endpointName, action.meta.arg.originalArgs, cacheKey, mwApi, action.meta.requestId);
-      }
-    } else if (isFulfilledThunk(action)) {
-      const lifecycle = lifecycleMap[cacheKey];
-      if (lifecycle?.valueResolved) {
-        lifecycle.valueResolved({
-          data: action.payload,
-          meta: action.meta.baseQueryMeta
-        });
-        delete lifecycle.valueResolved;
-      }
-    } else if (api.internalActions.removeQueryResult.match(action) || api.internalActions.removeMutationResult.match(action)) {
-      const lifecycle = lifecycleMap[cacheKey];
-      if (lifecycle) {
-        delete lifecycleMap[cacheKey];
-        lifecycle.cacheEntryRemoved();
-      }
-    } else if (api.util.resetApiState.match(action)) {
-      for (const [cacheKey2, lifecycle] of Object.entries(lifecycleMap)) {
-        delete lifecycleMap[cacheKey2];
-        lifecycle.cacheEntryRemoved();
+        skipPollingIfUnfocused = subscribers[key].skipPollingIfUnfocused || skipPollingIfUnfocused;
       }
     }
-  };
-  function getCacheKey(action) {
-    if (isQueryThunk(action))
-      return action.meta.arg.queryCacheKey;
-    if (isMutationThunk(action)) {
-      return action.meta.arg.fixedCacheKey ?? action.meta.requestId;
-    }
-    if (api.internalActions.removeQueryResult.match(action))
-      return action.payload.queryCacheKey;
-    if (api.internalActions.removeMutationResult.match(action))
-      return getMutationCacheKey(action.payload);
-    return "";
-  }
-  function handleNewKey(endpointName, originalArgs, queryCacheKey, mwApi, requestId) {
-    const endpointDefinition = context.endpointDefinitions[endpointName];
-    const onCacheEntryAdded = endpointDefinition?.onCacheEntryAdded;
-    if (!onCacheEntryAdded)
-      return;
-    let lifecycle = {};
-    const cacheEntryRemoved = new Promise((resolve) => {
-      lifecycle.cacheEntryRemoved = resolve;
-    });
-    const cacheDataLoaded = Promise.race([new Promise((resolve) => {
-      lifecycle.valueResolved = resolve;
-    }), cacheEntryRemoved.then(() => {
-      throw neverResolvedError;
-    })]);
-    cacheDataLoaded.catch(() => {
-    });
-    lifecycleMap[queryCacheKey] = lifecycle;
-    const selector = api.endpoints[endpointName].select(endpointDefinition.type === "query" ? originalArgs : queryCacheKey);
-    const extra = mwApi.dispatch((_2, __, extra2) => extra2);
-    const lifecycleApi = {
-      ...mwApi,
-      getCacheEntry: () => selector(mwApi.getState()),
-      requestId,
-      extra,
-      updateCachedData: endpointDefinition.type === "query" ? (updateRecipe) => mwApi.dispatch(api.util.updateQueryData(endpointName, originalArgs, updateRecipe)) : void 0,
-      cacheDataLoaded,
-      cacheEntryRemoved
+    return {
+      lowestPollingInterval,
+      skipPollingIfUnfocused
     };
-    const runningHandler = onCacheEntryAdded(originalArgs, lifecycleApi);
-    Promise.resolve(runningHandler).catch((e) => {
-      if (e === neverResolvedError)
-        return;
-      throw e;
-    });
   }
   return handler;
 };
@@ -31623,147 +31720,47 @@ var buildQueryLifecycleHandler = ({
   };
   return handler;
 };
-var buildDevCheckHandler = ({
-  api,
-  context: {
-    apiUid
-  },
-  reducerPath
-}) => {
-  return (action, mwApi) => {
-    if (api.util.resetApiState.match(action)) {
-      mwApi.dispatch(api.internalActions.middlewareRegistered(apiUid));
-    }
-    if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
-      if (api.internalActions.middlewareRegistered.match(action) && action.payload === apiUid && mwApi.getState()[reducerPath]?.config?.middlewareRegistered === "conflict") {
-        console.warn(`There is a mismatch between slice and middleware for the reducerPath "${reducerPath}".
-You can only have one api per reducer path, this will lead to crashes in various situations!${reducerPath === "api" ? `
-If you have multiple apis, you *have* to specify the reducerPath option when using createApi!` : ""}`);
-      }
-    }
-  };
-};
-var buildBatchedActionsHandler = ({
+var buildWindowEventHandler = ({
+  reducerPath,
+  context,
   api,
-  queryThunk,
+  refetchQuery,
   internalState
 }) => {
-  const subscriptionsPrefix = `${api.reducerPath}/subscriptions`;
-  let previousSubscriptions = null;
-  let updateSyncTimer = null;
   const {
-    updateSubscriptionOptions,
-    unsubscribeQueryResult
+    removeQueryResult
   } = api.internalActions;
-  const actuallyMutateSubscriptions = (mutableState, action) => {
-    var _a, _b;
-    if (updateSubscriptionOptions.match(action)) {
-      const {
-        queryCacheKey,
-        requestId,
-        options
-      } = action.payload;
-      if (mutableState?.[queryCacheKey]?.[requestId]) {
-        mutableState[queryCacheKey][requestId] = options;
-      }
-      return true;
-    }
-    if (unsubscribeQueryResult.match(action)) {
-      const {
-        queryCacheKey,
-        requestId
-      } = action.payload;
-      if (mutableState[queryCacheKey]) {
-        delete mutableState[queryCacheKey][requestId];
-      }
-      return true;
-    }
-    if (api.internalActions.removeQueryResult.match(action)) {
-      delete mutableState[action.payload.queryCacheKey];
-      return true;
-    }
-    if (queryThunk.pending.match(action)) {
-      const {
-        meta: {
-          arg,
-          requestId
-        }
-      } = action;
-      const substate = mutableState[_a = arg.queryCacheKey] ?? (mutableState[_a] = {});
-      substate[`${requestId}_running`] = {};
-      if (arg.subscribe) {
-        substate[requestId] = arg.subscriptionOptions ?? substate[requestId] ?? {};
-      }
-      return true;
-    }
-    let mutated = false;
-    if (queryThunk.fulfilled.match(action) || queryThunk.rejected.match(action)) {
-      const state = mutableState[action.meta.arg.queryCacheKey] || {};
-      const key = `${action.meta.requestId}_running`;
-      mutated || (mutated = !!state[key]);
-      delete state[key];
+  const handler = (action, mwApi) => {
+    if (onFocus.match(action)) {
+      refetchValidQueries(mwApi, "refetchOnFocus");
     }
-    if (queryThunk.rejected.match(action)) {
-      const {
-        meta: {
-          condition,
-          arg,
-          requestId
-        }
-      } = action;
-      if (condition && arg.subscribe) {
-        const substate = mutableState[_b = arg.queryCacheKey] ?? (mutableState[_b] = {});
-        substate[requestId] = arg.subscriptionOptions ?? substate[requestId] ?? {};
-        mutated = true;
-      }
+    if (onOnline.match(action)) {
+      refetchValidQueries(mwApi, "refetchOnReconnect");
     }
-    return mutated;
-  };
-  const getSubscriptions = () => internalState.currentSubscriptions;
-  const getSubscriptionCount = (queryCacheKey) => {
-    const subscriptions = getSubscriptions();
-    const subscriptionsForQueryArg = subscriptions[queryCacheKey] ?? {};
-    return countObjectKeys(subscriptionsForQueryArg);
-  };
-  const isRequestSubscribed = (queryCacheKey, requestId) => {
-    const subscriptions = getSubscriptions();
-    return !!subscriptions?.[queryCacheKey]?.[requestId];
-  };
-  const subscriptionSelectors = {
-    getSubscriptions,
-    getSubscriptionCount,
-    isRequestSubscribed
   };
-  return (action, mwApi) => {
-    if (!previousSubscriptions) {
-      previousSubscriptions = JSON.parse(JSON.stringify(internalState.currentSubscriptions));
-    }
-    if (api.util.resetApiState.match(action)) {
-      previousSubscriptions = internalState.currentSubscriptions = {};
-      updateSyncTimer = null;
-      return [true, false];
-    }
-    if (api.internalActions.internal_getRTKQSubscriptions.match(action)) {
-      return [false, subscriptionSelectors];
-    }
-    const didMutate = actuallyMutateSubscriptions(internalState.currentSubscriptions, action);
-    let actionShouldContinue = true;
-    if (didMutate) {
-      if (!updateSyncTimer) {
-        updateSyncTimer = setTimeout(() => {
-          const newSubscriptions = JSON.parse(JSON.stringify(internalState.currentSubscriptions));
-          const [, patches] = produceWithPatches(previousSubscriptions, () => newSubscriptions);
-          mwApi.next(api.internalActions.subscriptionsUpdated(patches));
-          previousSubscriptions = newSubscriptions;
-          updateSyncTimer = null;
-        }, 500);
+  function refetchValidQueries(api2, type) {
+    const state = api2.getState()[reducerPath];
+    const queries = state.queries;
+    const subscriptions = internalState.currentSubscriptions;
+    context.batch(() => {
+      for (const queryCacheKey of Object.keys(subscriptions)) {
+        const querySubState = queries[queryCacheKey];
+        const subscriptionSubState = subscriptions[queryCacheKey];
+        if (!subscriptionSubState || !querySubState) continue;
+        const shouldRefetch = Object.values(subscriptionSubState).some((sub) => sub[type] === true) || Object.values(subscriptionSubState).every((sub) => sub[type] === void 0) && state.config[type];
+        if (shouldRefetch) {
+          if (countObjectKeys(subscriptionSubState) === 0) {
+            api2.dispatch(removeQueryResult({
+              queryCacheKey
+            }));
+          } else if (querySubState.status !== "uninitialized") {
+            api2.dispatch(refetchQuery(querySubState));
+          }
+        }
       }
-      const isSubscriptionSliceAction = typeof action.type == "string" && !!action.type.startsWith(subscriptionsPrefix);
-      const isAdditionalSubscriptionAction = queryThunk.rejected.match(action) && action.meta.condition && !!action.meta.arg.subscribe;
-      actionShouldContinue = !isSubscriptionSliceAction && !isAdditionalSubscriptionAction;
-    }
-    return [actionShouldContinue, false];
-  };
+    });
+  }
+  return handler;
 };
 function buildMiddleware(input) {
   const {
@@ -31782,7 +31779,7 @@ function buildMiddleware(input) {
   const handlerBuilders = [buildDevCheckHandler, buildCacheCollectionHandler, buildInvalidationByTagsHandler, buildPollingHandler, buildCacheLifecycleHandler, buildQueryLifecycleHandler];
   const middleware = (mwApi) => {
     let initialized2 = false;
-    let internalState = {
+    const internalState = {
       currentSubscriptions: {}
     };
     const builderArgs = {
@@ -31818,7 +31815,7 @@ function buildMiddleware(input) {
         if (!!mwApi.getState()[reducerPath]) {
           windowEventsHandler(action, mwApiWithNext, stateBefore);
           if (isThisApiSliceAction(action) || context.hasRehydrationInfo(action)) {
-            for (let handler of handlers) {
+            for (const handler of handlers) {
               handler(action, mwApiWithNext, stateBefore);
             }
           }
@@ -31831,23 +31828,13 @@ function buildMiddleware(input) {
     middleware,
     actions
   };
-  function refetchQuery(querySubState, queryCacheKey, override = {}) {
-    return queryThunk({
-      type: "query",
-      endpointName: querySubState.endpointName,
-      originalArgs: querySubState.originalArgs,
+  function refetchQuery(querySubState) {
+    return input.api.endpoints[querySubState.endpointName].initiate(querySubState.originalArgs, {
       subscribe: false,
-      forceRefetch: true,
-      queryCacheKey,
-      ...override
+      forceRefetch: true
     });
   }
 }
-function assertCast(v) {
-}
-function safeAssign(target, ...args) {
-  return Object.assign(target, ...args);
-}
 var coreModuleName = /* @__PURE__ */ Symbol();
 var coreModule = ({
   createSelector: createSelector2 = createSelector
@@ -31908,6 +31895,7 @@ var coreModule = ({
       context,
       queryThunk,
       mutationThunk,
+      serializeQueryArgs,
       reducerPath,
       assertTagType,
       config: {
@@ -31924,7 +31912,8 @@ var coreModule = ({
       updateQueryData,
       upsertQueryData,
       prefetch,
-      resetApiState: sliceActions.resetApiState
+      resetApiState: sliceActions.resetApiState,
+      upsertQueryEntries: sliceActions.cacheEntriesUpserted
     });
     safeAssign(api.internalActions, sliceActions);
     const {
@@ -32003,15 +31992,15 @@ var coreModule = ({
 var createApi = /* @__PURE__ */ buildCreateApi(coreModule());
 
 // ../../node_modules/@reduxjs/toolkit/dist/query/react/rtk-query-react.modern.mjs
+import { batch as rrBatch, useDispatch as rrUseDispatch, useSelector as rrUseSelector, useStore as rrUseStore } from "react-redux";
 import { useCallback, useDebugValue, useEffect as useEffect3, useLayoutEffect, useMemo as useMemo2, useRef as useRef3, useState } from "react";
 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 { 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 * as React from "react";
 import { Provider, ReactReduxContext } from "react-redux";
 function isQueryDefinition2(e) {
   return e.type === "query";
@@ -32025,6 +32014,13 @@ function safeAssign2(target, ...args) {
 function capitalize(str) {
   return str.replace(str[0], str[0].toUpperCase());
 }
+function countObjectKeys2(obj) {
+  let count = 0;
+  for (const _key in obj) {
+    count++;
+  }
+  return count;
+}
 var cache2 = WeakMap ? /* @__PURE__ */ new WeakMap() : void 0;
 var defaultSerializeQueryArgs2 = ({
   endpointName,
@@ -32079,7 +32075,12 @@ function useShallowStableValue(value) {
   }, [value]);
   return shallowEqual(cache22.current, value) ? cache22.current : value;
 }
-var useIsomorphicLayoutEffect = typeof window !== "undefined" && !!window.document && !!window.document.createElement ? useLayoutEffect : useEffect3;
+var canUseDOM = () => !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
+var isDOM = /* @__PURE__ */ canUseDOM();
+var isRunningInReactNative = () => typeof navigator !== "undefined" && navigator.product === "ReactNative";
+var isReactNative = /* @__PURE__ */ isRunningInReactNative();
+var getUseIsomorphicLayoutEffect = () => isDOM || isReactNative ? useLayoutEffect : useEffect3;
+var useIsomorphicLayoutEffect = /* @__PURE__ */ getUseIsomorphicLayoutEffect();
 var noPendingQueryStateSelector = (selected) => {
   if (selected.isUninitialized) {
     return {
@@ -32127,12 +32128,10 @@ function buildHooks({
         queryArgs,
         endpointDefinition,
         endpointName
-      }))
-        lastResult = void 0;
+      })) lastResult = void 0;
     }
     let data = currentState.isSuccess ? currentState.data : lastResult?.data;
-    if (data === void 0)
-      data = currentState.data;
+    if (data === void 0) data = currentState.data;
     const hasData = data !== void 0;
     const isFetching = currentState.isLoading;
     const isLoading = (!lastResult || lastResult.isLoading || lastResult.isUninitialized) && !hasData && isFetching;
@@ -32247,8 +32246,7 @@ function buildHooks({
          * A method to manually refetch data for the query
          */
         refetch: () => {
-          if (!promiseRef.current)
-            throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(38) : "Cannot refetch a query that has not been started yet.");
+          if (!promiseRef.current) throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(38) : "Cannot refetch a query that has not been started yet.");
           return promiseRef.current?.refetch();
         }
       }), []);
@@ -32449,13 +32447,6 @@ function buildHooks({
     };
   }
 }
-function countObjectKeys2(obj) {
-  let count = 0;
-  for (const _key in obj) {
-    count++;
-  }
-  return count;
-}
 var reactHooksModuleName = /* @__PURE__ */ Symbol();
 var reactHooksModule = ({
   batch = rrBatch,
@@ -32916,11 +32907,11 @@ var getOrchestratorStore = ({
 };
 
 // src/rtk/storeProvider.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 import { Provider as Provider2 } from "react-redux";
 
 // src/contexts/ConfirmationDialogProvider.tsx
-import { createContext, useState as useState2 } from "react";
+import { createContext, useState as useState3 } from "react";
 
 // src/components/confirmationDialog/WfoConfirmationDialog.tsx
 import { useTranslations } from "next-intl";
@@ -33016,7 +33007,7 @@ var ConfirmationDialogProvider = ConfirmationDialogContext.Provider;
 function ConfirmationDialogContextWrapper({
   children
 }) {
-  const [confirmationDialogOpen, setConfirmationDialogOpen] = useState2(false);
+  const [confirmationDialogOpen, setConfirmationDialogOpen] = useState3(false);
   const [
     {
       onConfirm,
@@ -33027,7 +33018,7 @@ function ConfirmationDialogContextWrapper({
       confirmButtonText
     },
     setState
-  ] = useState2({
+  ] = useState3({
     onConfirm: () => {
     },
     question: ""
@@ -33082,9 +33073,9 @@ function ConfirmationDialogContextWrapper({
 import { createContext as createContext2 } from "react";
 
 // src/hooks/useOrchestratorConfig.ts
-import { useState as useState3 } from "react";
+import { useState as useState4 } from "react";
 var useOrchestratorConfig = (initialOrchestratorConfig) => {
-  const [orchestratorConfig] = useState3(initialOrchestratorConfig);
+  const [orchestratorConfig] = useState4(initialOrchestratorConfig);
   return {
     orchestratorConfig
   };
@@ -33213,7 +33204,7 @@ var StoreProvider = ({
     orchestratorComponentOverride,
     customApis
   });
-  const [orchestratorStore] = useState5(store);
+  const [orchestratorStore] = useState6(store);
   return /* @__PURE__ */ jsx7(Provider2, { store: orchestratorStore, children });
 };
 
@@ -37334,7 +37325,9 @@ var getWfoPageHeaderStyles = ({ theme }) => {
   const getHeaderStyle = (navigationHeight) => {
     return css5({
       backgroundColor: theme.colors.header,
-      height: navigationHeight
+      height: navigationHeight,
+      borderBottom: theme.colors.header
+      // Overrides EuiHeader default border bottom
     });
   };
   return {
@@ -37344,7 +37337,7 @@ var getWfoPageHeaderStyles = ({ theme }) => {
 };
 
 // src/components/WfoPageTemplate/WfoPageHeader/WfoHamburgerMenu.tsx
-import { useState as useState6 } from "react";
+import { useState as useState7 } from "react";
 import { signOut as signOut3 } from "next-auth/react";
 import { useTranslations as useTranslations9 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon3, EuiContextMenu, EuiPopover } from "@elastic/eui";
@@ -37391,7 +37384,7 @@ var WfoQuestionCircle = ({
 import { jsx as jsx68 } from "@emotion/react/jsx-runtime";
 var WfoHamburgerMenu = ({}) => {
   const t = useTranslations9("main");
-  const [isPopoverOpen, setPopoverIsOpen] = useState6(false);
+  const [isPopoverOpen, setPopoverIsOpen] = useState7(false);
   const { theme, isDarkThemeActive } = useOrchestratorTheme();
   const { enableSupportMenuItem, supportMenuItemUrl } = useGetOrchestratorConfig();
   const closePopover = () => {
@@ -37512,11 +37505,11 @@ var WfoPageHeader = ({
 };
 
 // src/components/WfoPageTemplate/WfoPageTemplate/WfoPageTemplate.tsx
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 import { EuiPageTemplate } from "@elastic/eui";
 
 // src/components/WfoPageTemplate/WfoSidebar/WfoSidebar.tsx
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 import { useTranslations as useTranslations13 } from "next-intl";
 import { useRouter as useRouter4 } from "next/router";
 import { EuiSideNav, EuiSpacer as EuiSpacer4 } from "@elastic/eui";
@@ -37628,7 +37621,7 @@ import { useTranslations as useTranslations11 } from "next-intl";
 import { useRouter as useRouter3 } from "next/router";
 
 // src/components/WfoStartButton/WfoStartButtonComboBox.tsx
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 import { EuiButton as EuiButton2, EuiPopover as EuiPopover2, EuiSelectable, EuiSpacer as EuiSpacer3 } from "@elastic/eui";
 
 // src/components/WfoStartButton/styles.ts
@@ -37660,7 +37653,7 @@ var WfoStartButtonComboBox = ({
   isProcess,
   className
 }) => {
-  const [isPopoverOpen, setPopoverOpen] = useState7(false);
+  const [isPopoverOpen, setPopoverOpen] = useState8(false);
   const { theme, isDarkThemeActive } = useOrchestratorTheme();
   const { selectableStyle } = useWithOrchestratorTheme(getStyles4);
   const Button = /* @__PURE__ */ jsx70(
@@ -37811,7 +37804,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
   const { menuStyle } = useWithOrchestratorTheme(getMenuStyles);
   const t = useTranslations13("main");
   const router = useRouter4();
-  const [isSideNavOpenOnMobile, setIsSideNavOpenOnMobile] = useState8(false);
+  const [isSideNavOpenOnMobile, setIsSideNavOpenOnMobile] = useState9(false);
   const { isAllowed } = usePolicy();
   const toggleMobile = () => {
     setIsSideNavOpenOnMobile((openState) => !openState);
@@ -38030,7 +38023,7 @@ var WfoPageTemplate = ({
   onThemeSwitch
 }) => {
   const { theme, multiplyByBaseUnit } = useOrchestratorTheme();
-  const [isSideMenuVisible, setIsSideMenuVisible] = useState9(true);
+  const [isSideMenuVisible, setIsSideMenuVisible] = useState10(true);
   const navigationHeight = multiplyByBaseUnit(3);
   return /* @__PURE__ */ jsxs48(Fragment8, { children: [
     /* @__PURE__ */ jsx75(
@@ -38083,7 +38076,7 @@ var WfoPageTemplate = ({
 };
 
 // src/components/WfoSearchBar/WfoSearchField.tsx
-import { useEffect as useEffect6, useRef as useRef4, useState as useState10 } from "react";
+import { useEffect as useEffect6, useRef as useRef4, useState as useState11 } from "react";
 import { useTranslations as useTranslations14 } from "next-intl";
 import { EuiFieldSearch, EuiFormRow } from "@elastic/eui";
 
@@ -38212,7 +38205,7 @@ var WfoSearchField = ({
   const handleSearch = useRef4(
     (queryText) => onUpdateQueryString?.(queryText)
   );
-  const [currentQuery, setCurrentQuery] = useState10(queryString ?? "");
+  const [currentQuery, setCurrentQuery] = useState11(queryString ?? "");
   useEffect6(() => {
     setCurrentQuery(queryString ?? "");
   }, [queryString]);
@@ -39025,7 +39018,7 @@ var WfoProcessesTimeline = ({
 };
 
 // src/components/WfoSubscription/WfoRelatedSubscriptions.tsx
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import { useTranslations as useTranslations26 } from "next-intl";
 import Link3 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup8, EuiFlexItem as EuiFlexItem5, EuiSpacer as EuiSpacer12, EuiSwitch } from "@elastic/eui";
@@ -39494,7 +39487,7 @@ var WfoSortDirectionIcon = ({
 };
 
 // src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoTableHeaderCell.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 import { useTranslations as useTranslations22 } from "next-intl";
 import {
   EuiFieldSearch as EuiFieldSearch2,
@@ -39526,7 +39519,7 @@ var WfoTableHeaderCell = ({
   const smallContextMenuPopoverId = useGeneratedHtmlId({
     prefix: "smallContextMenuPopover"
   });
-  const [isPopoverOpen, setPopover] = useState11(false);
+  const [isPopoverOpen, setPopover] = useState12(false);
   const handleButtonClick = () => setPopover(!isPopoverOpen);
   const closePopover = () => setPopover(false);
   const handleSearch = (searchText) => {
@@ -39746,7 +39739,7 @@ import { useTranslations as useTranslations25 } from "next-intl";
 import { EuiButtonEmpty as EuiButtonEmpty3, EuiFlexGroup as EuiFlexGroup7, EuiSpacer as EuiSpacer11 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/useGroupedTableConfig.tsx
-import { useEffect as useEffect7, useRef as useRef5, useState as useState12 } from "react";
+import { useEffect as useEffect7, useRef as useRef5, useState as useState13 } from "react";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandableRow.tsx
 import { useTranslations as useTranslations24 } from "next-intl";
@@ -39962,10 +39955,10 @@ var useGroupedTableConfig = ({
   notifyParent
 }) => {
   const groupReferences = useRef5(/* @__PURE__ */ new Map());
-  const [expandedRowIds, setExpandedRowIds] = useState12([]);
-  const [isAllGroupsExpanded, setIsAllGroupsExpanded] = useState12(false);
-  const [isAllSubgroupsExpanded, setIsAllSubgroupsExpanded] = useState12([]);
-  const [isExpanding, setIsExpanding] = useState12(false);
+  const [expandedRowIds, setExpandedRowIds] = useState13([]);
+  const [isAllGroupsExpanded, setIsAllGroupsExpanded] = useState13(false);
+  const [isAllSubgroupsExpanded, setIsAllSubgroupsExpanded] = useState13([]);
+  const [isExpanding, setIsExpanding] = useState13(false);
   const groups = getObjectKeys(data).map((key) => ({
     groupName: key.toString()
   }));
@@ -40210,7 +40203,7 @@ import { Fragment as Fragment20, jsx as jsx103, jsxs as jsxs61 } from "@emotion/
 var WfoRelatedSubscriptions = ({
   subscriptionId
 }) => {
-  const [hideTerminatedSubscriptions, setHideTerminatedSubscriptions] = useState13(true);
+  const [hideTerminatedSubscriptions, setHideTerminatedSubscriptions] = useState14(true);
   const t = useTranslations26("subscriptions.detail");
   const { theme } = useOrchestratorTheme();
   const terminatedSubscriptionsFilter = {
@@ -40495,7 +40488,7 @@ var WfoSubscription = ({ subscriptionId }) => {
 };
 
 // src/components/WfoSubscription/WfoSubscriptionActions.tsx
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 import { useTranslations as useTranslations28 } from "next-intl";
 import Link4 from "next/link";
 import { useRouter as useRouter5 } from "next/router";
@@ -40541,7 +40534,7 @@ var WfoSubscriptionActions = ({
   const { theme } = useOrchestratorTheme();
   const router = useRouter5();
   const t = useTranslations28("subscriptions.detail.actions");
-  const [isPopoverOpen, setPopover] = useState14(false);
+  const [isPopoverOpen, setPopover] = useState15(false);
   const { data: subscriptionActions } = useGetSubscriptionActionsQuery(
     {
       subscriptionId
@@ -40679,7 +40672,7 @@ var WfoSubscriptionActions = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoSubscriptionProductBlock.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { useTranslations as useTranslations30 } from "next-intl";
 import {
   EuiBadge as EuiBadge2,
@@ -40827,7 +40820,7 @@ var WfoSubscriptionProductBlock = ({
     outsideSubscriptionIdTextStyle,
     rowStyle
   } = useWithOrchestratorTheme(getStyles5);
-  const [showDetails, setShowDetails] = useState15(false);
+  const [showDetails, setShowDetails] = useState16(false);
   const ownerSubscriptionId = productBlock.subscription.subscriptionId;
   const isOutsideCurrentSubscription = ownerSubscriptionId !== subscriptionId;
   const inUseByRelations = productBlock.inUseByRelations.filter(
@@ -40983,7 +40976,7 @@ var WfoProductBlockKeyValueRow = ({ fieldValue }) => {
 };
 
 // src/components/WfoSubscription/WfoSubscriptionDetailTree.tsx
-import React28, { useState as useState16 } from "react";
+import React28, { useState as useState17 } from "react";
 import { useTranslations as useTranslations32 } from "next-intl";
 import { EuiCallOut, EuiFlexGroup as EuiFlexGroup14, EuiFlexItem as EuiFlexItem10, EuiText as EuiText10 } from "@elastic/eui";
 
@@ -41274,7 +41267,7 @@ var WfoSubscriptionDetailTree = ({
 }) => {
   const t = useTranslations32("subscriptions.detail");
   const { theme } = useOrchestratorTheme();
-  const [, setSelectedTreeNode] = useState16(-1);
+  const [, setSelectedTreeNode] = useState17(-1);
   const { productBlockTreeWidth } = useWithOrchestratorTheme(
     getSubscriptionDetailStyles
   );
@@ -41530,7 +41523,7 @@ var WfoCustomerDescriptionsField = ({ customerDescriptions }) => {
 };
 
 // src/components/WfoTable/WfoTableSettingsModal/WfoTableSettingsModal.tsx
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 import { useTranslations as useTranslations33 } from "next-intl";
 import {
   EuiForm,
@@ -41571,8 +41564,8 @@ var TableSettingsModal = ({
   const { formRowStyle, selectFieldStyle } = useWithOrchestratorTheme(
     getWfoTableSettingsModalStyles
   );
-  const [columns, setColumns] = useState17(tableConfig.columns);
-  const [selectedPageSize, setSelectedPageSize] = useState17(
+  const [columns, setColumns] = useState18(tableConfig.columns);
+  const [selectedPageSize, setSelectedPageSize] = useState18(
     tableConfig.selectedPageSize
   );
   const options = pageSizeOptions.map((pageSizeOption) => ({
@@ -41931,7 +41924,7 @@ var toSortedTableColumnConfig = (columnConfig, columnKeys) => columnKeys.reduce(
 }, {});
 
 // src/components/WfoTable/WfoAdvancedTable/WfoAdvancedTable.tsx
-import { useEffect as useEffect9, useState as useState18 } from "react";
+import { useEffect as useEffect9, useState as useState19 } from "react";
 import { useTranslations as useTranslations34 } from "next-intl";
 import {
   EuiButton as EuiButton8,
@@ -41956,10 +41949,10 @@ var WfoAdvancedTable = ({
   ...tableProps
 }) => {
   const { theme } = useOrchestratorTheme();
-  const [hiddenColumns, setHiddenColumns] = useState18(defaultHiddenColumns);
-  const [showSettingsModal, setShowSettingsModal] = useState18(false);
-  const [selectedDataForDetailModal, setSelectedDataForDetailModal] = useState18(void 0);
-  const [showSearchModal, setShowSearchModal] = useState18(false);
+  const [hiddenColumns, setHiddenColumns] = useState19(defaultHiddenColumns);
+  const [showSettingsModal, setShowSettingsModal] = useState19(false);
+  const [selectedDataForDetailModal, setSelectedDataForDetailModal] = useState19(void 0);
+  const [showSearchModal, setShowSearchModal] = useState19(false);
   const t = useTranslations34("common");
   useEffect9(() => {
     if (defaultHiddenColumns) {
@@ -42352,7 +42345,7 @@ var WfoToastsList = () => {
 };
 
 // src/components/WfoForms/AutoFields.tsx
-import { createElement } from "react";
+import { createElement as createElement2 } from "react";
 import { useForm } from "uniforms";
 import { AutoField } from "uniforms-unstyled";
 function AutoFields({
@@ -42363,11 +42356,11 @@ function AutoFields({
   ...props
 }) {
   const { schema } = useForm();
-  return createElement(
+  return createElement2(
     element,
     { ...props },
     (fields ?? schema.getSubfields()).filter((field) => !omitFields.includes(field)).map(
-      (field) => createElement(autoField, {
+      (field) => createElement2(autoField, {
         key: field,
         name: field,
         className: "form-input"
@@ -42377,7 +42370,7 @@ function AutoFields({
 }
 
 // src/components/WfoForms/UserInputForm.tsx
-import { useContext as useContext6, useState as useState27 } from "react";
+import { useContext as useContext6, useState as useState28 } from "react";
 import invariant from "invariant";
 import cloneDeep2 from "lodash/cloneDeep";
 import get8 from "lodash/get";
@@ -43620,7 +43613,7 @@ function Date2({
 var DateField = connectField15(Date2, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/LocationCodeField.tsx
-import { useEffect as useEffect11, useState as useState19 } from "react";
+import { useEffect as useEffect11, useState as useState20 } from "react";
 import { useTranslations as useTranslations39 } from "next-intl";
 import { connectField as connectField16, filterDOMProps as filterDOMProps16 } from "uniforms";
 
@@ -43731,7 +43724,7 @@ import { jsx as jsx150 } from "@emotion/react/jsx-runtime";
 filterDOMProps16.register("locationCodes");
 function LocationCode({ locationCodes, ...props }) {
   const t = useTranslations39("pydanticForms");
-  const [codes, setCodes] = useState19(locationCodes ?? []);
+  const [codes, setCodes] = useState20(locationCodes ?? []);
   const { data, error } = useLocationCodesQuery();
   useEffect11(() => {
     if (data) {
@@ -43910,7 +43903,7 @@ var ContactPersonAutocomplete = ({
 };
 
 // src/components/WfoForms/formFields/deprecated/ContactPersonNameField.tsx
-import React36, { useEffect as useEffect13, useState as useState20 } from "react";
+import React36, { useEffect as useEffect13, useState as useState21 } from "react";
 import { isFunction as isFunction2 } from "lodash";
 import get4 from "lodash/get";
 import { useTranslations as useTranslations40 } from "next-intl";
@@ -43975,9 +43968,9 @@ function ContactPersonName({
     customerInitialValue = "";
   }
   const customerIdValue = customerId || contactsField.field.customerId || get4(model, customerIdFieldName, customerInitialValue);
-  const [displayAutocomplete, setDisplayAutocomplete] = useState20(false);
-  const [contactPersons, setContactPersons] = useState20([]);
-  const [selectedIndex, setSelectedIndex] = useState20(-1);
+  const [displayAutocomplete, setDisplayAutocomplete] = useState21(false);
+  const [contactPersons, setContactPersons] = useState21([]);
+  const [selectedIndex, setSelectedIndex] = useState21(-1);
   const { data, error: fetchError } = useContactPersonsQuery(
     { customerIdValue },
     { skip: !customerIdValue }
@@ -44094,7 +44087,7 @@ var ContactPersonNameField = connectField17(ContactPersonName, {
 });
 
 // src/components/WfoForms/formFields/deprecated/ImsNodeIdField.tsx
-import { useEffect as useEffect14, useState as useState21 } from "react";
+import { useEffect as useEffect14, useState as useState22 } from "react";
 import { get as get5 } from "lodash";
 import { useTranslations as useTranslations41 } from "next-intl";
 import { connectField as connectField18, filterDOMProps as filterDOMProps18 } from "uniforms";
@@ -44109,7 +44102,7 @@ function ImsNodeId({
   ...props
 }) {
   const t = useTranslations41("pydanticForms");
-  const [nodes, setNodes] = useState21([]);
+  const [nodes, setNodes] = useState22([]);
   const { data, isLoading, error } = useImsNodesQuery(
     {
       locationCode,
@@ -44147,7 +44140,7 @@ function ImsNodeId({
 var ImsNodeIdField = connectField18(ImsNodeId, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/deprecated/ImsPortIdField.tsx
-import { useCallback as useCallback4, useEffect as useEffect15, useState as useState22 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect15, useState as useState23 } from "react";
 import ReactSelect2 from "react-select";
 import { useTranslations as useTranslations42 } from "next-intl";
 import { connectField as connectField19, filterDOMProps as filterDOMProps19 } from "uniforms";
@@ -44203,10 +44196,10 @@ function ImsPortId({
   nodeStatuses,
   ...props
 }) {
-  const [nodeId, setNodeId] = useState22(
+  const [nodeId, setNodeId] = useState23(
     nodeSubscriptionId
   );
-  const [ports, setPorts] = useState22([]);
+  const [ports, setPorts] = useState23([]);
   const t = useTranslations42("pydanticForms");
   const { reactSelectInnerComponentStyles } = useWithOrchestratorTheme(getSelectFieldStyles);
   const {
@@ -44315,13 +44308,13 @@ function ImsPortId({
 var ImsPortIdField = connectField19(ImsPortId, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/deprecated/IpNetworkField.tsx
-import { useState as useState25 } from "react";
+import { useState as useState26 } from "react";
 import { useTranslations as useTranslations43 } from "next-intl";
 import { connectField as connectField20, filterDOMProps as filterDOMProps20 } from "uniforms";
 import { EuiCallOut as EuiCallOut2, EuiFormRow as EuiFormRow14, EuiText as EuiText26 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/deprecated/SplitPrefix.tsx
-import { useEffect as useEffect16, useState as useState23 } from "react";
+import { useEffect as useEffect16, useState as useState24 } from "react";
 import ReactSelect3 from "react-select";
 import { range as range2 } from "lodash";
 import { EuiFlexItem as EuiFlexItem18 } from "@elastic/eui";
@@ -44380,8 +44373,8 @@ var SplitPrefix = ({
   onChange,
   selectedSubnet
 }) => {
-  const [subnets, setSubnets] = useState23([]);
-  const [desiredPrefixlen, setDesiredPrefixlen] = useState23(prefixMin);
+  const [subnets, setSubnets] = useState24([]);
+  const [desiredPrefixlen, setDesiredPrefixlen] = useState24(prefixMin);
   const { data, isFetching } = useFreeSubnetsQuery({
     subnet,
     netmask: prefixlen,
@@ -44467,7 +44460,7 @@ var SplitPrefix = ({
 var SplitPrefix_default = SplitPrefix;
 
 // src/components/WfoForms/formFields/deprecated/IpPrefixTableField.tsx
-import { useCallback as useCallback5, useEffect as useEffect17, useState as useState24 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect17, useState as useState25 } from "react";
 import ReactSelect4 from "react-select";
 import {
   EuiBadge as EuiBadge4,
@@ -44500,9 +44493,9 @@ var IpPrefixTableField = ({
   onManualOverride,
   selected_prefix_id
 }) => {
-  const [ipBlocks, setIpBlocks] = useState24([]);
-  const [filteredPrefixes, setFilteredPrefixes] = useState24([]);
-  const [filter, setFilter] = useState24({
+  const [ipBlocks, setIpBlocks] = useState25([]);
+  const [filteredPrefixes, setFilteredPrefixes] = useState25([]);
+  const [filter, setFilter] = useState25({
     state: [
       ipamStates.indexOf("Free"),
       ipamStates.indexOf("Allocated"),
@@ -44511,14 +44504,14 @@ var IpPrefixTableField = ({
     ],
     prefix: void 0
   });
-  const [sorted] = useState24({
+  const [sorted] = useState25({
     name: "prefix",
     descending: false
   });
-  const [manualOverrideVisible, setManualOverrideVisible] = useState24(false);
-  const [manualOverrideValue, setManualOverrideValue] = useState24("");
-  const [selectionDone, setSelectionDone] = useState24(false);
-  const [parentPrefix, setParentPrefix] = useState24(1);
+  const [manualOverrideVisible, setManualOverrideVisible] = useState25(false);
+  const [manualOverrideValue, setManualOverrideValue] = useState25("");
+  const [selectionDone, setSelectionDone] = useState25(false);
+  const [parentPrefix, setParentPrefix] = useState25(1);
   const { data: prefixFiltersData } = usePrefixFiltersQuery();
   const { data: ipBlocksData, isFetching } = useIpBlocksQuery({
     parentPrefix
@@ -44814,10 +44807,10 @@ function IpNetwork({
 }) {
   const { formRowStyle } = useWithOrchestratorTheme(getCommonFormFieldStyles);
   const t = useTranslations43("pydanticForms");
-  const [selectedPrefix, setSelectedPrefix] = useState25(
+  const [selectedPrefix, setSelectedPrefix] = useState26(
     void 0
   );
-  const [manualOverride, setManualOverride] = useState25(false);
+  const [manualOverride, setManualOverride] = useState26(false);
   const usePrefix = selectedPrefix?.prefix ?? value;
   const [subnet, netmask] = usePrefix?.split("/") ?? ["", ""];
   const usedPrefixMin = prefixMin ?? parseInt(netmask, 10) + (selectedPrefix?.state === 0 ? 0 : 1);
@@ -45074,7 +45067,7 @@ function Timestamp({
 var TimestampField = connectField21(Timestamp, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/deprecated/VlanField.tsx
-import { useEffect as useEffect18, useState as useState26 } from "react";
+import { useEffect as useEffect18, useState as useState27 } from "react";
 import get6 from "lodash/get";
 import { useTranslations as useTranslations44 } from "next-intl";
 import { connectField as connectField22, filterDOMProps as filterDOMProps22, joinName as joinName7, useForm as useForm7 } from "uniforms";
@@ -45185,8 +45178,8 @@ function Vlan({
       onChange("");
     }
   }, [onChange, subscriptionId, isFetched, portIsTagged]);
-  const [usedVlansInIms, setUsedVlansInIms] = useState26([]);
-  const [missingInIms, setMissingInIms] = useState26(false);
+  const [usedVlansInIms, setUsedVlansInIms] = useState27([]);
+  const [missingInIms, setMissingInIms] = useState27(false);
   const {
     data,
     isFetching: isLoading,
@@ -46215,9 +46208,9 @@ function WfoUserInputForm({
   const tDialog = useTranslations48("confirmationDialog");
   const { theme } = useOrchestratorTheme();
   const { showConfirmDialog } = useContext6(ConfirmationDialogContext);
-  const [processing, setProcessing] = useState27(false);
-  const [nrOfValidationErrors, setNrOfValidationErrors] = useState27(0);
-  const [rootErrors, setRootErrors] = useState27([]);
+  const [processing, setProcessing] = useState28(false);
+  const [nrOfValidationErrors, setNrOfValidationErrors] = useState28(0);
+  const [rootErrors, setRootErrors] = useState28([]);
   const openLeavePageDialog = (leaveAction, leaveQuestion) => {
     const question = leaveQuestion || tDialog("leavePage");
     const subQuestion = leaveQuestion ? tDialog("leavePageSub") : "";
@@ -46399,7 +46392,7 @@ function WfoUserInputForm({
 }
 
 // src/components/WfoForms/UserInputFormWizard.tsx
-import { useEffect as useEffect19, useState as useState28 } from "react";
+import { useEffect as useEffect19, useState as useState29 } from "react";
 import { useRouter as useRouter6 } from "next/router";
 import hash from "object-hash";
 import { jsx as jsx167 } from "@emotion/react/jsx-runtime";
@@ -46418,10 +46411,10 @@ var UserInputFormWizard = ({
   isResuming = false
 }) => {
   const router = useRouter6();
-  const [forms, setForms] = useState28([
+  const [forms, setForms] = useState29([
     { form: stepUserInput, hasNext }
   ]);
-  const [userInputs, setUserInputs] = useState28([]);
+  const [userInputs, setUserInputs] = useState29([]);
   useEffect19(() => {
     setForms([{ form: stepUserInput, hasNext }]);
   }, [hasNext, stepUserInput]);
@@ -46475,11 +46468,11 @@ var UserInputFormWizard = ({
 };
 
 // src/components/WfoForms/CreateForm.tsx
-import { useCallback as useCallback6, useEffect as useEffect20, useState as useState29 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect20, useState as useState30 } from "react";
 import { jsx as jsx168 } from "@emotion/react/jsx-runtime";
 function CreateForm(props) {
   const { preselectedInput, formKey, handleSubmit, handleCancel } = props;
-  const [form, setForm] = useState29({});
+  const [form, setForm] = useState30({});
   const { stepUserInput, hasNext } = form;
   const [startForm] = useStartFormMutation();
   const submit = useCallback6(
@@ -46559,7 +46552,7 @@ var WfoAuth = ({
 };
 
 // src/components/WfoDropdownButton/WfoDropdownButton.tsx
-import { useState as useState30 } from "react";
+import { useState as useState31 } from "react";
 import { EuiButtonGroup, EuiPopover as EuiPopover5 } from "@elastic/eui";
 import { jsx as jsx173 } from "@emotion/react/jsx-runtime";
 var WfoDropdownButton = ({
@@ -46567,8 +46560,8 @@ var WfoDropdownButton = ({
   isDisabled = false,
   children
 }) => {
-  const [isHovered, setIsHovered] = useState30(false);
-  const [isPopoverOpen, setPopoverOpen] = useState30(false);
+  const [isHovered, setIsHovered] = useState31(false);
+  const [isPopoverOpen, setPopoverOpen] = useState31(false);
   const buttonOptions = [
     {
       id: "id_1",
@@ -46625,7 +46618,7 @@ import { useTranslations as useTranslations69 } from "next-intl";
 import Link8 from "next/link";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { useEffect as useEffect21, useState as useState31 } from "react";
+import { useEffect as useEffect21, useState as useState32 } from "react";
 import { useTranslations as useTranslations51 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup2 } from "@elastic/eui";
 
@@ -46691,7 +46684,7 @@ var WfoProductBlocksPage = () => {
   const t = useTranslations51("metadata.productBlocks");
   const tError = useTranslations51("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState31();
+  const [tableDefaults, setTableDefaults] = useState32();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_PRODUCT_BLOCKS_TABLE_LOCAL_STORAGE_KEY
   );
@@ -46875,7 +46868,7 @@ var WfoProductBlocksPage = () => {
 };
 
 // src/pages/metadata/WfoResourceTypesPage.tsx
-import { useEffect as useEffect22, useState as useState32 } from "react";
+import { useEffect as useEffect22, useState as useState33 } from "react";
 import { useTranslations as useTranslations52 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup3 } from "@elastic/eui";
 import { Fragment as Fragment40, jsx as jsx176, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
@@ -46884,7 +46877,7 @@ var WfoResourceTypesPage = () => {
   const t = useTranslations52("metadata.resourceTypes");
   const tError = useTranslations52("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState32();
+  const [tableDefaults, setTableDefaults] = useState33();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY
   );
@@ -47025,7 +47018,7 @@ var WfoResourceTypesPage = () => {
 };
 
 // src/pages/metadata/WfoProductsPage.tsx
-import { useEffect as useEffect23, useState as useState33 } from "react";
+import { useEffect as useEffect23, useState as useState34 } from "react";
 import { useTranslations as useTranslations53 } from "next-intl";
 import { Fragment as Fragment41, jsx as jsx177, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
 var PRODUCT_FIELD_NAME = "name";
@@ -47033,7 +47026,7 @@ var WfoProductsPage = () => {
   const t = useTranslations53("metadata.products");
   const tError = useTranslations53("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState33();
+  const [tableDefaults, setTableDefaults] = useState34();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY
   );
@@ -47228,7 +47221,7 @@ var WfoProductsPage = () => {
 };
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { useEffect as useEffect24, useState as useState34 } from "react";
+import { useEffect as useEffect24, useState as useState35 } from "react";
 import { useTranslations as useTranslations54 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup4 } from "@elastic/eui";
 
@@ -47266,7 +47259,7 @@ var WfoWorkflowsPage = () => {
   const t = useTranslations54("metadata.workflows");
   const tError = useTranslations54("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState34();
+  const [tableDefaults, setTableDefaults] = useState35();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY
   );
@@ -47418,7 +47411,7 @@ var WfoWorkflowsPage = () => {
 };
 
 // src/pages/metadata/WfoTasksPage.tsx
-import { useEffect as useEffect25, useState as useState35 } from "react";
+import { useEffect as useEffect25, useState as useState36 } from "react";
 import { useTranslations as useTranslations55 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup5 } from "@elastic/eui";
 
@@ -47456,7 +47449,7 @@ var WfoTasksPage = () => {
   const t = useTranslations55("metadata.tasks");
   const tError = useTranslations55("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState35();
+  const [tableDefaults, setTableDefaults] = useState36();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_TASKS_TABLE_LOCAL_STORAGE_KEY
   );
@@ -48198,7 +48191,7 @@ var WfoProcessDetailPage = ({
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useCallback as useCallback8, useEffect as useEffect28, useMemo as useMemo5, useState as useState40 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect28, useMemo as useMemo5, useState as useState41 } from "react";
 import { useTranslations as useTranslations62 } from "next-intl";
 import { useRouter as useRouter9 } from "next/router";
 import {
@@ -48441,7 +48434,7 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 import { EuiFlexItem as EuiFlexItem25 } from "@elastic/eui";
 import { jsx as jsx184 } from "@emotion/react/jsx-runtime";
 var WfoStepForm = ({
@@ -48449,8 +48442,8 @@ var WfoStepForm = ({
   isTask,
   processId
 }) => {
-  const [isProcessing, setIsProcessing] = useState36(false);
-  const [hasError, setHasError] = useState36(false);
+  const [isProcessing, setIsProcessing] = useState37(false);
+  const [hasError, setHasError] = useState37(false);
   const { theme } = useOrchestratorTheme();
   const [resumeProcess] = useResumeProcessMutation();
   const submitForm = (processInput) => {
@@ -48700,12 +48693,12 @@ var WfoStepList = React57.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React59, { useEffect as useEffect27, useState as useState38 } from "react";
+import React59, { useEffect as useEffect27, useState as useState39 } from "react";
 import { useTranslations as useTranslations60 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
-import { useCallback as useCallback7, useEffect as useEffect26, useMemo as useMemo4, useState as useState37 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect26, useMemo as useMemo4, useState as useState38 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
 import { useTranslations as useTranslations58 } from "next-intl";
@@ -48762,10 +48755,10 @@ var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
 var WfoDiff = ({ oldText, newText, syntax }) => {
   const t = useTranslations58("processes.delta");
-  const [showSplit, setShowSplit] = useState37(true);
-  const [showFull, setShowFull] = useState37(false);
+  const [showSplit, setShowSplit] = useState38(true);
+  const [showFull, setShowFull] = useState38(false);
   const { diffStyle } = useWithOrchestratorTheme(getWfoDiffStyles);
-  const [{ type, hunks }, setDiff] = useState37({
+  const [{ type, hunks }, setDiff] = useState38({
     type: "modify",
     hunks: []
   });
@@ -48895,16 +48888,16 @@ var WfoWorkflowStepList = React59.forwardRef(
     isTask,
     userInputForm
   }, reference) => {
-    const [showHiddenKeys, setShowHiddenKeys] = useState38(false);
-    const [showRaw, setShowRaw] = useState38(false);
-    const [showDelta, setShowDelta] = useState38(false);
-    const [showTraceback, setShowTraceback] = useState38(false);
+    const [showHiddenKeys, setShowHiddenKeys] = useState39(false);
+    const [showRaw, setShowRaw] = useState39(false);
+    const [showDelta, setShowDelta] = useState39(false);
+    const [showTraceback, setShowTraceback] = useState39(false);
     const t = useTranslations60("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
     }));
-    const [stepListItems, setStepListItems] = useState38(initialStepListItems);
+    const [stepListItems, setStepListItems] = useState39(initialStepListItems);
     const persistStepListItemState = (previousStepListItems, updatedSteps, userInputForm2) => {
       const reversedSteps = [...updatedSteps].reverse();
       const lastStepWithSuspendStatusStepId = reversedSteps.find(
@@ -48994,7 +48987,7 @@ var WfoWorkflowStepList = React59.forwardRef(
 WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { useState as useState39 } from "react";
+import { useState as useState40 } from "react";
 import { useTranslations as useTranslations61 } from "next-intl";
 import {
   EuiButton as EuiButton12,
@@ -49056,7 +49049,7 @@ var WfoStepListHeader = ({
     stepListContentBoldTextStyle,
     stepListOptionsContainerStyle
   } = useWithOrchestratorTheme(getStyles13);
-  const [isViewOptionOpen, setIsViewOptionOpen] = useState39(false);
+  const [isViewOptionOpen, setIsViewOptionOpen] = useState40(false);
   const onViewOptionClick = () => setIsViewOptionOpen((isViewOptionOpen2) => !isViewOptionOpen2);
   const closeViewOption = () => setIsViewOptionOpen(false);
   const viewOptionButton = /* @__PURE__ */ jsx191(
@@ -49171,9 +49164,9 @@ var WfoStartProcessPage = ({
 }) => {
   const t = useTranslations62("processes.steps");
   const router = useRouter9();
-  const [hasError, setHasError] = useState40(false);
+  const [hasError, setHasError] = useState41(false);
   const { theme } = useOrchestratorTheme();
-  const [form, setForm] = useState40({});
+  const [form, setForm] = useState41({});
   const { productId, subscriptionId } = router.query;
   const {
     data: subscriptionDetail,
@@ -49435,14 +49428,14 @@ var WfoSubscriptionDetailPage = () => {
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect29, useState as useState41 } from "react";
+import { useEffect as useEffect29, useState as useState42 } from "react";
 import { useTranslations as useTranslations66 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiSpacer as EuiSpacer20 } from "@elastic/eui";
 import { Fragment as Fragment53, jsx as jsx197, jsxs as jsxs113 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   const t = useTranslations66("subscriptions.detail");
-  const [tableDefaults, setTableDefaults] = useState41();
+  const [tableDefaults, setTableDefaults] = useState42();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
   );
@@ -49507,7 +49500,7 @@ var WfoSubscriptionsListPage = () => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext9, useEffect as useEffect30, useState as useState42 } from "react";
+import { useContext as useContext9, useEffect as useEffect30, useState as useState43 } from "react";
 import { useTranslations as useTranslations67 } from "next-intl";
 import Link7 from "next/link";
 import { useRouter as useRouter11 } from "next/router";
@@ -49585,7 +49578,7 @@ var WfoTasksListPage = () => {
     "activeTab",
     withDefault4(StringParam4, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState42();
+  const [tableDefaults, setTableDefaults] = useState43();
   const selectedTasksListTab = getTasksListTabTypeFromString(activeTab);
   const localStorageKey = selectedTasksListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY;
   const getStoredTableConfig = useStoredTableConfig(localStorageKey);
@@ -49694,7 +49687,7 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect31, useState as useState43 } from "react";
+import { useEffect as useEffect31, useState as useState44 } from "react";
 import { useTranslations as useTranslations68 } from "next-intl";
 import { useRouter as useRouter12 } from "next/router";
 import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
@@ -49771,7 +49764,7 @@ var WfoWorkflowsListPage = () => {
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState43();
+  const [tableDefaults, setTableDefaults] = useState44();
   const selectedWorkflowsListTab = getWorkflowsListTabTypeFromString(activeTab);
   const localStorageKey = selectedWorkflowsListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY;
   const getStoredTableConfig = useStoredTableConfig(localStorageKey);
@@ -50155,7 +50148,7 @@ var WfoJsonCodeBlock = ({
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { useState as useState44 } from "react";
+import { useState as useState45 } from "react";
 import { useTranslations as useTranslations70 } from "next-intl";
 import {
   EuiButton as EuiButton14,
@@ -50197,7 +50190,7 @@ var WfoFlushSettings = () => {
   );
   const [clearCache] = useClearCacheMutation();
   const t = useTranslations70("settings.page");
-  const [selectedOptions, setSelected] = useState44(
+  const [selectedOptions, setSelected] = useState45(
     []
   );
   const { showToastMessage } = useShowToastMessage();
@@ -51349,23 +51342,25 @@ var WfoProductsSummaryCard = () => {
 };
 
 // src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx
-import { EuiFlexGroup as EuiFlexGroup32, EuiFlexItem as EuiFlexItem36, EuiPageHeader as EuiPageHeader3 } from "@elastic/eui";
-import { jsx as jsx224, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
+import { EuiPageHeader as EuiPageHeader3 } from "@elastic/eui";
+import { Fragment as Fragment57, jsx as jsx224, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
 var WfoTitleWithWebsocketBadge = ({
   title
 }) => {
   const { useWebSockets } = useGetOrchestratorConfig();
-  return /* @__PURE__ */ jsxs128(EuiFlexGroup32, { gutterSize: "s", alignItems: "baseline", children: [
-    /* @__PURE__ */ jsx224(EuiFlexItem36, { grow: 0, children: /* @__PURE__ */ jsx224(EuiPageHeader3, { pageTitle: title }) }),
-    /* @__PURE__ */ jsx224(EuiFlexItem36, { grow: 0, children: useWebSockets && /* @__PURE__ */ jsx224(WfoWebsocketStatusBadge, {}) })
-  ] });
+  const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs128(Fragment57, { children: [
+    title,
+    " ",
+    /* @__PURE__ */ jsx224(WfoWebsocketStatusBadge, {})
+  ] }) : title;
+  return /* @__PURE__ */ jsx224(EuiPageHeader3, { pageTitle });
 };
 
 // src/components/WfoRadioDropdown/WfoRadioDropdown.tsx
-import { useState as useState45 } from "react";
+import { useState as useState46 } from "react";
 import {
   EuiButtonEmpty as EuiButtonEmpty5,
-  EuiFlexGroup as EuiFlexGroup33,
+  EuiFlexGroup as EuiFlexGroup32,
   EuiPopover as EuiPopover7,
   EuiRadioGroup
 } from "@elastic/eui";
@@ -51375,7 +51370,7 @@ var WfoRadioDropdown = ({
   onUpdateOption,
   selectedOption
 }) => {
-  const [isOpen, setIsOpen] = useState45(false);
+  const [isOpen, setIsOpen] = useState46(false);
   const handleClose = () => {
     if (isOpen) {
       setIsOpen(false);
@@ -51396,7 +51391,7 @@ var WfoRadioDropdown = ({
     label: option.label
   }));
   return /* @__PURE__ */ jsx225(
-    EuiFlexGroup33,
+    EuiFlexGroup32,
     {
       gutterSize: "s",
       alignItems: "center",
@@ -51440,7 +51435,7 @@ var WfoRadioDropdown = ({
 };
 
 // src/components/WfoInlineNoteEdit/WfoInlineNoteEdit.tsx
-import { useEffect as useEffect32, useMemo as useMemo6, useState as useState46 } from "react";
+import { useEffect as useEffect32, useMemo as useMemo6, useState as useState47 } from "react";
 import { EuiInlineEditText } from "@elastic/eui";
 import { jsx as jsx226 } from "@emotion/react/jsx-runtime";
 var WfoInlineNoteEdit = ({
@@ -51449,7 +51444,7 @@ var WfoInlineNoteEdit = ({
   onlyShowOnHover = false
 }) => {
   const initialNote = useMemo6(() => value || "", [value]);
-  const [note, setNote] = useState46(initialNote);
+  const [note, setNote] = useState47(initialNote);
   const [startProcess] = useStartProcessMutation();
   const triggerNoteModifyWorkflow = () => {
     const noteModifyPayload = [