@orchestrator-ui/orchestrator-ui-components 1.13.2 → 1.14.0

package/dist/index.js

@@ -23127,10 +23127,10 @@ var require_jsstacktrace = __commonJS({
 var require_jsx = __commonJS({
   "../../node_modules/refractor/lang/jsx.js"(exports, module) {
     "use strict";
-    module.exports = jsx190;
-    jsx190.displayName = "jsx";
-    jsx190.aliases = [];
-    function jsx190(Prism) {
+    module.exports = jsx189;
+    jsx189.displayName = "jsx";
+    jsx189.aliases = [];
+    function jsx189(Prism) {
       ;
       (function(Prism2) {
         var javascript = Prism2.util.clone(Prism2.languages.javascript);
@@ -40404,6 +40404,7 @@ var HttpStatus = /* @__PURE__ */ ((HttpStatus2) => {
   HttpStatus2[HttpStatus2["FormNotComplete"] = 510] = "FormNotComplete";
   HttpStatus2[HttpStatus2["BadGateway"] = 502] = "BadGateway";
   HttpStatus2[HttpStatus2["BadRequest"] = 400] = "BadRequest";
+  HttpStatus2[HttpStatus2["ServiceUnavailable"] = 503] = "ServiceUnavailable";
   return HttpStatus2;
 })(HttpStatus || {});
 var prepareHeaders = (headers) => __async(void 0, null, function* () {
@@ -48205,7 +48206,6 @@ function AutoFields(_a) {
 var import_cloneDeep2 = __toESM(require_cloneDeep(), 1);
 var import_get5 = __toESM(require_get(), 1);
 import { useContext as useContext11, useState as useState24 } from "react";
-import axios2 from "axios";
 import invariant from "invariant";
 import { useTranslations as useTranslations39 } from "next-intl";
 import { filterDOMProps as filterDOMProps28, joinName as joinName10 } from "uniforms";
@@ -52221,7 +52221,6 @@ function UserInputForm({
     });
   };
   const submit = (..._0) => __async(this, [..._0], function* (userInput2 = {}) {
-    var _a2;
     if (!processing) {
       setProcessing(true);
       try {
@@ -52230,23 +52229,26 @@ function UserInputForm({
         return null;
       } catch (error) {
         setProcessing(false);
-        if (axios2.isAxiosError(error) && ((_a2 = error.response) == null ? void 0 : _a2.status) === 400) {
-          const json = error.response.data;
-          setNrOfValidationErrors(json.validation_errors.length);
-          setRootErrors(
-            json.validation_errors.filter(
-              (e) => e.loc[0] === "__root__"
-            ).map((e) => e.msg)
-          );
-          throw Object.assign(new Error(), {
-            details: json.validation_errors.map(
-              (e) => ({
-                message: e.msg,
-                params: e.ctx || {},
-                dataPath: "." + e.loc.join(".")
-              })
-            )
-          });
+        if (typeof error === "object" && error !== null) {
+          const validationError = error;
+          if ((validationError == null ? void 0 : validationError.status) === 400) {
+            const json = validationError.data;
+            setNrOfValidationErrors(json.validation_errors.length);
+            setRootErrors(
+              json.validation_errors.filter(
+                (e) => e.loc[0] === "__root__"
+              ).map((e) => e.msg)
+            );
+            throw Object.assign(new Error(), {
+              details: json.validation_errors.map(
+                (e) => ({
+                  message: e.msg,
+                  params: e.ctx || {},
+                  dataPath: "." + e.loc.join(".")
+                })
+              )
+            });
+          }
         }
         setTimeout(() => {
           throw error;
@@ -52401,14 +52403,14 @@ function stop2(e) {
     e.stopPropagation();
   }
 }
-function UserInputFormWizard({
+var UserInputFormWizard = ({
   hasNext = false,
   stepUserInput,
   stepSubmit,
   cancel,
   isTask,
   isResuming = false
-}) {
+}) => {
   const router = useRouter7();
   const [forms, setForms] = useState25([
     { form: stepUserInput, hasNext }
@@ -52461,104 +52463,82 @@ function UserInputFormWizard({
     },
     key
   );
-}
+};
 
-// src/components/WfoForms/UserInputFormWizardDeprecated.tsx
-import { useEffect as useEffect15, useState as useState26 } from "react";
-import { useRouter as useRouter8 } from "next/router";
-import hash2 from "object-hash";
-import { jsx as jsx143 } from "@emotion/react/jsx-runtime";
-function stop3(e) {
-  if (e !== void 0 && e !== null) {
-    e.preventDefault();
-    e.stopPropagation();
-  }
-}
-function UserInputFormWizardDeprecated({
-  hasNext = false,
-  stepUserInput,
-  validSubmit,
-  cancel,
-  isTask,
-  isResuming = false
-}) {
-  const router = useRouter8();
-  const apiClient = useAxiosApiClient();
-  const [forms, setForms] = useState26([
-    { form: stepUserInput, hasNext }
-  ]);
-  const [userInputs, setUserInputs] = useState26([]);
-  useEffect15(() => {
-    setForms([{ form: stepUserInput, hasNext }]);
-  }, [hasNext, stepUserInput]);
-  const previous = (e) => {
-    if (e) {
-      stop3(e);
-    }
-    const current2 = forms.pop();
-    setForms(forms.filter((item) => item !== current2));
-  };
-  const submit = (currentFormData) => {
-    const newUserInputs = userInputs.slice(0, forms.length - 1);
-    newUserInputs.push(currentFormData);
-    const result = validSubmit(newUserInputs);
-    return apiClient.catchErrorStatus(
-      result,
-      510,
-      (json) => {
-        window.scrollTo(0, 0);
-        setForms([
-          ...forms,
-          { form: json.form, hasNext: json.hasNext }
-        ]);
-        setUserInputs(newUserInputs);
+// src/components/WfoForms/CreateForm.tsx
+import { useCallback as useCallback4, useEffect as useEffect15, useState as useState26 } from "react";
+
+// src/rtk/endpoints/forms.ts
+var PROCESS_ENDPOINT2 = "processes";
+var RESUME_ENDPOINT = "resume";
+var FORMS_ENDPOINT2 = "surf/forms/";
+var formsApi = orchestratorApi.injectEndpoints({
+  endpoints: (build) => ({
+    startProcess: build.mutation({
+      query: ({ workflowName, userInputs }) => ({
+        url: `${PROCESS_ENDPOINT2}/${workflowName}`,
+        method: "POST",
+        body: JSON.stringify(userInputs),
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }),
+      extraOptions: {
+        baseQueryType: "fetch" /* fetch */
       }
-    );
-  };
-  const currentForm = forms[forms.length - 1];
-  const currentUserInput = userInputs[forms.length - 1];
-  if (!currentForm || !currentForm.form.properties) {
-    return null;
-  }
-  const key = hash2.sha1({ form: currentForm.form, length: forms.length });
-  return /* @__PURE__ */ jsx143(
-    UserInputForm_default,
-    {
-      router,
-      stepUserInput: currentForm.form,
-      validSubmit: submit,
-      previous,
-      hasNext: currentForm.hasNext,
-      hasPrev: forms.length > 1,
-      cancel,
-      userInput: currentUserInput,
-      isTask,
-      isResuming
-    },
-    key
-  );
-}
-var UserInputFormWizardDeprecated_default = UserInputFormWizardDeprecated;
+    }),
+    resumeProcess: build.mutation({
+      query: ({ processId, userInputs }) => ({
+        url: `${PROCESS_ENDPOINT2}/${processId}/${RESUME_ENDPOINT}`,
+        method: "PUT",
+        body: JSON.stringify(userInputs),
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }),
+      extraOptions: {
+        baseQueryType: "fetch" /* fetch */
+      }
+    }),
+    startForm: build.mutation({
+      query: ({ formKey, userInputs }) => ({
+        url: `${FORMS_ENDPOINT2}${formKey}`,
+        method: "POST",
+        body: JSON.stringify(userInputs),
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }),
+      extraOptions: {
+        baseQueryType: "fetch" /* fetch */
+      }
+    })
+  })
+});
+var {
+  useStartProcessMutation,
+  useResumeProcessMutation,
+  useStartFormMutation
+} = formsApi;
 
 // src/components/WfoForms/CreateForm.tsx
-import { useCallback as useCallback4, useEffect as useEffect16, useState as useState27 } from "react";
-import { jsx as jsx144 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx143 } from "@emotion/react/jsx-runtime";
 function CreateForm(props) {
   const { preselectedInput, formKey, handleSubmit, handleCancel } = props;
-  const [form, setForm] = useState27({});
+  const [form, setForm] = useState26({});
   const { stepUserInput, hasNext } = form;
-  const apiClient = useAxiosApiClient();
+  const [startForm] = useStartFormMutation();
   const submit = useCallback4(
     (userInputs) => {
-      return apiClient.startForm(formKey, userInputs).then((form2) => {
+      return startForm({ formKey, userInputs }).unwrap().then((form2) => {
         handleSubmit(form2);
       });
     },
-    [formKey, handleSubmit, apiClient]
+    [formKey, handleSubmit, startForm]
   );
-  useEffect16(() => {
-    if (formKey && apiClient) {
-      apiClient.catchErrorStatus(
+  useEffect15(() => {
+    if (formKey) {
+      handlePromiseErrorWithCallback(
         submit([]),
         510,
         (json) => {
@@ -52570,12 +52550,12 @@ function CreateForm(props) {
         }
       );
     }
-  }, [formKey, submit, preselectedInput, apiClient]);
-  return /* @__PURE__ */ jsx144("div", { children: stepUserInput && /* @__PURE__ */ jsx144(
-    UserInputFormWizardDeprecated_default,
+  }, [formKey, submit, preselectedInput]);
+  return /* @__PURE__ */ jsx143("div", { children: stepUserInput && /* @__PURE__ */ jsx143(
+    UserInputFormWizard,
     {
       stepUserInput,
-      validSubmit: submit,
+      stepSubmit: submit,
       cancel: handleCancel,
       hasNext: hasNext != null ? hasNext : false,
       isTask: false
@@ -52584,33 +52564,33 @@ function CreateForm(props) {
 }
 
 // src/components/WfoDateTime/WfoDateTime.tsx
-import { jsx as jsx145 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx144 } from "@emotion/react/jsx-runtime";
 var WfoDateTime = ({ dateOrIsoString }) => {
   const date = getDate(dateOrIsoString);
-  return /* @__PURE__ */ jsx145("span", { title: parseDateToLocaleDateTimeString(date), children: parseDateOrTimeRelativeToToday(date) });
+  return /* @__PURE__ */ jsx144("span", { title: parseDateToLocaleDateTimeString(date), children: parseDateOrTimeRelativeToToday(date) });
 };
 
 // src/components/WfoAuth/WfoPageUnauthorized.tsx
 import { useTranslations as useTranslations40 } from "next-intl";
-import { jsx as jsx146 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx145 } from "@emotion/react/jsx-runtime";
 var WfoPageUnauthorized = () => {
   const t = useTranslations40("common");
-  return /* @__PURE__ */ jsx146("p", { children: t("unauthorizedPage") });
+  return /* @__PURE__ */ jsx145("p", { children: t("unauthorizedPage") });
 };
 
 // src/components/WfoAuth/WfoPolicyRenderPageFallback.tsx
-import { Fragment as Fragment28, jsx as jsx147 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx146 } from "@emotion/react/jsx-runtime";
 var WfoPolicyRenderPageFallback = ({
   resource,
   children
 }) => {
   const { isAllowed } = usePolicy();
-  return isAllowed(resource) ? /* @__PURE__ */ jsx147(Fragment28, { children }) : /* @__PURE__ */ jsx147(WfoPageUnauthorized, {});
+  return isAllowed(resource) ? /* @__PURE__ */ jsx146(Fragment28, { children }) : /* @__PURE__ */ jsx146(WfoPageUnauthorized, {});
 };
 
 // src/components/WfoAuth/WfoAuth.tsx
 import { useContext as useContext12 } from "react";
-import { jsx as jsx148 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx147 } from "@emotion/react/jsx-runtime";
 var WfoAuth = ({
   children,
   isAllowedHandler = () => true
@@ -52620,37 +52600,37 @@ var WfoAuth = ({
     required: authActive
   });
   if (status === "loading") {
-    return /* @__PURE__ */ jsx148(WfoLoading, {});
+    return /* @__PURE__ */ jsx147(WfoLoading, {});
   }
-  return /* @__PURE__ */ jsx148(PolicyContextProvider, { isAllowedHandler, children });
+  return /* @__PURE__ */ jsx147(PolicyContextProvider, { isAllowedHandler, children });
 };
 
 // src/components/WfoAuth/WfoIsAllowedToRender.tsx
-import { Fragment as Fragment29, jsx as jsx149 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx148 } from "@emotion/react/jsx-runtime";
 var WfoIsAllowedToRender = ({
   resource,
   children
 }) => {
   const { isAllowed } = usePolicy();
-  return isAllowed(resource) ? /* @__PURE__ */ jsx149(Fragment29, { children }) : null;
+  return isAllowed(resource) ? /* @__PURE__ */ jsx148(Fragment29, { children }) : null;
 };
 
 // src/components/WfoDropdownButton/WfoDropdownButton.tsx
-import { useState as useState28 } from "react";
+import { useState as useState27 } from "react";
 import { EuiButtonGroup, EuiPopover as EuiPopover4 } from "@elastic/eui";
-import { jsx as jsx150 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx149 } from "@emotion/react/jsx-runtime";
 var WfoDropdownButton = ({
   label,
   isDisabled = false,
   children
 }) => {
-  const [isHovered, setIsHovered] = useState28(false);
-  const [isPopoverOpen, setPopoverOpen] = useState28(false);
+  const [isHovered, setIsHovered] = useState27(false);
+  const [isPopoverOpen, setPopoverOpen] = useState27(false);
   const buttonOptions = [
     {
       id: "id_1",
       label,
-      iconType: () => /* @__PURE__ */ jsx150(WfoPencilAlt, { color: "currentColor" }),
+      iconType: () => /* @__PURE__ */ jsx149(WfoPencilAlt, { color: "currentColor" }),
       style: {
         textDecoration: isHovered && "underline"
       }
@@ -52658,7 +52638,7 @@ var WfoDropdownButton = ({
     {
       id: "id_2",
       label: "",
-      iconType: () => /* @__PURE__ */ jsx150(WfoChevronDown, { color: "currentColor" }),
+      iconType: () => /* @__PURE__ */ jsx149(WfoChevronDown, { color: "currentColor" }),
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false)
     }
@@ -52669,11 +52649,11 @@ var WfoDropdownButton = ({
   const closePopover = () => {
     setPopoverOpen(false);
   };
-  return /* @__PURE__ */ jsx150(
+  return /* @__PURE__ */ jsx149(
     EuiPopover4,
     {
       ownFocus: true,
-      button: /* @__PURE__ */ jsx150(
+      button: /* @__PURE__ */ jsx149(
         EuiButtonGroup,
         {
           type: "multi",
@@ -52702,15 +52682,15 @@ import { useTranslations as useTranslations59 } from "next-intl";
 import Link9 from "next/link";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { useEffect as useEffect17, useState as useState29 } from "react";
+import { useEffect as useEffect16, useState as useState28 } from "react";
 import { useTranslations as useTranslations42 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup3 } from "@elastic/eui";
 
 // src/pages/metadata/WfoMetadataPageLayout.tsx
 import { useTranslations as useTranslations41 } from "next-intl";
-import { useRouter as useRouter9 } from "next/router";
+import { useRouter as useRouter8 } from "next/router";
 import { EuiPageHeader as EuiPageHeader2, EuiSpacer as EuiSpacer15, EuiTab as EuiTab2, EuiTabs as EuiTabs2 } from "@elastic/eui";
-import { Fragment as Fragment30, jsx as jsx151, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx150, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
 var metaDataTabs = [
   {
     id: 1,
@@ -52742,14 +52722,14 @@ var WfoMetadataPageLayout = ({
   children,
   tabs = metaDataTabs
 }) => {
-  const router = useRouter9();
+  const router = useRouter8();
   const t = useTranslations41("metadata");
   const currentPath = router.pathname;
   return /* @__PURE__ */ jsxs84(Fragment30, { children: [
-    /* @__PURE__ */ jsx151(EuiSpacer15, {}),
-    /* @__PURE__ */ jsx151(EuiPageHeader2, { pageTitle: t("title") }),
-    /* @__PURE__ */ jsx151(EuiSpacer15, { size: "m" }),
-    /* @__PURE__ */ jsx151(EuiTabs2, { children: tabs.map(({ id, translationKey: name, path }) => /* @__PURE__ */ jsx151(
+    /* @__PURE__ */ jsx150(EuiSpacer15, {}),
+    /* @__PURE__ */ jsx150(EuiPageHeader2, { pageTitle: t("title") }),
+    /* @__PURE__ */ jsx150(EuiSpacer15, { size: "m" }),
+    /* @__PURE__ */ jsx150(EuiTabs2, { children: tabs.map(({ id, translationKey: name, path }) => /* @__PURE__ */ jsx150(
       EuiTab2,
       {
         isSelected: path === currentPath,
@@ -52758,13 +52738,13 @@ var WfoMetadataPageLayout = ({
       },
       id
     )) }),
-    /* @__PURE__ */ jsx151(EuiSpacer15, { size: "xxl" }),
+    /* @__PURE__ */ jsx150(EuiSpacer15, { size: "xxl" }),
     children
   ] });
 };
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { Fragment as Fragment31, jsx as jsx152 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx151 } from "@emotion/react/jsx-runtime";
 var PRODUCT_BLOCK_FIELD_ID = "productBlockId";
 var PRODUCT_BLOCK_FIELD_NAME = "name";
 var PRODUCT_BLOCK_FIELD_TAG = "tag";
@@ -52779,11 +52759,11 @@ var WfoProductBlocksPage = () => {
   const t = useTranslations42("metadata.productBlocks");
   const tError = useTranslations42("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState29();
+  const [tableDefaults, setTableDefaults] = useState28();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_PRODUCT_BLOCKS_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect17(() => {
+  useEffect16(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -52805,14 +52785,14 @@ var WfoProductBlocksPage = () => {
       field: PRODUCT_BLOCK_FIELD_ID,
       name: t("id"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx152(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx151(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     name: {
       field: PRODUCT_BLOCK_FIELD_NAME,
       name: t("name"),
       width: "200",
-      render: (name) => /* @__PURE__ */ jsx152(WfoProductBlockBadge, { badgeType: "product_block" /* PRODUCT_BLOCK */, children: name })
+      render: (name) => /* @__PURE__ */ jsx151(WfoProductBlockBadge, { badgeType: "product_block" /* PRODUCT_BLOCK */, children: name })
     },
     tag: {
       field: PRODUCT_BLOCK_FIELD_TAG,
@@ -52828,12 +52808,12 @@ var WfoProductBlocksPage = () => {
       field: PRODUCT_BLOCK_FIELD_STATUS,
       name: t("status"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx152(WfoProductStatusBadge, { status: value })
+      render: (value) => /* @__PURE__ */ jsx151(WfoProductStatusBadge, { status: value })
     },
     dependsOn: {
       field: PRODUCT_BLOCK_FIELD_PRODUCT_BLOCKS,
       name: t("dependingProductBlocks"),
-      render: (dependsOn) => /* @__PURE__ */ jsx152(Fragment31, { children: dependsOn.map((productBlock, index) => /* @__PURE__ */ jsx152(
+      render: (dependsOn) => /* @__PURE__ */ jsx151(Fragment31, { children: dependsOn.map((productBlock, index) => /* @__PURE__ */ jsx151(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -52845,7 +52825,7 @@ var WfoProductBlocksPage = () => {
     resourceTypes: {
       field: PRODUCT_BLOCK_FIELD_RESOURCE_TYPES,
       name: t("resourceTypes"),
-      render: (resourceTypes) => /* @__PURE__ */ jsx152(Fragment31, { children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx152(
+      render: (resourceTypes) => /* @__PURE__ */ jsx151(Fragment31, { children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx151(
         WfoProductBlockBadge,
         {
           badgeType: "resource_type" /* RESOURCE_TYPE */,
@@ -52853,7 +52833,7 @@ var WfoProductBlocksPage = () => {
         },
         index
       )) }),
-      renderDetails: (resourceTypes) => /* @__PURE__ */ jsx152(EuiBadgeGroup3, { gutterSize: "s", children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx152(
+      renderDetails: (resourceTypes) => /* @__PURE__ */ jsx151(EuiBadgeGroup3, { gutterSize: "s", children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx151(
         WfoProductBlockBadge,
         {
           badgeType: "resource_type" /* RESOURCE_TYPE */,
@@ -52865,14 +52845,14 @@ var WfoProductBlocksPage = () => {
     createdAt: {
       field: PRODUCT_BLOCK_FIELD_CREATED_AT,
       name: t("createdAt"),
-      render: (date) => /* @__PURE__ */ jsx152(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx151(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     },
     endDate: {
       field: PRODUCT_BLOCK_FIELD_END_DATE,
       name: t("endDate"),
-      render: (date) => /* @__PURE__ */ jsx152(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx151(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     }
@@ -52912,7 +52892,7 @@ var WfoProductBlocksPage = () => {
       dependsOn: getConcatenatedResult(productBlock.dependsOn, ["name"])
     }));
   };
-  return /* @__PURE__ */ jsx152(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx152(
+  return /* @__PURE__ */ jsx151(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx151(
     WfoTableWithFilter,
     {
       data: (data == null ? void 0 : data.productBlocks) || [],
@@ -52952,10 +52932,10 @@ var WfoProductBlocksPage = () => {
 };
 
 // src/pages/metadata/WfoResourceTypesPage.tsx
-import { useEffect as useEffect18, useState as useState30 } from "react";
+import { useEffect as useEffect17, useState as useState29 } from "react";
 import { useTranslations as useTranslations43 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup4 } from "@elastic/eui";
-import { Fragment as Fragment32, jsx as jsx153 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx152 } from "@emotion/react/jsx-runtime";
 var RESOURCE_TYPE_FIELD_ID = "resourceTypeId";
 var RESOURCE_TYPE_FIELD_TYPE = "resourceType";
 var RESOURCE_TYPE_FIELD_DESCRIPTION = "description";
@@ -52965,11 +52945,11 @@ var WfoResourceTypesPage = () => {
   const t = useTranslations43("metadata.resourceTypes");
   const tError = useTranslations43("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState30();
+  const [tableDefaults, setTableDefaults] = useState29();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect18(() => {
+  useEffect17(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -52991,14 +52971,14 @@ var WfoResourceTypesPage = () => {
       field: RESOURCE_TYPE_FIELD_ID,
       name: t("resourceId"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx153(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx152(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     resourceType: {
       field: RESOURCE_TYPE_FIELD_TYPE,
       name: t("type"),
       width: "200",
-      render: (value) => /* @__PURE__ */ jsx153(WfoProductBlockBadge, { badgeType: "resource_type" /* RESOURCE_TYPE */, children: value })
+      render: (value) => /* @__PURE__ */ jsx152(WfoProductBlockBadge, { badgeType: "resource_type" /* RESOURCE_TYPE */, children: value })
     },
     description: {
       field: RESOURCE_TYPE_FIELD_DESCRIPTION,
@@ -53007,7 +52987,7 @@ var WfoResourceTypesPage = () => {
     productBlocks: {
       field: RESOURCE_TYPE_FIELD_PRODUCT_BLOCKS,
       name: t("usedInProductBlocks"),
-      render: (productBlocks) => /* @__PURE__ */ jsx153(Fragment32, { children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx153(
+      render: (productBlocks) => /* @__PURE__ */ jsx152(Fragment32, { children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx152(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -53015,7 +52995,7 @@ var WfoResourceTypesPage = () => {
         },
         index
       )) }),
-      renderDetails: (productBlocks) => /* @__PURE__ */ jsx153(EuiBadgeGroup4, { gutterSize: "s", children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx153(
+      renderDetails: (productBlocks) => /* @__PURE__ */ jsx152(EuiBadgeGroup4, { gutterSize: "s", children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx152(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -53059,7 +53039,7 @@ var WfoResourceTypesPage = () => {
       ])
     }));
   };
-  return /* @__PURE__ */ jsx153(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx153(
+  return /* @__PURE__ */ jsx152(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx152(
     WfoTableWithFilter,
     {
       data: data ? data.resourceTypes : [],
@@ -53099,9 +53079,9 @@ var WfoResourceTypesPage = () => {
 };
 
 // src/pages/metadata/WfoProductsPage.tsx
-import { useEffect as useEffect19, useState as useState31 } from "react";
+import { useEffect as useEffect18, useState as useState30 } from "react";
 import { useTranslations as useTranslations44 } from "next-intl";
-import { Fragment as Fragment33, jsx as jsx154 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx153 } from "@emotion/react/jsx-runtime";
 var PRODUCT_FIELD_PRODUCT_ID = "productId";
 var PRODUCT_FIELD_NAME = "name";
 var PRODUCT_FIELD_DESCRIPTION = "description";
@@ -53116,11 +53096,11 @@ var WfoProductsPage = () => {
   const t = useTranslations44("metadata.products");
   const tError = useTranslations44("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState31();
+  const [tableDefaults, setTableDefaults] = useState30();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect19(() => {
+  useEffect18(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -53142,20 +53122,20 @@ var WfoProductsPage = () => {
       field: PRODUCT_FIELD_PRODUCT_ID,
       name: t("id"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx154(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx153(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     name: {
       field: PRODUCT_FIELD_NAME,
       name: t("name"),
       width: "200",
-      render: (name) => /* @__PURE__ */ jsx154(WfoProductBlockBadge, { badgeType: "product" /* PRODUCT */, children: name })
+      render: (name) => /* @__PURE__ */ jsx153(WfoProductBlockBadge, { badgeType: "product" /* PRODUCT */, children: name })
     },
     tag: {
       field: PRODUCT_FIELD_TAG,
       name: t("tag"),
       width: "120",
-      render: (value) => /* @__PURE__ */ jsx154(WfoProductBlockBadge, { badgeType: "product_tag" /* PRODUCT_TAG */, children: value })
+      render: (value) => /* @__PURE__ */ jsx153(WfoProductBlockBadge, { badgeType: "product_tag" /* PRODUCT_TAG */, children: value })
     },
     description: {
       field: PRODUCT_FIELD_DESCRIPTION,
@@ -53170,12 +53150,12 @@ var WfoProductsPage = () => {
       field: PRODUCT_FIELD_STATUS,
       name: t("status"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx154(WfoProductStatusBadge, { status: value })
+      render: (value) => /* @__PURE__ */ jsx153(WfoProductStatusBadge, { status: value })
     },
     fixedInputs: {
       field: PRODUCT_FIELD_FIXED_INPUTS,
       name: t("fixedInputs"),
-      render: (fixedInputs) => /* @__PURE__ */ jsx154(Fragment33, { children: fixedInputs.map((fixedInput, index) => /* @__PURE__ */ jsx154(
+      render: (fixedInputs) => /* @__PURE__ */ jsx153(Fragment33, { children: fixedInputs.map((fixedInput, index) => /* @__PURE__ */ jsx153(
         WfoProductBlockBadge,
         {
           badgeType: "fixed_input" /* FIXED_INPUT */,
@@ -53187,7 +53167,7 @@ var WfoProductsPage = () => {
     productBlocks: {
       field: PRODUCT_FIELD_PRODUCT_BLOCKS,
       name: t("productBlocks"),
-      render: (productBlocks) => /* @__PURE__ */ jsx154(Fragment33, { children: productBlocks.map((block, index) => /* @__PURE__ */ jsx154(
+      render: (productBlocks) => /* @__PURE__ */ jsx153(Fragment33, { children: productBlocks.map((block, index) => /* @__PURE__ */ jsx153(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -53199,7 +53179,7 @@ var WfoProductsPage = () => {
     createdAt: {
       field: PRODUCT_FIELD_CREATED_AT,
       name: t("createdAt"),
-      render: (date) => /* @__PURE__ */ jsx154(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx153(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     }
@@ -53257,7 +53237,7 @@ var WfoProductsPage = () => {
       createdAt
     })
   );
-  return /* @__PURE__ */ jsx154(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx154(
+  return /* @__PURE__ */ jsx153(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx153(
     WfoTableWithFilter,
     {
       data: (_d = data == null ? void 0 : data.products) != null ? _d : [],
@@ -53297,7 +53277,7 @@ var WfoProductsPage = () => {
 };
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { useEffect as useEffect20, useState as useState32 } from "react";
+import { useEffect as useEffect19, useState as useState31 } from "react";
 import { useTranslations as useTranslations45 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup5 } from "@elastic/eui";
 
@@ -53330,17 +53310,17 @@ var graphQlWorkflowListMapper = ({
 });
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { Fragment as Fragment34, jsx as jsx155 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx154 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsPage = () => {
   var _a, _b;
   const t = useTranslations45("metadata.workflows");
   const tError = useTranslations45("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState32();
+  const [tableDefaults, setTableDefaults] = useState31();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect20(() => {
+  useEffect19(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -53362,7 +53342,7 @@ var WfoWorkflowsPage = () => {
       field: "name",
       name: t("name"),
       width: "20%",
-      render: (name) => /* @__PURE__ */ jsx155(WfoProductBlockBadge, { badgeType: "workflow" /* WORKFLOW */, children: name })
+      render: (name) => /* @__PURE__ */ jsx154(WfoProductBlockBadge, { badgeType: "workflow" /* WORKFLOW */, children: name })
     },
     description: {
       field: "description",
@@ -53373,13 +53353,13 @@ var WfoWorkflowsPage = () => {
       field: "target",
       name: t("target"),
       width: "15%",
-      render: (target) => /* @__PURE__ */ jsx155(WfoWorkflowTargetBadge, { target })
+      render: (target) => /* @__PURE__ */ jsx154(WfoWorkflowTargetBadge, { target })
     },
     productTags: {
       field: "productTags",
       name: t("productTags"),
       width: "20%",
-      render: (productTags) => /* @__PURE__ */ jsx155(Fragment34, { children: productTags == null ? void 0 : productTags.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx155(
+      render: (productTags) => /* @__PURE__ */ jsx154(Fragment34, { children: productTags == null ? void 0 : productTags.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx154(
         WfoProductBlockBadge,
         {
           badgeType: "product_tag" /* PRODUCT_TAG */,
@@ -53387,7 +53367,7 @@ var WfoWorkflowsPage = () => {
         },
         index
       )) }),
-      renderDetails: (productTags) => /* @__PURE__ */ jsx155(EuiBadgeGroup5, { gutterSize: "s", children: productTags == null ? void 0 : productTags.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx155(
+      renderDetails: (productTags) => /* @__PURE__ */ jsx154(EuiBadgeGroup5, { gutterSize: "s", children: productTags == null ? void 0 : productTags.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx154(
         WfoProductBlockBadge,
         {
           badgeType: "product_tag" /* PRODUCT_TAG */,
@@ -53400,7 +53380,7 @@ var WfoWorkflowsPage = () => {
       field: "createdAt",
       name: t("createdAt"),
       width: "15%",
-      render: (date) => /* @__PURE__ */ jsx155(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx154(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     }
@@ -53442,7 +53422,7 @@ var WfoWorkflowsPage = () => {
       })
     );
   };
-  return /* @__PURE__ */ jsx155(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx155(
+  return /* @__PURE__ */ jsx154(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx154(
     WfoTableWithFilter,
     {
       data: data ? mapWorkflowDefinitionToWorkflowListItem(
@@ -53484,7 +53464,7 @@ var WfoWorkflowsPage = () => {
 };
 
 // src/pages/metadata/WfoTasksPage.tsx
-import { useEffect as useEffect21, useState as useState33 } from "react";
+import { useEffect as useEffect20, useState as useState32 } from "react";
 import { useTranslations as useTranslations46 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup6 } from "@elastic/eui";
 
@@ -53517,17 +53497,17 @@ var graphQlTaskListMapper = ({
 });
 
 // src/pages/metadata/WfoTasksPage.tsx
-import { Fragment as Fragment35, jsx as jsx156 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx155 } from "@emotion/react/jsx-runtime";
 var WfoTasksPage = () => {
   var _a, _b;
   const t = useTranslations46("metadata.tasks");
   const tError = useTranslations46("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState33();
+  const [tableDefaults, setTableDefaults] = useState32();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_TASKS_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect21(() => {
+  useEffect20(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -53549,7 +53529,7 @@ var WfoTasksPage = () => {
       field: "name",
       name: t("name"),
       width: "20%",
-      render: (name) => /* @__PURE__ */ jsx156(WfoProductBlockBadge, { badgeType: "task" /* TASK */, children: name })
+      render: (name) => /* @__PURE__ */ jsx155(WfoProductBlockBadge, { badgeType: "task" /* TASK */, children: name })
     },
     description: {
       field: "description",
@@ -53560,13 +53540,13 @@ var WfoTasksPage = () => {
       field: "target",
       name: t("target"),
       width: "15%",
-      render: (target) => /* @__PURE__ */ jsx156(WfoWorkflowTargetBadge, { target })
+      render: (target) => /* @__PURE__ */ jsx155(WfoWorkflowTargetBadge, { target })
     },
     productTags: {
       field: "productTags",
       name: t("productTags"),
       width: "20%",
-      render: (productTags) => /* @__PURE__ */ jsx156(Fragment35, { children: productTags == null ? void 0 : productTags.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx156(
+      render: (productTags) => /* @__PURE__ */ jsx155(Fragment35, { children: productTags == null ? void 0 : productTags.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx155(
         WfoProductBlockBadge,
         {
           badgeType: "product_tag" /* PRODUCT_TAG */,
@@ -53574,7 +53554,7 @@ var WfoTasksPage = () => {
         },
         index
       )) }),
-      renderDetails: (productTags) => /* @__PURE__ */ jsx156(EuiBadgeGroup6, { gutterSize: "s", children: productTags == null ? void 0 : productTags.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx156(
+      renderDetails: (productTags) => /* @__PURE__ */ jsx155(EuiBadgeGroup6, { gutterSize: "s", children: productTags == null ? void 0 : productTags.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx155(
         WfoProductBlockBadge,
         {
           badgeType: "product_tag" /* PRODUCT_TAG */,
@@ -53587,7 +53567,7 @@ var WfoTasksPage = () => {
       field: "createdAt",
       name: t("createdAt"),
       width: "15%",
-      render: (date) => /* @__PURE__ */ jsx156(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx155(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     }
@@ -53632,7 +53612,7 @@ var WfoTasksPage = () => {
       }
     );
   };
-  return /* @__PURE__ */ jsx156(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx156(
+  return /* @__PURE__ */ jsx155(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx155(
     WfoTableWithFilter,
     {
       data: data ? mapTaskDefinitionToTaskListItem(data.tasks) : [],
@@ -53674,7 +53654,7 @@ var WfoTasksPage = () => {
 // src/pages/processes/WfoProcessListSubscriptionsCell.tsx
 import Link5 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup16 } from "@elastic/eui";
-import { Fragment as Fragment36, jsx as jsx157, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx156, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
 var RENDER_ALL = "RENDER_ALL";
 var RenderDirection = /* @__PURE__ */ ((RenderDirection2) => {
   RenderDirection2["HORIZONTAL"] = "HORIZONTAL";
@@ -53692,13 +53672,13 @@ var WfoProcessListSubscriptionsCell = ({
   }
   const visibleSubscriptions = numberOfSubscriptionsToRender === RENDER_ALL ? subscriptions : subscriptions.slice(0, numberOfSubscriptionsToRender);
   const numberOfNotVisibleSubscriptions = length - visibleSubscriptions.length;
-  return /* @__PURE__ */ jsx157(Fragment36, { children: /* @__PURE__ */ jsxs85(
+  return /* @__PURE__ */ jsx156(Fragment36, { children: /* @__PURE__ */ jsxs85(
     EuiFlexGroup16,
     {
       direction: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "row" : "column",
       gutterSize: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "m" : "xs",
       children: [
-        visibleSubscriptions.map((subscription) => /* @__PURE__ */ jsx157(
+        visibleSubscriptions.map((subscription) => /* @__PURE__ */ jsx156(
           Link5,
           {
             href: `/subscriptions/${subscription.subscriptionId}`,
@@ -53710,14 +53690,14 @@ var WfoProcessListSubscriptionsCell = ({
           },
           subscription.subscriptionId
         )),
-        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsx157("span", { children: `(+${numberOfNotVisibleSubscriptions})` })
+        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsx156("span", { children: `(+${numberOfNotVisibleSubscriptions})` })
       ]
     }
   ) });
 };
 
 // src/pages/processes/WfoProcessDetailPage.tsx
-import { useEffect as useEffect24, useRef as useRef7, useState as useState38 } from "react";
+import { useEffect as useEffect23, useRef as useRef7, useState as useState37 } from "react";
 
 // src/rtk/endpoints/processDetail.ts
 var processDetailQuery = `query ProcessDetail($processId: String!) {
@@ -53774,7 +53754,7 @@ var processDetailApi = orchestratorApi.injectEndpoints({
 var { useGetProcessDetailQuery } = processDetailApi;
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React47 from "react";
+import React46 from "react";
 import { useTranslations as useTranslations47 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup17, EuiFlexItem as EuiFlexItem25, EuiPanel as EuiPanel4, EuiText as EuiText30 } from "@elastic/eui";
 
@@ -53881,26 +53861,26 @@ var getStyles13 = (theme) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
-import { jsx as jsx158, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx157, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
 var SubIcon = ({ stepStatus, color = "" }) => {
   switch (stepStatus) {
     case "suspend" /* SUSPEND */:
-      return /* @__PURE__ */ jsx158(WfoMinusCircleFill, { color });
+      return /* @__PURE__ */ jsx157(WfoMinusCircleFill, { color });
     case "failed" /* FAILED */:
-      return /* @__PURE__ */ jsx158(WfoXCircleFill, { color });
+      return /* @__PURE__ */ jsx157(WfoXCircleFill, { color });
     default:
-      return /* @__PURE__ */ jsx158(WfoCheckmarkCircleFill, { color });
+      return /* @__PURE__ */ jsx157(WfoCheckmarkCircleFill, { color });
   }
 };
 var MainIcon = ({ stepStatus, color = "", isStartStep }) => {
   if (isStartStep) {
-    return /* @__PURE__ */ jsx158(WfoPlayFill, { color });
+    return /* @__PURE__ */ jsx157(WfoPlayFill, { color });
   }
   switch (stepStatus) {
     case "form" /* FORM */:
-      return /* @__PURE__ */ jsx158(WfoPencilAlt, { color });
+      return /* @__PURE__ */ jsx157(WfoPencilAlt, { color });
     default:
-      return /* @__PURE__ */ jsx158(WfoCogFill, { color, width: 16, height: 16 });
+      return /* @__PURE__ */ jsx157(WfoCogFill, { color, width: 16, height: 16 });
   }
 };
 var WfoStepStatusIcon = ({
@@ -53951,7 +53931,7 @@ var WfoStepStatusIcon = ({
     }
   })();
   return /* @__PURE__ */ jsxs86(EuiFlexItem23, { css: { flexDirection: "row" }, grow: 0, children: [
-    /* @__PURE__ */ jsx158("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx158(
+    /* @__PURE__ */ jsx157("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx157(
       MainIcon,
       {
         color: mainIconColor,
@@ -53959,7 +53939,7 @@ var WfoStepStatusIcon = ({
         isStartStep
       }
     ) }),
-    /* @__PURE__ */ jsx158(
+    /* @__PURE__ */ jsx157(
       "div",
       {
         css: {
@@ -53967,7 +53947,7 @@ var WfoStepStatusIcon = ({
           width: `${theme.base}`,
           visibility: hasSubIcon ? "visible" : "hidden"
         },
-        children: /* @__PURE__ */ jsx158(SubIcon, { color: subIconColor, stepStatus })
+        children: /* @__PURE__ */ jsx157(SubIcon, { color: subIconColor, stepStatus })
       }
     )
   ] });
@@ -53995,30 +53975,32 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
-import { useState as useState34 } from "react";
+import { useState as useState33 } from "react";
 import { EuiFlexItem as EuiFlexItem24 } from "@elastic/eui";
-import { jsx as jsx159 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx158 } from "@emotion/react/jsx-runtime";
 var WfoStepForm = ({
   userInputForm,
   isTask,
   processId
 }) => {
-  const [isProcessing, setIsProcessing] = useState34(false);
+  const [isProcessing, setIsProcessing] = useState33(false);
   const { theme } = useOrchestratorTheme();
-  const apiClient = useAxiosApiClient();
+  const [resumeProcess] = useResumeProcessMutation();
   const submitForm = (processInput) => {
     if (!processId) {
       return Promise.reject();
     }
-    return apiClient.resumeProcess(processId, processInput).then(() => {
-      setIsProcessing(true);
-    });
+    return resumeProcess({ processId, userInputs: processInput }).then(
+      () => {
+        setIsProcessing(true);
+      }
+    );
   };
-  return /* @__PURE__ */ jsx159(EuiFlexItem24, { css: { margin: theme.size.m }, children: isProcessing && /* @__PURE__ */ jsx159(WfoLoading, {}) || /* @__PURE__ */ jsx159(
-    UserInputFormWizardDeprecated,
+  return /* @__PURE__ */ jsx158(EuiFlexItem24, { css: { margin: theme.size.m }, children: isProcessing && /* @__PURE__ */ jsx158(WfoLoading, {}) || /* @__PURE__ */ jsx158(
+    UserInputFormWizard,
     {
       stepUserInput: userInputForm,
-      validSubmit: submitForm,
+      stepSubmit: submitForm,
       hasNext: false,
       isTask,
       isResuming: true
@@ -54027,8 +54009,8 @@ var WfoStepForm = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import { Fragment as Fragment37, jsx as jsx160, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
-var WfoStep = React47.forwardRef(
+import { Fragment as Fragment37, jsx as jsx159, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
+var WfoStep = React46.forwardRef(
   ({
     stepListItem,
     onToggleStepDetail,
@@ -54059,28 +54041,28 @@ var WfoStep = React47.forwardRef(
         return "";
       }
       return /* @__PURE__ */ jsxs87(EuiText30, { size: "s", children: [
-        /* @__PURE__ */ jsx160("h4", { children: "To" }),
-        /* @__PURE__ */ jsx160("p", { children: value.to.map(
+        /* @__PURE__ */ jsx159("h4", { children: "To" }),
+        /* @__PURE__ */ jsx159("p", { children: value.to.map(
           (v, i) => /* @__PURE__ */ jsxs87("div", { children: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx160("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx159("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `to-${i}`)
         ) }),
-        /* @__PURE__ */ jsx160("h4", { children: "CC" }),
-        /* @__PURE__ */ jsx160("p", { children: value.cc.map(
+        /* @__PURE__ */ jsx159("h4", { children: "CC" }),
+        /* @__PURE__ */ jsx159("p", { children: value.cc.map(
           (v, i) => /* @__PURE__ */ jsxs87("div", { children: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx160("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx159("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `cc-${i}`)
         ) }),
-        /* @__PURE__ */ jsx160("h4", { children: "Subject" }),
-        /* @__PURE__ */ jsx160("p", { children: value.subject }),
-        /* @__PURE__ */ jsx160("h4", { children: "Message" }),
-        /* @__PURE__ */ jsx160(
+        /* @__PURE__ */ jsx159("h4", { children: "Subject" }),
+        /* @__PURE__ */ jsx159("p", { children: value.subject }),
+        /* @__PURE__ */ jsx159("h4", { children: "Message" }),
+        /* @__PURE__ */ jsx159(
           "div",
           {
             className: "emailMessage",
@@ -54089,14 +54071,14 @@ var WfoStep = React47.forwardRef(
         )
       ] });
     };
-    return /* @__PURE__ */ jsx160("div", { ref, children: /* @__PURE__ */ jsxs87(EuiPanel4, { children: [
+    return /* @__PURE__ */ jsx159("div", { ref, children: /* @__PURE__ */ jsxs87(EuiPanel4, { children: [
       /* @__PURE__ */ jsxs87(
         EuiFlexGroup17,
         {
           css: getStepHeaderStyle(hasStepContent),
           onClick: () => hasStepContent && onToggleStepDetail(),
           children: [
-            /* @__PURE__ */ jsx160(
+            /* @__PURE__ */ jsx159(
               WfoStepStatusIcon,
               {
                 stepStatus: step.status,
@@ -54104,47 +54086,47 @@ var WfoStep = React47.forwardRef(
               }
             ),
             /* @__PURE__ */ jsxs87(EuiFlexItem25, { grow: 0, children: [
-              /* @__PURE__ */ jsx160(EuiText30, { css: stepListContentBoldTextStyle, children: step.name }),
+              /* @__PURE__ */ jsx159(EuiText30, { css: stepListContentBoldTextStyle, children: step.name }),
               /* @__PURE__ */ jsxs87(EuiText30, { children: [
                 step.status,
                 " ",
                 step.executed && `- ${formatDate(step.executed)}`
               ] })
             ] }),
-            /* @__PURE__ */ jsx160(EuiFlexGroup17, { css: stepRowStyle, children: step.executed && /* @__PURE__ */ jsxs87(Fragment37, { children: [
+            /* @__PURE__ */ jsx159(EuiFlexGroup17, { css: stepRowStyle, children: step.executed && /* @__PURE__ */ jsxs87(Fragment37, { children: [
               /* @__PURE__ */ jsxs87(
                 EuiFlexItem25,
                 {
                   grow: 0,
                   css: stepHeaderRightStyle,
                   children: [
-                    /* @__PURE__ */ jsx160(EuiText30, { css: stepDurationStyle, children: t("duration") }),
-                    /* @__PURE__ */ jsx160(EuiText30, { size: "m", children: calculateTimeDifference(
+                    /* @__PURE__ */ jsx159(EuiText30, { css: stepDurationStyle, children: t("duration") }),
+                    /* @__PURE__ */ jsx159(EuiText30, { size: "m", children: calculateTimeDifference(
                       startedAt,
                       step.executed
                     ) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx160(
+              /* @__PURE__ */ jsx159(
                 EuiFlexItem25,
                 {
                   grow: 0,
                   css: getStepToggleExpandStyle(
                     hasStepContent
                   ),
-                  children: isExpanded && /* @__PURE__ */ jsx160(WfoChevronUp, {}) || /* @__PURE__ */ jsx160(WfoChevronDown, {})
+                  children: isExpanded && /* @__PURE__ */ jsx159(WfoChevronUp, {}) || /* @__PURE__ */ jsx159(WfoChevronDown, {})
                 }
               )
             ] }) })
           ]
         }
       ),
-      hasStepContent && !hasHtmlMail && isExpanded && /* @__PURE__ */ jsx160(WfoJsonCodeBlock, { data: stepContent }),
-      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx160("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
+      hasStepContent && !hasHtmlMail && isExpanded && /* @__PURE__ */ jsx159(WfoJsonCodeBlock, { data: stepContent }),
+      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx159("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
         step.stateDelta.confirmation_mail
       ) }),
-      step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsx160(
+      step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsx159(
         WfoStepForm,
         {
           userInputForm,
@@ -54158,9 +54140,9 @@ var WfoStep = React47.forwardRef(
 WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
-import React48, { useImperativeHandle, useRef as useRef6 } from "react";
-import { Fragment as Fragment38, jsx as jsx161, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
-var WfoStepList = React48.forwardRef(
+import React47, { useImperativeHandle, useRef as useRef6 } from "react";
+import { Fragment as Fragment38, jsx as jsx160, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
+var WfoStepList = React47.forwardRef(
   ({
     stepListItems,
     showHiddenKeys,
@@ -54201,10 +54183,10 @@ var WfoStepList = React48.forwardRef(
       })
     }));
     const getReferenceCallbackForStepId = (stepId) => (node) => node ? stepReferences.current.set(stepId, node) : stepReferences.current.delete(stepId);
-    return /* @__PURE__ */ jsx161(Fragment38, { children: stepListItems.map((stepListItem, index) => {
+    return /* @__PURE__ */ jsx160(Fragment38, { children: stepListItems.map((stepListItem, index) => {
       const stepComponent = /* @__PURE__ */ jsxs88("div", { children: [
-        index !== 0 && /* @__PURE__ */ jsx161("div", { css: stepSpacerStyle }),
-        /* @__PURE__ */ jsx161(
+        index !== 0 && /* @__PURE__ */ jsx160("div", { css: stepSpacerStyle }),
+        /* @__PURE__ */ jsx160(
           WfoStep,
           {
             ref: getReferenceCallbackForStepId(
@@ -54230,12 +54212,12 @@ var WfoStepList = React48.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React51, { useEffect as useEffect23, useState as useState37 } from "react";
+import React50, { useEffect as useEffect22, useState as useState36 } from "react";
 import { useTranslations as useTranslations51 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
-import { useCallback as useCallback5, useEffect as useEffect22, useMemo as useMemo4, useState as useState35 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect21, useMemo as useMemo4, useState as useState34 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
 import { useTranslations as useTranslations48 } from "next-intl";
@@ -54248,15 +54230,15 @@ import {
   EuiSpacer as EuiSpacer16,
   EuiText as EuiText31
 } from "@elastic/eui";
-import { jsx as jsx162, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx161, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
 var EMPTY_HUNKS = [];
 var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
 var WfoDiff = ({ oldText, newText, syntax }) => {
   const t = useTranslations48("processes.delta");
-  const [showSplit, setShowSplit] = useState35(true);
-  const [showFull, setShowFull] = useState35(false);
-  const [{ type, hunks }, setDiff] = useState35({
+  const [showSplit, setShowSplit] = useState34(true);
+  const [showFull, setShowFull] = useState34(false);
+  const [{ type, hunks }, setDiff] = useState34({
     type: "modify",
     hunks: []
   });
@@ -54282,13 +54264,13 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
       return void 0;
     }
   }, [hunks, syntax]);
-  useEffect22(() => {
+  useEffect21(() => {
     updateDiffText();
   }, [updateDiffText, showFull]);
   return /* @__PURE__ */ jsxs89("div", { children: [
     /* @__PURE__ */ jsxs89(EuiFlexGroup18, { gutterSize: "xs", children: [
-      /* @__PURE__ */ jsx162(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx162(EuiText31, { children: /* @__PURE__ */ jsx162("h3", { children: t("title") }) }) }),
-      /* @__PURE__ */ jsx162(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx162(
+      /* @__PURE__ */ jsx161(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx161(EuiText31, { children: /* @__PURE__ */ jsx161("h3", { children: t("title") }) }) }),
+      /* @__PURE__ */ jsx161(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx161(
         EuiButtonIcon6,
         {
           size: "s",
@@ -54296,7 +54278,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
           onClick: () => setShowSplit(!showSplit)
         }
       ) }),
-      /* @__PURE__ */ jsx162(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx162(
+      /* @__PURE__ */ jsx161(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx161(
         EuiButtonIcon6,
         {
           size: "s",
@@ -54305,15 +54287,15 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx162(EuiSpacer16, {}),
-    /* @__PURE__ */ jsx162(
+    /* @__PURE__ */ jsx161(EuiSpacer16, {}),
+    /* @__PURE__ */ jsx161(
       Diff,
       {
         viewType: showSplit ? "split" : "unified",
         diffType: type,
         hunks: hunks || EMPTY_HUNKS,
         tokens,
-        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx162(Hunk, { hunk }, hunk.content))
+        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx161(Hunk, { hunk }, hunk.content))
       }
     )
   ] });
@@ -54338,18 +54320,18 @@ var getStyles14 = (theme) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx
-import { Fragment as Fragment39, jsx as jsx163, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx162, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
 var WfoTraceback = ({ children }) => {
   const { codeBlockStyle } = useWithOrchestratorTheme(getStyles14);
   const t = useTranslations49("processes.steps");
   return /* @__PURE__ */ jsxs90(Fragment39, { children: [
-    /* @__PURE__ */ jsx163(EuiText32, { children: /* @__PURE__ */ jsx163("h3", { children: t("traceback") }) }),
-    /* @__PURE__ */ jsx163(EuiCodeBlock, { css: codeBlockStyle, children })
+    /* @__PURE__ */ jsx162(EuiText32, { children: /* @__PURE__ */ jsx162("h3", { children: t("traceback") }) }),
+    /* @__PURE__ */ jsx162(EuiCodeBlock, { css: codeBlockStyle, children })
   ] });
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { useState as useState36 } from "react";
+import { useState as useState35 } from "react";
 import { useTranslations as useTranslations50 } from "next-intl";
 import {
   EuiButton as EuiButton11,
@@ -54381,14 +54363,14 @@ var getStyles15 = (theme) => {
 };
 
 // src/components/WfoTextAnchor/WfoTextAnchor.tsx
-import { jsx as jsx164 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx163 } from "@emotion/react/jsx-runtime";
 var WfoTextAnchor = ({ text, onClick }) => {
   const { textAnchorStyle } = useWithOrchestratorTheme(getStyles15);
-  return /* @__PURE__ */ jsx164(EuiText33, { onClick, css: textAnchorStyle, children: text });
+  return /* @__PURE__ */ jsx163(EuiText33, { onClick, css: textAnchorStyle, children: text });
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { jsx as jsx165, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx164, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
 var WfoStepListHeader = ({
   showHiddenKeys,
   showRaw,
@@ -54411,14 +54393,14 @@ var WfoStepListHeader = ({
     stepListContentBoldTextStyle,
     stepListOptionsContainerStyle
   } = getStyles13(theme);
-  const [isViewOptionOpen, setIsViewOptionOpen] = useState36(false);
+  const [isViewOptionOpen, setIsViewOptionOpen] = useState35(false);
   const onViewOptionClick = () => setIsViewOptionOpen((isViewOptionOpen2) => !isViewOptionOpen2);
   const closeViewOption = () => setIsViewOptionOpen(false);
-  const viewOptionButton = /* @__PURE__ */ jsx165(
+  const viewOptionButton = /* @__PURE__ */ jsx164(
     EuiButton11,
     {
       onClick: onViewOptionClick,
-      iconType: () => /* @__PURE__ */ jsx165(WfoEyeFill, { color: theme.colors.link }),
+      iconType: () => /* @__PURE__ */ jsx164(WfoEyeFill, { color: theme.colors.link }),
       iconSide: "right",
       size: "s",
       children: t("viewOptions")
@@ -54426,8 +54408,8 @@ var WfoStepListHeader = ({
   );
   return /* @__PURE__ */ jsxs91(EuiFlexGroup19, { css: stepListHeaderStyle, children: [
     /* @__PURE__ */ jsxs91(EuiFlexGroup19, { css: stepListContentStyle, children: [
-      /* @__PURE__ */ jsx165(EuiText34, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
-      !showRaw && /* @__PURE__ */ jsx165(
+      /* @__PURE__ */ jsx164(EuiText34, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
+      !showRaw && /* @__PURE__ */ jsx164(
         WfoTextAnchor,
         {
           text: allDetailToggleText,
@@ -54443,7 +54425,7 @@ var WfoStepListHeader = ({
         css: stepListOptionsContainerStyle,
         gutterSize: "s",
         children: [
-          showTracebackButton && /* @__PURE__ */ jsx165(
+          showTracebackButton && /* @__PURE__ */ jsx164(
             EuiButton11,
             {
               onClick: () => onShowTraceback(!showTraceback),
@@ -54451,25 +54433,25 @@ var WfoStepListHeader = ({
               children: showTraceback ? t("hideTraceback") : t("showTraceback")
             }
           ),
-          /* @__PURE__ */ jsx165(
+          /* @__PURE__ */ jsx164(
             EuiButton11,
             {
               onClick: () => onChangeShowDelta(!showDelta),
               iconSide: "right",
               size: "s",
-              iconType: () => /* @__PURE__ */ jsx165(WfoCode, { color: theme.colors.link }),
+              iconType: () => /* @__PURE__ */ jsx164(WfoCode, { color: theme.colors.link }),
               children: showDelta ? t("hideDelta") : t("showDelta")
             }
           ),
-          /* @__PURE__ */ jsx165(
+          /* @__PURE__ */ jsx164(
             EuiPopover5,
             {
               button: viewOptionButton,
               isOpen: isViewOptionOpen,
               closePopover: closeViewOption,
               display: "block",
-              children: /* @__PURE__ */ jsx165("div", { children: /* @__PURE__ */ jsxs91(EuiForm2, { component: "form", children: [
-                /* @__PURE__ */ jsx165(EuiFormRow20, { children: /* @__PURE__ */ jsx165(
+              children: /* @__PURE__ */ jsx164("div", { children: /* @__PURE__ */ jsxs91(EuiForm2, { component: "form", children: [
+                /* @__PURE__ */ jsx164(EuiFormRow20, { children: /* @__PURE__ */ jsx164(
                   EuiSwitch3,
                   {
                     label: "Hidden keys",
@@ -54482,7 +54464,7 @@ var WfoStepListHeader = ({
                     }
                   }
                 ) }),
-                /* @__PURE__ */ jsx165(EuiFormRow20, { children: /* @__PURE__ */ jsx165(
+                /* @__PURE__ */ jsx164(EuiFormRow20, { children: /* @__PURE__ */ jsx164(
                   EuiSwitch3,
                   {
                     label: "Raw JSON data",
@@ -54503,10 +54485,10 @@ var WfoStepListHeader = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import { Fragment as Fragment40, jsx as jsx166, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx165, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
 var WfoProcessRawData = ({ processId }) => {
   const { data, isFetching } = useRawProcessDetails(processId);
-  return isFetching ? /* @__PURE__ */ jsx166(WfoLoading, {}) : /* @__PURE__ */ jsx166(WfoJsonCodeBlock, { data: data || {} });
+  return isFetching ? /* @__PURE__ */ jsx165(WfoLoading, {}) : /* @__PURE__ */ jsx165(WfoJsonCodeBlock, { data: data || {} });
 };
 var WfoProcessSubscriptionDelta = ({
   processId
@@ -54516,7 +54498,7 @@ var WfoProcessSubscriptionDelta = ({
   const subscriptionKey = (_c = (_b = (_a = data == null ? void 0 : data.current_state) == null ? void 0 : _a.subscription) == null ? void 0 : _b.subscription_id) != null ? _c : "";
   const newText = (_e = (_d = data == null ? void 0 : data.current_state) == null ? void 0 : _d.subscription) != null ? _e : null;
   const oldText = ((_f = data == null ? void 0 : data.current_state) == null ? void 0 : _f.__old_subscriptions__) && subscriptionKey in ((_g = data == null ? void 0 : data.current_state) == null ? void 0 : _g.__old_subscriptions__) ? (_h = data == null ? void 0 : data.current_state) == null ? void 0 : _h.__old_subscriptions__[subscriptionKey] : null;
-  return isFetching ? /* @__PURE__ */ jsx166(WfoLoading, {}) : /* @__PURE__ */ jsx166(
+  return isFetching ? /* @__PURE__ */ jsx165(WfoLoading, {}) : /* @__PURE__ */ jsx165(
     WfoDiff_default,
     {
       oldText: oldText ? JSON.stringify(oldText, null, 2) : "",
@@ -54525,7 +54507,7 @@ var WfoProcessSubscriptionDelta = ({
     }
   );
 };
-var WfoWorkflowStepList = React51.forwardRef(
+var WfoWorkflowStepList = React50.forwardRef(
   ({
     steps = [],
     traceBack,
@@ -54534,16 +54516,16 @@ var WfoWorkflowStepList = React51.forwardRef(
     isTask,
     userInputForm
   }, reference) => {
-    const [showHiddenKeys, setShowHiddenKeys] = useState37(false);
-    const [showRaw, setShowRaw] = useState37(false);
-    const [showDelta, setShowDelta] = useState37(false);
-    const [showTraceback, setShowTraceback] = useState37(false);
+    const [showHiddenKeys, setShowHiddenKeys] = useState36(false);
+    const [showRaw, setShowRaw] = useState36(false);
+    const [showDelta, setShowDelta] = useState36(false);
+    const [showTraceback, setShowTraceback] = useState36(false);
     const t = useTranslations51("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
     }));
-    const [stepListItems, setStepListItems] = useState37(initialStepListItems);
+    const [stepListItems, setStepListItems] = useState36(initialStepListItems);
     const persistStepListItemState = (previousStepListItems, updatedSteps, userInputForm2) => {
       var _a;
       const reversedSteps = [...updatedSteps].reverse();
@@ -54561,7 +54543,7 @@ var WfoWorkflowStepList = React51.forwardRef(
         };
       });
     };
-    useEffect23(() => {
+    useEffect22(() => {
       setStepListItems(
         (previousStepListItems) => persistStepListItemState(
           previousStepListItems,
@@ -54592,7 +54574,7 @@ var WfoWorkflowStepList = React51.forwardRef(
       isExpanded: true
     }));
     return /* @__PURE__ */ jsxs92(Fragment40, { children: [
-      /* @__PURE__ */ jsx166(
+      /* @__PURE__ */ jsx165(
         WfoStepListHeader,
         {
           showHiddenKeys,
@@ -54609,10 +54591,10 @@ var WfoWorkflowStepList = React51.forwardRef(
           isTask
         }
       ),
-      showTraceback && /* @__PURE__ */ jsx166(WfoTraceback, { children: traceBack }),
-      showRaw && /* @__PURE__ */ jsx166(WfoProcessRawData, { processId }),
-      showDelta && /* @__PURE__ */ jsx166(WfoProcessSubscriptionDelta, { processId }),
-      !showRaw && !showDelta && /* @__PURE__ */ jsx166(
+      showTraceback && /* @__PURE__ */ jsx165(WfoTraceback, { children: traceBack }),
+      showRaw && /* @__PURE__ */ jsx165(WfoProcessRawData, { processId }),
+      showDelta && /* @__PURE__ */ jsx165(WfoProcessSubscriptionDelta, { processId }),
+      !showRaw && !showDelta && /* @__PURE__ */ jsx165(
         WfoStepList,
         {
           ref: reference,
@@ -54633,7 +54615,7 @@ WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 // src/pages/processes/WfoProcessDetail.tsx
 import { useContext as useContext13 } from "react";
 import { useTranslations as useTranslations52 } from "next-intl";
-import { useRouter as useRouter10 } from "next/router";
+import { useRouter as useRouter9 } from "next/router";
 import {
   EuiButton as EuiButton12,
   EuiFlexGroup as EuiFlexGroup20,
@@ -54719,7 +54701,7 @@ var getIndexOfCurrentStep = (timelineItems) => {
 };
 
 // src/pages/processes/WfoProcessDetail.tsx
-import { Fragment as Fragment41, jsx as jsx167, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx166, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
 var ProcessHeaderValue = ({
   translationKey,
   value = ""
@@ -54737,8 +54719,8 @@ var ProcessHeaderValue = ({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsx167(EuiText35, { size: "xs", children: t(translationKey) }),
-        /* @__PURE__ */ jsx167(
+        /* @__PURE__ */ jsx166(EuiText35, { size: "xs", children: t(translationKey) }),
+        /* @__PURE__ */ jsx166(
           EuiText35,
           {
             css: {
@@ -54770,7 +54752,7 @@ var WfoProcessDetail = ({
   const { theme } = useOrchestratorTheme();
   const { showConfirmDialog } = useContext13(ConfirmationDialogContext);
   const { deleteProcess, abortProcess, retryProcess } = useMutateProcess();
-  const router = useRouter10();
+  const router = useRouter9();
   const { isEngineRunningNow } = useCheckEngineStatus();
   const { isAllowed } = usePolicy();
   const listIncludesStatus = (processStatusesForDisabledState, status) => status ? processStatusesForDisabledState.map((stat) => stat.toUpperCase()).includes(status) : false;
@@ -54828,9 +54810,9 @@ var WfoProcessDetail = ({
   return /* @__PURE__ */ jsxs93(Fragment41, { children: [
     /* @__PURE__ */ jsxs93(EuiFlexGroup20, { children: [
       /* @__PURE__ */ jsxs93(EuiFlexItem27, { children: [
-        /* @__PURE__ */ jsx167(EuiPageHeader3, { pageTitle }),
-        /* @__PURE__ */ jsx167(EuiSpacer17, {}),
-        /* @__PURE__ */ jsx167(EuiText35, { size: "s", children: productNames })
+        /* @__PURE__ */ jsx166(EuiPageHeader3, { pageTitle }),
+        /* @__PURE__ */ jsx166(EuiSpacer17, {}),
+        /* @__PURE__ */ jsx166(EuiText35, { size: "s", children: productNames })
       ] }),
       /* @__PURE__ */ jsxs93(
         EuiFlexGroup20,
@@ -54840,15 +54822,15 @@ var WfoProcessDetail = ({
           css: { flexGrow: 0 },
           gutterSize: "s",
           children: [
-            /* @__PURE__ */ jsx167(
+            /* @__PURE__ */ jsx166(
               WfoIsAllowedToRender,
               {
                 resource: "/orchestrator/processes/retry/" /* PROCESS_RETRY */,
-                children: /* @__PURE__ */ jsx167(
+                children: /* @__PURE__ */ jsx166(
                   EuiButton12,
                   {
                     onClick: handleActionButtonClick(retryAction),
-                    iconType: () => /* @__PURE__ */ jsx167(
+                    iconType: () => /* @__PURE__ */ jsx166(
                       WfoRefresh,
                       {
                         color: retryButtonIsDisabled ? theme.colors.subduedText : theme.colors.link
@@ -54860,15 +54842,15 @@ var WfoProcessDetail = ({
                 )
               }
             ),
-            /* @__PURE__ */ jsx167(
+            /* @__PURE__ */ jsx166(
               WfoIsAllowedToRender,
               {
                 resource: "/orchestrator/processes/abort/" /* PROCESS_ABORT */,
-                children: /* @__PURE__ */ jsx167(
+                children: /* @__PURE__ */ jsx166(
                   EuiButton12,
                   {
                     onClick: handleActionButtonClick(abortAction),
-                    iconType: () => /* @__PURE__ */ jsx167(
+                    iconType: () => /* @__PURE__ */ jsx166(
                       WfoXCircleFill,
                       {
                         color: abortButtonIsDisabled ? theme.colors.subduedText : theme.colors.danger
@@ -54881,11 +54863,11 @@ var WfoProcessDetail = ({
                 )
               }
             ),
-            processDetail && processIsTask && isAllowed("/orchestrator/processes/delete/" /* PROCESS_DELETE */) && /* @__PURE__ */ jsx167(
+            processDetail && processIsTask && isAllowed("/orchestrator/processes/delete/" /* PROCESS_DELETE */) && /* @__PURE__ */ jsx166(
               EuiButton12,
               {
                 onClick: handleActionButtonClick(deleteAction),
-                iconType: () => /* @__PURE__ */ jsx167(
+                iconType: () => /* @__PURE__ */ jsx166(
                   WfoXCircleFill,
                   {
                     color: deleteButtonIsDisabled ? theme.colors.subduedText : theme.colors.danger
@@ -54900,44 +54882,44 @@ var WfoProcessDetail = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx167(EuiSpacer17, {}),
-    /* @__PURE__ */ jsx167(
+    /* @__PURE__ */ jsx166(EuiSpacer17, {}),
+    /* @__PURE__ */ jsx166(
       EuiPanel5,
       {
         hasShadow: false,
         hasBorder: false,
         color: "subdued",
         element: "div",
-        children: isLoading && !hasError && /* @__PURE__ */ jsx167(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs93(EuiFlexGroup20, { direction: "row", gutterSize: "m", children: [
-          /* @__PURE__ */ jsx167(
+        children: isLoading && !hasError && /* @__PURE__ */ jsx166(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs93(EuiFlexGroup20, { direction: "row", gutterSize: "m", children: [
+          /* @__PURE__ */ jsx166(
             ProcessHeaderValue,
             {
               translationKey: "status",
               value: processDetail.lastStatus
             }
           ),
-          /* @__PURE__ */ jsx167(
+          /* @__PURE__ */ jsx166(
             ProcessHeaderValue,
             {
               translationKey: "lastStep",
               value: processDetail == null ? void 0 : processDetail.lastStep
             }
           ),
-          processDetail.customer && /* @__PURE__ */ jsx167(
+          processDetail.customer && /* @__PURE__ */ jsx166(
             ProcessHeaderValue,
             {
               translationKey: "customer",
               value: (_a = processDetail.customer) == null ? void 0 : _a.fullname
             }
           ),
-          /* @__PURE__ */ jsx167(
+          /* @__PURE__ */ jsx166(
             ProcessHeaderValue,
             {
               translationKey: "startedBy",
               value: processDetail == null ? void 0 : processDetail.createdBy
             }
           ),
-          /* @__PURE__ */ jsx167(
+          /* @__PURE__ */ jsx166(
             ProcessHeaderValue,
             {
               translationKey: "startedOn",
@@ -54946,7 +54928,7 @@ var WfoProcessDetail = ({
               )(processDetail == null ? void 0 : processDetail.startedAt) : ""
             }
           ),
-          /* @__PURE__ */ jsx167(
+          /* @__PURE__ */ jsx166(
             ProcessHeaderValue,
             {
               translationKey: "lastUpdate",
@@ -54967,8 +54949,8 @@ var WfoProcessDetail = ({
                 overflow: "hidden"
               },
               children: [
-                /* @__PURE__ */ jsx167(EuiText35, { size: "xs", children: t("relatedSubscriptions") }),
-                /* @__PURE__ */ jsx167(
+                /* @__PURE__ */ jsx166(EuiText35, { size: "xs", children: t("relatedSubscriptions") }),
+                /* @__PURE__ */ jsx166(
                   EuiText35,
                   {
                     css: {
@@ -54978,7 +54960,7 @@ var WfoProcessDetail = ({
                       textOverflow: "ellipsis",
                       fontSize: theme.size.m
                     },
-                    children: /* @__PURE__ */ jsx167(
+                    children: /* @__PURE__ */ jsx166(
                       WfoProcessListSubscriptionsCell,
                       {
                         subscriptions: process && ((_b = processDetail == null ? void 0 : processDetail.subscriptions) == null ? void 0 : _b.page.map(
@@ -54998,8 +54980,8 @@ var WfoProcessDetail = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx167(EuiSpacer17, { size: "s" }),
-    /* @__PURE__ */ jsx167(
+    /* @__PURE__ */ jsx166(EuiSpacer17, { size: "s" }),
+    /* @__PURE__ */ jsx166(
       WfoTimeline,
       {
         timelineItems,
@@ -55012,7 +54994,7 @@ var WfoProcessDetail = ({
 };
 
 // src/pages/processes/WfoProcessDetailPage.tsx
-import { jsx as jsx168 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx167 } from "@emotion/react/jsx-runtime";
 var PROCESS_DETAIL_DEFAULT_REFETCH_INTERVAL = 3e3;
 var WfoProcessDetailPage = ({
   processId,
@@ -55020,8 +55002,8 @@ var WfoProcessDetailPage = ({
 }) => {
   var _a, _b;
   const stepListRef = useRef7(null);
-  const [fetchInterval, setFetchInterval] = useState38();
-  const [process2, setProcess] = useState38();
+  const [fetchInterval, setFetchInterval] = useState37();
+  const [process2, setProcess] = useState37();
   const { data, isLoading, isError: isError3 } = useGetProcessDetailQuery(
     { processId },
     { pollingInterval: fetchInterval }
@@ -55031,7 +55013,7 @@ var WfoProcessDetailPage = ({
       setFetchInterval(void 0);
     }
   }
-  useEffect24(() => {
+  useEffect23(() => {
     const process3 = data == null ? void 0 : data.processes[0];
     const lastStatus = process3 == null ? void 0 : process3.lastStatus.toLocaleLowerCase();
     const isInProgress = !(lastStatus && ProcessDoneStatuses.includes(lastStatus));
@@ -55039,7 +55021,7 @@ var WfoProcessDetailPage = ({
       isInProgress ? processDetailRefetchInterval : void 0
     );
   }, [data, processDetailRefetchInterval]);
-  useEffect24(() => {
+  useEffect23(() => {
     const fetchedProcessDetails = data == null ? void 0 : data.processes[0];
     if (!process2) {
       setProcess(fetchedProcessDetails);
@@ -55056,7 +55038,7 @@ var WfoProcessDetailPage = ({
   const isTask = (_b = process2 == null ? void 0 : process2.isTask) != null ? _b : false;
   const groupedSteps = convertStepsToGroupedSteps(steps);
   const timelineItems = mapGroupedStepsToTimelineItems(groupedSteps);
-  return /* @__PURE__ */ jsx168(
+  return /* @__PURE__ */ jsx167(
     WfoProcessDetail,
     {
       pageTitle,
@@ -55070,7 +55052,7 @@ var WfoProcessDetailPage = ({
       },
       isLoading,
       hasError: isError3,
-      children: isError3 && /* @__PURE__ */ jsx168(WfoError, {}) || isLoading && /* @__PURE__ */ jsx168(WfoLoading, {}) || process2 !== void 0 && /* @__PURE__ */ jsx168(
+      children: isError3 && /* @__PURE__ */ jsx167(WfoError, {}) || isLoading && /* @__PURE__ */ jsx167(WfoLoading, {}) || process2 !== void 0 && /* @__PURE__ */ jsx167(
         WfoWorkflowStepList,
         {
           ref: stepListRef,
@@ -55083,15 +55065,15 @@ var WfoProcessDetailPage = ({
           startedAt: process2.startedAt,
           isTask
         }
-      ) || /* @__PURE__ */ jsx168("h1", { children: "Invalid processId" })
+      ) || /* @__PURE__ */ jsx167("h1", { children: "Invalid processId" })
     }
   );
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useCallback as useCallback6, useEffect as useEffect25, useMemo as useMemo5, useState as useState39 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect24, useMemo as useMemo5, useState as useState38 } from "react";
 import { useTranslations as useTranslations53 } from "next-intl";
-import { useRouter as useRouter11 } from "next/router";
+import { useRouter as useRouter10 } from "next/router";
 import {
   EuiFlexGroup as EuiFlexGroup21,
   EuiFlexItem as EuiFlexItem28,
@@ -55099,7 +55081,7 @@ import {
   EuiPanel as EuiPanel6,
   EuiText as EuiText36
 } from "@elastic/eui";
-import { jsx as jsx169, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx168, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
 var getInitialProcessPayload = ({
   productId,
   subscriptionId
@@ -55122,11 +55104,12 @@ var WfoStartProcessPage = ({
 }) => {
   const apiClient = useAxiosApiClient();
   const t = useTranslations53("processes.steps");
-  const router = useRouter11();
-  const [hasError, setHasError] = useState39(false);
+  const router = useRouter10();
+  const [hasError, setHasError] = useState38(false);
   const { theme } = useOrchestratorTheme();
-  const [form, setForm] = useState39({});
+  const [form, setForm] = useState38({});
   const { productId, subscriptionId } = router.query;
+  const [startProcess] = useStartProcessMutation();
   const startProcessPayload = useMemo5(
     () => getInitialProcessPayload({ productId, subscriptionId }),
     [productId, subscriptionId]
@@ -55145,13 +55128,11 @@ var WfoStartProcessPage = ({
   }
   const submit = useCallback6(
     (processInput) => {
-      const startProcessPromise = apiClient.startProcess(
-        processName,
-        startProcessPayload ? [startProcessPayload, ...processInput] : [...processInput]
-      ).then(
-        // Resolve handler
-        (result) => {
-          const process2 = result;
+      const startProcessPromise = startProcess({
+        workflowName: processName,
+        userInputs: startProcessPayload ? [startProcessPayload, ...processInput] : [...processInput]
+      }).unwrap().then(
+        (process2) => {
           if (process2.id) {
             const basePath = isTask ? PATH_TASKS : PATH_WORKFLOWS;
             router.push(`${basePath}/${process2.id}`);
@@ -55162,9 +55143,8 @@ var WfoStartProcessPage = ({
           throw e;
         }
       ).catch((error) => {
-        var _a, _b;
-        if (((_a = error == null ? void 0 : error.response) == null ? void 0 : _a.status) !== 510) {
-          if (((_b = error == null ? void 0 : error.response) == null ? void 0 : _b.status) === 400) {
+        if ((error == null ? void 0 : error.status) !== 510 /* FormNotComplete */) {
+          if ((error == null ? void 0 : error.status) === 400 /* BadRequest */) {
             throw error;
           }
           console.error(error);
@@ -55173,18 +55153,18 @@ var WfoStartProcessPage = ({
           throw error;
         }
       });
-      return apiClient.catchErrorStatus(
+      return handlePromiseErrorWithCallback(
         startProcessPromise,
-        503,
+        503 /* ServiceUnavailable */,
         (json) => {
           console.error("engine down!!!", json);
           router.push(PATH_WORKFLOWS);
         }
       );
     },
-    [apiClient, processName, startProcessPayload, isTask, router]
+    [startProcess, processName, startProcessPayload, isTask, router]
   );
-  useEffect25(() => {
+  useEffect24(() => {
     if (processName) {
       const clientResultCallback = (json) => {
         var _a;
@@ -55193,9 +55173,9 @@ var WfoStartProcessPage = ({
           hasNext: (_a = json.hasNext) != null ? _a : false
         });
       };
-      apiClient.catchErrorStatus(
+      handlePromiseErrorWithCallback(
         submit([]),
-        510,
+        510 /* FormNotComplete */,
         clientResultCallback
       );
     }
@@ -55206,7 +55186,7 @@ var WfoStartProcessPage = ({
     workflowName: processName,
     createdBy: "-"
   };
-  return /* @__PURE__ */ jsx169(
+  return /* @__PURE__ */ jsx168(
     WfoProcessDetail,
     {
       pageTitle: processName,
@@ -55217,27 +55197,27 @@ var WfoStartProcessPage = ({
       isLoading,
       children: /* @__PURE__ */ jsxs94(EuiPanel6, { css: { marginTop: theme.base * 3 }, children: [
         /* @__PURE__ */ jsxs94(EuiFlexGroup21, { css: getStepHeaderStyle(false), children: [
-          /* @__PURE__ */ jsx169(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
+          /* @__PURE__ */ jsx168(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
           /* @__PURE__ */ jsxs94(EuiFlexItem28, { grow: 0, children: [
-            /* @__PURE__ */ jsx169(EuiText36, { css: stepListContentBoldTextStyle, children: t("userInput") }),
-            /* @__PURE__ */ jsx169(EuiText36, { children: t(
+            /* @__PURE__ */ jsx168(EuiText36, { css: stepListContentBoldTextStyle, children: t("userInput") }),
+            /* @__PURE__ */ jsx168(EuiText36, { children: t(
               isTask ? "submitTaskFormLabel" : "submitWorkflowFormLabel"
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx169(EuiHorizontalRule6, {}),
-        hasError && /* @__PURE__ */ jsx169(WfoError, {}) || stepUserInput && /* @__PURE__ */ jsx169(
-          UserInputFormWizardDeprecated_default,
+        /* @__PURE__ */ jsx168(EuiHorizontalRule6, {}),
+        hasError && /* @__PURE__ */ jsx168(WfoError, {}) || stepUserInput && /* @__PURE__ */ jsx168(
+          UserInputFormWizard,
           {
             stepUserInput,
-            validSubmit: submit,
+            stepSubmit: submit,
             cancel: () => router.push(
               isTask ? PATH_TASKS : PATH_WORKFLOWS
             ),
             hasNext,
             isTask
           }
-        ) || /* @__PURE__ */ jsx169(WfoLoading, {})
+        ) || /* @__PURE__ */ jsx168(WfoLoading, {})
       ] })
     }
   );
@@ -55304,7 +55284,7 @@ var getWfoSummaryCardHeaderStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
-import { jsx as jsx170, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx169, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardHeader = ({
   text,
   value,
@@ -55313,8 +55293,8 @@ var WfoSummaryCardHeader = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { avatarStyle, totalSectionStyle, valueStyle } = getWfoSummaryCardHeaderStyles(theme);
-  return /* @__PURE__ */ jsx170(EuiFlexItem29, { grow: 0, children: /* @__PURE__ */ jsx170(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs95(EuiFlexGroup22, { children: [
-    /* @__PURE__ */ jsx170(
+  return /* @__PURE__ */ jsx169(EuiFlexItem29, { grow: 0, children: /* @__PURE__ */ jsx169(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs95(EuiFlexGroup22, { children: [
+    /* @__PURE__ */ jsx169(
       EuiAvatar2,
       {
         iconSize: "l",
@@ -55328,14 +55308,14 @@ var WfoSummaryCardHeader = ({
       }
     ),
     /* @__PURE__ */ jsxs95("div", { css: totalSectionStyle, children: [
-      /* @__PURE__ */ jsx170(EuiText37, { color: "subdued", children: text }),
-      /* @__PURE__ */ jsx170(EuiText37, { css: valueStyle, children: value })
+      /* @__PURE__ */ jsx169(EuiText37, { color: "subdued", children: text }),
+      /* @__PURE__ */ jsx169(EuiText37, { css: valueStyle, children: value })
     ] })
   ] }) }) });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { useRouter as useRouter12 } from "next/router";
+import { useRouter as useRouter11 } from "next/router";
 import {
   EuiButton as EuiButton13,
   EuiFlexItem as EuiFlexItem31,
@@ -55351,15 +55331,15 @@ import { EuiFlexGroup as EuiFlexGroup23, EuiFlexItem as EuiFlexItem30, EuiIcon a
 
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
 import Link6 from "next/link";
-import { jsx as jsx171 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx170 } from "@emotion/react/jsx-runtime";
 var WfoOptionalLink = ({
   children,
   href
 }) => {
   if (!href) {
-    return /* @__PURE__ */ jsx171("span", { children });
+    return /* @__PURE__ */ jsx170("span", { children });
   }
-  return /* @__PURE__ */ jsx171(Link6, { href, children });
+  return /* @__PURE__ */ jsx170(Link6, { href, children });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
@@ -55408,7 +55388,7 @@ var getWfoSummaryCardListStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { jsx as jsx172, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx171, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardListItem = ({
   title,
   value,
@@ -55421,9 +55401,9 @@ var WfoSummaryCardListItem = ({
     listItemSubtitleStyle,
     listItemHighlightIconStyle
   } = getWfoSummaryCardListStyles(theme);
-  return /* @__PURE__ */ jsx172(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs96(EuiFlexGroup23, { css: listItemContainerStyle, gutterSize: "none", children: [
+  return /* @__PURE__ */ jsx171(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs96(EuiFlexGroup23, { css: listItemContainerStyle, gutterSize: "none", children: [
     /* @__PURE__ */ jsxs96(EuiFlexItem30, { children: [
-      /* @__PURE__ */ jsx172(
+      /* @__PURE__ */ jsx171(
         EuiTextColor,
         {
           color: url ? theme.colors.link : theme.colors.title,
@@ -55431,32 +55411,32 @@ var WfoSummaryCardListItem = ({
           children: title
         }
       ),
-      /* @__PURE__ */ jsx172(EuiTextColor, { css: listItemSubtitleStyle, children: value })
+      /* @__PURE__ */ jsx171(EuiTextColor, { css: listItemSubtitleStyle, children: value })
     ] }),
-    /* @__PURE__ */ jsx172(
+    /* @__PURE__ */ jsx171(
       EuiFlexItem30,
       {
         className: url ? "highlight-icon" : void 0,
         grow: false,
         css: listItemHighlightIconStyle,
-        children: /* @__PURE__ */ jsx172(EuiIcon5, { type: "sortRight", color: "primary" })
+        children: /* @__PURE__ */ jsx171(EuiIcon5, { type: "sortRight", color: "primary" })
       }
     )
   ] }) });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { jsx as jsx173, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx172, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardList = ({
   title,
   items,
   button,
   isLoading = false
 }) => {
-  const router = useRouter12();
+  const router = useRouter11();
   const euiScrollBarStyle = useEuiScrollBar2();
   const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx173(EuiFlexItem31, { children: /* @__PURE__ */ jsxs97(
+  return /* @__PURE__ */ jsx172(EuiFlexItem31, { children: /* @__PURE__ */ jsxs97(
     EuiPanel8,
     {
       css: listContainerStyle,
@@ -55465,10 +55445,10 @@ var WfoSummaryCardList = ({
       paddingSize: "l",
       children: [
         /* @__PURE__ */ jsxs97("div", { children: [
-          /* @__PURE__ */ jsx173("p", { css: listHeaderStyle, children: title }),
-          /* @__PURE__ */ jsx173(EuiSpacer18, { size: "m" }),
-          /* @__PURE__ */ jsx173(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx173("div", { css: [listStyle, euiScrollBarStyle], children: items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ jsxs97("div", { children: [
-            /* @__PURE__ */ jsx173(
+          /* @__PURE__ */ jsx172("p", { css: listHeaderStyle, children: title }),
+          /* @__PURE__ */ jsx172(EuiSpacer18, { size: "m" }),
+          /* @__PURE__ */ jsx172(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx172("div", { css: [listStyle, euiScrollBarStyle], children: items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ jsxs97("div", { children: [
+            /* @__PURE__ */ jsx172(
               WfoSummaryCardListItem,
               {
                 title: item.title,
@@ -55476,11 +55456,11 @@ var WfoSummaryCardList = ({
                 url: item.url
               }
             ),
-            index === items.length - 1 ? null : /* @__PURE__ */ jsx173(EuiHorizontalRule7, { margin: "none" })
+            index === items.length - 1 ? null : /* @__PURE__ */ jsx172(EuiHorizontalRule7, { margin: "none" })
           ] }, index)) }) })
         ] }),
-        /* @__PURE__ */ jsx173(EuiSpacer18, { size: "m" }),
-        button && /* @__PURE__ */ jsx173(
+        /* @__PURE__ */ jsx172(EuiSpacer18, { size: "m" }),
+        button && /* @__PURE__ */ jsx172(
           EuiButton13,
           {
             fullWidth: true,
@@ -55506,7 +55486,7 @@ var getWfoSummaryCardsStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCards.tsx
-import { jsx as jsx174, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx173, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCards = ({ summaryCards }) => {
   const { theme } = useOrchestratorTheme();
   const { cardContainerStyle } = getWfoSummaryCardsStyles(theme);
@@ -55531,7 +55511,7 @@ var WfoSummaryCards = ({ summaryCards }) => {
         };
     }
   };
-  return /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx173(
     EuiFlexGrid2,
     {
       responsive: false,
@@ -55547,7 +55527,7 @@ var WfoSummaryCards = ({ summaryCards }) => {
           button,
           isLoading
         }, index) => /* @__PURE__ */ jsxs98(EuiFlexItem32, { css: cardContainerStyle, children: [
-          /* @__PURE__ */ jsx174(
+          /* @__PURE__ */ jsx173(
             WfoSummaryCardHeader,
             __spreadValues({
               text: headerTitle,
@@ -55556,8 +55536,8 @@ var WfoSummaryCards = ({ summaryCards }) => {
               headerStatus
             ))
           ),
-          /* @__PURE__ */ jsx174(EuiSpacer19, { size: "m" }),
-          /* @__PURE__ */ jsx174(
+          /* @__PURE__ */ jsx173(EuiSpacer19, { size: "m" }),
+          /* @__PURE__ */ jsx173(
             WfoSummaryCardList,
             {
               title: listTitle,
@@ -55729,7 +55709,7 @@ var useStartPageSummaryCardConfigurationOverride = () => {
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { jsx as jsx175, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx174, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const t = useTranslations54("startPage");
@@ -55862,8 +55842,8 @@ var WfoStartPage = () => {
             justifyContent: "space-between"
           },
           children: [
-            /* @__PURE__ */ jsx175("div", { children: product.name }),
-            /* @__PURE__ */ jsx175("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
+            /* @__PURE__ */ jsx174("div", { children: product.name }),
+            /* @__PURE__ */ jsx174("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
           ]
         }
       )
@@ -55882,20 +55862,20 @@ var WfoStartPage = () => {
     productsSummaryCard
   ];
   const summaryCards = (overrideSummaryCards == null ? void 0 : overrideSummaryCards(allowedSummaryCards)) || allowedSummaryCards;
-  return /* @__PURE__ */ jsx175(EuiFlexItem33, { children: /* @__PURE__ */ jsx175(WfoSummaryCards, { summaryCards }) });
+  return /* @__PURE__ */ jsx174(EuiFlexItem33, { children: /* @__PURE__ */ jsx174(WfoSummaryCards, { summaryCards }) });
 };
 
 // src/pages/subscriptions/WfoSubscriptionDetailPage.tsx
-import { useRouter as useRouter13 } from "next/router";
-import { Fragment as Fragment42, jsx as jsx176 } from "@emotion/react/jsx-runtime";
+import { useRouter as useRouter12 } from "next/router";
+import { Fragment as Fragment42, jsx as jsx175 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailPage = () => {
-  const router = useRouter13();
+  const router = useRouter12();
   const { subscriptionId } = router.query;
-  return subscriptionId && /* @__PURE__ */ jsx176(TreeProvider, { children: /* @__PURE__ */ jsx176(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx176(Fragment42, {});
+  return subscriptionId && /* @__PURE__ */ jsx175(TreeProvider, { children: /* @__PURE__ */ jsx175(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx175(Fragment42, {});
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect26, useState as useState40 } from "react";
+import { useEffect as useEffect25, useState as useState39 } from "react";
 import { useTranslations as useTranslations56 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiPageHeader as EuiPageHeader4, EuiSpacer as EuiSpacer20 } from "@elastic/eui";
@@ -55981,7 +55961,7 @@ var subscriptionListTabs = [
 // src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
 import { useTranslations as useTranslations55 } from "next-intl";
 import Link7 from "next/link";
-import { useRouter as useRouter14 } from "next/router";
+import { useRouter as useRouter13 } from "next/router";
 
 // src/rtk/endpoints/subscriptionList.ts
 var subscriptionListQuery = `query SubscriptionsList(
@@ -56051,7 +56031,7 @@ var subscriptionListApi = orchestratorApi.injectEndpoints({
 var { useGetSubscriptionListQuery, useLazyGetSubscriptionListQuery } = subscriptionListApi;
 
 // src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
-import { jsx as jsx177 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx176 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsList = ({
   alwaysOnFilters,
   dataDisplayParams,
@@ -56059,7 +56039,7 @@ var WfoSubscriptionsList = ({
   hiddenColumns
 }) => {
   var _a, _b, _c;
-  const router = useRouter14();
+  const router = useRouter13();
   const t = useTranslations55("subscriptions.index");
   const tError = useTranslations55("errors");
   const { showToastMessage } = useShowToastMessage();
@@ -56068,26 +56048,26 @@ var WfoSubscriptionsList = ({
       field: "subscriptionId",
       name: t("id"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx177(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx176(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     description: {
       field: "description",
       name: t("description"),
       width: "400",
-      render: (value, record) => /* @__PURE__ */ jsx177(Link7, { href: `/subscriptions/${record.subscriptionId}`, children: value })
+      render: (value, record) => /* @__PURE__ */ jsx176(Link7, { href: `/subscriptions/${record.subscriptionId}`, children: value })
     },
     status: {
       field: "status",
       name: t("status"),
       width: "110",
-      render: (value) => /* @__PURE__ */ jsx177(WfoSubscriptionStatusBadge, { status: value })
+      render: (value) => /* @__PURE__ */ jsx176(WfoSubscriptionStatusBadge, { status: value })
     },
     insync: {
       field: "insync",
       name: t("insync"),
       width: "110",
-      render: (value) => /* @__PURE__ */ jsx177(WfoInsyncIcon, { inSync: value })
+      render: (value) => /* @__PURE__ */ jsx176(WfoInsyncIcon, { inSync: value })
     },
     productName: {
       field: "productName",
@@ -56112,7 +56092,7 @@ var WfoSubscriptionsList = ({
       field: "startDate",
       name: t("startDate"),
       width: "150",
-      render: (value) => /* @__PURE__ */ jsx177(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx176(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -56120,7 +56100,7 @@ var WfoSubscriptionsList = ({
       field: "endDate",
       name: t("endDate"),
       width: "150",
-      render: (value) => /* @__PURE__ */ jsx177(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx176(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -56131,8 +56111,8 @@ var WfoSubscriptionsList = ({
     metadata: {
       field: "metadata",
       name: t("metadata"),
-      render: (value) => /* @__PURE__ */ jsx177(WfoInlineJson, { data: value }),
-      renderDetails: (value) => value && /* @__PURE__ */ jsx177(WfoJsonCodeBlock, { data: value, isBasicStyle: true })
+      render: (value) => /* @__PURE__ */ jsx176(WfoInlineJson, { data: value }),
+      renderDetails: (value) => value && /* @__PURE__ */ jsx176(WfoJsonCodeBlock, { data: value, isBasicStyle: true })
     }
   };
   const { sortBy, queryString, pageIndex, pageSize } = dataDisplayParams;
@@ -56166,7 +56146,7 @@ var WfoSubscriptionsList = ({
     pageSizeOptions: DEFAULT_PAGE_SIZES,
     totalItemCount: totalItems != null ? totalItems : 0
   };
-  return /* @__PURE__ */ jsx177(
+  return /* @__PURE__ */ jsx176(
     WfoTableWithFilter,
     {
       queryString: dataDisplayParams.queryString,
@@ -56207,15 +56187,15 @@ var WfoSubscriptionsList = ({
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { Fragment as Fragment43, jsx as jsx178, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx177, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   var _a;
   const t = useTranslations56("subscriptions.detail");
-  const [tableDefaults, setTableDefaults] = useState40();
+  const [tableDefaults, setTableDefaults] = useState39();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect26(() => {
+  useEffect25(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -56248,10 +56228,10 @@ var WfoSubscriptionsListPage = () => {
     ({ id }) => id === activeTab
   )) == null ? void 0 : _a.alwaysOnFilters;
   return /* @__PURE__ */ jsxs100(Fragment43, { children: [
-    /* @__PURE__ */ jsx178(EuiSpacer20, {}),
-    /* @__PURE__ */ jsx178(EuiPageHeader4, { pageTitle: t("title") }),
-    /* @__PURE__ */ jsx178(EuiSpacer20, { size: "m" }),
-    /* @__PURE__ */ jsx178(
+    /* @__PURE__ */ jsx177(EuiSpacer20, {}),
+    /* @__PURE__ */ jsx177(EuiPageHeader4, { pageTitle: t("title") }),
+    /* @__PURE__ */ jsx177(EuiSpacer20, { size: "m" }),
+    /* @__PURE__ */ jsx177(
       WfoFilterTabs,
       {
         tabs: subscriptionListTabs,
@@ -56260,8 +56240,8 @@ var WfoSubscriptionsListPage = () => {
         onChangeTab: handleChangeSubscriptionsTab
       }
     ),
-    /* @__PURE__ */ jsx178(EuiSpacer20, { size: "xxl" }),
-    /* @__PURE__ */ jsx178(
+    /* @__PURE__ */ jsx177(EuiSpacer20, { size: "xxl" }),
+    /* @__PURE__ */ jsx177(
       WfoSubscriptionsList,
       {
         hiddenColumns: tableDefaults == null ? void 0 : tableDefaults.hiddenColumns,
@@ -56274,10 +56254,10 @@ var WfoSubscriptionsListPage = () => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext14, useEffect as useEffect27, useState as useState41 } from "react";
+import { useContext as useContext14, useEffect as useEffect26, useState as useState40 } from "react";
 import { useTranslations as useTranslations57 } from "next-intl";
 import Link8 from "next/link";
-import { useRouter as useRouter15 } from "next/router";
+import { useRouter as useRouter14 } from "next/router";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
 import {
   EuiButton as EuiButton14,
@@ -56350,16 +56330,16 @@ var getTasksListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { Fragment as Fragment44, jsx as jsx179, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx178, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   var _a;
-  const router = useRouter15();
+  const router = useRouter14();
   const t = useTranslations57("tasks.page");
   const [activeTab, setActiveTab] = useQueryParam3(
     "activeTab",
     withDefault4(StringParam4, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState41();
+  const [tableDefaults, setTableDefaults] = useState40();
   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);
@@ -56367,7 +56347,7 @@ var WfoTasksListPage = () => {
   const { showConfirmDialog } = useContext14(ConfirmationDialogContext);
   const { retryAllProcesses } = useMutateProcess();
   const { isEngineRunningNow } = useCheckEngineStatus();
-  useEffect27(() => {
+  useEffect26(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -56407,7 +56387,7 @@ var WfoTasksListPage = () => {
     workflowName: {
       field: "workflowName",
       name: t("taskName"),
-      render: (value, { processId }) => /* @__PURE__ */ jsx179(Link8, { href: `${PATH_TASKS}/${processId}`, children: value })
+      render: (value, { processId }) => /* @__PURE__ */ jsx178(Link8, { href: `${PATH_TASKS}/${processId}`, children: value })
     },
     lastStep: defaultTableColumns.lastStep,
     lastStatus: defaultTableColumns.lastStatus,
@@ -56424,20 +56404,20 @@ var WfoTasksListPage = () => {
     lastModifiedAt: defaultTableColumns.lastModifiedAt
   });
   return /* @__PURE__ */ jsxs101(Fragment44, { children: [
-    /* @__PURE__ */ jsx179(EuiSpacer21, {}),
+    /* @__PURE__ */ jsx178(EuiSpacer21, {}),
     /* @__PURE__ */ jsxs101(EuiFlexGroup24, { children: [
-      /* @__PURE__ */ jsx179(EuiFlexItem34, { children: /* @__PURE__ */ jsx179(EuiPageHeader5, { pageTitle: "Tasks" }) }),
-      /* @__PURE__ */ jsx179(EuiFlexItem34, { children: /* @__PURE__ */ jsxs101(EuiFlexGroup24, { justifyContent: "flexEnd", children: [
+      /* @__PURE__ */ jsx178(EuiFlexItem34, { children: /* @__PURE__ */ jsx178(EuiPageHeader5, { pageTitle: "Tasks" }) }),
+      /* @__PURE__ */ jsx178(EuiFlexItem34, { children: /* @__PURE__ */ jsxs101(EuiFlexGroup24, { justifyContent: "flexEnd", children: [
         " ",
-        /* @__PURE__ */ jsx179(
+        /* @__PURE__ */ jsx178(
           WfoIsAllowedToRender,
           {
             resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */,
-            children: /* @__PURE__ */ jsx179(
+            children: /* @__PURE__ */ jsx178(
               EuiButton14,
               {
                 onClick: handleRerunAllButtonClick,
-                iconType: () => /* @__PURE__ */ jsx179(
+                iconType: () => /* @__PURE__ */ jsx178(
                   WfoRefresh,
                   {
                     color: theme.colors.primaryText
@@ -56448,16 +56428,16 @@ var WfoTasksListPage = () => {
             )
           }
         ),
-        /* @__PURE__ */ jsx179(
+        /* @__PURE__ */ jsx178(
           WfoIsAllowedToRender,
           {
             resource: "/orchestrator/processes/create/task" /* TASKS_CREATE */,
-            children: /* @__PURE__ */ jsx179(WfoStartTaskButtonComboBox, {})
+            children: /* @__PURE__ */ jsx178(WfoStartTaskButtonComboBox, {})
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx179(
+    /* @__PURE__ */ jsx178(
       WfoFilterTabs,
       {
         tabs: defaultTasksListTabs,
@@ -56466,8 +56446,8 @@ var WfoTasksListPage = () => {
         onChangeTab: handleChangeTasksListTab
       }
     ),
-    /* @__PURE__ */ jsx179(EuiSpacer21, { size: "xxl" }),
-    /* @__PURE__ */ jsx179(
+    /* @__PURE__ */ jsx178(EuiSpacer21, { size: "xxl" }),
+    /* @__PURE__ */ jsx178(
       WfoProcessesList,
       {
         defaultHiddenColumns: tableDefaults == null ? void 0 : tableDefaults.hiddenColumns,
@@ -56482,9 +56462,9 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect28, useState as useState42 } from "react";
+import { useEffect as useEffect27, useState as useState41 } from "react";
 import { useTranslations as useTranslations58 } from "next-intl";
-import { useRouter as useRouter16 } from "next/router";
+import { useRouter as useRouter15 } from "next/router";
 import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
 import { EuiPageHeader as EuiPageHeader6, EuiSpacer as EuiSpacer22 } from "@elastic/eui";
 
@@ -56551,20 +56531,20 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { Fragment as Fragment45, jsx as jsx180, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx179, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   var _a;
-  const router = useRouter16();
+  const router = useRouter15();
   const t = useTranslations58("workflows.index");
   const [activeTab, setActiveTab] = useQueryParam4(
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState42();
+  const [tableDefaults, setTableDefaults] = useState41();
   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);
-  useEffect28(() => {
+  useEffect27(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -56591,10 +56571,10 @@ var WfoWorkflowsListPage = () => {
     return null;
   }
   return /* @__PURE__ */ jsxs102(Fragment45, { children: [
-    /* @__PURE__ */ jsx180(EuiSpacer22, {}),
-    /* @__PURE__ */ jsx180(EuiPageHeader6, { pageTitle: t("title") }),
-    /* @__PURE__ */ jsx180(EuiSpacer22, { size: "m" }),
-    /* @__PURE__ */ jsx180(
+    /* @__PURE__ */ jsx179(EuiSpacer22, {}),
+    /* @__PURE__ */ jsx179(EuiPageHeader6, { pageTitle: t("title") }),
+    /* @__PURE__ */ jsx179(EuiSpacer22, { size: "m" }),
+    /* @__PURE__ */ jsx179(
       WfoFilterTabs,
       {
         tabs: defaultWorkflowsListTabs,
@@ -56603,8 +56583,8 @@ var WfoWorkflowsListPage = () => {
         onChangeTab: handleChangeWorkflowsListTab
       }
     ),
-    /* @__PURE__ */ jsx180(EuiSpacer22, { size: "xxl" }),
-    /* @__PURE__ */ jsx180(
+    /* @__PURE__ */ jsx179(EuiSpacer22, { size: "xxl" }),
+    /* @__PURE__ */ jsx179(
       WfoProcessesList,
       {
         alwaysOnFilters,
@@ -56714,7 +56694,7 @@ var graphQlProcessFilterMapper = (data) => data == null ? void 0 : data.map(({ f
 }));
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { jsx as jsx181 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx180 } from "@emotion/react/jsx-runtime";
 var WfoProcessesList = ({
   alwaysOnFilters,
   defaultHiddenColumns = [],
@@ -56732,7 +56712,7 @@ var WfoProcessesList = ({
       field: "workflowName",
       name: t("workflowName"),
       width: "20%",
-      render: (value, { processId }) => /* @__PURE__ */ jsx181(Link9, { href: `${PATH_WORKFLOWS}/${processId}`, children: value })
+      render: (value, { processId }) => /* @__PURE__ */ jsx180(Link9, { href: `${PATH_WORKFLOWS}/${processId}`, children: value })
     },
     lastStep: {
       field: "lastStep",
@@ -56743,13 +56723,13 @@ var WfoProcessesList = ({
       field: "lastStatus",
       name: t("status"),
       width: "100",
-      render: (cellValue) => /* @__PURE__ */ jsx181(WfoProcessStatusBadge, { processStatus: cellValue })
+      render: (cellValue) => /* @__PURE__ */ jsx180(WfoProcessStatusBadge, { processStatus: cellValue })
     },
     workflowTarget: {
       field: "workflowTarget",
       name: t("workflowTarget"),
       width: "100",
-      render: (target) => /* @__PURE__ */ jsx181(WfoWorkflowTargetBadge, { target })
+      render: (target) => /* @__PURE__ */ jsx180(WfoWorkflowTargetBadge, { target })
     },
     tag: {
       field: "tag",
@@ -56775,14 +56755,14 @@ var WfoProcessesList = ({
       field: "subscriptions",
       name: t("subscriptions"),
       width: "15%",
-      render: ({ page: subscriptions }) => /* @__PURE__ */ jsx181(
+      render: ({ page: subscriptions }) => /* @__PURE__ */ jsx180(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions,
           numberOfSubscriptionsToRender: 1
         }
       ),
-      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx181(
+      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx180(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions
@@ -56804,14 +56784,14 @@ var WfoProcessesList = ({
       field: "processId",
       name: t("processId"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx181(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx180(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     startedAt: {
       field: "startedAt",
       name: t("started"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx181(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx180(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -56819,7 +56799,7 @@ var WfoProcessesList = ({
       field: "lastModifiedAt",
       name: t("lastModified"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx181(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx180(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     }
@@ -56849,7 +56829,7 @@ var WfoProcessesList = ({
   const getProcessListForExport = () => getProcessListTrigger(
     getQueryVariablesForExport(processListQueryVars)
   ).unwrap();
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx180(
     WfoTableWithFilter,
     {
       queryString,
@@ -56913,14 +56893,14 @@ var getStyles16 = (theme) => {
 };
 
 // src/components/WfoJsonCodeBlock/WfoJsonCodeBlock.tsx
-import { jsx as jsx182 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx181 } from "@emotion/react/jsx-runtime";
 var WfoJsonCodeBlock = ({
   data,
   isBasicStyle = false
 }) => {
   const { euiCodeBlockStyle, euiBasicCodeBlockStyle } = useWithOrchestratorTheme(getStyles16);
   const json = JSON.stringify(data, null, 4);
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx181(
     EuiCodeBlock2,
     {
       css: isBasicStyle ? euiBasicCodeBlockStyle : euiCodeBlockStyle,
@@ -56933,7 +56913,7 @@ var WfoJsonCodeBlock = ({
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { useState as useState43 } from "react";
+import { useState as useState42 } from "react";
 import { useTranslations as useTranslations60 } from "next-intl";
 import {
   EuiButton as EuiButton15,
@@ -56942,11 +56922,11 @@ import {
   EuiSpacer as EuiSpacer23,
   EuiText as EuiText38
 } from "@elastic/eui";
-import { jsx as jsx183, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx182, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const [clearCache] = useClearCacheMutation();
   const t = useTranslations60("settings.page");
-  const [selectedOptions, setSelected] = useState43(
+  const [selectedOptions, setSelected] = useState42(
     []
   );
   const { showToastMessage } = useShowToastMessage();
@@ -56985,9 +56965,9 @@ var WfoFlushSettings = () => {
       paddingSize: "l",
       style: { width: "50%" },
       children: [
-        /* @__PURE__ */ jsx183(EuiText38, { size: "s", children: /* @__PURE__ */ jsx183("h4", { children: t("flushCacheSettingsTitle") }) }),
-        /* @__PURE__ */ jsx183(EuiSpacer23, { size: "m" }),
-        /* @__PURE__ */ jsx183(
+        /* @__PURE__ */ jsx182(EuiText38, { size: "s", children: /* @__PURE__ */ jsx182("h4", { children: t("flushCacheSettingsTitle") }) }),
+        /* @__PURE__ */ jsx182(EuiSpacer23, { size: "m" }),
+        /* @__PURE__ */ jsx182(
           EuiComboBox,
           {
             "aria-label": "Flush settings",
@@ -56999,8 +56979,8 @@ var WfoFlushSettings = () => {
             fullWidth: true
           }
         ),
-        /* @__PURE__ */ jsx183(EuiSpacer23, { size: "m" }),
-        /* @__PURE__ */ jsx183(EuiButton15, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
+        /* @__PURE__ */ jsx182(EuiSpacer23, { size: "m" }),
+        /* @__PURE__ */ jsx182(EuiButton15, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
       ]
     }
   );
@@ -57009,16 +56989,16 @@ var WfoFlushSettings = () => {
 // src/components/WfoSettings/WfoEngineStatusButton.tsx
 import { useTranslations as useTranslations61 } from "next-intl";
 import { EuiButton as EuiButton16 } from "@elastic/eui";
-import { jsx as jsx184 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx183 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
   const t = useTranslations61("settings.page");
   if (isLoading || isSettingEngineStatus) {
-    return /* @__PURE__ */ jsx184(EuiButton16, { isLoading: true, fill: true, children: "Loading..." });
+    return /* @__PURE__ */ jsx183(EuiButton16, { isLoading: true, fill: true, children: "Loading..." });
   }
-  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx184(
+  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx183(
     EuiButton16,
     {
       onClick: () => setEngineStatus(true),
@@ -57027,7 +57007,7 @@ var WfoEngineStatusButton = () => {
       iconType: "pause",
       children: t("pauseEngine")
     }
-  ) : /* @__PURE__ */ jsx184(
+  ) : /* @__PURE__ */ jsx183(
     EuiButton16,
     {
       onClick: () => setEngineStatus(false),
@@ -57046,11 +57026,11 @@ import { EuiFlexItem as EuiFlexItem35, EuiPanel as EuiPanel10, EuiSpacer as EuiS
 // src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx
 import { useTranslations as useTranslations62 } from "next-intl";
 import { EuiButton as EuiButton17 } from "@elastic/eui";
-import { jsx as jsx185 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx184 } from "@emotion/react/jsx-runtime";
 var WfoResetTextSearchIndexButton = () => {
   const [resetTextSearchIndex] = useResetTextSearchIndexMutation();
   const t = useTranslations62("settings.page");
-  return /* @__PURE__ */ jsx185(
+  return /* @__PURE__ */ jsx184(
     EuiButton17,
     {
       onClick: () => resetTextSearchIndex(null),
@@ -57061,7 +57041,7 @@ var WfoResetTextSearchIndexButton = () => {
 };
 
 // src/components/WfoSettings/WfoModifySettings.tsx
-import { jsx as jsx186, jsxs as jsxs104 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx185, jsxs as jsxs104 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
   const t = useTranslations63("settings.page");
   return /* @__PURE__ */ jsxs104(EuiFlexItem35, { children: [
@@ -57073,13 +57053,13 @@ var WfoModifySettings = () => {
         paddingSize: "l",
         css: { width: "50%" },
         children: [
-          /* @__PURE__ */ jsx186(EuiText39, { size: "s", children: /* @__PURE__ */ jsx186("h4", { children: t("resetTextSearchIndex") }) }),
-          /* @__PURE__ */ jsx186(EuiSpacer24, { size: "m" }),
-          /* @__PURE__ */ jsx186(WfoResetTextSearchIndexButton, {})
+          /* @__PURE__ */ jsx185(EuiText39, { size: "s", children: /* @__PURE__ */ jsx185("h4", { children: t("resetTextSearchIndex") }) }),
+          /* @__PURE__ */ jsx185(EuiSpacer24, { size: "m" }),
+          /* @__PURE__ */ jsx185(WfoResetTextSearchIndexButton, {})
         ]
       }
     ),
-    /* @__PURE__ */ jsx186(EuiSpacer24, {}),
+    /* @__PURE__ */ jsx185(EuiSpacer24, {}),
     /* @__PURE__ */ jsxs104(
       EuiPanel10,
       {
@@ -57088,9 +57068,9 @@ var WfoModifySettings = () => {
         paddingSize: "l",
         css: { width: "50%" },
         children: [
-          /* @__PURE__ */ jsx186(EuiText39, { size: "s", children: /* @__PURE__ */ jsx186("h4", { children: t("modifyEngine") }) }),
-          /* @__PURE__ */ jsx186(EuiSpacer24, { size: "m" }),
-          /* @__PURE__ */ jsx186(WfoEngineStatusButton, {})
+          /* @__PURE__ */ jsx185(EuiText39, { size: "s", children: /* @__PURE__ */ jsx185("h4", { children: t("modifyEngine") }) }),
+          /* @__PURE__ */ jsx185(EuiSpacer24, { size: "m" }),
+          /* @__PURE__ */ jsx185(WfoEngineStatusButton, {})
         ]
       }
     )
@@ -57106,7 +57086,7 @@ import {
   EuiSpacer as EuiSpacer25,
   EuiText as EuiText40
 } from "@elastic/eui";
-import { jsx as jsx187, jsxs as jsxs105 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx186, jsxs as jsxs105 } from "@emotion/react/jsx-runtime";
 var WfoStatus = () => {
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEngineStatusQuery();
@@ -57122,20 +57102,20 @@ var WfoStatus = () => {
       style: { width: "50%" },
       children: [
         /* @__PURE__ */ jsxs105(EuiFlexGroup25, { children: [
-          /* @__PURE__ */ jsx187(EuiFlexItem36, { grow: false, style: { minWidth: 208 }, children: /* @__PURE__ */ jsx187(EuiText40, { size: "s", children: /* @__PURE__ */ jsx187("h4", { children: t("runningProcesses") }) }) }),
-          /* @__PURE__ */ jsx187(EuiFlexItem36, { grow: false, children: /* @__PURE__ */ jsx187(EuiText40, { size: "s", children: /* @__PURE__ */ jsx187("p", { children: runningProcesses || "-" }) }) })
+          /* @__PURE__ */ jsx186(EuiFlexItem36, { grow: false, style: { minWidth: 208 }, children: /* @__PURE__ */ jsx186(EuiText40, { size: "s", children: /* @__PURE__ */ jsx186("h4", { children: t("runningProcesses") }) }) }),
+          /* @__PURE__ */ jsx186(EuiFlexItem36, { grow: false, children: /* @__PURE__ */ jsx186(EuiText40, { size: "s", children: /* @__PURE__ */ jsx186("p", { children: runningProcesses || "-" }) }) })
         ] }),
-        /* @__PURE__ */ jsx187(EuiSpacer25, { size: "m" }),
+        /* @__PURE__ */ jsx186(EuiSpacer25, { size: "m" }),
         /* @__PURE__ */ jsxs105(EuiFlexGroup25, { children: [
-          /* @__PURE__ */ jsx187(EuiFlexItem36, { grow: false, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx187(EuiText40, { size: "s", children: /* @__PURE__ */ jsx187("h4", { children: t("engineStatus") }) }) }),
-          /* @__PURE__ */ jsx187(EuiFlexItem36, { grow: false, children: /* @__PURE__ */ jsxs105(EuiFlexGroup25, { gutterSize: "xs", children: [
-            /* @__PURE__ */ jsx187(EuiFlexItem36, { children: /* @__PURE__ */ jsx187(
+          /* @__PURE__ */ jsx186(EuiFlexItem36, { grow: false, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx186(EuiText40, { size: "s", children: /* @__PURE__ */ jsx186("h4", { children: t("engineStatus") }) }) }),
+          /* @__PURE__ */ jsx186(EuiFlexItem36, { grow: false, children: /* @__PURE__ */ jsxs105(EuiFlexGroup25, { gutterSize: "xs", children: [
+            /* @__PURE__ */ jsx186(EuiFlexItem36, { children: /* @__PURE__ */ jsx186(
               WfoStatusDotIcon,
               {
                 color: isRunning ? theme.colors.success : theme.colors.warning
               }
             ) }),
-            /* @__PURE__ */ jsx187(EuiFlexItem36, { children: /* @__PURE__ */ jsx187(EuiText40, { size: "xs", style: { marginTop: 4 }, children: /* @__PURE__ */ jsx187("p", { children: engineStatus }) }) })
+            /* @__PURE__ */ jsx186(EuiFlexItem36, { children: /* @__PURE__ */ jsx186(EuiText40, { size: "xs", style: { marginTop: 4 }, children: /* @__PURE__ */ jsx186("p", { children: engineStatus }) }) })
           ] }) })
         ] })
       ]
@@ -57144,9 +57124,9 @@ var WfoStatus = () => {
 };
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
-import React59 from "react";
-import { jsx as jsx188, jsxs as jsxs106 } from "@emotion/react/jsx-runtime";
-var WfoErrorBoundary = class extends React59.Component {
+import React58 from "react";
+import { jsx as jsx187, jsxs as jsxs106 } from "@emotion/react/jsx-runtime";
+var WfoErrorBoundary = class extends React58.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -57165,7 +57145,7 @@ var WfoErrorBoundary = class extends React59.Component {
       return /* @__PURE__ */ jsxs106("p", { children: [
         "An unexpected error occurred, try to go back to the",
         " ",
-        /* @__PURE__ */ jsx188("a", { href: "/", children: "home page" })
+        /* @__PURE__ */ jsx187("a", { href: "/", children: "home page" })
       ] });
     }
     return this.props.children;
@@ -57210,10 +57190,10 @@ var WfoNoResults = ({ text, icon }) => {
 
 // src/components/WfoStartButton/WfoStartTaskComboBox.tsx
 import { useTranslations as useTranslations65 } from "next-intl";
-import { useRouter as useRouter17 } from "next/router";
-import { jsx as jsx189 } from "@emotion/react/jsx-runtime";
+import { useRouter as useRouter16 } from "next/router";
+import { jsx as jsx188 } from "@emotion/react/jsx-runtime";
 var WfoStartTaskButtonComboBox = () => {
-  const router = useRouter17();
+  const router = useRouter16();
   const t = useTranslations65("common");
   const { isEngineRunningNow } = useCheckEngineStatus();
   const { data } = useGetTaskOptionsQuery();
@@ -57234,7 +57214,7 @@ var WfoStartTaskButtonComboBox = () => {
       });
     }
   });
-  return /* @__PURE__ */ jsx189(
+  return /* @__PURE__ */ jsx188(
     WfoStartButtonComboBox,
     {
       buttonText: t("newTask"),
@@ -58285,7 +58265,6 @@ export {
   TreeProvider,
   UnconnectedSelectField,
   UserInputFormWizard,
-  UserInputFormWizardDeprecated,
   VlanField,
   WFO_STATUS_COLOR_FIELD,
   WfoArrowNarrowDown,