@orchestrator-ui/orchestrator-ui-components 0.11.0 → 0.12.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 = jsx177;
-    jsx177.displayName = "jsx";
-    jsx177.aliases = [];
-    function jsx177(Prism) {
+    module.exports = jsx179;
+    jsx179.displayName = "jsx";
+    jsx179.aliases = [];
+    function jsx179(Prism) {
       ;
       (function(Prism2) {
         var javascript = Prism2.util.clone(Prism2.languages.javascript);
@@ -34572,9 +34572,9 @@ var getAxiosInstance = (apiPath, accessToken) => {
 };
 
 // src/api/index.ts
-var CIM_FORMS_ENDPOINT = "surf/cim/forms/";
 var PROCESS_ENDPOINT = "processes/";
 var PRODUCTS_ENDPOINT = "products/";
+var FORMS_ENDPOINT = "surf/forms/";
 var BaseApiClient = class {
   constructor(apiPath, accessToken) {
     this.axiosFetch = (path, options = {}, headers = {}, showErrorDialog = true, result = true) => {
@@ -34614,11 +34614,18 @@ var BaseApiClient = class {
     this._axiosInstance = getAxiosInstance(apiPath, accessToken);
   }
 };
-var ApiClientInterface = class extends BaseApiClient {
-};
-var ApiClient = class extends ApiClientInterface {
+var ApiClient = class extends BaseApiClient {
   constructor() {
     super(...arguments);
+    this.startForm = (formKey, userInputs) => {
+      return this.postPutJson(
+        `${FORMS_ENDPOINT}${formKey}`,
+        userInputs,
+        "post",
+        false,
+        true
+      );
+    };
     this.startProcess = (workflowName, processInput) => {
       return this.postPutJson(
         `${PROCESS_ENDPOINT}${workflowName}`,
@@ -34643,15 +34650,6 @@ var ApiClient = class extends ApiClientInterface {
     this.productById = (productId) => {
       return this.fetchJson(`${PRODUCTS_ENDPOINT}${productId}`);
     };
-    this.cimStartForm = (formKey, userInputs) => {
-      return this.postPutJson(
-        `${CIM_FORMS_ENDPOINT}${formKey}`,
-        userInputs,
-        "post",
-        false,
-        true
-      );
-    };
     this.prefix_filters = () => {
       return this.fetchJson("surf/ipam/prefix_filters");
     };
@@ -41313,7 +41311,7 @@ import { useContext as useContext6 } from "react";
 // src/hooks/useQueryWithFetch.ts
 import { useQuery as useQuery2 } from "react-query";
 import { signOut as signOut2 } from "next-auth/react";
-var useQueryWithFetch = (url, queryVars, queryKey) => {
+var useQueryWithFetch = (url, queryVars, queryKey, options) => {
   const { session } = useWfoSession();
   const requestHeaders = {
     authorization: session ? `Bearer ${session.accessToken}` : ""
@@ -41331,7 +41329,11 @@ var useQueryWithFetch = (url, queryVars, queryKey) => {
     }
     return yield response.json();
   });
-  return useQuery2([queryKey, ...Object.values(queryVars)], fetchData);
+  return useQuery2(
+    [queryKey, ...Object.values(queryVars)],
+    fetchData,
+    options
+  );
 };
 
 // src/hooks/useProcessStatusCountsQuery.ts
@@ -43290,6 +43292,13 @@ var camelToHuman = (value) => {
   const result = value.replace(/([A-Z])/g, " $1").trimStart();
   return result.charAt(0).toUpperCase() + result.slice(1);
 };
+var snakeToHuman = (value) => {
+  const result = value.replace(/_/g, " ");
+  return result.charAt(0) + result.slice(1);
+};
+var snakeToKebab = (value) => {
+  return value.replace(/_/g, "-");
+};
 
 // src/utils/getProductNamesFromProcess.ts
 var getProductNamesFromProcess = (process2) => {
@@ -43740,6 +43749,28 @@ import { useTranslations as useTranslations9 } from "next-intl";
 import { useRouter as useRouter4 } from "next/router";
 import { EuiSideNav, EuiSpacer as EuiSpacer3 } from "@elastic/eui";
 
+// src/configuration/policy-resources.ts
+var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
+  PolicyResource2["NAVIGATION_METADATA"] = "/orchestrator/metadata";
+  PolicyResource2["NAVIGATION_SETTINGS"] = "/orchestrator/settings";
+  PolicyResource2["NAVIGATION_SUBSCRIPTIONS"] = "/orchestrator/subscriptions";
+  PolicyResource2["NAVIGATION_TASKS"] = "/orchestrator/tasks";
+  PolicyResource2["NAVIGATION_WORKFLOWS"] = "/orchestrator/workflows";
+  PolicyResource2["PROCESS_ABORT"] = "/orchestrator/processes/abort/";
+  PolicyResource2["PROCESS_DELETE"] = "/orchestrator/processes/delete/";
+  PolicyResource2["PROCESS_DETAILS"] = "/orchestrator/processes/details/";
+  PolicyResource2["PROCESS_RELATED_SUBSCRIPTIONS"] = "/orchestrator/subscriptions/view/from-process";
+  PolicyResource2["PROCESS_RETRY"] = "/orchestrator/processes/retry/";
+  PolicyResource2["PROCESS_USER_INPUT"] = "/orchestrator/processes/user-input/";
+  PolicyResource2["SUBSCRIPTION_CREATE"] = "/orchestrator/processes/create/process/menu";
+  PolicyResource2["SUBSCRIPTION_MODIFY"] = "/orchestrator/subscriptions/modify/";
+  PolicyResource2["SUBSCRIPTION_TERMINATE"] = "/orchestrator/subscriptions/terminate/";
+  PolicyResource2["SUBSCRIPTION_VALIDATE"] = "/orchestrator/subscriptions/validate/";
+  PolicyResource2["TASKS_CREATE"] = "/orchestrator/processes/create/task";
+  PolicyResource2["TASKS_RETRY_ALL"] = "/orchestrator/processes/all-tasks/retry";
+  return PolicyResource2;
+})(PolicyResource || {});
+
 // src/components/WfoPageTemplate/paths.ts
 var PATH_START = "/";
 var PATH_START_NEW_WORKFLOW = "/workflows/new";
@@ -46377,10 +46408,19 @@ var WfoStartCreateWorkflowButtonComboBox = () => {
 
 // src/components/WfoPageTemplate/WfoSidebar/WfoSidebar.tsx
 import { Fragment as Fragment5, jsx as jsx61, jsxs as jsxs42 } from "@emotion/react/jsx-runtime";
+var renderEmptyElementWhenNotAllowedByPolicy = (isAllowed) => isAllowed ? void 0 : () => /* @__PURE__ */ jsx61(Fragment5, {});
+var urlPolicyMap = /* @__PURE__ */ new Map([
+  [PATH_WORKFLOWS, "/orchestrator/workflows" /* NAVIGATION_WORKFLOWS */],
+  [PATH_SUBSCRIPTIONS, "/orchestrator/subscriptions" /* NAVIGATION_SUBSCRIPTIONS */],
+  [PATH_METADATA, "/orchestrator/metadata" /* NAVIGATION_METADATA */],
+  [PATH_TASKS, "/orchestrator/tasks" /* NAVIGATION_TASKS */],
+  [PATH_SETTINGS, "/orchestrator/settings" /* NAVIGATION_SETTINGS */]
+]);
 var WfoSidebar = ({ overrideMenuItems }) => {
   const t = useTranslations9("main");
   const router = useRouter4();
   const [isSideNavOpenOnMobile, setIsSideNavOpenOnMobile] = useState7(false);
+  const { isAllowed } = usePolicy();
   const toggleMobile = () => {
     setIsSideNavOpenOnMobile((openState) => !openState);
   };
@@ -46417,6 +46457,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
     {
       name: t("metadata"),
       id: "5",
+      href: PATH_METADATA,
       onClick: () => {
         router.push(PATH_METADATA);
       },
@@ -46480,16 +46521,31 @@ var WfoSidebar = ({ overrideMenuItems }) => {
       href: PATH_SETTINGS
     }
   ];
+  const defaultMenuItemsFilteredByPolicy = defaultMenuItems.filter(
+    ({ href }) => {
+      if (!href) {
+        return true;
+      }
+      const policyResource = urlPolicyMap.get(href);
+      return policyResource ? isAllowed(policyResource) : true;
+    }
+  );
   const defaultMenu = [
     {
       renderItem: () => /* @__PURE__ */ jsxs42(Fragment5, { children: [
-        /* @__PURE__ */ jsx61(WfoStartCreateWorkflowButtonComboBox, {}),
+        /* @__PURE__ */ jsx61(
+          WfoIsAllowedToRender,
+          {
+            resource: "/orchestrator/processes/create/process/menu" /* SUBSCRIPTION_CREATE */,
+            children: /* @__PURE__ */ jsx61(WfoStartCreateWorkflowButtonComboBox, {})
+          }
+        ),
         /* @__PURE__ */ jsx61(EuiSpacer3, { size: "m" }),
         /* @__PURE__ */ jsx61(WfoCopyright, {})
       ] }),
       name: "Menu",
       id: "1",
-      items: overrideMenuItems ? overrideMenuItems(defaultMenuItems) : defaultMenuItems
+      items: overrideMenuItems ? overrideMenuItems(defaultMenuItemsFilteredByPolicy) : defaultMenuItemsFilteredByPolicy
     }
   ];
   return /* @__PURE__ */ jsx61(Fragment5, { children: /* @__PURE__ */ jsx61(
@@ -47168,6 +47224,7 @@ var WfoSubscriptionActions = ({
   const [isPopoverOpen, setPopover] = useState11(false);
   const { data: subscriptionActions } = useSubscriptionActions(subscriptionId);
   const { isEngineRunningNow } = useCheckEngineStatus();
+  const { isAllowed } = usePolicy();
   const onButtonClick = () => {
     setPopover(!isPopoverOpen);
   };
@@ -47242,32 +47299,42 @@ var WfoSubscriptionActions = ({
       panelPaddingSize: "none",
       anchorPosition: "downLeft",
       children: /* @__PURE__ */ jsx72(EuiContextMenuPanel, { children: /* @__PURE__ */ jsxs50(EuiPanel2, { color: "transparent", paddingSize: "s", children: [
-        subscriptionActions && subscriptionActions.modify && /* @__PURE__ */ jsxs50(Fragment10, { children: [
+        subscriptionActions && isAllowed(
+          "/orchestrator/subscriptions/modify/" /* SUBSCRIPTION_MODIFY */ + subscriptionId
+        ) && subscriptionActions.modify && /* @__PURE__ */ jsxs50(Fragment10, { children: [
           /* @__PURE__ */ jsx72(MenuBlock, { title: t("modify") }),
-          subscriptionActions.modify.map((action, index) => /* @__PURE__ */ jsx72(
-            MenuItem,
-            {
-              action,
-              index,
-              target: "modify" /* MODIFY */
-            },
-            `m_${index}`
-          ))
+          subscriptionActions.modify.map(
+            (action, index) => /* @__PURE__ */ jsx72(
+              MenuItem,
+              {
+                action,
+                index,
+                target: "modify" /* MODIFY */
+              },
+              `m_${index}`
+            )
+          )
         ] }),
-        subscriptionActions && subscriptionActions.system && /* @__PURE__ */ jsxs50(Fragment10, { children: [
+        subscriptionActions && isAllowed(
+          "/orchestrator/subscriptions/validate/" /* SUBSCRIPTION_VALIDATE */ + subscriptionId
+        ) && subscriptionActions.system && /* @__PURE__ */ jsxs50(Fragment10, { children: [
           /* @__PURE__ */ jsx72(MenuBlock, { title: t("tasks") }),
-          subscriptionActions.system.map((action, index) => /* @__PURE__ */ jsx72(
-            MenuItem,
-            {
-              action,
-              index,
-              target: "system" /* SYSTEM */,
-              isTask: true
-            },
-            `s_${index}`
-          ))
+          subscriptionActions.system.map(
+            (action, index) => /* @__PURE__ */ jsx72(
+              MenuItem,
+              {
+                action,
+                index,
+                target: "system" /* SYSTEM */,
+                isTask: true
+              },
+              `s_${index}`
+            )
+          )
         ] }),
-        subscriptionActions && subscriptionActions.terminate && /* @__PURE__ */ jsxs50(Fragment10, { children: [
+        subscriptionActions && isAllowed(
+          "/orchestrator/subscriptions/terminate/" /* SUBSCRIPTION_TERMINATE */ + subscriptionId
+        ) && subscriptionActions.terminate && /* @__PURE__ */ jsxs50(Fragment10, { children: [
           /* @__PURE__ */ jsx72(MenuBlock, { title: t("terminate") }),
           subscriptionActions.terminate.map(
             (action, index) => /* @__PURE__ */ jsx72(
@@ -49800,13 +49867,35 @@ var WfoToastsList = () => {
   );
 };
 
-// src/components/WfoForms/CreateForm.tsx
-import { useCallback as useCallback4, useEffect as useEffect15, useState as useState26 } from "react";
-
-// src/components/WfoForms/UserInputFormWizard.tsx
-import { useEffect as useEffect14, useState as useState25 } from "react";
-import { useRouter as useRouter7 } from "next/router";
-import hash from "object-hash";
+// src/components/WfoForms/AutoFields.tsx
+import { createElement } from "react";
+import { useForm } from "uniforms";
+import { AutoField } from "uniforms-unstyled";
+function AutoFields(_a) {
+  var _b = _a, {
+    autoField = AutoField,
+    element = "section",
+    fields,
+    omitFields = []
+  } = _b, props = __objRest(_b, [
+    "autoField",
+    "element",
+    "fields",
+    "omitFields"
+  ]);
+  const { schema } = useForm();
+  return createElement(
+    element,
+    __spreadValues({}, props),
+    (fields != null ? fields : schema.getSubfields()).filter((field) => !omitFields.includes(field)).map(
+      (field) => createElement(autoField, {
+        key: field,
+        name: field,
+        className: "form-input"
+      })
+    )
+  );
+}
 
 // src/components/WfoForms/UserInputForm.tsx
 var import_cloneDeep2 = __toESM(require_cloneDeep(), 1);
@@ -49825,7 +49914,7 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoForms/AutoFieldLoader.tsx
-import { AutoField as AutoField4 } from "uniforms-unstyled";
+import { AutoField as AutoField5 } from "uniforms-unstyled";
 
 // src/components/WfoForms/formFields/AcceptField.tsx
 import { useReducer } from "react";
@@ -50173,10 +50262,10 @@ var ErrorField = connectField4(Error2, {
 });
 
 // src/components/WfoForms/formFields/ErrorsField.tsx
-import { filterDOMProps as filterDOMProps4, useForm } from "uniforms";
+import { filterDOMProps as filterDOMProps4, useForm as useForm2 } from "uniforms";
 import { jsx as jsx102, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
 var ErrorsField = (props) => {
-  const { error, schema } = useForm();
+  const { error, schema } = useForm2();
   return !error && !props.children ? null : /* @__PURE__ */ jsxs65("div", __spreadProps(__spreadValues({}, filterDOMProps4(props)), { children: [
     props.children,
     /* @__PURE__ */ jsx102("ul", { children: schema.getErrorMessages(error).map((message, index) => /* @__PURE__ */ jsx102("li", { children: message }, index)) })
@@ -50335,10 +50424,10 @@ import { EuiFlexItem as EuiFlexItem14, EuiFormRow as EuiFormRow4, EuiText as Eui
 
 // src/components/WfoForms/formFields/ListItemField.tsx
 import { connectField as connectField8 } from "uniforms";
-import { AutoField } from "uniforms-unstyled";
+import { AutoField as AutoField2 } from "uniforms-unstyled";
 import { jsx as jsx106, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
 function ListItem({
-  children = /* @__PURE__ */ jsx106(AutoField, { label: null, name: "" }),
+  children = /* @__PURE__ */ jsx106(AutoField2, { label: null, name: "" }),
   outerList = false
 }) {
   return /* @__PURE__ */ jsxs68("li", { children: [
@@ -50525,13 +50614,13 @@ var ListField = connectField9(List);
 
 // src/components/WfoForms/formFields/ListSelectField.tsx
 var import_lodash3 = __toESM(require_lodash(), 1);
-import { joinName as joinName5, useField as useField5, useForm as useForm3 } from "uniforms";
+import { joinName as joinName5, useField as useField5, useForm as useForm4 } from "uniforms";
 
 // src/components/WfoForms/formFields/SelectField.tsx
 var import_lodash2 = __toESM(require_lodash(), 1);
 import ReactSelect from "react-select";
 import { useTranslations as useTranslations26 } from "next-intl";
-import { joinName as joinName4, useField as useField4, useForm as useForm2 } from "uniforms";
+import { joinName as joinName4, useField as useField4, useForm as useForm3 } from "uniforms";
 import { EuiFormRow as EuiFormRow5, EuiText as EuiText14 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/reactSelectStyles.ts
@@ -50612,7 +50701,7 @@ function UnconnectedSelectField(_a) {
     parentName = name;
   }
   const parent = useField4(parentName, {}, { absoluteName: true })[0];
-  const { model } = useForm2();
+  const { model } = useForm3();
   if (parentName !== name) {
     if (parent.fieldType === Array && parent.uniqueItems) {
       const allValues = (0, import_lodash2.get)(model, parentName, []);
@@ -50714,7 +50803,7 @@ function ListSelectField(_a) {
     parentName = name;
   }
   const parent = useField5(parentName, {}, { absoluteName: true })[0];
-  const { model } = useForm3();
+  const { model } = useForm4();
   if (parentName !== name) {
     if (parent.fieldType === Array && parent.uniqueItems) {
       const allValues = (0, import_lodash3.get)(model, parentName, []);
@@ -50989,7 +51078,7 @@ function Radio(_a) {
 var RadioField = connectField13(Radio, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/SubmitField.tsx
-import { filterDOMProps as filterDOMProps13, useForm as useForm4 } from "uniforms";
+import { filterDOMProps as filterDOMProps13, useForm as useForm5 } from "uniforms";
 import { jsx as jsx114 } from "@emotion/react/jsx-runtime";
 var SubmitField = (_a) => {
   var _b = _a, {
@@ -51003,7 +51092,7 @@ var SubmitField = (_a) => {
     "readOnly",
     "value"
   ]);
-  const { error, state } = useForm4();
+  const { error, state } = useForm5();
   return /* @__PURE__ */ jsx114(
     "input",
     __spreadValues(__spreadValues({
@@ -51277,7 +51366,7 @@ import {
   filterDOMProps as filterDOMProps18,
   joinName as joinName6,
   useField as useField6,
-  useForm as useForm5
+  useForm as useForm6
 } from "uniforms";
 import { EuiFieldText as EuiFieldText2, EuiFormRow as EuiFormRow12, EuiText as EuiText21 } from "@elastic/eui";
 
@@ -51467,7 +51556,7 @@ function ContactPersonName(_a) {
   ]);
   const axiosApiClient = useAxiosApiClient();
   const t = useTranslations28("pydanticForms");
-  const { model, onChange: formOnChange, schema } = useForm5();
+  const { model, onChange: formOnChange, schema } = useForm6();
   const contactsPersonFieldNameArray = joinName6(null, name).slice(0, -1);
   const emailFieldName = joinName6(contactsPersonFieldNameArray, "email");
   const contactsFieldName = joinName6(
@@ -51892,7 +51981,7 @@ var LocationCodeField = connectField21(LocationCode, { kind: "leaf" });
 var import_get3 = __toESM(require_get(), 1);
 import { useEffect as useEffect13, useState as useState22 } from "react";
 import { useTranslations as useTranslations32 } from "next-intl";
-import { connectField as connectField22, filterDOMProps as filterDOMProps22, joinName as joinName7, useForm as useForm6 } from "uniforms";
+import { connectField as connectField22, filterDOMProps as filterDOMProps22, joinName as joinName7, useForm as useForm7 } from "uniforms";
 import { EuiFieldText as EuiFieldText3, EuiFormRow as EuiFormRow14, EuiText as EuiText23 } from "@elastic/eui";
 
 // src/hooks/surf/useIsTaggedPort.ts
@@ -51995,7 +52084,7 @@ function Vlan(_a) {
   ]);
   const t = useTranslations32("pydanticForms");
   const axiosApiClient = useAxiosApiClient();
-  const { model, schema } = useForm6();
+  const { model, schema } = useForm7();
   const initialValue = schema.getInitialValue(name, {});
   const nameArray = joinName7(null, name);
   const selfName = nameArray.slice(-1);
@@ -52107,7 +52196,7 @@ var VlanField = connectField22(Vlan, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/NestField.tsx
 import { connectField as connectField23, filterDOMProps as filterDOMProps23, joinName as joinName8 } from "uniforms";
-import { AutoField as AutoField2 } from "uniforms-unstyled";
+import { AutoField as AutoField3 } from "uniforms-unstyled";
 import {
   EuiDescribedFormGroup,
   EuiFlexGroup as EuiFlexGroup13,
@@ -52149,7 +52238,7 @@ function Nest(_a) {
             /* @__PURE__ */ jsx125(EuiText24, { size: "m", children: description })
           ] }),
           children || (fields == null ? void 0 : fields.map((field) => /* @__PURE__ */ jsx125(EuiFlexItem17, { children: /* @__PURE__ */ jsx125(
-            AutoField2,
+            AutoField3,
             __spreadProps(__spreadValues({
               name: field
             }, itemProps), {
@@ -52167,7 +52256,7 @@ function Nest(_a) {
         description,
         className: `${className} nest-field`,
         children: children || (fields == null ? void 0 : fields.map((field) => /* @__PURE__ */ jsx125(
-          AutoField2,
+          AutoField3,
           __spreadProps(__spreadValues({
             name: field
           }, itemProps), {
@@ -52184,7 +52273,7 @@ var NestField = connectField23(Nest);
 // src/components/WfoForms/formFields/OptGroupField.tsx
 import { useTranslations as useTranslations33 } from "next-intl";
 import { connectField as connectField24, filterDOMProps as filterDOMProps24, useField as useField7 } from "uniforms";
-import { AutoField as AutoField3 } from "uniforms-unstyled";
+import { AutoField as AutoField4 } from "uniforms-unstyled";
 import { EuiDescribedFormGroup as EuiDescribedFormGroup2, EuiFlexItem as EuiFlexItem18, EuiFormRow as EuiFormRow15 } from "@elastic/eui";
 import { Fragment as Fragment23, jsx as jsx126, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
 filterDOMProps24.register("properties");
@@ -52220,7 +52309,7 @@ function OptGroup(_a) {
             children: /* @__PURE__ */ jsx126(BoolField, { name: "enabled", readOnly })
           }
         ) }),
-        enabled && (fields == null ? void 0 : fields.filter((field) => field !== "enabled").map((field) => /* @__PURE__ */ jsx126(EuiFlexItem18, { children: /* @__PURE__ */ jsx126(AutoField3, __spreadValues({ name: field }, itemProps)) }, field)))
+        enabled && (fields == null ? void 0 : fields.filter((field) => field !== "enabled").map((field) => /* @__PURE__ */ jsx126(EuiFlexItem18, { children: /* @__PURE__ */ jsx126(AutoField4, __spreadValues({ name: field }, itemProps)) }, field)))
       ] })
     })
   );
@@ -52236,7 +52325,7 @@ import {
   filterDOMProps as filterDOMProps25,
   joinName as joinName9,
   useField as useField8,
-  useForm as useForm7
+  useForm as useForm8
 } from "uniforms";
 import {
   EuiButtonIcon as EuiButtonIcon2,
@@ -52384,7 +52473,7 @@ function SubscriptionFieldDefinition(_a) {
     parentName = name;
   }
   const parent = useField8(parentName, {}, { absoluteName: true })[0];
-  const { model, schema } = useForm7();
+  const { model, schema } = useForm8();
   const bandWithFromField = bandwidthKey ? (0, import_get4.default)(model, bandwidthKey) || schema.getInitialValue(bandwidthKey, {}) : void 0;
   const usedBandwidth = bandwidth || bandWithFromField;
   const usedCustomerId = customerKey ? (0, import_get4.default)(model, customerKey, "nonExistingOrgToFilterEverything") : customerId;
@@ -53479,37 +53568,7 @@ function autoFieldFunction(props, uniforms) {
         return DateField;
     }
   }
-  return AutoField4.defaultComponentDetector(props, uniforms);
-}
-
-// src/components/WfoForms/AutoFields.tsx
-import { createElement } from "react";
-import { useForm as useForm8 } from "uniforms";
-import { AutoField as AutoField5 } from "uniforms-unstyled";
-function AutoFields(_a) {
-  var _b = _a, {
-    autoField = AutoField5,
-    element = "section",
-    fields,
-    omitFields = []
-  } = _b, props = __objRest(_b, [
-    "autoField",
-    "element",
-    "fields",
-    "omitFields"
-  ]);
-  const { schema } = useForm8();
-  return createElement(
-    element,
-    __spreadValues({}, props),
-    (fields != null ? fields : schema.getSubfields()).filter((field) => !omitFields.includes(field)).map(
-      (field) => createElement(autoField, {
-        key: field,
-        name: field,
-        className: "form-input"
-      })
-    )
-  );
+  return AutoField5.defaultComponentDetector(props, uniforms);
 }
 
 // src/components/WfoForms/UserInputFormStyling.ts
@@ -54015,6 +54074,9 @@ function UserInputForm({
 var UserInputForm_default = UserInputForm;
 
 // src/components/WfoForms/UserInputFormWizard.tsx
+import { useEffect as useEffect14, useState as useState25 } from "react";
+import { useRouter as useRouter7 } from "next/router";
+import hash from "object-hash";
 import { jsx as jsx135 } from "@emotion/react/jsx-runtime";
 function stop2(e) {
   if (e !== void 0 && e !== null) {
@@ -54089,6 +54151,7 @@ function UserInputFormWizard({
 var UserInputFormWizard_default = UserInputFormWizard;
 
 // src/components/WfoForms/CreateForm.tsx
+import { useCallback as useCallback4, useEffect as useEffect15, useState as useState26 } from "react";
 import { jsx as jsx136 } from "@emotion/react/jsx-runtime";
 function CreateForm(props) {
   const { preselectedInput, formKey, handleSubmit, handleCancel } = props;
@@ -54097,7 +54160,7 @@ function CreateForm(props) {
   const apiClient = useAxiosApiClient();
   const submit = useCallback4(
     (userInputs) => {
-      return apiClient.cimStartForm(formKey, userInputs).then((form2) => {
+      return apiClient.startForm(formKey, userInputs).then((form2) => {
         handleSubmit(form2);
       });
     },
@@ -54175,9 +54238,27 @@ var WfoDateTime = ({ dateOrIsoString }) => {
   return /* @__PURE__ */ jsx138("span", { title: parseDateToLocaleDateTimeString(date), children: parseDateOrTimeRelativeToToday(date) });
 };
 
+// src/components/WfoAuth/WfoPageUnauthorized.tsx
+import { useTranslations as useTranslations39 } from "next-intl";
+import { jsx as jsx139 } from "@emotion/react/jsx-runtime";
+var WfoPageUnauthorized = () => {
+  const t = useTranslations39("common");
+  return /* @__PURE__ */ jsx139("p", { children: t("unauthorizedPage") });
+};
+
+// src/components/WfoAuth/WfoPolicyRenderPageFallback.tsx
+import { Fragment as Fragment26, jsx as jsx140 } from "@emotion/react/jsx-runtime";
+var WfoPolicyRenderPageFallback = ({
+  resource,
+  children
+}) => {
+  const { isAllowed } = usePolicy();
+  return isAllowed(resource) ? /* @__PURE__ */ jsx140(Fragment26, { children }) : /* @__PURE__ */ jsx140(WfoPageUnauthorized, {});
+};
+
 // src/components/WfoAuth/WfoAuth.tsx
 import { useContext as useContext12 } from "react";
-import { jsx as jsx139 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx141 } from "@emotion/react/jsx-runtime";
 var WfoAuth = ({
   children,
   isAllowedHandler = () => true
@@ -54187,25 +54268,25 @@ var WfoAuth = ({
     required: authActive
   });
   if (status === "loading") {
-    return /* @__PURE__ */ jsx139(WfoLoading, {});
+    return /* @__PURE__ */ jsx141(WfoLoading, {});
   }
-  return /* @__PURE__ */ jsx139(PolicyContextProvider, { isAllowedHandler, children });
+  return /* @__PURE__ */ jsx141(PolicyContextProvider, { isAllowedHandler, children });
 };
 
 // src/components/WfoAuth/WfoIsAllowedToRender.tsx
-import { Fragment as Fragment26, jsx as jsx140 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx142 } from "@emotion/react/jsx-runtime";
 var WfoIsAllowedToRender = ({
   resource,
   children
 }) => {
   const { isAllowed } = usePolicy();
-  return isAllowed(resource) ? /* @__PURE__ */ jsx140(Fragment26, { children }) : null;
+  return isAllowed(resource) ? /* @__PURE__ */ jsx142(Fragment27, { children }) : null;
 };
 
 // src/components/WfoDropdownButton/WfoDropdownButton.tsx
 import { useState as useState27 } from "react";
 import { EuiButtonGroup, EuiPopover as EuiPopover4 } from "@elastic/eui";
-import { jsx as jsx141 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx143 } from "@emotion/react/jsx-runtime";
 var WfoDropdownButton = ({
   label,
   children
@@ -54216,7 +54297,7 @@ var WfoDropdownButton = ({
     {
       id: "id_1",
       label,
-      iconType: () => /* @__PURE__ */ jsx141(WfoPencilAlt, { color: "currentColor" }),
+      iconType: () => /* @__PURE__ */ jsx143(WfoPencilAlt, { color: "currentColor" }),
       style: {
         textDecoration: isHovered && "underline"
       }
@@ -54224,7 +54305,7 @@ var WfoDropdownButton = ({
     {
       id: "id_2",
       label: "",
-      iconType: () => /* @__PURE__ */ jsx141(WfoChevronDown, { color: "currentColor" }),
+      iconType: () => /* @__PURE__ */ jsx143(WfoChevronDown, { color: "currentColor" }),
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false)
     }
@@ -54235,11 +54316,11 @@ var WfoDropdownButton = ({
   const closePopover = () => {
     setPopoverOpen(false);
   };
-  return /* @__PURE__ */ jsx141(
+  return /* @__PURE__ */ jsx143(
     EuiPopover4,
     {
       ownFocus: true,
-      button: /* @__PURE__ */ jsx141(
+      button: /* @__PURE__ */ jsx143(
         EuiButtonGroup,
         {
           type: "multi",
@@ -54263,12 +54344,12 @@ var WfoDropdownButton = ({
 };
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { useTranslations as useTranslations55 } from "next-intl";
+import { useTranslations as useTranslations56 } from "next-intl";
 import Link7 from "next/link";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
 import { useEffect as useEffect16, useState as useState28 } from "react";
-import { useTranslations as useTranslations40 } from "next-intl";
+import { useTranslations as useTranslations41 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup3 } from "@elastic/eui";
 
 // src/utils/sortObjectKeys.ts
@@ -54348,10 +54429,10 @@ var csvDownloadHandler = (dataFetchFunction, dataMapper, pageInfoMapper, keyOrde
 };
 
 // src/pages/metadata/WfoMetadataPageLayout.tsx
-import { useTranslations as useTranslations39 } from "next-intl";
+import { useTranslations as useTranslations40 } from "next-intl";
 import { useRouter as useRouter9 } from "next/router";
 import { EuiPageHeader as EuiPageHeader2, EuiSpacer as EuiSpacer14, EuiTab as EuiTab2, EuiTabs as EuiTabs2 } from "@elastic/eui";
-import { Fragment as Fragment27, jsx as jsx142, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx144, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
 var metaDataTabs = [
   {
     id: 1,
@@ -54379,13 +54460,13 @@ var WfoMetadataPageLayout = ({
   tabs = metaDataTabs
 }) => {
   const router = useRouter9();
-  const t = useTranslations39("metadata.tabs");
+  const t = useTranslations40("metadata.tabs");
   const currentPath = router.pathname;
-  return /* @__PURE__ */ jsxs82(Fragment27, { children: [
-    /* @__PURE__ */ jsx142(EuiSpacer14, {}),
-    /* @__PURE__ */ jsx142(EuiPageHeader2, { pageTitle: "Metadata" }),
-    /* @__PURE__ */ jsx142(EuiSpacer14, { size: "m" }),
-    /* @__PURE__ */ jsx142(EuiTabs2, { children: tabs.map(({ id, translationKey: name, path }) => /* @__PURE__ */ jsx142(
+  return /* @__PURE__ */ jsxs82(Fragment28, { children: [
+    /* @__PURE__ */ jsx144(EuiSpacer14, {}),
+    /* @__PURE__ */ jsx144(EuiPageHeader2, { pageTitle: "Metadata" }),
+    /* @__PURE__ */ jsx144(EuiSpacer14, { size: "m" }),
+    /* @__PURE__ */ jsx144(EuiTabs2, { children: tabs.map(({ id, translationKey: name, path }) => /* @__PURE__ */ jsx144(
       EuiTab2,
       {
         isSelected: path === currentPath,
@@ -54394,13 +54475,13 @@ var WfoMetadataPageLayout = ({
       },
       id
     )) }),
-    /* @__PURE__ */ jsx142(EuiSpacer14, { size: "xxl" }),
+    /* @__PURE__ */ jsx144(EuiSpacer14, { size: "xxl" }),
     children
   ] });
 };
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { Fragment as Fragment28, jsx as jsx143 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx145 } from "@emotion/react/jsx-runtime";
 var PRODUCT_BLOCK_FIELD_ID = "productBlockId";
 var PRODUCT_BLOCK_FIELD_NAME = "name";
 var PRODUCT_BLOCK_FIELD_TAG = "tag";
@@ -54412,8 +54493,8 @@ var PRODUCT_BLOCK_FIELD_RESOURCE_TYPES = "resourceTypes";
 var PRODUCT_BLOCK_FIELD_PRODUCT_BLOCKS = "dependsOn";
 var WfoProductBlocksPage = () => {
   var _a, _b, _c, _d;
-  const t = useTranslations40("metadata.productBlocks");
-  const tError = useTranslations40("errors");
+  const t = useTranslations41("metadata.productBlocks");
+  const tError = useTranslations41("errors");
   const { showToastMessage } = useShowToastMessage();
   const [tableDefaults, setTableDefaults] = useState28();
   const getStoredTableConfig = useStoredTableConfig(
@@ -54441,14 +54522,14 @@ var WfoProductBlocksPage = () => {
       field: PRODUCT_BLOCK_FIELD_ID,
       name: t("id"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx143(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx145(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     name: {
       field: PRODUCT_BLOCK_FIELD_NAME,
       name: t("name"),
       width: "200",
-      render: (name) => /* @__PURE__ */ jsx143(WfoProductBlockBadge, { badgeType: "product_block" /* PRODUCT_BLOCK */, children: name })
+      render: (name) => /* @__PURE__ */ jsx145(WfoProductBlockBadge, { badgeType: "product_block" /* PRODUCT_BLOCK */, children: name })
     },
     tag: {
       field: PRODUCT_BLOCK_FIELD_TAG,
@@ -54464,12 +54545,12 @@ var WfoProductBlocksPage = () => {
       field: PRODUCT_BLOCK_FIELD_STATUS,
       name: t("status"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx143(WfoProductStatusBadge, { status: value })
+      render: (value) => /* @__PURE__ */ jsx145(WfoProductStatusBadge, { status: value })
     },
     dependsOn: {
       field: PRODUCT_BLOCK_FIELD_PRODUCT_BLOCKS,
       name: t("dependingProductBlocks"),
-      render: (dependsOn) => /* @__PURE__ */ jsx143(Fragment28, { children: dependsOn.map((productBlock, index) => /* @__PURE__ */ jsx143(
+      render: (dependsOn) => /* @__PURE__ */ jsx145(Fragment29, { children: dependsOn.map((productBlock, index) => /* @__PURE__ */ jsx145(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -54481,7 +54562,7 @@ var WfoProductBlocksPage = () => {
     resourceTypes: {
       field: PRODUCT_BLOCK_FIELD_RESOURCE_TYPES,
       name: t("resourceTypes"),
-      render: (resourceTypes) => /* @__PURE__ */ jsx143(Fragment28, { children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx143(
+      render: (resourceTypes) => /* @__PURE__ */ jsx145(Fragment29, { children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx145(
         WfoProductBlockBadge,
         {
           badgeType: "resource_type" /* RESOURCE_TYPE */,
@@ -54489,7 +54570,7 @@ var WfoProductBlocksPage = () => {
         },
         index
       )) }),
-      renderDetails: (resourceTypes) => /* @__PURE__ */ jsx143(EuiBadgeGroup3, { gutterSize: "s", children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx143(
+      renderDetails: (resourceTypes) => /* @__PURE__ */ jsx145(EuiBadgeGroup3, { gutterSize: "s", children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx145(
         WfoProductBlockBadge,
         {
           badgeType: "resource_type" /* RESOURCE_TYPE */,
@@ -54501,14 +54582,14 @@ var WfoProductBlocksPage = () => {
     createdAt: {
       field: PRODUCT_BLOCK_FIELD_CREATED_AT,
       name: t("createdAt"),
-      render: (date) => /* @__PURE__ */ jsx143(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx145(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     },
     endDate: {
       field: PRODUCT_BLOCK_FIELD_END_DATE,
       name: t("endDate"),
-      render: (date) => /* @__PURE__ */ jsx143(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx145(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     }
@@ -54541,7 +54622,7 @@ var WfoProductBlocksPage = () => {
     pageSizeOptions: DEFAULT_PAGE_SIZES,
     totalItemCount: totalItems ? totalItems : 0
   };
-  return /* @__PURE__ */ jsx143(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx143(
+  return /* @__PURE__ */ jsx145(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx145(
     WfoTableWithFilter,
     {
       data: (data == null ? void 0 : data.productBlocks.page) || [],
@@ -54582,17 +54663,17 @@ var WfoProductBlocksPage = () => {
 
 // src/pages/metadata/WfoResourceTypesPage.tsx
 import { useEffect as useEffect17, useState as useState29 } from "react";
-import { useTranslations as useTranslations41 } from "next-intl";
+import { useTranslations as useTranslations42 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup4 } from "@elastic/eui";
-import { Fragment as Fragment29, jsx as jsx144 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx146 } from "@emotion/react/jsx-runtime";
 var RESOURCE_TYPE_FIELD_ID = "resourceTypeId";
 var RESOURCE_TYPE_FIELD_TYPE = "resourceType";
 var RESOURCE_TYPE_FIELD_DESCRIPTION = "description";
 var RESOURCE_TYPE_FIELD_PRODUCT_BLOCKS = "productBlocks";
 var WfoResourceTypesPage = () => {
   var _a, _b, _c;
-  const t = useTranslations41("metadata.resourceTypes");
-  const tError = useTranslations41("errors");
+  const t = useTranslations42("metadata.resourceTypes");
+  const tError = useTranslations42("errors");
   const { showToastMessage } = useShowToastMessage();
   const [tableDefaults, setTableDefaults] = useState29();
   const getStoredTableConfig = useStoredTableConfig(
@@ -54620,14 +54701,14 @@ var WfoResourceTypesPage = () => {
       field: RESOURCE_TYPE_FIELD_ID,
       name: t("resourceId"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx144(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx146(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     resourceType: {
       field: RESOURCE_TYPE_FIELD_TYPE,
       name: t("type"),
       width: "200",
-      render: (value) => /* @__PURE__ */ jsx144(WfoProductBlockBadge, { badgeType: "resource_type" /* RESOURCE_TYPE */, children: value })
+      render: (value) => /* @__PURE__ */ jsx146(WfoProductBlockBadge, { badgeType: "resource_type" /* RESOURCE_TYPE */, children: value })
     },
     description: {
       field: RESOURCE_TYPE_FIELD_DESCRIPTION,
@@ -54636,7 +54717,7 @@ var WfoResourceTypesPage = () => {
     productBlocks: {
       field: RESOURCE_TYPE_FIELD_PRODUCT_BLOCKS,
       name: t("usedInProductBlocks"),
-      render: (productBlocks) => /* @__PURE__ */ jsx144(Fragment29, { children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx144(
+      render: (productBlocks) => /* @__PURE__ */ jsx146(Fragment30, { children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx146(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -54644,7 +54725,7 @@ var WfoResourceTypesPage = () => {
         },
         index
       )) }),
-      renderDetails: (productBlocks) => /* @__PURE__ */ jsx144(EuiBadgeGroup4, { gutterSize: "s", children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx144(
+      renderDetails: (productBlocks) => /* @__PURE__ */ jsx146(EuiBadgeGroup4, { gutterSize: "s", children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx146(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -54682,7 +54763,7 @@ var WfoResourceTypesPage = () => {
     pageSizeOptions: DEFAULT_PAGE_SIZES,
     totalItemCount: totalItems ? totalItems : 0
   };
-  return /* @__PURE__ */ jsx144(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx144(
+  return /* @__PURE__ */ jsx146(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx146(
     WfoTableWithFilter,
     {
       data: data ? data.resourceTypes.page : [],
@@ -54723,8 +54804,8 @@ var WfoResourceTypesPage = () => {
 
 // src/pages/metadata/WfoProductsPage.tsx
 import { useEffect as useEffect18, useState as useState30 } from "react";
-import { useTranslations as useTranslations42 } from "next-intl";
-import { Fragment as Fragment30, jsx as jsx145 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations43 } from "next-intl";
+import { Fragment as Fragment31, jsx as jsx147 } from "@emotion/react/jsx-runtime";
 var PRODUCT_FIELD_PRODUCT_ID = "productId";
 var PRODUCT_FIELD_NAME = "name";
 var PRODUCT_FIELD_DESCRIPTION = "description";
@@ -54736,8 +54817,8 @@ var PRODUCT_FIELD_FIXED_INPUTS = "fixedInputs";
 var PRODUCT_FIELD_CREATED_AT = "createdAt";
 var WfoProductsPage = () => {
   var _a, _b, _c, _d;
-  const t = useTranslations42("metadata.products");
-  const tError = useTranslations42("errors");
+  const t = useTranslations43("metadata.products");
+  const tError = useTranslations43("errors");
   const { showToastMessage } = useShowToastMessage();
   const [tableDefaults, setTableDefaults] = useState30();
   const getStoredTableConfig = useStoredTableConfig(
@@ -54765,7 +54846,7 @@ var WfoProductsPage = () => {
       field: PRODUCT_FIELD_PRODUCT_ID,
       name: t("id"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx145(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx147(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     name: {
@@ -54777,7 +54858,7 @@ var WfoProductsPage = () => {
       field: PRODUCT_FIELD_TAG,
       name: t("tag"),
       width: "120",
-      render: (value) => /* @__PURE__ */ jsx145(WfoProductBlockBadge, { badgeType: "product_tag" /* PRODUCT_TAG */, children: value })
+      render: (value) => /* @__PURE__ */ jsx147(WfoProductBlockBadge, { badgeType: "product_tag" /* PRODUCT_TAG */, children: value })
     },
     description: {
       field: PRODUCT_FIELD_DESCRIPTION,
@@ -54792,12 +54873,12 @@ var WfoProductsPage = () => {
       field: PRODUCT_FIELD_STATUS,
       name: t("status"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx145(WfoProductStatusBadge, { status: value })
+      render: (value) => /* @__PURE__ */ jsx147(WfoProductStatusBadge, { status: value })
     },
     fixedInputs: {
       field: PRODUCT_FIELD_FIXED_INPUTS,
       name: t("fixedInputs"),
-      render: (fixedInputs) => /* @__PURE__ */ jsx145(Fragment30, { children: fixedInputs.map((fixedInput, index) => /* @__PURE__ */ jsx145(
+      render: (fixedInputs) => /* @__PURE__ */ jsx147(Fragment31, { children: fixedInputs.map((fixedInput, index) => /* @__PURE__ */ jsx147(
         WfoProductBlockBadge,
         {
           badgeType: "fixed_input" /* FIXED_INPUT */,
@@ -54809,7 +54890,7 @@ var WfoProductsPage = () => {
     productBlocks: {
       field: PRODUCT_FIELD_PRODUCT_BLOCKS,
       name: t("productBlocks"),
-      render: (productBlocks) => /* @__PURE__ */ jsx145(Fragment30, { children: productBlocks.map((block, index) => /* @__PURE__ */ jsx145(
+      render: (productBlocks) => /* @__PURE__ */ jsx147(Fragment31, { children: productBlocks.map((block, index) => /* @__PURE__ */ jsx147(
         WfoProductBlockBadge,
         {
           badgeType: "product_block" /* PRODUCT_BLOCK */,
@@ -54821,7 +54902,7 @@ var WfoProductsPage = () => {
     createdAt: {
       field: PRODUCT_FIELD_CREATED_AT,
       name: t("createdAt"),
-      render: (date) => /* @__PURE__ */ jsx145(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx147(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     }
@@ -54854,7 +54935,7 @@ var WfoProductsPage = () => {
     field: (_c = sortBy == null ? void 0 : sortBy.field) != null ? _c : PRODUCT_FIELD_NAME,
     sortOrder: (_d = sortBy == null ? void 0 : sortBy.order) != null ? _d : "ASC" /* ASC */
   };
-  return /* @__PURE__ */ jsx145(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx145(
+  return /* @__PURE__ */ jsx147(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx147(
     WfoTableWithFilter,
     {
       data: data ? data.products.page : [],
@@ -54895,7 +54976,7 @@ var WfoProductsPage = () => {
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
 import { useEffect as useEffect19, useState as useState31 } from "react";
-import { useTranslations as useTranslations43 } from "next-intl";
+import { useTranslations as useTranslations44 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup5 } from "@elastic/eui";
 
 // src/graphqlQueries/workflows/workflowsQuery.ts
@@ -54964,11 +55045,11 @@ var graphQlWorkflowListMapper = ({
 });
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { Fragment as Fragment31, jsx as jsx146 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx148 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsPage = () => {
   var _a, _b, _c;
-  const t = useTranslations43("metadata.workflows");
-  const tError = useTranslations43("errors");
+  const t = useTranslations44("metadata.workflows");
+  const tError = useTranslations44("errors");
   const { showToastMessage } = useShowToastMessage();
   const [tableDefaults, setTableDefaults] = useState31();
   const getStoredTableConfig = useStoredTableConfig(
@@ -54996,7 +55077,7 @@ var WfoWorkflowsPage = () => {
       field: "name",
       name: t("name"),
       width: "200",
-      render: (name) => /* @__PURE__ */ jsx146(WfoProductBlockBadge, { badgeType: "workflow" /* WORKFLOW */, children: name })
+      render: (name) => /* @__PURE__ */ jsx148(WfoProductBlockBadge, { badgeType: "workflow" /* WORKFLOW */, children: name })
     },
     description: {
       field: "description",
@@ -55007,12 +55088,12 @@ var WfoWorkflowsPage = () => {
       field: "target",
       name: t("target"),
       width: "90",
-      render: (target) => /* @__PURE__ */ jsx146(WfoWorkflowTargetBadge, { target })
+      render: (target) => /* @__PURE__ */ jsx148(WfoWorkflowTargetBadge, { target })
     },
     productTags: {
       field: "productTags",
       name: t("productTags"),
-      render: (productTags) => /* @__PURE__ */ jsx146(Fragment31, { children: productTags == null ? void 0 : productTags.map((productTag, index) => /* @__PURE__ */ jsx146(
+      render: (productTags) => /* @__PURE__ */ jsx148(Fragment32, { children: productTags == null ? void 0 : productTags.map((productTag, index) => /* @__PURE__ */ jsx148(
         WfoProductBlockBadge,
         {
           badgeType: "product_tag" /* PRODUCT_TAG */,
@@ -55020,7 +55101,7 @@ var WfoWorkflowsPage = () => {
         },
         index
       )) }),
-      renderDetails: (productTags) => /* @__PURE__ */ jsx146(EuiBadgeGroup5, { gutterSize: "s", children: productTags == null ? void 0 : productTags.map((productTag, index) => /* @__PURE__ */ jsx146(
+      renderDetails: (productTags) => /* @__PURE__ */ jsx148(EuiBadgeGroup5, { gutterSize: "s", children: productTags == null ? void 0 : productTags.map((productTag, index) => /* @__PURE__ */ jsx148(
         WfoProductBlockBadge,
         {
           badgeType: "product_tag" /* PRODUCT_TAG */,
@@ -55033,7 +55114,7 @@ var WfoWorkflowsPage = () => {
       field: "createdAt",
       name: t("createdAt"),
       width: "110",
-      render: (date) => /* @__PURE__ */ jsx146(WfoDateTime, { dateOrIsoString: date }),
+      render: (date) => /* @__PURE__ */ jsx148(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString)
     }
@@ -55066,7 +55147,7 @@ var WfoWorkflowsPage = () => {
     pageSizeOptions: DEFAULT_PAGE_SIZES,
     totalItemCount: totalItems ? totalItems : 0
   };
-  return /* @__PURE__ */ jsx146(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx146(
+  return /* @__PURE__ */ jsx148(WfoMetadataPageLayout, { children: /* @__PURE__ */ jsx148(
     WfoTableWithFilter,
     {
       data: data ? mapWorkflowDefinitionToWorkflowListItem(data) : [],
@@ -55108,7 +55189,7 @@ var WfoWorkflowsPage = () => {
 // src/pages/processes/WfoProcessListSubscriptionsCell.tsx
 import Link3 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup17 } from "@elastic/eui";
-import { Fragment as Fragment32, jsx as jsx147, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx149, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
 var RENDER_ALL = "RENDER_ALL";
 var RenderDirection = /* @__PURE__ */ ((RenderDirection2) => {
   RenderDirection2["HORIZONTAL"] = "HORIZONTAL";
@@ -55126,13 +55207,13 @@ var WfoProcessListSubscriptionsCell = ({
   }
   const visibleSubscriptions = numberOfSubscriptionsToRender === RENDER_ALL ? subscriptions : subscriptions.slice(0, numberOfSubscriptionsToRender);
   const numberOfNotVisibleSubscriptions = length - visibleSubscriptions.length;
-  return /* @__PURE__ */ jsx147(Fragment32, { children: /* @__PURE__ */ jsxs83(
+  return /* @__PURE__ */ jsx149(Fragment33, { children: /* @__PURE__ */ jsxs83(
     EuiFlexGroup17,
     {
       direction: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "row" : "column",
       gutterSize: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "m" : "xs",
       children: [
-        visibleSubscriptions.map((subscription) => /* @__PURE__ */ jsx147(
+        visibleSubscriptions.map((subscription) => /* @__PURE__ */ jsx149(
           Link3,
           {
             href: `/subscriptions/${subscription.subscriptionId}`,
@@ -55144,7 +55225,7 @@ var WfoProcessListSubscriptionsCell = ({
           },
           subscription.subscriptionId
         )),
-        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsx147("span", { children: `(+${numberOfNotVisibleSubscriptions})` })
+        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsx149("span", { children: `(+${numberOfNotVisibleSubscriptions})` })
       ]
     }
   ) });
@@ -55155,7 +55236,7 @@ import { useEffect as useEffect22, useRef as useRef7, useState as useState36 } f
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
 import React43 from "react";
-import { useTranslations as useTranslations44 } from "next-intl";
+import { useTranslations as useTranslations45 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup18, EuiFlexItem as EuiFlexItem25, EuiPanel as EuiPanel4, EuiText as EuiText29 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
@@ -55261,26 +55342,26 @@ var getStyles12 = (theme) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
-import { jsx as jsx148, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx150, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
 var SubIcon = ({ stepStatus, color = "" }) => {
   switch (stepStatus) {
     case "suspend" /* SUSPEND */:
-      return /* @__PURE__ */ jsx148(WfoMinusCircleFill, { color });
+      return /* @__PURE__ */ jsx150(WfoMinusCircleFill, { color });
     case "failed" /* FAILED */:
-      return /* @__PURE__ */ jsx148(WfoXCircleFill, { color });
+      return /* @__PURE__ */ jsx150(WfoXCircleFill, { color });
     default:
-      return /* @__PURE__ */ jsx148(WfoCheckmarkCircleFill, { color });
+      return /* @__PURE__ */ jsx150(WfoCheckmarkCircleFill, { color });
   }
 };
 var MainIcon = ({ stepStatus, color = "", isStartStep }) => {
   if (isStartStep) {
-    return /* @__PURE__ */ jsx148(WfoPlayFill, { color });
+    return /* @__PURE__ */ jsx150(WfoPlayFill, { color });
   }
   switch (stepStatus) {
     case "form" /* FORM */:
-      return /* @__PURE__ */ jsx148(WfoPencilAlt, { color });
+      return /* @__PURE__ */ jsx150(WfoPencilAlt, { color });
     default:
-      return /* @__PURE__ */ jsx148(WfoCogFill, { color, width: 16, height: 16 });
+      return /* @__PURE__ */ jsx150(WfoCogFill, { color, width: 16, height: 16 });
   }
 };
 var WfoStepStatusIcon = ({
@@ -55324,7 +55405,7 @@ var WfoStepStatusIcon = ({
     }
   })();
   return /* @__PURE__ */ jsxs84(EuiFlexItem23, { css: { flexDirection: "row" }, grow: 0, children: [
-    /* @__PURE__ */ jsx148("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx148(
+    /* @__PURE__ */ jsx150("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx150(
       MainIcon,
       {
         color: mainIconColor,
@@ -55332,7 +55413,7 @@ var WfoStepStatusIcon = ({
         isStartStep
       }
     ) }),
-    /* @__PURE__ */ jsx148(
+    /* @__PURE__ */ jsx150(
       "div",
       {
         css: {
@@ -55340,7 +55421,7 @@ var WfoStepStatusIcon = ({
           width: `${theme.base}`,
           visibility: hasSubIcon ? "visible" : "hidden"
         },
-        children: /* @__PURE__ */ jsx148(SubIcon, { color: subIconColor, stepStatus })
+        children: /* @__PURE__ */ jsx150(SubIcon, { color: subIconColor, stepStatus })
       }
     )
   ] });
@@ -55370,7 +55451,7 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
 import { useState as useState32 } from "react";
 import { EuiFlexItem as EuiFlexItem24 } from "@elastic/eui";
-import { jsx as jsx149 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx151 } from "@emotion/react/jsx-runtime";
 var WfoStepForm = ({
   userInputForm,
   isTask,
@@ -55387,7 +55468,7 @@ var WfoStepForm = ({
       setIsProcessing(true);
     });
   };
-  return /* @__PURE__ */ jsx149(EuiFlexItem24, { css: { margin: theme.size.m }, children: isProcessing && /* @__PURE__ */ jsx149(WfoLoading, {}) || /* @__PURE__ */ jsx149(
+  return /* @__PURE__ */ jsx151(EuiFlexItem24, { css: { margin: theme.size.m }, children: isProcessing && /* @__PURE__ */ jsx151(WfoLoading, {}) || /* @__PURE__ */ jsx151(
     UserInputFormWizard,
     {
       stepUserInput: userInputForm,
@@ -55400,7 +55481,7 @@ var WfoStepForm = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import { Fragment as Fragment33, jsx as jsx150, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx152, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
 var WfoStep = React43.forwardRef(
   ({
     stepListItem,
@@ -55423,7 +55504,7 @@ var WfoStep = React43.forwardRef(
       stepRowStyle,
       getStepToggleExpandStyle
     } = getStyles12(theme);
-    const t = useTranslations44("processes.steps");
+    const t = useTranslations45("processes.steps");
     const hasHtmlMail = (_a = step.stateDelta) == null ? void 0 : _a.hasOwnProperty("confirmation_mail");
     const stepContent = step.stateDelta ? getStepContent(step.stateDelta, showHiddenKeys) : {};
     const hasStepContent = hasHtmlMail || Object.keys(stepContent).length > 0;
@@ -55432,28 +55513,28 @@ var WfoStep = React43.forwardRef(
         return "";
       }
       return /* @__PURE__ */ jsxs85(EuiText29, { size: "s", children: [
-        /* @__PURE__ */ jsx150("h4", { children: "To" }),
-        /* @__PURE__ */ jsx150("p", { children: value.to.map(
+        /* @__PURE__ */ jsx152("h4", { children: "To" }),
+        /* @__PURE__ */ jsx152("p", { children: value.to.map(
           (v, i) => /* @__PURE__ */ jsxs85("div", { children: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx150("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx152("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `to-${i}`)
         ) }),
-        /* @__PURE__ */ jsx150("h4", { children: "CC" }),
-        /* @__PURE__ */ jsx150("p", { children: value.cc.map(
+        /* @__PURE__ */ jsx152("h4", { children: "CC" }),
+        /* @__PURE__ */ jsx152("p", { children: value.cc.map(
           (v, i) => /* @__PURE__ */ jsxs85("div", { children: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx150("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx152("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `cc-${i}`)
         ) }),
-        /* @__PURE__ */ jsx150("h4", { children: "Subject" }),
-        /* @__PURE__ */ jsx150("p", { children: value.subject }),
-        /* @__PURE__ */ jsx150("h4", { children: "Message" }),
-        /* @__PURE__ */ jsx150(
+        /* @__PURE__ */ jsx152("h4", { children: "Subject" }),
+        /* @__PURE__ */ jsx152("p", { children: value.subject }),
+        /* @__PURE__ */ jsx152("h4", { children: "Message" }),
+        /* @__PURE__ */ jsx152(
           "div",
           {
             className: "emailMessage",
@@ -55462,14 +55543,14 @@ var WfoStep = React43.forwardRef(
         )
       ] });
     };
-    return /* @__PURE__ */ jsx150("div", { ref, children: /* @__PURE__ */ jsxs85(EuiPanel4, { children: [
+    return /* @__PURE__ */ jsx152("div", { ref, children: /* @__PURE__ */ jsxs85(EuiPanel4, { children: [
       /* @__PURE__ */ jsxs85(
         EuiFlexGroup18,
         {
           css: getStepHeaderStyle(hasStepContent),
           onClick: () => hasStepContent && onToggleStepDetail(),
           children: [
-            /* @__PURE__ */ jsx150(
+            /* @__PURE__ */ jsx152(
               WfoStepStatusIcon,
               {
                 stepStatus: step.status,
@@ -55477,47 +55558,47 @@ var WfoStep = React43.forwardRef(
               }
             ),
             /* @__PURE__ */ jsxs85(EuiFlexItem25, { grow: 0, children: [
-              /* @__PURE__ */ jsx150(EuiText29, { css: stepListContentBoldTextStyle, children: step.name }),
+              /* @__PURE__ */ jsx152(EuiText29, { css: stepListContentBoldTextStyle, children: step.name }),
               /* @__PURE__ */ jsxs85(EuiText29, { children: [
                 step.status,
                 " ",
                 step.executed && `- ${formatDate(step.executed)}`
               ] })
             ] }),
-            /* @__PURE__ */ jsx150(EuiFlexGroup18, { css: stepRowStyle, children: step.executed && /* @__PURE__ */ jsxs85(Fragment33, { children: [
+            /* @__PURE__ */ jsx152(EuiFlexGroup18, { css: stepRowStyle, children: step.executed && /* @__PURE__ */ jsxs85(Fragment34, { children: [
               /* @__PURE__ */ jsxs85(
                 EuiFlexItem25,
                 {
                   grow: 0,
                   css: stepHeaderRightStyle,
                   children: [
-                    /* @__PURE__ */ jsx150(EuiText29, { css: stepDurationStyle, children: t("duration") }),
-                    /* @__PURE__ */ jsx150(EuiText29, { size: "m", children: calculateTimeDifference(
+                    /* @__PURE__ */ jsx152(EuiText29, { css: stepDurationStyle, children: t("duration") }),
+                    /* @__PURE__ */ jsx152(EuiText29, { size: "m", children: calculateTimeDifference(
                       startedAt,
                       step.executed
                     ) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx150(
+              /* @__PURE__ */ jsx152(
                 EuiFlexItem25,
                 {
                   grow: 0,
                   css: getStepToggleExpandStyle(
                     hasStepContent
                   ),
-                  children: isExpanded && /* @__PURE__ */ jsx150(WfoChevronUp, {}) || /* @__PURE__ */ jsx150(WfoChevronDown, {})
+                  children: isExpanded && /* @__PURE__ */ jsx152(WfoChevronUp, {}) || /* @__PURE__ */ jsx152(WfoChevronDown, {})
                 }
               )
             ] }) })
           ]
         }
       ),
-      hasStepContent && !hasHtmlMail && isExpanded && /* @__PURE__ */ jsx150(WfoJsonCodeBlock, { data: stepContent }),
-      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx150("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
+      hasStepContent && !hasHtmlMail && isExpanded && /* @__PURE__ */ jsx152(WfoJsonCodeBlock, { data: stepContent }),
+      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx152("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
         step.stateDelta.confirmation_mail
       ) }),
-      step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsx150(
+      step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsx152(
         WfoStepForm,
         {
           userInputForm,
@@ -55532,7 +55613,7 @@ WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
 import React44, { useImperativeHandle, useRef as useRef6 } from "react";
-import { Fragment as Fragment34, jsx as jsx151, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx153, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
 var WfoStepList = React44.forwardRef(
   ({
     stepListItems,
@@ -55574,10 +55655,10 @@ var WfoStepList = React44.forwardRef(
       })
     }));
     const getReferenceCallbackForStepId = (stepId) => (node) => node ? stepReferences.current.set(stepId, node) : stepReferences.current.delete(stepId);
-    return /* @__PURE__ */ jsx151(Fragment34, { children: stepListItems.map((stepListItem, index) => {
+    return /* @__PURE__ */ jsx153(Fragment35, { children: stepListItems.map((stepListItem, index) => {
       const stepComponent = /* @__PURE__ */ jsxs86("div", { children: [
-        index !== 0 && /* @__PURE__ */ jsx151("div", { css: stepSpacerStyle }),
-        /* @__PURE__ */ jsx151(
+        index !== 0 && /* @__PURE__ */ jsx153("div", { css: stepSpacerStyle }),
+        /* @__PURE__ */ jsx153(
           WfoStep,
           {
             ref: getReferenceCallbackForStepId(
@@ -55604,14 +55685,14 @@ WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
 import React47, { useEffect as useEffect21, useState as useState35 } from "react";
-import { useTranslations as useTranslations47 } from "next-intl";
+import { useTranslations as useTranslations48 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
 import { useCallback as useCallback5, useEffect as useEffect20, useMemo as useMemo4, useState as useState33 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
-import { useTranslations as useTranslations45 } from "next-intl";
+import { useTranslations as useTranslations46 } from "next-intl";
 import "prism-themes/themes/prism-ghcolors.min.css";
 import { diffLines, formatLines } from "unidiff";
 import {
@@ -55621,12 +55702,12 @@ import {
   EuiSpacer as EuiSpacer15,
   EuiText as EuiText30
 } from "@elastic/eui";
-import { jsx as jsx152, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx154, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
 var EMPTY_HUNKS = [];
 var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
 var WfoDiff = ({ oldText, newText, syntax }) => {
-  const t = useTranslations45("processes.delta");
+  const t = useTranslations46("processes.delta");
   const [showSplit, setShowSplit] = useState33(true);
   const [showFull, setShowFull] = useState33(false);
   const [{ type, hunks }, setDiff] = useState33({
@@ -55660,8 +55741,8 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
   }, [updateDiffText, showFull]);
   return /* @__PURE__ */ jsxs87("div", { children: [
     /* @__PURE__ */ jsxs87(EuiFlexGroup19, { gutterSize: "xs", children: [
-      /* @__PURE__ */ jsx152(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx152(EuiText30, { children: /* @__PURE__ */ jsx152("h3", { children: t("title") }) }) }),
-      /* @__PURE__ */ jsx152(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx152(
+      /* @__PURE__ */ jsx154(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx154(EuiText30, { children: /* @__PURE__ */ jsx154("h3", { children: t("title") }) }) }),
+      /* @__PURE__ */ jsx154(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx154(
         EuiButtonIcon4,
         {
           size: "s",
@@ -55669,7 +55750,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
           onClick: () => setShowSplit(!showSplit)
         }
       ) }),
-      /* @__PURE__ */ jsx152(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx152(
+      /* @__PURE__ */ jsx154(EuiFlexItem26, { grow: false, children: /* @__PURE__ */ jsx154(
         EuiButtonIcon4,
         {
           size: "s",
@@ -55678,15 +55759,15 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx152(EuiSpacer15, {}),
-    /* @__PURE__ */ jsx152(
+    /* @__PURE__ */ jsx154(EuiSpacer15, {}),
+    /* @__PURE__ */ jsx154(
       Diff,
       {
         viewType: showSplit ? "split" : "unified",
         diffType: type,
         hunks: hunks || EMPTY_HUNKS,
         tokens,
-        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx152(Hunk, { hunk }, hunk.content))
+        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx154(Hunk, { hunk }, hunk.content))
       }
     )
   ] });
@@ -55695,7 +55776,7 @@ var WfoDiff_default = WfoDiff;
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
 import { useState as useState34 } from "react";
-import { useTranslations as useTranslations46 } from "next-intl";
+import { useTranslations as useTranslations47 } from "next-intl";
 import {
   EuiButton as EuiButton10,
   EuiFlexGroup as EuiFlexGroup20,
@@ -55726,14 +55807,14 @@ var getStyles13 = (theme) => {
 };
 
 // src/components/WfoTextAnchor/WfoTextAnchor.tsx
-import { jsx as jsx153 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx155 } from "@emotion/react/jsx-runtime";
 var WfoTextAnchor = ({ text, onClick }) => {
   const { textAnchorStyle } = useWithOrchestratorTheme(getStyles13);
-  return /* @__PURE__ */ jsx153(EuiText31, { onClick, css: textAnchorStyle, children: text });
+  return /* @__PURE__ */ jsx155(EuiText31, { onClick, css: textAnchorStyle, children: text });
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { jsx as jsx154, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx156, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
 var WfoStepListHeader = ({
   showHiddenKeys,
   showRaw,
@@ -55745,7 +55826,7 @@ var WfoStepListHeader = ({
   onToggleAllDetailsIsOpen,
   isTask
 }) => {
-  const t = useTranslations46("processes.steps");
+  const t = useTranslations47("processes.steps");
   const { theme } = useOrchestratorTheme();
   const {
     stepListHeaderStyle,
@@ -55756,11 +55837,11 @@ var WfoStepListHeader = ({
   const [isViewOptionOpen, setIsViewOptionOpen] = useState34(false);
   const onViewOptionClick = () => setIsViewOptionOpen((isViewOptionOpen2) => !isViewOptionOpen2);
   const closeViewOption = () => setIsViewOptionOpen(false);
-  const viewOptionButton = /* @__PURE__ */ jsx154(
+  const viewOptionButton = /* @__PURE__ */ jsx156(
     EuiButton10,
     {
       onClick: onViewOptionClick,
-      iconType: () => /* @__PURE__ */ jsx154(WfoEyeFill, { color: theme.colors.link }),
+      iconType: () => /* @__PURE__ */ jsx156(WfoEyeFill, { color: theme.colors.link }),
       iconSide: "right",
       size: "s",
       children: t("viewOptions")
@@ -55768,8 +55849,8 @@ var WfoStepListHeader = ({
   );
   return /* @__PURE__ */ jsxs88(EuiFlexGroup20, { css: stepListHeaderStyle, children: [
     /* @__PURE__ */ jsxs88(EuiFlexGroup20, { css: stepListContentStyle, children: [
-      /* @__PURE__ */ jsx154(EuiText32, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
-      !showRaw && /* @__PURE__ */ jsx154(
+      /* @__PURE__ */ jsx156(EuiText32, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
+      !showRaw && /* @__PURE__ */ jsx156(
         WfoTextAnchor,
         {
           text: allDetailToggleText,
@@ -55785,25 +55866,25 @@ var WfoStepListHeader = ({
         css: stepListOptionsContainerStyle,
         gutterSize: "s",
         children: [
-          !showRaw && /* @__PURE__ */ jsx154(
+          !showRaw && /* @__PURE__ */ jsx156(
             EuiButton10,
             {
               onClick: () => onChangeShowDelta(!showDelta),
               iconSide: "right",
               size: "s",
-              iconType: () => /* @__PURE__ */ jsx154(WfoCode, { color: theme.colors.link }),
+              iconType: () => /* @__PURE__ */ jsx156(WfoCode, { color: theme.colors.link }),
               children: showDelta ? t("hideDelta") : t("showDelta")
             }
           ),
-          /* @__PURE__ */ jsx154(
+          /* @__PURE__ */ jsx156(
             EuiPopover5,
             {
               button: viewOptionButton,
               isOpen: isViewOptionOpen,
               closePopover: closeViewOption,
               display: "block",
-              children: /* @__PURE__ */ jsx154("div", { children: /* @__PURE__ */ jsxs88(EuiForm2, { component: "form", children: [
-                /* @__PURE__ */ jsx154(EuiFormRow20, { children: /* @__PURE__ */ jsx154(
+              children: /* @__PURE__ */ jsx156("div", { children: /* @__PURE__ */ jsxs88(EuiForm2, { component: "form", children: [
+                /* @__PURE__ */ jsx156(EuiFormRow20, { children: /* @__PURE__ */ jsx156(
                   EuiSwitch3,
                   {
                     label: "Hidden keys",
@@ -55816,7 +55897,7 @@ var WfoStepListHeader = ({
                     }
                   }
                 ) }),
-                /* @__PURE__ */ jsx154(EuiFormRow20, { children: /* @__PURE__ */ jsx154(
+                /* @__PURE__ */ jsx156(EuiFormRow20, { children: /* @__PURE__ */ jsx156(
                   EuiSwitch3,
                   {
                     label: "Raw JSON data",
@@ -55837,10 +55918,10 @@ var WfoStepListHeader = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import { Fragment as Fragment35, jsx as jsx155, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx157, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
 var WfoProcessRawData = ({ processId }) => {
   const { data, isFetching } = useRawProcessDetails(processId);
-  return isFetching ? /* @__PURE__ */ jsx155(WfoLoading, {}) : /* @__PURE__ */ jsx155(WfoJsonCodeBlock, { data: data || {} });
+  return isFetching ? /* @__PURE__ */ jsx157(WfoLoading, {}) : /* @__PURE__ */ jsx157(WfoJsonCodeBlock, { data: data || {} });
 };
 var WfoProcessSubscriptionDelta = ({
   processId
@@ -55850,7 +55931,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__ */ jsx155(WfoLoading, {}) : /* @__PURE__ */ jsx155(
+  return isFetching ? /* @__PURE__ */ jsx157(WfoLoading, {}) : /* @__PURE__ */ jsx157(
     WfoDiff_default,
     {
       oldText: oldText ? JSON.stringify(oldText, null, 2) : "",
@@ -55870,7 +55951,7 @@ var WfoWorkflowStepList = React47.forwardRef(
     const [showHiddenKeys, setShowHiddenKeys] = useState35(false);
     const [showRaw, setShowRaw] = useState35(false);
     const [showDelta, setShowDelta] = useState35(false);
-    const t = useTranslations47("processes.steps");
+    const t = useTranslations48("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
@@ -55923,8 +56004,8 @@ var WfoWorkflowStepList = React47.forwardRef(
     const handleExpandStepListItem = (stepListItem) => updateStepListItem(stepListItem, (item) => __spreadProps(__spreadValues({}, item), {
       isExpanded: true
     }));
-    return /* @__PURE__ */ jsxs89(Fragment35, { children: [
-      /* @__PURE__ */ jsx155(
+    return /* @__PURE__ */ jsxs89(Fragment36, { children: [
+      /* @__PURE__ */ jsx157(
         WfoStepListHeader,
         {
           showHiddenKeys,
@@ -55938,9 +56019,9 @@ var WfoWorkflowStepList = React47.forwardRef(
           isTask
         }
       ),
-      showRaw && /* @__PURE__ */ jsx155(WfoProcessRawData, { processId }),
-      showDelta && /* @__PURE__ */ jsx155(WfoProcessSubscriptionDelta, { processId }),
-      !showRaw && !showDelta && /* @__PURE__ */ jsx155(
+      showRaw && /* @__PURE__ */ jsx157(WfoProcessRawData, { processId }),
+      showDelta && /* @__PURE__ */ jsx157(WfoProcessSubscriptionDelta, { processId }),
+      !showRaw && !showDelta && /* @__PURE__ */ jsx157(
         WfoStepList,
         {
           ref: reference,
@@ -55960,7 +56041,7 @@ WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 
 // src/pages/processes/WfoProcessDetail.tsx
 import { useContext as useContext13 } from "react";
-import { useTranslations as useTranslations48 } from "next-intl";
+import { useTranslations as useTranslations49 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
 import {
   EuiButton as EuiButton11,
@@ -56047,12 +56128,12 @@ var getIndexOfCurrentStep = (timelineItems) => {
 };
 
 // src/pages/processes/WfoProcessDetail.tsx
-import { Fragment as Fragment36, jsx as jsx156, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx158, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
 var ProcessHeaderValue = ({
   translationKey,
   value = ""
 }) => {
-  const t = useTranslations48("processes.detail");
+  const t = useTranslations49("processes.detail");
   const { theme } = useOrchestratorTheme();
   return /* @__PURE__ */ jsxs90(
     EuiFlexGroup21,
@@ -56065,8 +56146,8 @@ var ProcessHeaderValue = ({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsx156(EuiText33, { size: "xs", children: t(translationKey) }),
-        /* @__PURE__ */ jsx156(
+        /* @__PURE__ */ jsx158(EuiText33, { size: "xs", children: t(translationKey) }),
+        /* @__PURE__ */ jsx158(
           EuiText33,
           {
             css: {
@@ -56094,12 +56175,13 @@ var WfoProcessDetail = ({
   hasError = false
 }) => {
   var _a, _b;
-  const t = useTranslations48("processes.detail");
+  const t = useTranslations49("processes.detail");
   const { theme } = useOrchestratorTheme();
   const { showConfirmDialog } = useContext13(ConfirmationDialogContext);
   const { deleteProcess, abortProcess, retryProcess } = useMutateProcess();
   const router = useRouter10();
   const { isEngineRunningNow } = useCheckEngineStatus();
+  const { isAllowed } = usePolicy();
   const listIncludesStatus = (processStatusesForDisabledState, status) => status ? processStatusesForDisabledState.map((stat) => stat.toUpperCase()).includes(status) : false;
   const retryButtonIsDisabled = buttonsAreDisabled || !listIncludesStatus(
     [
@@ -56152,12 +56234,12 @@ var WfoProcessDetail = ({
       router.push(PATH_TASKS);
     }
   });
-  return /* @__PURE__ */ jsxs90(Fragment36, { children: [
+  return /* @__PURE__ */ jsxs90(Fragment37, { children: [
     /* @__PURE__ */ jsxs90(EuiFlexGroup21, { children: [
       /* @__PURE__ */ jsxs90(EuiFlexItem27, { children: [
-        /* @__PURE__ */ jsx156(EuiPageHeader3, { pageTitle }),
-        /* @__PURE__ */ jsx156(EuiSpacer16, {}),
-        /* @__PURE__ */ jsx156(EuiText33, { size: "s", children: productNames })
+        /* @__PURE__ */ jsx158(EuiPageHeader3, { pageTitle }),
+        /* @__PURE__ */ jsx158(EuiSpacer16, {}),
+        /* @__PURE__ */ jsx158(EuiText33, { size: "s", children: productNames })
       ] }),
       /* @__PURE__ */ jsxs90(
         EuiFlexGroup21,
@@ -56167,40 +56249,52 @@ var WfoProcessDetail = ({
           css: { flexGrow: 0 },
           gutterSize: "s",
           children: [
-            /* @__PURE__ */ jsx156(
-              EuiButton11,
+            /* @__PURE__ */ jsx158(
+              WfoIsAllowedToRender,
               {
-                onClick: handleActionButtonClick(retryAction),
-                iconType: () => /* @__PURE__ */ jsx156(
-                  WfoRefresh,
+                resource: "/orchestrator/processes/retry/" /* PROCESS_RETRY */,
+                children: /* @__PURE__ */ jsx158(
+                  EuiButton11,
                   {
-                    color: retryButtonIsDisabled ? theme.colors.subduedText : theme.colors.link
+                    onClick: handleActionButtonClick(retryAction),
+                    iconType: () => /* @__PURE__ */ jsx158(
+                      WfoRefresh,
+                      {
+                        color: retryButtonIsDisabled ? theme.colors.subduedText : theme.colors.link
+                      }
+                    ),
+                    isDisabled: retryButtonIsDisabled,
+                    children: t("retry")
                   }
-                ),
-                isDisabled: retryButtonIsDisabled,
-                children: t("retry")
+                )
               }
             ),
-            /* @__PURE__ */ jsx156(
-              EuiButton11,
+            /* @__PURE__ */ jsx158(
+              WfoIsAllowedToRender,
               {
-                onClick: handleActionButtonClick(abortAction),
-                iconType: () => /* @__PURE__ */ jsx156(
-                  WfoXCircleFill,
+                resource: "/orchestrator/processes/abort/" /* PROCESS_ABORT */,
+                children: /* @__PURE__ */ jsx158(
+                  EuiButton11,
                   {
-                    color: abortButtonIsDisabled ? theme.colors.subduedText : theme.colors.danger
+                    onClick: handleActionButtonClick(abortAction),
+                    iconType: () => /* @__PURE__ */ jsx158(
+                      WfoXCircleFill,
+                      {
+                        color: abortButtonIsDisabled ? theme.colors.subduedText : theme.colors.danger
+                      }
+                    ),
+                    color: "danger",
+                    isDisabled: abortButtonIsDisabled,
+                    children: t("abort")
                   }
-                ),
-                color: "danger",
-                isDisabled: abortButtonIsDisabled,
-                children: t("abort")
+                )
               }
             ),
-            processDetail && processIsTask && /* @__PURE__ */ jsx156(
+            processDetail && processIsTask && isAllowed("/orchestrator/processes/delete/" /* PROCESS_DELETE */) && /* @__PURE__ */ jsx158(
               EuiButton11,
               {
                 onClick: handleActionButtonClick(deleteAction),
-                iconType: () => /* @__PURE__ */ jsx156(
+                iconType: () => /* @__PURE__ */ jsx158(
                   WfoXCircleFill,
                   {
                     color: deleteButtonIsDisabled ? theme.colors.subduedText : theme.colors.danger
@@ -56215,44 +56309,44 @@ var WfoProcessDetail = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx156(EuiSpacer16, {}),
-    /* @__PURE__ */ jsx156(
+    /* @__PURE__ */ jsx158(EuiSpacer16, {}),
+    /* @__PURE__ */ jsx158(
       EuiPanel5,
       {
         hasShadow: false,
         hasBorder: false,
         color: "subdued",
         element: "div",
-        children: isLoading && !hasError && /* @__PURE__ */ jsx156(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs90(EuiFlexGroup21, { direction: "row", gutterSize: "m", children: [
-          /* @__PURE__ */ jsx156(
+        children: isLoading && !hasError && /* @__PURE__ */ jsx158(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs90(EuiFlexGroup21, { direction: "row", gutterSize: "m", children: [
+          /* @__PURE__ */ jsx158(
             ProcessHeaderValue,
             {
               translationKey: "status",
               value: processDetail.lastStatus
             }
           ),
-          /* @__PURE__ */ jsx156(
+          /* @__PURE__ */ jsx158(
             ProcessHeaderValue,
             {
               translationKey: "lastStep",
               value: processDetail == null ? void 0 : processDetail.lastStep
             }
           ),
-          processDetail.customer && /* @__PURE__ */ jsx156(
+          processDetail.customer && /* @__PURE__ */ jsx158(
             ProcessHeaderValue,
             {
               translationKey: "customer",
               value: (_a = processDetail.customer) == null ? void 0 : _a.fullname
             }
           ),
-          /* @__PURE__ */ jsx156(
+          /* @__PURE__ */ jsx158(
             ProcessHeaderValue,
             {
               translationKey: "startedBy",
               value: processDetail == null ? void 0 : processDetail.createdBy
             }
           ),
-          /* @__PURE__ */ jsx156(
+          /* @__PURE__ */ jsx158(
             ProcessHeaderValue,
             {
               translationKey: "startedOn",
@@ -56261,7 +56355,7 @@ var WfoProcessDetail = ({
               )(processDetail == null ? void 0 : processDetail.startedAt) : ""
             }
           ),
-          /* @__PURE__ */ jsx156(
+          /* @__PURE__ */ jsx158(
             ProcessHeaderValue,
             {
               translationKey: "lastUpdate",
@@ -56270,7 +56364,9 @@ var WfoProcessDetail = ({
               )(processDetail == null ? void 0 : processDetail.lastModifiedAt) : ""
             }
           ),
-          process && processDetail.subscriptions && /* @__PURE__ */ jsxs90(
+          process && isAllowed(
+            "/orchestrator/subscriptions/view/from-process" /* PROCESS_RELATED_SUBSCRIPTIONS */
+          ) && processDetail.subscriptions && /* @__PURE__ */ jsxs90(
             EuiFlexGroup21,
             {
               gutterSize: "xs",
@@ -56280,8 +56376,8 @@ var WfoProcessDetail = ({
                 overflow: "hidden"
               },
               children: [
-                /* @__PURE__ */ jsx156(EuiText33, { size: "xs", children: t("relatedSubscriptions") }),
-                /* @__PURE__ */ jsx156(
+                /* @__PURE__ */ jsx158(EuiText33, { size: "xs", children: t("relatedSubscriptions") }),
+                /* @__PURE__ */ jsx158(
                   EuiText33,
                   {
                     css: {
@@ -56291,7 +56387,7 @@ var WfoProcessDetail = ({
                       textOverflow: "ellipsis",
                       fontSize: theme.size.m
                     },
-                    children: /* @__PURE__ */ jsx156(
+                    children: /* @__PURE__ */ jsx158(
                       WfoProcessListSubscriptionsCell,
                       {
                         subscriptions: process && ((_b = processDetail == null ? void 0 : processDetail.subscriptions) == null ? void 0 : _b.page.map(
@@ -56311,8 +56407,8 @@ var WfoProcessDetail = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx156(EuiSpacer16, { size: "s" }),
-    /* @__PURE__ */ jsx156(
+    /* @__PURE__ */ jsx158(EuiSpacer16, { size: "s" }),
+    /* @__PURE__ */ jsx158(
       WfoTimeline,
       {
         timelineItems,
@@ -56325,7 +56421,7 @@ var WfoProcessDetail = ({
 };
 
 // src/pages/processes/WfoProcessDetailPage.tsx
-import { jsx as jsx157 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx159 } from "@emotion/react/jsx-runtime";
 var PROCESS_DETAIL_DEFAULT_REFETCH_INTERVAL = 3e3;
 var WfoProcessDetailPage = ({
   processId,
@@ -56373,7 +56469,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__ */ jsx157(
+  return /* @__PURE__ */ jsx159(
     WfoProcessDetail,
     {
       pageTitle,
@@ -56387,7 +56483,7 @@ var WfoProcessDetailPage = ({
       },
       isLoading,
       hasError: isError3,
-      children: isError3 && /* @__PURE__ */ jsx157(WfoError, {}) || isLoading && /* @__PURE__ */ jsx157(WfoLoading, {}) || process2 !== void 0 && /* @__PURE__ */ jsx157(
+      children: isError3 && /* @__PURE__ */ jsx159(WfoError, {}) || isLoading && /* @__PURE__ */ jsx159(WfoLoading, {}) || process2 !== void 0 && /* @__PURE__ */ jsx159(
         WfoWorkflowStepList,
         {
           ref: stepListRef,
@@ -56399,14 +56495,14 @@ var WfoProcessDetailPage = ({
           startedAt: process2.startedAt,
           isTask
         }
-      ) || /* @__PURE__ */ jsx157("h1", { children: "Invalid processId" })
+      ) || /* @__PURE__ */ jsx159("h1", { children: "Invalid processId" })
     }
   );
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
 import { useCallback as useCallback6, useEffect as useEffect23, useMemo as useMemo5, useState as useState37 } from "react";
-import { useTranslations as useTranslations49 } from "next-intl";
+import { useTranslations as useTranslations50 } from "next-intl";
 import { useRouter as useRouter11 } from "next/router";
 import {
   EuiFlexGroup as EuiFlexGroup22,
@@ -56415,7 +56511,7 @@ import {
   EuiPanel as EuiPanel6,
   EuiText as EuiText34
 } from "@elastic/eui";
-import { jsx as jsx158, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx160, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
 var getInitialProcessPayload = ({
   productId,
   subscriptionId
@@ -56438,7 +56534,7 @@ var WfoStartProcessPage = ({
 }) => {
   var _a, _b;
   const apiClient = useAxiosApiClient();
-  const t = useTranslations49("processes.steps");
+  const t = useTranslations50("processes.steps");
   const router = useRouter11();
   const [hasError, setHasError] = useState37(false);
   const { theme } = useOrchestratorTheme();
@@ -56535,7 +56631,7 @@ var WfoStartProcessPage = ({
     workflowName: processName,
     createdBy: "-"
   };
-  return /* @__PURE__ */ jsx158(
+  return /* @__PURE__ */ jsx160(
     WfoProcessDetail,
     {
       pageTitle: processName,
@@ -56545,16 +56641,16 @@ var WfoStartProcessPage = ({
       timelineItems: timeLineItems,
       children: /* @__PURE__ */ jsxs91(EuiPanel6, { css: { marginTop: theme.base * 3 }, children: [
         /* @__PURE__ */ jsxs91(EuiFlexGroup22, { css: getStepHeaderStyle(false), children: [
-          /* @__PURE__ */ jsx158(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
+          /* @__PURE__ */ jsx160(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
           /* @__PURE__ */ jsxs91(EuiFlexItem28, { grow: 0, children: [
-            /* @__PURE__ */ jsx158(EuiText34, { css: stepListContentBoldTextStyle, children: t("userInput") }),
-            /* @__PURE__ */ jsx158(EuiText34, { children: t(
+            /* @__PURE__ */ jsx160(EuiText34, { css: stepListContentBoldTextStyle, children: t("userInput") }),
+            /* @__PURE__ */ jsx160(EuiText34, { children: t(
               isTask ? "submitTaskFormLabel" : "submitWorkflowFormLabel"
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx158(EuiHorizontalRule6, {}),
-        hasError && /* @__PURE__ */ jsx158(WfoError, {}) || stepUserInput && /* @__PURE__ */ jsx158(
+        /* @__PURE__ */ jsx160(EuiHorizontalRule6, {}),
+        hasError && /* @__PURE__ */ jsx160(WfoError, {}) || stepUserInput && /* @__PURE__ */ jsx160(
           UserInputFormWizard_default,
           {
             stepUserInput,
@@ -56565,14 +56661,14 @@ var WfoStartProcessPage = ({
             hasNext,
             isTask
           }
-        ) || /* @__PURE__ */ jsx158(WfoLoading, {})
+        ) || /* @__PURE__ */ jsx160(WfoLoading, {})
       ] })
     }
   );
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { useTranslations as useTranslations50 } from "next-intl";
+import { useTranslations as useTranslations51 } from "next-intl";
 import { EuiFlexItem as EuiFlexItem33 } from "@elastic/eui";
 
 // src/components/WfoSummary/WfoSummaryCards.tsx
@@ -56632,7 +56728,7 @@ var getWfoSummaryCardHeaderStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
-import { jsx as jsx159, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx161, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardHeader = ({
   text,
   value,
@@ -56641,8 +56737,8 @@ var WfoSummaryCardHeader = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { avatarStyle, totalSectionStyle, valueStyle } = getWfoSummaryCardHeaderStyles(theme);
-  return /* @__PURE__ */ jsx159(EuiFlexItem29, { grow: 0, children: /* @__PURE__ */ jsx159(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs92(EuiFlexGroup23, { children: [
-    /* @__PURE__ */ jsx159(
+  return /* @__PURE__ */ jsx161(EuiFlexItem29, { grow: 0, children: /* @__PURE__ */ jsx161(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs92(EuiFlexGroup23, { children: [
+    /* @__PURE__ */ jsx161(
       EuiAvatar2,
       {
         iconSize: "l",
@@ -56656,8 +56752,8 @@ var WfoSummaryCardHeader = ({
       }
     ),
     /* @__PURE__ */ jsxs92("div", { css: totalSectionStyle, children: [
-      /* @__PURE__ */ jsx159(EuiText35, { color: "subdued", children: text }),
-      /* @__PURE__ */ jsx159(EuiText35, { css: valueStyle, children: value })
+      /* @__PURE__ */ jsx161(EuiText35, { color: "subdued", children: text }),
+      /* @__PURE__ */ jsx161(EuiText35, { css: valueStyle, children: value })
     ] })
   ] }) }) });
 };
@@ -56679,15 +56775,15 @@ import { EuiFlexGroup as EuiFlexGroup24, EuiFlexItem as EuiFlexItem30, EuiIcon a
 
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
 import Link4 from "next/link";
-import { jsx as jsx160 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx162 } from "@emotion/react/jsx-runtime";
 var WfoOptionalLink = ({
   children,
   href
 }) => {
   if (!href) {
-    return /* @__PURE__ */ jsx160("span", { children });
+    return /* @__PURE__ */ jsx162("span", { children });
   }
-  return /* @__PURE__ */ jsx160(Link4, { href, children });
+  return /* @__PURE__ */ jsx162(Link4, { href, children });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
@@ -56736,7 +56832,7 @@ var getWfoSummaryCardListStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { jsx as jsx161, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx163, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardListItem = ({
   title,
   value,
@@ -56749,9 +56845,9 @@ var WfoSummaryCardListItem = ({
     listItemSubtitleStyle,
     listItemHighlightIconStyle
   } = getWfoSummaryCardListStyles(theme);
-  return /* @__PURE__ */ jsx161(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs93(EuiFlexGroup24, { css: listItemContainerStyle, gutterSize: "none", children: [
+  return /* @__PURE__ */ jsx163(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs93(EuiFlexGroup24, { css: listItemContainerStyle, gutterSize: "none", children: [
     /* @__PURE__ */ jsxs93(EuiFlexItem30, { children: [
-      /* @__PURE__ */ jsx161(
+      /* @__PURE__ */ jsx163(
         EuiTextColor,
         {
           color: url ? theme.colors.link : theme.colors.title,
@@ -56759,22 +56855,22 @@ var WfoSummaryCardListItem = ({
           children: title
         }
       ),
-      /* @__PURE__ */ jsx161(EuiTextColor, { css: listItemSubtitleStyle, children: value })
+      /* @__PURE__ */ jsx163(EuiTextColor, { css: listItemSubtitleStyle, children: value })
     ] }),
-    /* @__PURE__ */ jsx161(
+    /* @__PURE__ */ jsx163(
       EuiFlexItem30,
       {
         className: url ? "highlight-icon" : void 0,
         grow: false,
         css: listItemHighlightIconStyle,
-        children: /* @__PURE__ */ jsx161(EuiIcon5, { type: "sortRight", color: "primary" })
+        children: /* @__PURE__ */ jsx163(EuiIcon5, { type: "sortRight", color: "primary" })
       }
     )
   ] }) });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { jsx as jsx162, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx164, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardList = ({
   title,
   items,
@@ -56784,7 +56880,7 @@ var WfoSummaryCardList = ({
   const router = useRouter12();
   const euiScrollBarStyle = useEuiScrollBar2();
   const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx162(EuiFlexItem31, { children: /* @__PURE__ */ jsxs94(
+  return /* @__PURE__ */ jsx164(EuiFlexItem31, { children: /* @__PURE__ */ jsxs94(
     EuiPanel8,
     {
       css: listContainerStyle,
@@ -56793,10 +56889,10 @@ var WfoSummaryCardList = ({
       paddingSize: "l",
       children: [
         /* @__PURE__ */ jsxs94("div", { children: [
-          /* @__PURE__ */ jsx162("p", { css: listHeaderStyle, children: title }),
-          /* @__PURE__ */ jsx162(EuiSpacer17, { size: "m" }),
-          /* @__PURE__ */ jsx162(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx162("div", { css: [listStyle, euiScrollBarStyle], children: items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ jsxs94("div", { children: [
-            /* @__PURE__ */ jsx162(
+          /* @__PURE__ */ jsx164("p", { css: listHeaderStyle, children: title }),
+          /* @__PURE__ */ jsx164(EuiSpacer17, { size: "m" }),
+          /* @__PURE__ */ jsx164(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx164("div", { css: [listStyle, euiScrollBarStyle], children: items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ jsxs94("div", { children: [
+            /* @__PURE__ */ jsx164(
               WfoSummaryCardListItem,
               {
                 title: item.title,
@@ -56804,11 +56900,11 @@ var WfoSummaryCardList = ({
                 url: item.url
               }
             ),
-            index === items.length - 1 ? null : /* @__PURE__ */ jsx162(EuiHorizontalRule7, { margin: "none" })
+            index === items.length - 1 ? null : /* @__PURE__ */ jsx164(EuiHorizontalRule7, { margin: "none" })
           ] }, index)) }) })
         ] }),
-        /* @__PURE__ */ jsx162(EuiSpacer17, { size: "m" }),
-        button && /* @__PURE__ */ jsx162(
+        /* @__PURE__ */ jsx164(EuiSpacer17, { size: "m" }),
+        button && /* @__PURE__ */ jsx164(
           EuiButton12,
           {
             fullWidth: true,
@@ -56834,7 +56930,7 @@ var getWfoSummaryCardsStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCards.tsx
-import { jsx as jsx163, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx165, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCards = ({ summaryCards }) => {
   const { theme } = useOrchestratorTheme();
   const { cardContainerStyle } = getWfoSummaryCardsStyles(theme);
@@ -56859,7 +56955,7 @@ var WfoSummaryCards = ({ summaryCards }) => {
         };
     }
   };
-  return /* @__PURE__ */ jsx163(
+  return /* @__PURE__ */ jsx165(
     EuiFlexGrid2,
     {
       responsive: false,
@@ -56875,7 +56971,7 @@ var WfoSummaryCards = ({ summaryCards }) => {
           button,
           isLoading
         }, index) => /* @__PURE__ */ jsxs95(EuiFlexItem32, { css: cardContainerStyle, children: [
-          /* @__PURE__ */ jsx163(
+          /* @__PURE__ */ jsx165(
             WfoSummaryCardHeader,
             __spreadValues({
               text: headerTitle,
@@ -56884,8 +56980,8 @@ var WfoSummaryCards = ({ summaryCards }) => {
               headerStatus
             ))
           ),
-          /* @__PURE__ */ jsx163(EuiSpacer18, { size: "m" }),
-          /* @__PURE__ */ jsx163(
+          /* @__PURE__ */ jsx165(EuiSpacer18, { size: "m" }),
+          /* @__PURE__ */ jsx165(
             WfoSummaryCardList,
             {
               title: listTitle,
@@ -56901,10 +56997,10 @@ var WfoSummaryCards = ({ summaryCards }) => {
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { jsx as jsx164, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx166, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const t = useTranslations50("startPage");
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const t = useTranslations51("startPage");
   const {
     data: subscriptionsSummaryResult,
     isLoading: subscriptionsSummaryIsFetching
@@ -56913,6 +57009,14 @@ var WfoStartPage = () => {
     subscriptionsListSummaryQueryVariables,
     ["subscriptions", "startPage"]
   );
+  const {
+    data: outOfSyncSubscriptionsSummaryResult,
+    isLoading: outOfSyncsubscriptionsSummaryIsFetching
+  } = useQueryWithGraphql(
+    getSubscriptionsListSummaryGraphQlQuery(),
+    outOfSyncSubscriptionsListSummaryQueryVariables,
+    ["subscriptions", "startPage"]
+  );
   const {
     data: processesSummaryResult,
     isLoading: processesSummaryIsFetching
@@ -56955,16 +57059,34 @@ var WfoStartPage = () => {
     },
     isLoading: subscriptionsSummaryIsFetching
   };
+  const latestOutOfSyncSubscriptionsSummaryCard = {
+    headerTitle: t("outOfSyncSubscriptions.headerTitle"),
+    headerValue: (_c = outOfSyncSubscriptionsSummaryResult == null ? void 0 : outOfSyncSubscriptionsSummaryResult.subscriptions.pageInfo.totalItems) != null ? _c : 0,
+    headerStatus: "Error" /* Error */,
+    listTitle: t("outOfSyncSubscriptions.listTitle"),
+    listItems: (_d = outOfSyncSubscriptionsSummaryResult == null ? void 0 : outOfSyncSubscriptionsSummaryResult.subscriptions.page.map(
+      (subscription) => ({
+        title: subscription.description,
+        value: formatDate(subscription.startDate),
+        url: `${PATH_SUBSCRIPTIONS}/${subscription.subscriptionId}`
+      })
+    )) != null ? _d : [],
+    button: {
+      name: t("outOfSyncSubscriptions.buttonText"),
+      url: `${PATH_SUBSCRIPTIONS}?activeTab=ALL&sortBy=field-startDate_order-ASC&queryString=status%3A%28provisioning%7Cactive%29+insync%3Afalse`
+    },
+    isLoading: outOfSyncsubscriptionsSummaryIsFetching
+  };
   const latestWorkflowsSummaryCard = {
     headerTitle: t("activeWorkflows.headerTitle"),
-    headerValue: (_c = processesSummaryResult == null ? void 0 : processesSummaryResult.processes.pageInfo.totalItems) != null ? _c : 0,
+    headerValue: (_e = processesSummaryResult == null ? void 0 : processesSummaryResult.processes.pageInfo.totalItems) != null ? _e : 0,
     headerStatus: "Success" /* Success */,
     listTitle: t("activeWorkflows.listTitle"),
-    listItems: (_d = processesSummaryResult == null ? void 0 : processesSummaryResult.processes.page.map((workflow) => ({
+    listItems: (_f = processesSummaryResult == null ? void 0 : processesSummaryResult.processes.page.map((workflow) => ({
       title: workflow.workflowName,
       value: formatDate(workflow == null ? void 0 : workflow.startedAt),
       url: `${PATH_WORKFLOWS}/${workflow.processId}`
-    }))) != null ? _d : [],
+    }))) != null ? _f : [],
     button: {
       name: t("activeWorkflows.buttonText"),
       url: PATH_WORKFLOWS
@@ -56973,14 +57095,14 @@ var WfoStartPage = () => {
   };
   const failedTasksSummaryCard = {
     headerTitle: t("failedTasks.headerTitle"),
-    headerValue: (_e = failedTasksSummaryResult == null ? void 0 : failedTasksSummaryResult.processes.pageInfo.totalItems) != null ? _e : 0,
+    headerValue: (_g = failedTasksSummaryResult == null ? void 0 : failedTasksSummaryResult.processes.pageInfo.totalItems) != null ? _g : 0,
     headerStatus: "Error" /* Error */,
     listTitle: t("failedTasks.listTitle"),
-    listItems: (_f = failedTasksSummaryResult == null ? void 0 : failedTasksSummaryResult.processes.page.map((task) => ({
+    listItems: (_h = failedTasksSummaryResult == null ? void 0 : failedTasksSummaryResult.processes.page.map((task) => ({
       title: task.workflowName,
       value: formatDate(task == null ? void 0 : task.startedAt),
       url: `${PATH_TASKS}/${task.processId}`
-    }))) != null ? _f : [],
+    }))) != null ? _h : [],
     button: {
       name: t("failedTasks.buttonText"),
       url: PATH_TASKS
@@ -56989,10 +57111,10 @@ var WfoStartPage = () => {
   };
   const productsSummaryCard = {
     headerTitle: t("products.headerTitle"),
-    headerValue: (_g = productsSummaryResult == null ? void 0 : productsSummaryResult.products.pageInfo.totalItems) != null ? _g : 0,
+    headerValue: (_i = productsSummaryResult == null ? void 0 : productsSummaryResult.products.pageInfo.totalItems) != null ? _i : 0,
     headerStatus: "Neutral" /* Neutral */,
     listTitle: t("products.listTitle"),
-    listItems: (_h = productsSummaryResult == null ? void 0 : productsSummaryResult.products.page.sort(
+    listItems: (_j = productsSummaryResult == null ? void 0 : productsSummaryResult.products.page.sort(
       (left, right) => {
         var _a2, _b2;
         return ((_a2 = right.subscriptions.pageInfo.totalItems) != null ? _a2 : 0) - ((_b2 = left.subscriptions.pageInfo.totalItems) != null ? _b2 : 0);
@@ -57007,19 +57129,20 @@ var WfoStartPage = () => {
             justifyContent: "space-between"
           },
           children: [
-            /* @__PURE__ */ jsx164("div", { children: product.name }),
-            /* @__PURE__ */ jsx164("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
+            /* @__PURE__ */ jsx166("div", { children: product.name }),
+            /* @__PURE__ */ jsx166("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
           ]
         }
       )
-    }))) != null ? _h : [],
+    }))) != null ? _j : [],
     isLoading: productsSummaryIsFetching
   };
-  return /* @__PURE__ */ jsx164(EuiFlexItem33, { children: /* @__PURE__ */ jsx164(
+  return /* @__PURE__ */ jsx166(EuiFlexItem33, { children: /* @__PURE__ */ jsx166(
     WfoSummaryCards,
     {
       summaryCards: [
         failedTasksSummaryCard,
+        latestOutOfSyncSubscriptionsSummaryCard,
         latestWorkflowsSummaryCard,
         latestActiveSubscriptionsSummaryCard,
         productsSummaryCard
@@ -57041,6 +57164,21 @@ var subscriptionsListSummaryQueryVariables = {
     }
   ]
 };
+var outOfSyncSubscriptionsListSummaryQueryVariables = {
+  first: 5,
+  after: 0,
+  sortBy: {
+    field: "startDate",
+    order: "ASC" /* ASC */
+  },
+  query: "insync:false",
+  filterBy: [
+    {
+      field: "status",
+      value: "Active-Provisioning"
+    }
+  ]
+};
 var processListSummaryQueryVariables = {
   first: 5,
   after: 0,
@@ -57098,16 +57236,16 @@ var productsSummaryQueryVariables = {
 
 // src/pages/subscriptions/WfoSubscriptionDetailPage.tsx
 import { useRouter as useRouter13 } from "next/router";
-import { Fragment as Fragment37, jsx as jsx165 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx167 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailPage = () => {
   const router = useRouter13();
   const { subscriptionId } = router.query;
-  return subscriptionId && /* @__PURE__ */ jsx165(TreeProvider, { children: /* @__PURE__ */ jsx165(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx165(Fragment37, {});
+  return subscriptionId && /* @__PURE__ */ jsx167(TreeProvider, { children: /* @__PURE__ */ jsx167(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx167(Fragment38, {});
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
 import { useEffect as useEffect24, useState as useState38 } from "react";
-import { useTranslations as useTranslations52 } from "next-intl";
+import { useTranslations as useTranslations53 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiPageHeader as EuiPageHeader4, EuiSpacer as EuiSpacer19 } from "@elastic/eui";
 
@@ -57185,10 +57323,10 @@ var subscriptionListTabs = [
 ];
 
 // src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
-import { useTranslations as useTranslations51 } from "next-intl";
+import { useTranslations as useTranslations52 } from "next-intl";
 import Link5 from "next/link";
 import { useRouter as useRouter14 } from "next/router";
-import { jsx as jsx166 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx168 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsList = ({
   alwaysOnFilters,
   dataDisplayParams,
@@ -57197,34 +57335,34 @@ var WfoSubscriptionsList = ({
 }) => {
   var _a, _b, _c, _d;
   const router = useRouter14();
-  const t = useTranslations51("subscriptions.index");
-  const tError = useTranslations51("errors");
+  const t = useTranslations52("subscriptions.index");
+  const tError = useTranslations52("errors");
   const { showToastMessage } = useShowToastMessage();
   const tableColumns = {
     subscriptionId: {
       field: "subscriptionId",
       name: t("id"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx166(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx168(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     description: {
       field: "description",
       name: t("description"),
       width: "400",
-      render: (value, record) => /* @__PURE__ */ jsx166(Link5, { href: `/subscriptions/${record.subscriptionId}`, children: value })
+      render: (value, record) => /* @__PURE__ */ jsx168(Link5, { href: `/subscriptions/${record.subscriptionId}`, children: value })
     },
     status: {
       field: "status",
       name: t("status"),
       width: "110",
-      render: (value) => /* @__PURE__ */ jsx166(WfoSubscriptionStatusBadge, { status: value })
+      render: (value) => /* @__PURE__ */ jsx168(WfoSubscriptionStatusBadge, { status: value })
     },
     insync: {
       field: "insync",
       name: t("insync"),
       width: "110",
-      render: (value) => /* @__PURE__ */ jsx166(WfoInsyncIcon, { inSync: value })
+      render: (value) => /* @__PURE__ */ jsx168(WfoInsyncIcon, { inSync: value })
     },
     productName: {
       field: "productName",
@@ -57249,7 +57387,7 @@ var WfoSubscriptionsList = ({
       field: "startDate",
       name: t("startDate"),
       width: "150",
-      render: (value) => /* @__PURE__ */ jsx166(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx168(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -57257,7 +57395,7 @@ var WfoSubscriptionsList = ({
       field: "endDate",
       name: t("endDate"),
       width: "150",
-      render: (value) => /* @__PURE__ */ jsx166(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx168(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -57300,7 +57438,7 @@ var WfoSubscriptionsList = ({
     pageSizeOptions: DEFAULT_PAGE_SIZES,
     totalItemCount: totalItems != null ? totalItems : 0
   };
-  return /* @__PURE__ */ jsx166(
+  return /* @__PURE__ */ jsx168(
     WfoTableWithFilter,
     {
       queryString: dataDisplayParams.queryString,
@@ -57341,10 +57479,10 @@ var WfoSubscriptionsList = ({
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { Fragment as Fragment38, jsx as jsx167, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx169, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   var _a;
-  const t = useTranslations52("subscriptions.detail");
+  const t = useTranslations53("subscriptions.detail");
   const [tableDefaults, setTableDefaults] = useState38();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
@@ -57381,11 +57519,11 @@ var WfoSubscriptionsListPage = () => {
   const alwaysOnFilters = (_a = subscriptionListTabs.find(
     ({ id }) => id === activeTab
   )) == null ? void 0 : _a.alwaysOnFilters;
-  return /* @__PURE__ */ jsxs97(Fragment38, { children: [
-    /* @__PURE__ */ jsx167(EuiSpacer19, {}),
-    /* @__PURE__ */ jsx167(EuiPageHeader4, { pageTitle: t("title") }),
-    /* @__PURE__ */ jsx167(EuiSpacer19, { size: "m" }),
-    /* @__PURE__ */ jsx167(
+  return /* @__PURE__ */ jsxs97(Fragment39, { children: [
+    /* @__PURE__ */ jsx169(EuiSpacer19, {}),
+    /* @__PURE__ */ jsx169(EuiPageHeader4, { pageTitle: t("title") }),
+    /* @__PURE__ */ jsx169(EuiSpacer19, { size: "m" }),
+    /* @__PURE__ */ jsx169(
       WfoFilterTabs,
       {
         tabs: subscriptionListTabs,
@@ -57394,8 +57532,8 @@ var WfoSubscriptionsListPage = () => {
         onChangeTab: handleChangeSubscriptionsTab
       }
     ),
-    /* @__PURE__ */ jsx167(EuiSpacer19, { size: "xxl" }),
-    /* @__PURE__ */ jsx167(
+    /* @__PURE__ */ jsx169(EuiSpacer19, { size: "xxl" }),
+    /* @__PURE__ */ jsx169(
       WfoSubscriptionsList,
       {
         hiddenColumns: tableDefaults == null ? void 0 : tableDefaults.hiddenColumns,
@@ -57409,7 +57547,7 @@ var WfoSubscriptionsListPage = () => {
 
 // src/pages/tasks/WfoTasksListPage.tsx
 import { useContext as useContext14, useEffect as useEffect25, useState as useState39 } from "react";
-import { useTranslations as useTranslations53 } from "next-intl";
+import { useTranslations as useTranslations54 } from "next-intl";
 import Link6 from "next/link";
 import { useRouter as useRouter15 } from "next/router";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
@@ -57484,11 +57622,11 @@ var getTasksListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { Fragment as Fragment39, jsx as jsx168, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx170, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   var _a;
   const router = useRouter15();
-  const t = useTranslations53("tasks.page");
+  const t = useTranslations54("tasks.page");
   const [activeTab, setActiveTab] = useQueryParam3(
     "activeTab",
     withDefault4(StringParam4, "ACTIVE" /* ACTIVE */)
@@ -57541,7 +57679,7 @@ var WfoTasksListPage = () => {
     workflowName: {
       field: "workflowName",
       name: t("taskName"),
-      render: (value, { processId }) => /* @__PURE__ */ jsx168(Link6, { href: `${PATH_TASKS}/${processId}`, children: value })
+      render: (value, { processId }) => /* @__PURE__ */ jsx170(Link6, { href: `${PATH_TASKS}/${processId}`, children: value })
     },
     lastStep: defaultTableColumns.lastStep,
     lastStatus: defaultTableColumns.lastStatus,
@@ -57557,24 +57695,41 @@ var WfoTasksListPage = () => {
     startedAt: defaultTableColumns.startedAt,
     lastModifiedAt: defaultTableColumns.lastModifiedAt
   });
-  return /* @__PURE__ */ jsxs98(Fragment39, { children: [
-    /* @__PURE__ */ jsx168(EuiSpacer20, {}),
+  return /* @__PURE__ */ jsxs98(Fragment40, { children: [
+    /* @__PURE__ */ jsx170(EuiSpacer20, {}),
     /* @__PURE__ */ jsxs98(EuiFlexGroup25, { children: [
-      /* @__PURE__ */ jsx168(EuiFlexItem34, { children: /* @__PURE__ */ jsx168(EuiPageHeader5, { pageTitle: "Tasks" }) }),
-      /* @__PURE__ */ jsx168(EuiFlexItem34, { children: /* @__PURE__ */ jsxs98(EuiFlexGroup25, { justifyContent: "flexEnd", children: [
+      /* @__PURE__ */ jsx170(EuiFlexItem34, { children: /* @__PURE__ */ jsx170(EuiPageHeader5, { pageTitle: "Tasks" }) }),
+      /* @__PURE__ */ jsx170(EuiFlexItem34, { children: /* @__PURE__ */ jsxs98(EuiFlexGroup25, { justifyContent: "flexEnd", children: [
         " ",
-        /* @__PURE__ */ jsx168(
-          EuiButton13,
+        /* @__PURE__ */ jsx170(
+          WfoIsAllowedToRender,
           {
-            onClick: handleRerunAllButtonClick,
-            iconType: () => /* @__PURE__ */ jsx168(WfoRefresh, { color: theme.colors.primaryText }),
-            children: t("rerunAll")
+            resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */,
+            children: /* @__PURE__ */ jsx170(
+              EuiButton13,
+              {
+                onClick: handleRerunAllButtonClick,
+                iconType: () => /* @__PURE__ */ jsx170(
+                  WfoRefresh,
+                  {
+                    color: theme.colors.primaryText
+                  }
+                ),
+                children: t("rerunAll")
+              }
+            )
           }
         ),
-        /* @__PURE__ */ jsx168(WfoStartTaskButtonComboBox, {})
+        /* @__PURE__ */ jsx170(
+          WfoIsAllowedToRender,
+          {
+            resource: "/orchestrator/processes/create/task" /* TASKS_CREATE */,
+            children: /* @__PURE__ */ jsx170(WfoStartTaskButtonComboBox, {})
+          }
+        )
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx168(
+    /* @__PURE__ */ jsx170(
       WfoFilterTabs,
       {
         tabs: defaultTasksListTabs,
@@ -57583,8 +57738,8 @@ var WfoTasksListPage = () => {
         onChangeTab: handleChangeTasksListTab
       }
     ),
-    /* @__PURE__ */ jsx168(EuiSpacer20, { size: "xxl" }),
-    /* @__PURE__ */ jsx168(
+    /* @__PURE__ */ jsx170(EuiSpacer20, { size: "xxl" }),
+    /* @__PURE__ */ jsx170(
       WfoProcessesList,
       {
         defaultHiddenColumns: tableDefaults == null ? void 0 : tableDefaults.hiddenColumns,
@@ -57600,7 +57755,7 @@ var WfoTasksListPage = () => {
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
 import { useEffect as useEffect26, useState as useState40 } from "react";
-import { useTranslations as useTranslations54 } from "next-intl";
+import { useTranslations as useTranslations55 } from "next-intl";
 import { useRouter as useRouter16 } from "next/router";
 import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
 import { EuiPageHeader as EuiPageHeader6, EuiSpacer as EuiSpacer21 } from "@elastic/eui";
@@ -57663,11 +57818,11 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { Fragment as Fragment40, jsx as jsx169, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx171, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   var _a;
   const router = useRouter16();
-  const t = useTranslations54("workflows.index");
+  const t = useTranslations55("workflows.index");
   const [activeTab, setActiveTab] = useQueryParam4(
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
@@ -57702,11 +57857,11 @@ var WfoWorkflowsListPage = () => {
     router.replace(PATH_WORKFLOWS);
     return null;
   }
-  return /* @__PURE__ */ jsxs99(Fragment40, { children: [
-    /* @__PURE__ */ jsx169(EuiSpacer21, {}),
-    /* @__PURE__ */ jsx169(EuiPageHeader6, { pageTitle: t("title") }),
-    /* @__PURE__ */ jsx169(EuiSpacer21, { size: "m" }),
-    /* @__PURE__ */ jsx169(
+  return /* @__PURE__ */ jsxs99(Fragment41, { children: [
+    /* @__PURE__ */ jsx171(EuiSpacer21, {}),
+    /* @__PURE__ */ jsx171(EuiPageHeader6, { pageTitle: t("title") }),
+    /* @__PURE__ */ jsx171(EuiSpacer21, { size: "m" }),
+    /* @__PURE__ */ jsx171(
       WfoFilterTabs,
       {
         tabs: defaultWorkflowsListTabs,
@@ -57715,8 +57870,8 @@ var WfoWorkflowsListPage = () => {
         onChangeTab: handleChangeWorkflowsListTab
       }
     ),
-    /* @__PURE__ */ jsx169(EuiSpacer21, { size: "xxl" }),
-    /* @__PURE__ */ jsx169(
+    /* @__PURE__ */ jsx171(EuiSpacer21, { size: "xxl" }),
+    /* @__PURE__ */ jsx171(
       WfoProcessesList,
       {
         alwaysOnFilters,
@@ -57826,7 +57981,7 @@ var graphQlProcessFilterMapper = (data) => data == null ? void 0 : data.map(({ f
 }));
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { jsx as jsx170 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx172 } from "@emotion/react/jsx-runtime";
 var WfoProcessesList = ({
   alwaysOnFilters,
   defaultHiddenColumns = [],
@@ -57836,15 +57991,15 @@ var WfoProcessesList = ({
   overrideDefaultTableColumns
 }) => {
   var _a, _b;
-  const t = useTranslations55("processes.index");
-  const tError = useTranslations55("errors");
+  const t = useTranslations56("processes.index");
+  const tError = useTranslations56("errors");
   const { showToastMessage } = useShowToastMessage();
   const defaultTableColumns = {
     workflowName: {
       field: "workflowName",
       name: t("workflowName"),
       width: "20%",
-      render: (value, { processId }) => /* @__PURE__ */ jsx170(Link7, { href: `${PATH_WORKFLOWS}/${processId}`, children: value })
+      render: (value, { processId }) => /* @__PURE__ */ jsx172(Link7, { href: `${PATH_WORKFLOWS}/${processId}`, children: value })
     },
     lastStep: {
       field: "lastStep",
@@ -57855,13 +58010,13 @@ var WfoProcessesList = ({
       field: "lastStatus",
       name: t("status"),
       width: "100",
-      render: (cellValue) => /* @__PURE__ */ jsx170(WfoProcessStatusBadge, { processStatus: cellValue })
+      render: (cellValue) => /* @__PURE__ */ jsx172(WfoProcessStatusBadge, { processStatus: cellValue })
     },
     workflowTarget: {
       field: "workflowTarget",
       name: t("workflowTarget"),
       width: "100",
-      render: (target) => /* @__PURE__ */ jsx170(WfoWorkflowTargetBadge, { target })
+      render: (target) => /* @__PURE__ */ jsx172(WfoWorkflowTargetBadge, { target })
     },
     tag: {
       field: "tag",
@@ -57887,14 +58042,14 @@ var WfoProcessesList = ({
       field: "subscriptions",
       name: t("subscriptions"),
       width: "15%",
-      render: ({ page: subscriptions }) => /* @__PURE__ */ jsx170(
+      render: ({ page: subscriptions }) => /* @__PURE__ */ jsx172(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions,
           numberOfSubscriptionsToRender: 1
         }
       ),
-      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx170(
+      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx172(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions
@@ -57916,14 +58071,14 @@ var WfoProcessesList = ({
       field: "processId",
       name: t("processId"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx170(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx172(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     startedAt: {
       field: "startedAt",
       name: t("started"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx170(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx172(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -57931,7 +58086,7 @@ var WfoProcessesList = ({
       field: "lastModifiedAt",
       name: t("lastModified"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx170(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx172(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     }
@@ -57962,7 +58117,7 @@ var WfoProcessesList = ({
     getQueryVariablesForExport(processListQueryVars),
     ["processes", "export"]
   );
-  return /* @__PURE__ */ jsx170(
+  return /* @__PURE__ */ jsx172(
     WfoTableWithFilter,
     {
       queryString,
@@ -58014,11 +58169,11 @@ var getStyles14 = (theme) => {
 };
 
 // src/components/WfoJsonCodeBlock/WfoJsonCodeBlock.tsx
-import { jsx as jsx171 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx173 } from "@emotion/react/jsx-runtime";
 var WfoJsonCodeBlock = ({ data }) => {
   const { euiCodeBlockStyle } = useWithOrchestratorTheme(getStyles14);
   const json = JSON.stringify(data, null, 4);
-  return /* @__PURE__ */ jsx171(
+  return /* @__PURE__ */ jsx173(
     EuiCodeBlock2,
     {
       css: euiCodeBlockStyle,
@@ -58032,7 +58187,7 @@ var WfoJsonCodeBlock = ({ data }) => {
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
 import { useState as useState41 } from "react";
-import { useTranslations as useTranslations56 } from "next-intl";
+import { useTranslations as useTranslations57 } from "next-intl";
 import {
   EuiButton as EuiButton14,
   EuiComboBox,
@@ -58040,10 +58195,10 @@ import {
   EuiSpacer as EuiSpacer22,
   EuiText as EuiText36
 } from "@elastic/eui";
-import { jsx as jsx172, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx174, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const [clearCache] = useClearCacheMutation();
-  const t = useTranslations56("settings.page");
+  const t = useTranslations57("settings.page");
   const [selectedOptions, setSelected] = useState41(
     []
   );
@@ -58083,9 +58238,9 @@ var WfoFlushSettings = () => {
       paddingSize: "l",
       style: { width: "50%" },
       children: [
-        /* @__PURE__ */ jsx172(EuiText36, { size: "s", children: /* @__PURE__ */ jsx172("h4", { children: t("flushCacheSettingsTitle") }) }),
-        /* @__PURE__ */ jsx172(EuiSpacer22, { size: "m" }),
-        /* @__PURE__ */ jsx172(
+        /* @__PURE__ */ jsx174(EuiText36, { size: "s", children: /* @__PURE__ */ jsx174("h4", { children: t("flushCacheSettingsTitle") }) }),
+        /* @__PURE__ */ jsx174(EuiSpacer22, { size: "m" }),
+        /* @__PURE__ */ jsx174(
           EuiComboBox,
           {
             "aria-label": "Flush settings",
@@ -58097,26 +58252,26 @@ var WfoFlushSettings = () => {
             fullWidth: true
           }
         ),
-        /* @__PURE__ */ jsx172(EuiSpacer22, { size: "m" }),
-        /* @__PURE__ */ jsx172(EuiButton14, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
+        /* @__PURE__ */ jsx174(EuiSpacer22, { size: "m" }),
+        /* @__PURE__ */ jsx174(EuiButton14, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
       ]
     }
   );
 };
 
 // src/components/WfoSettings/WfoEngineStatusButton.tsx
-import { useTranslations as useTranslations57 } from "next-intl";
+import { useTranslations as useTranslations58 } from "next-intl";
 import { EuiButton as EuiButton15 } from "@elastic/eui";
-import { jsx as jsx173 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx175 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
-  const t = useTranslations57("settings.page");
+  const t = useTranslations58("settings.page");
   if (isLoading || isSettingEngineStatus) {
-    return /* @__PURE__ */ jsx173(EuiButton15, { isLoading: true, fill: true, children: "Loading..." });
+    return /* @__PURE__ */ jsx175(EuiButton15, { isLoading: true, fill: true, children: "Loading..." });
   }
-  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx173(
+  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx175(
     EuiButton15,
     {
       onClick: () => setEngineStatus(true),
@@ -58125,7 +58280,7 @@ var WfoEngineStatusButton = () => {
       iconType: "pause",
       children: t("pauseEngine")
     }
-  ) : /* @__PURE__ */ jsx173(
+  ) : /* @__PURE__ */ jsx175(
     EuiButton15,
     {
       onClick: () => setEngineStatus(false),
@@ -58138,11 +58293,11 @@ var WfoEngineStatusButton = () => {
 };
 
 // src/components/WfoSettings/WfoModifySettings.tsx
-import { useTranslations as useTranslations58 } from "next-intl";
+import { useTranslations as useTranslations59 } from "next-intl";
 import { EuiPanel as EuiPanel10, EuiSpacer as EuiSpacer23, EuiText as EuiText37 } from "@elastic/eui";
-import { jsx as jsx174, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx176, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
-  const t = useTranslations58("settings.page");
+  const t = useTranslations59("settings.page");
   return /* @__PURE__ */ jsxs101(
     EuiPanel10,
     {
@@ -58151,16 +58306,16 @@ var WfoModifySettings = () => {
       paddingSize: "l",
       css: { width: "50%" },
       children: [
-        /* @__PURE__ */ jsx174(EuiText37, { size: "s", children: /* @__PURE__ */ jsx174("h4", { children: t("modifyEngine") }) }),
-        /* @__PURE__ */ jsx174(EuiSpacer23, { size: "m" }),
-        /* @__PURE__ */ jsx174(WfoEngineStatusButton, {})
+        /* @__PURE__ */ jsx176(EuiText37, { size: "s", children: /* @__PURE__ */ jsx176("h4", { children: t("modifyEngine") }) }),
+        /* @__PURE__ */ jsx176(EuiSpacer23, { size: "m" }),
+        /* @__PURE__ */ jsx176(WfoEngineStatusButton, {})
       ]
     }
   );
 };
 
 // src/components/WfoSettings/WfoStatus.tsx
-import { useTranslations as useTranslations59 } from "next-intl";
+import { useTranslations as useTranslations60 } from "next-intl";
 import {
   EuiFlexGroup as EuiFlexGroup26,
   EuiFlexItem as EuiFlexItem35,
@@ -58168,13 +58323,13 @@ import {
   EuiSpacer as EuiSpacer24,
   EuiText as EuiText38
 } from "@elastic/eui";
-import { jsx as jsx175, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx177, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
 var WfoStatus = () => {
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
-  const t = useTranslations59("settings.page");
+  const t = useTranslations60("settings.page");
   return /* @__PURE__ */ jsxs102(
     EuiPanel11,
     {
@@ -58184,20 +58339,20 @@ var WfoStatus = () => {
       style: { width: "50%" },
       children: [
         /* @__PURE__ */ jsxs102(EuiFlexGroup26, { children: [
-          /* @__PURE__ */ jsx175(EuiFlexItem35, { grow: false, style: { minWidth: 208 }, children: /* @__PURE__ */ jsx175(EuiText38, { size: "s", children: /* @__PURE__ */ jsx175("h4", { children: t("runningProcesses") }) }) }),
-          /* @__PURE__ */ jsx175(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsx175(EuiText38, { size: "s", children: /* @__PURE__ */ jsx175("p", { children: runningProcesses || "-" }) }) })
+          /* @__PURE__ */ jsx177(EuiFlexItem35, { grow: false, style: { minWidth: 208 }, children: /* @__PURE__ */ jsx177(EuiText38, { size: "s", children: /* @__PURE__ */ jsx177("h4", { children: t("runningProcesses") }) }) }),
+          /* @__PURE__ */ jsx177(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsx177(EuiText38, { size: "s", children: /* @__PURE__ */ jsx177("p", { children: runningProcesses || "-" }) }) })
         ] }),
-        /* @__PURE__ */ jsx175(EuiSpacer24, { size: "m" }),
+        /* @__PURE__ */ jsx177(EuiSpacer24, { size: "m" }),
         /* @__PURE__ */ jsxs102(EuiFlexGroup26, { children: [
-          /* @__PURE__ */ jsx175(EuiFlexItem35, { grow: false, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx175(EuiText38, { size: "s", children: /* @__PURE__ */ jsx175("h4", { children: t("engineStatus") }) }) }),
-          /* @__PURE__ */ jsx175(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsxs102(EuiFlexGroup26, { gutterSize: "xs", children: [
-            /* @__PURE__ */ jsx175(EuiFlexItem35, { children: /* @__PURE__ */ jsx175(
+          /* @__PURE__ */ jsx177(EuiFlexItem35, { grow: false, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx177(EuiText38, { size: "s", children: /* @__PURE__ */ jsx177("h4", { children: t("engineStatus") }) }) }),
+          /* @__PURE__ */ jsx177(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsxs102(EuiFlexGroup26, { gutterSize: "xs", children: [
+            /* @__PURE__ */ jsx177(EuiFlexItem35, { children: /* @__PURE__ */ jsx177(
               WfoStatusDotIcon,
               {
                 color: isRunning ? theme.colors.success : theme.colors.warning
               }
             ) }),
-            /* @__PURE__ */ jsx175(EuiFlexItem35, { children: /* @__PURE__ */ jsx175(EuiText38, { size: "xs", style: { marginTop: 4 }, children: /* @__PURE__ */ jsx175("p", { children: engineStatus }) }) })
+            /* @__PURE__ */ jsx177(EuiFlexItem35, { children: /* @__PURE__ */ jsx177(EuiText38, { size: "xs", style: { marginTop: 4 }, children: /* @__PURE__ */ jsx177("p", { children: engineStatus }) }) })
           ] }) })
         ] })
       ]
@@ -58207,7 +58362,7 @@ var WfoStatus = () => {
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
 import React55 from "react";
-import { jsx as jsx176, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx178, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
 var WfoErrorBoundary = class extends React55.Component {
   constructor(props) {
     super(props);
@@ -58227,107 +58382,13 @@ var WfoErrorBoundary = class extends React55.Component {
       return /* @__PURE__ */ jsxs103("p", { children: [
         "An unexpected error occurred, try to go back to the",
         " ",
-        /* @__PURE__ */ jsx176("a", { href: "/", children: "home page" })
+        /* @__PURE__ */ jsx178("a", { href: "/", children: "home page" })
       ] });
     }
     return this.props.children;
   }
 };
 
-// src/theme/defaultOrchestratorTheme.ts
-var defaultOrchestratorTheme = {
-  base: 16,
-  breakpoint: {
-    xs: 0,
-    s: 575,
-    m: 768,
-    l: 992,
-    xl: 1200,
-    xxl: 1600
-  },
-  size: {
-    base: "16px",
-    xxs: "2px",
-    xs: "4px",
-    s: "8px",
-    m: "12px",
-    l: "24px",
-    xl: "32px",
-    xxl: "40px",
-    xxxl: "48px",
-    xxxxl: "64px"
-  },
-  colors: {
-    DARK: {
-      primary: "#265391",
-      accent: "#F68FBE",
-      success: "#7DDED8",
-      warning: "#F3D371",
-      danger: "#F86B63",
-      primaryText: "#3EA6fA",
-      accentText: "#F68FBE",
-      successText: "#7DDEd8",
-      warningText: "#F3D371",
-      dangerText: "#F86B63",
-      emptyShade: "#1D1E24",
-      lightestShade: "#25262E",
-      lightShade: "#343741",
-      mediumShade: "#535966",
-      darkShade: "#98A2B3",
-      darkestShade: "#D4DAE5",
-      fullShade: "#FFFFFF",
-      text: "#DFE5EF",
-      title: "#DFE5EF",
-      subduedText: "#81858f",
-      link: "#3EA6fA",
-      body: "#141519",
-      highlight: "#262830",
-      disabled: "#515761",
-      disabledText: "#515761",
-      shadow: "#000000"
-    },
-    LIGHT: {
-      primary: "#0077C8",
-      accent: "#E67300",
-      success: "#008939",
-      warning: "#FFC514",
-      danger: "#BD271F",
-      primaryText: "#0067AC",
-      accentText: "#B05200",
-      successText: "#007832",
-      warningText: "#8E6A00",
-      dangerText: "#AC0A01",
-      emptyShade: "#FFFFFF",
-      lightestShade: "#F1F5F9",
-      lightShade: "#CCD5E2",
-      mediumShade: "#94A4B8",
-      darkShade: "#64758B",
-      darkestShade: "#334255",
-      fullShade: "#0F172B",
-      text: "#334255",
-      title: "#0F172B",
-      subduedText: "#64758B",
-      link: "#0067AC",
-      body: "#F1F5F9",
-      highlight: "#FFF6DE",
-      disabled: "#94A4B8",
-      disabledText: "#94A4B8",
-      shadow: "#000000"
-    }
-  },
-  font: {
-    weight: {
-      regular: 400,
-      medium: 500,
-      semiBold: 600,
-      bold: 700
-    }
-  },
-  border: {
-    thin: "solid 1px #ddd"
-  }
-};
-
 // src/messages/useGetTranslationMessages.ts
 import { useContext as useContext15 } from "react";
 
@@ -58365,6 +58426,7 @@ var en_GB_default = {
     search: "Search",
     errorMessage: "An error occurred",
     export: "Export",
+    unauthorizedPage: "You are not authorized to see this page",
     insyncTrue: "in-sync",
     insyncFalse: "out-of-sync"
   },
@@ -58679,6 +58741,11 @@ var en_GB_default = {
       headerTitle: "Total active subscriptions",
       listTitle: "Most recent subscriptions"
     },
+    outOfSyncSubscriptions: {
+      buttonText: "Show all active out-of-sync subscriptions",
+      headerTitle: "Total active out-of-sync subscriptions",
+      listTitle: "Most recent active out-of-sync subscriptions"
+    },
     activeWorkflows: {
       buttonText: "Show all active workflows",
       headerTitle: "Total active workflows",
@@ -58730,6 +58797,7 @@ var nl_NL_default = {
     search: "Zoeken",
     errorMessage: "Er is een fout opgetreden",
     export: "Exporteren",
+    unauthorizedPage: "Niet geautoriseerd om deze pagina te bekijken",
     insyncTrue: "in-sync",
     insyncFalse: "out-of-sync"
   },
@@ -59043,6 +59111,11 @@ var nl_NL_default = {
       headerTitle: "Totaal aantal actieve subscriptions",
       listTitle: "Meest recente subscriptions"
     },
+    outOfSyncSubscriptions: {
+      buttonText: "Toon alle actieve out-of-sync subscriptions",
+      headerTitle: "Totaal aantal actieve out-of-sync subscriptions",
+      listTitle: "Meest recente actieve out-of-sync subscriptions"
+    },
     activeWorkflows: {
       buttonText: "Toon alle actieve workflows",
       headerTitle: "Totaal aantal actieve workflows",
@@ -59084,6 +59157,100 @@ var useGetTranslationMessages = (locale) => {
     })
   });
 };
+
+// src/theme/defaultOrchestratorTheme.ts
+var defaultOrchestratorTheme = {
+  base: 16,
+  breakpoint: {
+    xs: 0,
+    s: 575,
+    m: 768,
+    l: 992,
+    xl: 1200,
+    xxl: 1600
+  },
+  size: {
+    base: "16px",
+    xxs: "2px",
+    xs: "4px",
+    s: "8px",
+    m: "12px",
+    l: "24px",
+    xl: "32px",
+    xxl: "40px",
+    xxxl: "48px",
+    xxxxl: "64px"
+  },
+  colors: {
+    DARK: {
+      primary: "#265391",
+      accent: "#F68FBE",
+      success: "#7DDED8",
+      warning: "#F3D371",
+      danger: "#F86B63",
+      primaryText: "#3EA6fA",
+      accentText: "#F68FBE",
+      successText: "#7DDEd8",
+      warningText: "#F3D371",
+      dangerText: "#F86B63",
+      emptyShade: "#1D1E24",
+      lightestShade: "#25262E",
+      lightShade: "#343741",
+      mediumShade: "#535966",
+      darkShade: "#98A2B3",
+      darkestShade: "#D4DAE5",
+      fullShade: "#FFFFFF",
+      text: "#DFE5EF",
+      title: "#DFE5EF",
+      subduedText: "#81858f",
+      link: "#3EA6fA",
+      body: "#141519",
+      highlight: "#262830",
+      disabled: "#515761",
+      disabledText: "#515761",
+      shadow: "#000000"
+    },
+    LIGHT: {
+      primary: "#0077C8",
+      accent: "#E67300",
+      success: "#008939",
+      warning: "#FFC514",
+      danger: "#BD271F",
+      primaryText: "#0067AC",
+      accentText: "#B05200",
+      successText: "#007832",
+      warningText: "#8E6A00",
+      dangerText: "#AC0A01",
+      emptyShade: "#FFFFFF",
+      lightestShade: "#F1F5F9",
+      lightShade: "#CCD5E2",
+      mediumShade: "#94A4B8",
+      darkShade: "#64758B",
+      darkestShade: "#334255",
+      fullShade: "#0F172B",
+      text: "#334255",
+      title: "#0F172B",
+      subduedText: "#64758B",
+      link: "#0067AC",
+      body: "#F1F5F9",
+      highlight: "#FFF6DE",
+      disabled: "#94A4B8",
+      disabledText: "#94A4B8",
+      shadow: "#000000"
+    }
+  },
+  font: {
+    weight: {
+      regular: 400,
+      medium: 500,
+      semiBold: 600,
+      bold: 700
+    }
+  },
+  border: {
+    thin: "solid 1px #ddd"
+  }
+};
 export {
   ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY,
   ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY,
@@ -59138,6 +59305,7 @@ export {
   Locale,
   LocationCodeField,
   LongTextField,
+  MAXIMUM_ITEMS_FOR_BULK_FETCHING,
   METADATA_PRODUCT_BLOCKS_TABLE_LOCAL_STORAGE_KEY,
   METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY,
   METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY,
@@ -59161,6 +59329,7 @@ export {
   PATH_WORKFLOWS,
   PolicyContext,
   PolicyContextProvider,
+  PolicyResource,
   ProcessDoneStatuses,
   ProcessStatus,
   ProductField,
@@ -59237,11 +59406,13 @@ export {
   WfoModifySettings,
   WfoPageHeader,
   WfoPageTemplate,
+  WfoPageUnauthorized,
   WfoPencil,
   WfoPencilAlt,
   WfoPlayCircle,
   WfoPlayFill,
   WfoPlusCircleFill,
+  WfoPolicyRenderPageFallback,
   WfoProcessDetailPage,
   WfoProcessListSubscriptionsCell,
   WfoProcessRawData,
@@ -59362,11 +59533,15 @@ export {
   processListQuery,
   removeSuffix,
   removeToastMessage,
+  renderEmptyElementWhenNotAllowedByPolicy,
   setTableConfigToLocalStorage,
+  snakeToHuman,
+  snakeToKebab,
   stop,
   toastMessagesReducer,
   toastMessagesSlice,
   upperCaseFirstChar,
+  urlPolicyMap,
   useCacheNames,
   useCheckEngineStatus,
   useClearCacheMutation,