npm - @orchestrator-ui/orchestrator-ui-components - Versions diffs - 5.5.3 → 5.6.0 - Mend

@orchestrator-ui/orchestrator-ui-components 5.5.3 → 5.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/.turbo/turbo-build.log +7 -7
package/.turbo/turbo-lint.log +1 -1
package/.turbo/turbo-test.log +12 -11
package/CHANGELOG.md +10 -0
package/dist/index.d.ts +9 -2
package/dist/index.js +617 -477
package/dist/index.js.map +1 -1
package/package.json +1 -1
package/src/components/WfoForms/UserInputForm.tsx +0 -1
package/src/components/WfoForms/formFields/AcceptFieldStyling.ts +5 -0
package/src/components/WfoForms/formFields/index.ts +1 -0
package/src/components/WfoPydanticForm/RenderFormErrors.tsx +6 -1
package/src/components/WfoPydanticForm/fields/WfoSummary.tsx +11 -3
package/src/components/WfoPydanticForm/fields/index.ts +1 -0
package/src/components/WfoPydanticForm/fields/wfoPydanticFormUtils.spec.ts +32 -0
package/src/components/WfoPydanticForm/fields/wfoPydanticFormUtils.ts +19 -0
package/src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx +23 -8
package/src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx +58 -36
package/src/components/WfoWorkflowSteps/WfoStep/WfoStepFormFooter.tsx +58 -0
package/src/components/WfoWorkflowSteps/WfoStep/WfoStepFormOld.tsx +67 -0
package/src/configuration/version.ts +1 -1
package/src/messages/useGetTranslationMessages.ts +0 -1

package/dist/index.js CHANGED Viewed

@@ -15304,10 +15304,10 @@ var require_jsstacktrace = __commonJS({
 var require_jsx = __commonJS({
   "../../node_modules/refractor/lang/jsx.js"(exports, module) {
     "use strict";
-    module.exports = jsx269;
-    jsx269.displayName = "jsx";
-    jsx269.aliases = [];
-    function jsx269(Prism) {
+    module.exports = jsx271;
+    jsx271.displayName = "jsx";
+    jsx271.aliases = [];
+    function jsx271(Prism) {
       ;
       (function(Prism2) {
         var javascript = Prism2.util.clone(Prism2.languages.javascript);
@@ -26800,7 +26800,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "5.5.3";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "5.6.0";
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -44842,6 +44842,10 @@ var getAcceptFieldStyles = ({ theme }) => {
         label: {
           marginTop: 0
         }
+      },
+      ".labelTitle": {
+        fontWeight: "600",
+        color: theme.colors.text
       }
     }
   });
@@ -48684,7 +48688,7 @@ var WfoDropdownButton = ({
 };
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { useTranslations as useTranslations76 } from "next-intl";
+import { useTranslations as useTranslations77 } from "next-intl";
 import Link12 from "next/link";
 import { useRouter as useRouter14 } from "next/router";
@@ -50324,13 +50328,13 @@ var WfoProcessDetailPage = ({
 };
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useCallback as useCallback8, useEffect as useEffect34, useMemo as useMemo6, useState as useState50 } from "react";
-import { useTranslations as useTranslations68 } from "next-intl";
+import { useCallback as useCallback9, useEffect as useEffect34, useMemo as useMemo7, useState as useState50 } from "react";
+import { useTranslations as useTranslations69 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
 import {
   EuiFlexGroup as EuiFlexGroup25,
-  EuiFlexItem as EuiFlexItem29,
-  EuiHorizontalRule as EuiHorizontalRule8,
+  EuiFlexItem as EuiFlexItem30,
+  EuiHorizontalRule as EuiHorizontalRule9,
   EuiPanel as EuiPanel5,
   EuiText as EuiText42
 } from "@elastic/eui";
@@ -50357,6 +50361,7 @@ import { useTranslations as useTranslations60 } from "next-intl";
 import { usePydanticFormContext } from "pydantic-forms";
 import { Fragment as Fragment49, jsx as jsx203, jsxs as jsxs108 } from "@emotion/react/jsx-runtime";
 var RenderFormErrors = () => {
+  const { errorStyle } = useWithOrchestratorTheme(getCommonFormFieldStyles);
   const { errorDetails } = usePydanticFormContext();
   const t = useTranslations60("pydanticForms.userInputForm");
   if (!errorDetails) {
@@ -50365,7 +50370,7 @@ var RenderFormErrors = () => {
   const errors2 = errorDetails.source;
   const rootError = errors2.filter((err) => err.loc.includes("__root__")).shift();
   const otherErrors = errors2.filter((err) => !err.loc.includes("__root__"));
-  return /* @__PURE__ */ jsxs108("em", { className: "error backend-validation-metadata", children: [
+  return /* @__PURE__ */ jsxs108("em", { css: errorStyle, children: [
     rootError && /* @__PURE__ */ jsx203("div", { children: rootError.msg }),
     otherErrors?.length >= 1 && t("inputFieldsHaveValidationErrors", {
       nrOfValidationErrors: otherErrors.length
@@ -50613,7 +50618,7 @@ var WfoSummary = ({ pydanticFormField }) => {
   const columns = summaryData?.columns || [];
   const extraColumnsData = columns.filter((_2, index) => index !== 0);
   const rows = columns[0].map((row, index) => /* @__PURE__ */ jsxs111("tr", { children: [
-    labels && /* @__PURE__ */ jsx212("td", { className: `label`, children: labels[index] }),
+    labels && /* @__PURE__ */ jsx212("td", { className: `label`, children: getNestedSummaryLabel(labels, index) }),
     /* @__PURE__ */ jsx212("td", { className: `value`, children: typeof row === "string" && row.includes("<!doctype html>") ? /* @__PURE__ */ jsx212(
       "div",
       {
@@ -50621,7 +50626,7 @@ var WfoSummary = ({ pydanticFormField }) => {
         dangerouslySetInnerHTML: { __html: row }
       }
     ) : row }),
-    extraColumnsData && extraColumnsData.map((_2, idx) => /* @__PURE__ */ jsx212("td", { className: `value`, children: extraColumnsData[idx][index] }, idx))
+    extraColumnsData && extraColumnsData.map((_2, idx) => /* @__PURE__ */ jsx212("td", { className: `value`, children: extraColumnsData[idx][index].toString() }, idx))
   ] }, index));
   const tableHeader = !headers || headers.length === 0 ? null : /* @__PURE__ */ jsxs111("tr", { children: [
     labels && /* @__PURE__ */ jsx212("th", {}),
@@ -51734,6 +51739,17 @@ var WfoMultiCheckboxField = ({
   );
 };
+// src/components/WfoPydanticForm/fields/wfoPydanticFormUtils.ts
+import { capitalize as capitalize3 } from "lodash";
+var getNestedSummaryLabel = (labels, index) => {
+  const value = labels[index];
+  if (typeof value === "object" && value !== null) {
+    const firstKey = Object.keys(value)[0] ?? "";
+    return capitalize3(firstKey);
+  }
+  return String(value);
+};
 // src/components/WfoPydanticForm/WfoPydanticForm.tsx
 import { jsx as jsx220 } from "@emotion/react/jsx-runtime";
 var useWfoPydanticFormConfig = () => {
@@ -51991,18 +52007,63 @@ var WfoPydanticForm = ({
 };
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React71, { useState as useState46 } from "react";
-import { useTranslations as useTranslations63 } from "next-intl";
+import React72, { useState as useState46 } from "react";
+import { useTranslations as useTranslations64 } from "next-intl";
 import {
-  EuiButton as EuiButton12,
+  EuiButton as EuiButton13,
   EuiFlexGroup as EuiFlexGroup22,
-  EuiFlexItem as EuiFlexItem27,
+  EuiFlexItem as EuiFlexItem28,
   EuiPanel as EuiPanel4,
   EuiText as EuiText37
 } from "@elastic/eui";
-// src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
+// src/components/WfoWorkflowSteps/WfoStep/WfoStepFormOld.tsx
+import { useState as useState45 } from "react";
 import { EuiFlexItem as EuiFlexItem25 } from "@elastic/eui";
+import { jsx as jsx221 } from "@emotion/react/jsx-runtime";
+var WfoStepFormOld = ({
+  userInputForm,
+  isTask,
+  processId,
+  userPermissions
+}) => {
+  const [isProcessing, setIsProcessing] = useState45(false);
+  const [hasError, setHasError] = useState45(false);
+  const { theme } = useOrchestratorTheme();
+  const [resumeProcess] = useResumeProcessMutation();
+  const submitForm = (processInput) => {
+    if (!processId) {
+      return Promise.reject();
+    }
+    return resumeProcess({ processId, userInputs: processInput }).unwrap().then(() => {
+      setIsProcessing(true);
+    }).catch((error) => {
+      if (error?.status !== 510 /* FormNotComplete */) {
+        if (error?.status === 400 /* BadRequest */) {
+          throw error;
+        }
+        console.error(error);
+        setHasError(true);
+      } else {
+        throw error;
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx221(EuiFlexItem25, { css: { margin: theme.size.m }, children: hasError && /* @__PURE__ */ jsx221(WfoError, {}) || isProcessing && /* @__PURE__ */ jsx221(WfoLoading, {}) || /* @__PURE__ */ jsx221(
+    UserInputFormWizard,
+    {
+      stepUserInput: userInputForm,
+      stepSubmit: submitForm,
+      hasNext: false,
+      isTask,
+      isResuming: true,
+      allowSubmit: userPermissions.resumeAllowed
+    }
+  ) });
+};
+// src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
+import { EuiFlexItem as EuiFlexItem26 } from "@elastic/eui";
 // src/components/WfoWorkflowSteps/styles.ts
 import { css as css40 } from "@emotion/react";
@@ -52113,26 +52174,26 @@ var getWorkflowStepsStyles = ({
 };
 // src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
-import { jsx as jsx221, jsxs as jsxs114 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx222, jsxs as jsxs114 } from "@emotion/react/jsx-runtime";
 var SubIcon = ({ stepStatus, color = "" }) => {
   switch (stepStatus) {
     case "suspend" /* SUSPEND */:
-      return /* @__PURE__ */ jsx221(WfoMinusCircleFill, { color });
+      return /* @__PURE__ */ jsx222(WfoMinusCircleFill, { color });
     case "failed" /* FAILED */:
-      return /* @__PURE__ */ jsx221(WfoXCircleFill, { color });
+      return /* @__PURE__ */ jsx222(WfoXCircleFill, { color });
     default:
-      return /* @__PURE__ */ jsx221(WfoCheckmarkCircleFill, { color });
+      return /* @__PURE__ */ jsx222(WfoCheckmarkCircleFill, { color });
   }
 };
 var MainIcon = ({ stepStatus, color = "", isStartStep }) => {
   if (isStartStep) {
-    return /* @__PURE__ */ jsx221(WfoPlayFill, { color });
+    return /* @__PURE__ */ jsx222(WfoPlayFill, { color });
   }
   switch (stepStatus) {
     case "form" /* FORM */:
-      return /* @__PURE__ */ jsx221(WfoPencilAlt, { color });
+      return /* @__PURE__ */ jsx222(WfoPencilAlt, { color });
     default:
-      return /* @__PURE__ */ jsx221(WfoCogFill, { color, width: 16, height: 16 });
+      return /* @__PURE__ */ jsx222(WfoCogFill, { color, width: 16, height: 16 });
   }
 };
 var WfoStepStatusIcon = ({
@@ -52187,8 +52248,8 @@ var WfoStepStatusIcon = ({
         ];
     }
   })();
-  return /* @__PURE__ */ jsxs114(EuiFlexItem25, { css: { flexDirection: "row" }, grow: 0, children: [
-    /* @__PURE__ */ jsx221("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx221(
+  return /* @__PURE__ */ jsxs114(EuiFlexItem26, { css: { flexDirection: "row" }, grow: 0, children: [
+    /* @__PURE__ */ jsx222("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx222(
       MainIcon,
       {
         color: mainIconColor,
@@ -52196,7 +52257,7 @@ var WfoStepStatusIcon = ({
         isStartStep
       }
     ) }),
-    /* @__PURE__ */ jsx221(
+    /* @__PURE__ */ jsx222(
       "div",
       {
         css: {
@@ -52204,7 +52265,7 @@ var WfoStepStatusIcon = ({
           width: `${theme.base}`,
           visibility: hasSubIcon ? "visible" : "hidden"
         },
-        children: /* @__PURE__ */ jsx221(SubIcon, { color: subIconColor, stepStatus })
+        children: /* @__PURE__ */ jsx222(SubIcon, { color: subIconColor, stepStatus })
       }
     )
   ] });
@@ -52233,53 +52294,118 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 };
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
-import { useState as useState45 } from "react";
-import { EuiFlexItem as EuiFlexItem26 } from "@elastic/eui";
-import { jsx as jsx222 } from "@emotion/react/jsx-runtime";
+import { useCallback as useCallback7, useMemo as useMemo5 } from "react";
+import { PydanticForm as PydanticForm3 } from "pydantic-forms";
+import { EuiFlexItem as EuiFlexItem27 } from "@elastic/eui";
+// src/components/WfoWorkflowSteps/WfoStep/WfoStepFormFooter.tsx
+import { useTranslations as useTranslations63 } from "next-intl";
+import { EuiButton as EuiButton12, EuiHorizontalRule as EuiHorizontalRule8 } from "@elastic/eui";
+import { jsx as jsx223, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
+var StepFormFooter = ({
+  isTask,
+  isResumeAllowed
+}) => {
+  const t = useTranslations63("pydanticForms.userInputForm");
+  const SubmitButton = () => {
+    const submitButtonLabel = isTask ? t("resumeTask") : t("resumeWorkflow");
+    return /* @__PURE__ */ jsx223(
+      EuiButton12,
+      {
+        "data-testid": "button-submit-form-submit",
+        id: "button-submit-form-submit",
+        tabIndex: 0,
+        fill: true,
+        color: "primary",
+        iconType: () => /* @__PURE__ */ jsx223(
+          WfoPlayCircle,
+          {
+            color: "currentColor",
+            width: "18",
+            height: "18"
+          }
+        ),
+        iconSide: "right",
+        type: "submit",
+        "aria-label": submitButtonLabel,
+        disabled: !isResumeAllowed,
+        children: submitButtonLabel
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs115("div", { "data-testid": "pydantic-step-form-footer", children: [
+    /* @__PURE__ */ jsx223(RenderFormErrors, {}),
+    /* @__PURE__ */ jsx223(EuiHorizontalRule8, {}),
+    /* @__PURE__ */ jsx223("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx223(SubmitButton, {}) })
+  ] });
+};
+// src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
+import { jsx as jsx224 } from "@emotion/react/jsx-runtime";
 var WfoStepForm = ({
   userInputForm,
   isTask,
   processId,
   userPermissions
 }) => {
-  const [isProcessing, setIsProcessing] = useState45(false);
-  const [hasError, setHasError] = useState45(false);
   const { theme } = useOrchestratorTheme();
+  const {
+    wfoComponentMatcherExtender,
+    pydanticLabelProvider,
+    customTranslations
+  } = useWfoPydanticFormConfig();
   const [resumeProcess] = useResumeProcessMutation();
-  const submitForm = (processInput) => {
-    if (!processId) {
-      return Promise.reject();
-    }
-    return resumeProcess({ processId, userInputs: processInput }).unwrap().then(() => {
-      setIsProcessing(true);
-    }).catch((error) => {
-      if (error?.status !== 510 /* FormNotComplete */) {
-        if (error?.status === 400 /* BadRequest */) {
-          throw error;
+  const getInitialStepInput = useMemo5(() => userInputForm, [userInputForm]);
+  const getStepFormProvider = useCallback7(
+    () => async ({ requestBody = [] }) => {
+      if (requestBody.length === 0) {
+        return {
+          form: getInitialStepInput,
+          meta: { hasNext: false }
+        };
+      }
+      return resumeProcess({ processId, userInputs: requestBody }).unwrap().catch((error) => {
+        if (error.status === 502 /* BadGateway */) {
+          return {};
+        } else if (error.status === 510 /* FormNotComplete */) {
+          return error.data;
+        } else if (error.status === 400 /* BadRequest */) {
+          return {
+            ...error.data,
+            status: error.status
+          };
         }
-        console.error(error);
-        setHasError(true);
-      } else {
         throw error;
-      }
-    });
-  };
-  return /* @__PURE__ */ jsx222(EuiFlexItem26, { css: { margin: theme.size.m }, children: hasError && /* @__PURE__ */ jsx222(WfoError, {}) || isProcessing && /* @__PURE__ */ jsx222(WfoLoading, {}) || /* @__PURE__ */ jsx222(
-    UserInputFormWizard,
+      });
+    },
+    [getInitialStepInput, processId, resumeProcess]
+  );
+  return /* @__PURE__ */ jsx224(EuiFlexItem27, { css: { margin: theme.size.m }, children: /* @__PURE__ */ jsx224(
+    PydanticForm3,
     {
-      stepUserInput: userInputForm,
-      stepSubmit: submitForm,
-      hasNext: false,
-      isTask,
-      isResuming: true,
-      allowSubmit: userPermissions.resumeAllowed
+      formKey: processId,
+      config: {
+        apiProvider: getStepFormProvider(),
+        footerRenderer: () => /* @__PURE__ */ jsx224(
+          StepFormFooter,
+          {
+            isTask,
+            isResumeAllowed: userPermissions.resumeAllowed
+          }
+        ),
+        headerRenderer: Header,
+        componentMatcherExtender: wfoComponentMatcherExtender,
+        rowRenderer: Row,
+        labelProvider: pydanticLabelProvider,
+        customTranslations
+      }
     }
   ) });
 };
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import { Fragment as Fragment51, jsx as jsx223, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
-var WfoStep = React71.forwardRef(
+import { Fragment as Fragment51, jsx as jsx225, jsxs as jsxs116 } from "@emotion/react/jsx-runtime";
+var WfoStep = React72.forwardRef(
   ({
     stepListItem,
     onToggleStepDetail,
@@ -52303,7 +52429,7 @@ var WfoStep = React71.forwardRef(
       stepRowStyle,
       getStepToggleExpandStyle
     } = useWithOrchestratorTheme(getWorkflowStepsStyles);
-    const t = useTranslations63("processes.steps");
+    const t = useTranslations64("processes.steps");
     const hasHtmlMail = Object.prototype.hasOwnProperty.call(
       step?.stateDelta || {},
       "confirmation_mail"
@@ -52314,29 +52440,29 @@ var WfoStep = React71.forwardRef(
       if (!value) {
         return "";
       }
-      return /* @__PURE__ */ jsxs115(EuiText37, { size: "s", children: [
-        /* @__PURE__ */ jsx223("h4", { children: "To" }),
-        /* @__PURE__ */ jsx223("p", { children: value.to.map(
-          (v, i) => /* @__PURE__ */ jsxs115("div", { children: [
+      return /* @__PURE__ */ jsxs116(EuiText37, { size: "s", children: [
+        /* @__PURE__ */ jsx225("h4", { children: "To" }),
+        /* @__PURE__ */ jsx225("p", { children: value.to.map(
+          (v, i) => /* @__PURE__ */ jsxs116("div", { children: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx223("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx225("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `to-${i}`)
         ) }),
-        /* @__PURE__ */ jsx223("h4", { children: "CC" }),
-        /* @__PURE__ */ jsx223("p", { children: value.cc.map(
-          (v, i) => /* @__PURE__ */ jsxs115("div", { children: [
+        /* @__PURE__ */ jsx225("h4", { children: "CC" }),
+        /* @__PURE__ */ jsx225("p", { children: value.cc.map(
+          (v, i) => /* @__PURE__ */ jsxs116("div", { children: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx223("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx225("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `cc-${i}`)
         ) }),
-        /* @__PURE__ */ jsx223("h4", { children: "Subject" }),
-        /* @__PURE__ */ jsx223("p", { children: value.subject }),
-        /* @__PURE__ */ jsx223("h4", { children: "Message" }),
-        /* @__PURE__ */ jsx223(
+        /* @__PURE__ */ jsx225("h4", { children: "Subject" }),
+        /* @__PURE__ */ jsx225("p", { children: value.subject }),
+        /* @__PURE__ */ jsx225("h4", { children: "Message" }),
+        /* @__PURE__ */ jsx225(
           "div",
           {
             className: "emailMessage",
@@ -52345,31 +52471,35 @@ var WfoStep = React71.forwardRef(
         )
       ] });
     };
-    return /* @__PURE__ */ jsx223("div", { ref, children: /* @__PURE__ */ jsxs115(EuiPanel4, { children: [
-      /* @__PURE__ */ jsxs115(
+    const whitelist = ["confirm_corelink"];
+    const isCorelinkForm = whitelist.includes(
+      Object.keys(userInputForm?.properties ?? {})[0]
+    );
+    return /* @__PURE__ */ jsx225("div", { ref, children: /* @__PURE__ */ jsxs116(EuiPanel4, { children: [
+      /* @__PURE__ */ jsxs116(
         EuiFlexGroup22,
         {
           css: getStepHeaderStyle(hasStepContent),
           onClick: () => hasStepContent && onToggleStepDetail(),
           children: [
-            /* @__PURE__ */ jsx223(
+            /* @__PURE__ */ jsx225(
               WfoStepStatusIcon,
               {
                 stepStatus: step.status,
                 isStartStep
               }
             ),
-            /* @__PURE__ */ jsxs115(EuiFlexItem27, { grow: 0, children: [
-              /* @__PURE__ */ jsx223(EuiText37, { css: stepListContentBoldTextStyle, children: step.name }),
-              /* @__PURE__ */ jsxs115(EuiText37, { children: [
+            /* @__PURE__ */ jsxs116(EuiFlexItem28, { grow: 0, children: [
+              /* @__PURE__ */ jsx225(EuiText37, { css: stepListContentBoldTextStyle, children: step.name }),
+              /* @__PURE__ */ jsxs116(EuiText37, { children: [
                 step.status,
                 " ",
                 step.completed && `- ${formatDate(step.completed)}`
               ] })
             ] }),
-            /* @__PURE__ */ jsx223(EuiFlexGroup22, { css: stepRowStyle, children: step.completed && /* @__PURE__ */ jsxs115(Fragment51, { children: [
-              isExpanded && /* @__PURE__ */ jsx223(
-                EuiButton12,
+            /* @__PURE__ */ jsx225(EuiFlexGroup22, { css: stepRowStyle, children: step.completed && /* @__PURE__ */ jsxs116(Fragment51, { children: [
+              isExpanded && /* @__PURE__ */ jsx225(
+                EuiButton13,
                 {
                   onClick: (event) => {
                     setTableView(!tableView);
@@ -52381,33 +52511,33 @@ var WfoStep = React71.forwardRef(
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs115(
-                EuiFlexItem27,
+              /* @__PURE__ */ jsxs116(
+                EuiFlexItem28,
                 {
                   grow: 0,
                   css: stepHeaderRightStyle,
                   children: [
-                    /* @__PURE__ */ jsx223(EuiText37, { css: stepDurationStyle, children: t("duration") }),
-                    /* @__PURE__ */ jsx223(EuiText37, { size: "m", children: calculateTimeDifference(
+                    /* @__PURE__ */ jsx225(EuiText37, { css: stepDurationStyle, children: t("duration") }),
+                    /* @__PURE__ */ jsx225(EuiText37, { size: "m", children: calculateTimeDifference(
                       startedAt,
                       completedAt
                     ) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx223(
-                EuiFlexItem27,
+              /* @__PURE__ */ jsx225(
+                EuiFlexItem28,
                 {
                   grow: 0,
                   css: getStepToggleExpandStyle(
                     hasStepContent
                   ),
-                  children: isExpanded && /* @__PURE__ */ jsx223(
+                  children: isExpanded && /* @__PURE__ */ jsx225(
                     WfoChevronUp,
                     {
                       color: theme.colors.text
                     }
-                  ) || /* @__PURE__ */ jsx223(
+                  ) || /* @__PURE__ */ jsx225(
                     WfoChevronDown,
                     {
                       color: theme.colors.text
@@ -52419,28 +52549,36 @@ var WfoStep = React71.forwardRef(
           ]
         }
       ),
-      hasStepContent && !hasHtmlMail && isExpanded && (tableView ? /* @__PURE__ */ jsx223(WfoTableCodeBlock, { stepState: stepContent }) : /* @__PURE__ */ jsx223(WfoJsonCodeBlock, { data: stepContent })),
-      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx223("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
+      hasStepContent && !hasHtmlMail && isExpanded && (tableView ? /* @__PURE__ */ jsx225(WfoTableCodeBlock, { stepState: stepContent }) : /* @__PURE__ */ jsx225(WfoJsonCodeBlock, { data: stepContent })),
+      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx225("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
         step.stateDelta.confirmation_mail
       ) }),
-      step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsx223(
+      step.status === "suspend" /* SUSPEND */ && userInputForm && (isCorelinkForm ? /* @__PURE__ */ jsx225(
         WfoStepForm,
+        {
+          userInputForm,
+          isTask,
+          processId: processId ?? "",
+          userPermissions
+        }
+      ) : /* @__PURE__ */ jsx225(
+        WfoStepFormOld,
         {
           userInputForm,
           isTask,
           processId,
           userPermissions
         }
-      )
+      ))
     ] }) });
   }
 );
 WfoStep.displayName = "WfoStep";
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
-import React72, { useImperativeHandle as useImperativeHandle2, useRef as useRef12 } from "react";
-import { Fragment as Fragment52, jsx as jsx224, jsxs as jsxs116 } from "@emotion/react/jsx-runtime";
-var WfoStepList = React72.forwardRef(
+import React73, { useImperativeHandle as useImperativeHandle2, useRef as useRef12 } from "react";
+import { Fragment as Fragment52, jsx as jsx226, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
+var WfoStepList = React73.forwardRef(
   ({
     stepListItems,
     showHiddenKeys,
@@ -52495,9 +52633,9 @@ var WfoStepList = React72.forwardRef(
         stepReferences.current.delete(stepId);
       }
     };
-    return /* @__PURE__ */ jsx224(Fragment52, { children: stepListItems.map((stepListItem, index) => /* @__PURE__ */ jsxs116("div", { children: [
-      index !== 0 && /* @__PURE__ */ jsx224("div", { css: stepSpacerStyle }),
-      /* @__PURE__ */ jsx224(
+    return /* @__PURE__ */ jsx226(Fragment52, { children: stepListItems.map((stepListItem, index) => /* @__PURE__ */ jsxs117("div", { children: [
+      index !== 0 && /* @__PURE__ */ jsx226("div", { css: stepSpacerStyle }),
+      /* @__PURE__ */ jsx226(
         WfoStep,
         {
           ref: getReferenceCallbackForStepId(
@@ -52520,21 +52658,21 @@ var WfoStepList = React72.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React74, { useEffect as useEffect33, useState as useState48 } from "react";
-import { useTranslations as useTranslations66 } from "next-intl";
+import React75, { useEffect as useEffect33, useState as useState48 } from "react";
+import { useTranslations as useTranslations67 } from "next-intl";
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
-import { useCallback as useCallback7, useEffect as useEffect32, useMemo as useMemo5, useState as useState47 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect32, useMemo as useMemo6, useState as useState47 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
-import { useTranslations as useTranslations64 } from "next-intl";
+import { useTranslations as useTranslations65 } from "next-intl";
 import "prism-themes/themes/prism-ghcolors.min.css";
 import { diffLines, formatLines } from "unidiff";
 import {
   EuiButtonIcon as EuiButtonIcon12,
   EuiFlexGroup as EuiFlexGroup23,
-  EuiFlexItem as EuiFlexItem28,
+  EuiFlexItem as EuiFlexItem29,
   EuiSpacer as EuiSpacer20,
   EuiText as EuiText38
 } from "@elastic/eui";
@@ -52576,12 +52714,12 @@ var getWfoDiffStyles = ({
 };
 // src/components/WfoDiff/WfoDiff.tsx
-import { jsx as jsx225, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx227, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
 var EMPTY_HUNKS = [];
 var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
 var WfoDiff = ({ oldText, newText, syntax }) => {
-  const t = useTranslations64("processes.delta");
+  const t = useTranslations65("processes.delta");
   const [showSplit, setShowSplit] = useState47(true);
   const [showFull, setShowFull] = useState47(false);
   const { diffStyle } = useWithOrchestratorTheme(getWfoDiffStyles);
@@ -52589,14 +52727,14 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
     type: "modify",
     hunks: []
   });
-  const updateDiffText = useCallback7(() => {
+  const updateDiffText = useCallback8(() => {
     const diffText = formatLines(diffLines(oldText, newText), {
       context: showFull ? FULL_CONTEXT : SMALL_CONTEXT
     });
     const [diff] = parseDiff(diffText, { nearbySequences: "zip" });
     setDiff(diff);
   }, [oldText, newText, setDiff, showFull]);
-  const tokens = useMemo5(() => {
+  const tokens = useMemo6(() => {
     if (!hunks) {
       return void 0;
     }
@@ -52614,10 +52752,10 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
   useEffect32(() => {
     updateDiffText();
   }, [updateDiffText, showFull]);
-  return /* @__PURE__ */ jsxs117("div", { children: [
-    /* @__PURE__ */ jsxs117(EuiFlexGroup23, { gutterSize: "xs", children: [
-      /* @__PURE__ */ jsx225(EuiFlexItem28, { grow: false, children: /* @__PURE__ */ jsx225(EuiText38, { children: /* @__PURE__ */ jsx225("h3", { children: t("title") }) }) }),
-      /* @__PURE__ */ jsx225(EuiFlexItem28, { grow: false, children: /* @__PURE__ */ jsx225(
+  return /* @__PURE__ */ jsxs118("div", { children: [
+    /* @__PURE__ */ jsxs118(EuiFlexGroup23, { gutterSize: "xs", children: [
+      /* @__PURE__ */ jsx227(EuiFlexItem29, { grow: false, children: /* @__PURE__ */ jsx227(EuiText38, { children: /* @__PURE__ */ jsx227("h3", { children: t("title") }) }) }),
+      /* @__PURE__ */ jsx227(EuiFlexItem29, { grow: false, children: /* @__PURE__ */ jsx227(
         EuiButtonIcon12,
         {
           size: "s",
@@ -52628,7 +52766,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
           )
         }
       ) }),
-      /* @__PURE__ */ jsx225(EuiFlexItem28, { grow: false, children: /* @__PURE__ */ jsx225(
+      /* @__PURE__ */ jsx227(EuiFlexItem29, { grow: false, children: /* @__PURE__ */ jsx227(
         EuiButtonIcon12,
         {
           size: "s",
@@ -52640,8 +52778,8 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx225(EuiSpacer20, {}),
-    /* @__PURE__ */ jsx225(
+    /* @__PURE__ */ jsx227(EuiSpacer20, {}),
+    /* @__PURE__ */ jsx227(
       Diff,
       {
         css: diffStyle,
@@ -52649,7 +52787,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
         diffType: type,
         hunks: hunks || EMPTY_HUNKS,
         tokens,
-        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx225(Hunk, { hunk }, hunk.content))
+        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx227(Hunk, { hunk }, hunk.content))
       }
     )
   ] });
@@ -52657,7 +52795,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
 var WfoDiff_default = WfoDiff;
 // src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx
-import { useTranslations as useTranslations65 } from "next-intl";
+import { useTranslations as useTranslations66 } from "next-intl";
 import { EuiCodeBlock, EuiText as EuiText39 } from "@elastic/eui";
 // src/components/WfoWorkflowSteps/WfoTraceback/styles.ts
@@ -52674,21 +52812,21 @@ var getStyles10 = ({ theme }) => {
 };
 // src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx
-import { Fragment as Fragment53, jsx as jsx226, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx228, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
 var WfoTraceback = ({ children }) => {
   const { codeBlockStyle } = useWithOrchestratorTheme(getStyles10);
-  const t = useTranslations65("processes.steps");
-  return /* @__PURE__ */ jsxs118(Fragment53, { children: [
-    /* @__PURE__ */ jsx226(EuiText39, { children: /* @__PURE__ */ jsx226("h3", { children: t("traceback") }) }),
-    /* @__PURE__ */ jsx226(EuiCodeBlock, { css: codeBlockStyle, children })
+  const t = useTranslations66("processes.steps");
+  return /* @__PURE__ */ jsxs119(Fragment53, { children: [
+    /* @__PURE__ */ jsx228(EuiText39, { children: /* @__PURE__ */ jsx228("h3", { children: t("traceback") }) }),
+    /* @__PURE__ */ jsx228(EuiCodeBlock, { css: codeBlockStyle, children })
   ] });
 };
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import { Fragment as Fragment54, jsx as jsx227, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx229, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
 var WfoProcessRawData = ({ processId }) => {
   const { data, isFetching } = useGetRawProcessDetailQuery({ processId });
-  return isFetching ? /* @__PURE__ */ jsx227(WfoLoading, {}) : /* @__PURE__ */ jsx227(WfoJsonCodeBlock, { data: data || {} });
+  return isFetching ? /* @__PURE__ */ jsx229(WfoLoading, {}) : /* @__PURE__ */ jsx229(WfoJsonCodeBlock, { data: data || {} });
 };
 var WfoProcessSubscriptionDelta = ({
   processId
@@ -52699,7 +52837,7 @@ var WfoProcessSubscriptionDelta = ({
   const oldSubscriptions = data?.current_state?.__old_subscriptions__ || {};
   const oldSubscription = subscriptionId in oldSubscriptions ? oldSubscriptions[subscriptionId] : null;
   const oldText = oldSubscription || null;
-  return isFetching ? /* @__PURE__ */ jsx227(WfoLoading, {}) : /* @__PURE__ */ jsx227(
+  return isFetching ? /* @__PURE__ */ jsx229(WfoLoading, {}) : /* @__PURE__ */ jsx229(
     WfoDiff_default,
     {
       oldText: oldText ? JSON.stringify(oldText, null, 2) : "",
@@ -52708,7 +52846,7 @@ var WfoProcessSubscriptionDelta = ({
     }
   );
 };
-var WfoWorkflowStepList = React74.forwardRef(
+var WfoWorkflowStepList = React75.forwardRef(
   ({
     steps = [],
     lastStatus,
@@ -52722,7 +52860,7 @@ var WfoWorkflowStepList = React74.forwardRef(
     const [showRaw, setShowRaw] = useState48(false);
     const [showDelta, setShowDelta] = useState48(false);
     const [showTraceback, setShowTraceback] = useState48(false);
-    const t = useTranslations66("processes.steps");
+    const t = useTranslations67("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
@@ -52782,8 +52920,8 @@ var WfoWorkflowStepList = React74.forwardRef(
       "aborted" /* ABORTED */,
       "completed" /* COMPLETED */
     ].map((status) => status.toLowerCase()).includes(lastStatus.toLowerCase());
-    return /* @__PURE__ */ jsxs119(Fragment54, { children: [
-      /* @__PURE__ */ jsx227(
+    return /* @__PURE__ */ jsxs120(Fragment54, { children: [
+      /* @__PURE__ */ jsx229(
         WfoStepListHeader,
         {
           showHiddenKeys,
@@ -52801,10 +52939,10 @@ var WfoWorkflowStepList = React74.forwardRef(
           isRunningWorkflow
         }
       ),
-      showTraceback && /* @__PURE__ */ jsx227(WfoTraceback, { children: traceBack }),
-      showRaw && /* @__PURE__ */ jsx227(WfoProcessRawData, { processId }),
-      showDelta && /* @__PURE__ */ jsx227(WfoProcessSubscriptionDelta, { processId }),
-      !showRaw && !showDelta && /* @__PURE__ */ jsx227(
+      showTraceback && /* @__PURE__ */ jsx229(WfoTraceback, { children: traceBack }),
+      showRaw && /* @__PURE__ */ jsx229(WfoProcessRawData, { processId }),
+      showDelta && /* @__PURE__ */ jsx229(WfoProcessSubscriptionDelta, { processId }),
+      !showRaw && !showDelta && /* @__PURE__ */ jsx229(
         WfoStepList,
         {
           ref: reference,
@@ -52824,9 +52962,9 @@ WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
 import { useState as useState49 } from "react";
-import { useTranslations as useTranslations67 } from "next-intl";
+import { useTranslations as useTranslations68 } from "next-intl";
 import {
-  EuiButton as EuiButton13,
+  EuiButton as EuiButton14,
   EuiFlexGroup as EuiFlexGroup24,
   EuiForm as EuiForm3,
   EuiFormRow as EuiFormRow23,
@@ -52855,14 +52993,14 @@ var getStyles11 = ({ theme }) => {
 };
 // src/components/WfoTextAnchor/WfoTextAnchor.tsx
-import { jsx as jsx228 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx230 } from "@emotion/react/jsx-runtime";
 var WfoTextAnchor = ({ text, onClick }) => {
   const { textAnchorStyle } = useWithOrchestratorTheme(getStyles11);
-  return /* @__PURE__ */ jsx228(EuiText40, { onClick, css: textAnchorStyle, children: text });
+  return /* @__PURE__ */ jsx230(EuiText40, { onClick, css: textAnchorStyle, children: text });
 };
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { jsx as jsx229, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx231, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
 var WfoStepListHeader = ({
   allDetailToggleText,
   showDelta,
@@ -52878,7 +53016,7 @@ var WfoStepListHeader = ({
   onShowTraceback,
   onToggleAllDetailsIsOpen
 }) => {
-  const t = useTranslations67("processes.steps");
+  const t = useTranslations68("processes.steps");
   const { theme } = useOrchestratorTheme();
   const {
     stepListHeaderStyle,
@@ -52889,20 +53027,20 @@ var WfoStepListHeader = ({
   const [isViewOptionOpen, setIsViewOptionOpen] = useState49(false);
   const onViewOptionClick = () => setIsViewOptionOpen((isViewOptionOpen2) => !isViewOptionOpen2);
   const closeViewOption = () => setIsViewOptionOpen(false);
-  const viewOptionButton = /* @__PURE__ */ jsx229(
-    EuiButton13,
+  const viewOptionButton = /* @__PURE__ */ jsx231(
+    EuiButton14,
     {
       onClick: onViewOptionClick,
-      iconType: () => /* @__PURE__ */ jsx229(WfoEyeFill, { color: theme.colors.link }),
+      iconType: () => /* @__PURE__ */ jsx231(WfoEyeFill, { color: theme.colors.link }),
       iconSide: "right",
       size: "s",
       children: t("viewOptions")
     }
   );
-  return /* @__PURE__ */ jsxs120(EuiFlexGroup24, { css: stepListHeaderStyle, children: [
-    /* @__PURE__ */ jsxs120(EuiFlexGroup24, { css: stepListContentStyle, children: [
-      /* @__PURE__ */ jsx229(EuiText41, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
-      !showRaw && /* @__PURE__ */ jsx229(
+  return /* @__PURE__ */ jsxs121(EuiFlexGroup24, { css: stepListHeaderStyle, children: [
+    /* @__PURE__ */ jsxs121(EuiFlexGroup24, { css: stepListContentStyle, children: [
+      /* @__PURE__ */ jsx231(EuiText41, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
+      !showRaw && /* @__PURE__ */ jsx231(
         WfoTextAnchor,
         {
           text: allDetailToggleText,
@@ -52910,7 +53048,7 @@ var WfoStepListHeader = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs120(
+    /* @__PURE__ */ jsxs121(
       EuiFlexGroup24,
       {
         justifyContent: "flexEnd",
@@ -52918,22 +53056,22 @@ var WfoStepListHeader = ({
         css: stepListOptionsContainerStyle,
         gutterSize: "s",
         children: [
-          showTracebackButton && /* @__PURE__ */ jsx229(
-            EuiButton13,
+          showTracebackButton && /* @__PURE__ */ jsx231(
+            EuiButton14,
             {
               onClick: () => onShowTraceback(!showTraceback),
               size: "s",
               children: showTraceback ? t("hideTraceback") : t("showTraceback")
             }
           ),
-          /* @__PURE__ */ jsx229(
-            EuiButton13,
+          /* @__PURE__ */ jsx231(
+            EuiButton14,
             {
               onClick: () => onChangeShowDelta(!showDelta),
               disabled: isRunningWorkflow,
               iconSide: "right",
               size: "s",
-              iconType: () => /* @__PURE__ */ jsx229(
+              iconType: () => /* @__PURE__ */ jsx231(
                 WfoCode,
                 {
                   color: isRunningWorkflow ? theme.colors.disabledText : theme.colors.link
@@ -52942,15 +53080,15 @@ var WfoStepListHeader = ({
               children: showDelta ? t("hideDelta") : t("showDelta")
             }
           ),
-          /* @__PURE__ */ jsx229(
+          /* @__PURE__ */ jsx231(
             EuiPopover8,
             {
               button: viewOptionButton,
               isOpen: isViewOptionOpen,
               closePopover: closeViewOption,
               display: "block",
-              children: /* @__PURE__ */ jsx229("div", { children: /* @__PURE__ */ jsxs120(EuiForm3, { component: "form", children: [
-                /* @__PURE__ */ jsx229(EuiFormRow23, { children: /* @__PURE__ */ jsx229(
+              children: /* @__PURE__ */ jsx231("div", { children: /* @__PURE__ */ jsxs121(EuiForm3, { component: "form", children: [
+                /* @__PURE__ */ jsx231(EuiFormRow23, { children: /* @__PURE__ */ jsx231(
                   EuiSwitch3,
                   {
                     label: "Hidden keys",
@@ -52963,7 +53101,7 @@ var WfoStepListHeader = ({
                     }
                   }
                 ) }),
-                /* @__PURE__ */ jsx229(EuiFormRow23, { children: /* @__PURE__ */ jsx229(
+                /* @__PURE__ */ jsx231(EuiFormRow23, { children: /* @__PURE__ */ jsx231(
                   EuiSwitch3,
                   {
                     label: "Raw JSON data",
@@ -52984,7 +53122,7 @@ var WfoStepListHeader = ({
 };
 // src/pages/processes/WfoStartProcessPage.tsx
-import { jsx as jsx230, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx232, jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
 var getInitialProcessPayload = ({
   productId,
   subscriptionId
@@ -53004,7 +53142,7 @@ var WfoStartProcessPage = ({
   processName,
   isTask = false
 }) => {
-  const t = useTranslations68("processes.steps");
+  const t = useTranslations69("processes.steps");
   const router = useRouter10();
   const [hasError, setHasError] = useState50(false);
   const { theme } = useOrchestratorTheme();
@@ -53024,7 +53162,7 @@ var WfoStartProcessPage = ({
     workflowName: processName
   });
   const [startProcess] = useStartProcessMutation();
-  const startProcessPayload = useMemo6(
+  const startProcessPayload = useMemo7(
     () => getInitialProcessPayload({
       productId,
       subscriptionId
@@ -53045,7 +53183,7 @@ var WfoStartProcessPage = ({
       setHasError(true);
     }
   }
-  const submit = useCallback8(
+  const submit = useCallback9(
     (processInput) => {
       const startProcessPromise = startProcess({
         workflowName: processName,
@@ -53119,7 +53257,7 @@ var WfoStartProcessPage = ({
     }
   };
   const pageTitle = workflowMetadata?.description || isErrorWorkflowDescription && processDetail?.workflowName || "";
-  return /* @__PURE__ */ jsx230(
+  return /* @__PURE__ */ jsx232(
     WfoProcessDetail,
     {
       pageTitle,
@@ -53128,25 +53266,25 @@ var WfoStartProcessPage = ({
       processDetail,
       timelineItems: timeLineItems,
       isLoading,
-      children: /* @__PURE__ */ jsxs121(EuiPanel5, { css: { marginTop: theme.base * 3 }, children: [
-        /* @__PURE__ */ jsxs121(EuiFlexGroup25, { css: getStepHeaderStyle(false), children: [
-          /* @__PURE__ */ jsx230(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
-          /* @__PURE__ */ jsxs121(EuiFlexItem29, { grow: 0, children: [
-            /* @__PURE__ */ jsx230(EuiText42, { css: stepListContentBoldTextStyle, children: t("userInput") }),
-            /* @__PURE__ */ jsx230(EuiText42, { children: t(
+      children: /* @__PURE__ */ jsxs122(EuiPanel5, { css: { marginTop: theme.base * 3 }, children: [
+        /* @__PURE__ */ jsxs122(EuiFlexGroup25, { css: getStepHeaderStyle(false), children: [
+          /* @__PURE__ */ jsx232(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
+          /* @__PURE__ */ jsxs122(EuiFlexItem30, { grow: 0, children: [
+            /* @__PURE__ */ jsx232(EuiText42, { css: stepListContentBoldTextStyle, children: t("userInput") }),
+            /* @__PURE__ */ jsx232(EuiText42, { children: t(
               isTask ? "submitTaskFormLabel" : "submitWorkflowFormLabel"
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx230(EuiHorizontalRule8, {}),
-        hasError && /* @__PURE__ */ jsx230(WfoError, {}) || processName === "modify_note" && /* @__PURE__ */ jsx230(
+        /* @__PURE__ */ jsx232(EuiHorizontalRule9, {}),
+        hasError && /* @__PURE__ */ jsx232(WfoError, {}) || processName === "modify_note" && /* @__PURE__ */ jsx232(
           WfoPydanticForm,
           {
             processName,
             startProcessPayload,
             isTask
           }
-        ) || stepUserInput && /* @__PURE__ */ jsx230(
+        ) || stepUserInput && /* @__PURE__ */ jsx232(
           UserInputFormWizard,
           {
             stepUserInput,
@@ -53157,25 +53295,25 @@ var WfoStartProcessPage = ({
             hasNext,
             isTask
           }
-        ) || /* @__PURE__ */ jsx230(WfoLoading, {})
+        ) || /* @__PURE__ */ jsx232(WfoLoading, {})
       ] })
     }
   );
 };
 // src/pages/processes/WfoProductInformationWithLink.tsx
-import { useTranslations as useTranslations69 } from "next-intl";
+import { useTranslations as useTranslations70 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon13, EuiFlexGroup as EuiFlexGroup26, EuiText as EuiText43, EuiToolTip as EuiToolTip8 } from "@elastic/eui";
-import { jsx as jsx231, jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx233, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
 var WfoProductInformationWithLink = ({
   workflowName,
   productNames
 }) => {
   const { workflowInformationLinkUrl, showWorkflowInformationLink } = useGetOrchestratorConfig();
-  const t = useTranslations69("processes.detail");
+  const t = useTranslations70("processes.detail");
   const docsUrl = workflowInformationLinkUrl + workflowName;
-  return /* @__PURE__ */ jsxs122(EuiFlexGroup26, { gutterSize: "s", alignItems: "center", children: [
-    showWorkflowInformationLink && /* @__PURE__ */ jsx231(EuiToolTip8, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx231("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx231(
+  return /* @__PURE__ */ jsxs123(EuiFlexGroup26, { gutterSize: "s", alignItems: "center", children: [
+    showWorkflowInformationLink && /* @__PURE__ */ jsx233(EuiToolTip8, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx233("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx233(
       EuiButtonIcon13,
       {
         iconSize: "l",
@@ -53183,17 +53321,17 @@ var WfoProductInformationWithLink = ({
         "aria-label": t("openWorkflowTaskInfo")
       }
     ) }) }),
-    /* @__PURE__ */ jsx231(EuiText43, { size: "s", children: productNames })
+    /* @__PURE__ */ jsx233(EuiText43, { size: "s", children: productNames })
   ] });
 };
 // src/pages/settings/WfoSettingsPage.tsx
-import { useMemo as useMemo7 } from "react";
-import { useTranslations as useTranslations71 } from "next-intl";
+import { useMemo as useMemo8 } from "react";
+import { useTranslations as useTranslations72 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import {
   EuiCodeBlock as EuiCodeBlock2,
-  EuiFlexItem as EuiFlexItem31,
+  EuiFlexItem as EuiFlexItem32,
   EuiPanel as EuiPanel7,
   EuiSpacer as EuiSpacer22,
   EuiTab as EuiTab3,
@@ -53203,28 +53341,28 @@ import {
 import { css as css44 } from "@emotion/react";
 // src/components/WfoSettings/WfoAoStackStatus.tsx
-import { useTranslations as useTranslations70 } from "next-intl";
+import { useTranslations as useTranslations71 } from "next-intl";
 import {
-  EuiButton as EuiButton14,
-  EuiFlexItem as EuiFlexItem30,
+  EuiButton as EuiButton15,
+  EuiFlexItem as EuiFlexItem31,
   EuiPanel as EuiPanel6,
   EuiSpacer as EuiSpacer21,
   EuiText as EuiText44
 } from "@elastic/eui";
-import { jsx as jsx232, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx234, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
 var WfoAoStackStatus = () => {
-  const t = useTranslations70("settings.page");
+  const t = useTranslations71("settings.page");
   const { aoStackStatusUrl } = useGetOrchestratorConfig();
   const openStatusPage = () => {
     window.open(aoStackStatusUrl, "_blank");
   };
-  return /* @__PURE__ */ jsx232(EuiFlexItem30, { children: /* @__PURE__ */ jsxs123(EuiPanel6, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-    /* @__PURE__ */ jsx232(EuiText44, { size: "s", children: /* @__PURE__ */ jsx232("h4", { children: t("aoStackStatus") }) }),
-    /* @__PURE__ */ jsx232(EuiSpacer21, { size: "m" }),
-    /* @__PURE__ */ jsx232(
-      EuiButton14,
+  return /* @__PURE__ */ jsx234(EuiFlexItem31, { children: /* @__PURE__ */ jsxs124(EuiPanel6, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+    /* @__PURE__ */ jsx234(EuiText44, { size: "s", children: /* @__PURE__ */ jsx234("h4", { children: t("aoStackStatus") }) }),
+    /* @__PURE__ */ jsx234(EuiSpacer21, { size: "m" }),
+    /* @__PURE__ */ jsx234(
+      EuiButton15,
       {
-        iconType: () => /* @__PURE__ */ jsx232(WfoChartBar, {}),
+        iconType: () => /* @__PURE__ */ jsx234(WfoChartBar, {}),
         onClick: openStatusPage,
         children: t("viewStatusPage")
       }
@@ -53233,7 +53371,7 @@ var WfoAoStackStatus = () => {
 };
 // src/pages/settings/WfoSettingsPage.tsx
-import { Fragment as Fragment55, jsx as jsx233, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx235, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
 var WfoSettingsTab = /* @__PURE__ */ ((WfoSettingsTab2) => {
   WfoSettingsTab2["ACTIONS"] = "ACTIONS";
   WfoSettingsTab2["ENV_SETTINGS"] = "ENV_SETTINGS";
@@ -53242,22 +53380,22 @@ var WfoSettingsTab = /* @__PURE__ */ ((WfoSettingsTab2) => {
 var WfoActionSettings = () => {
   const { theme } = useOrchestratorTheme();
   const { enableAoStackStatus } = useGetOrchestratorConfig();
-  return /* @__PURE__ */ jsx233(Fragment55, { children: /* @__PURE__ */ jsxs124("div", { css: { maxWidth: theme.base * 40 }, children: [
-    /* @__PURE__ */ jsx233(WfoFlushSettings, {}),
-    /* @__PURE__ */ jsx233(EuiSpacer22, {}),
-    /* @__PURE__ */ jsx233(WfoModifySettings, {}),
-    /* @__PURE__ */ jsx233(EuiSpacer22, {}),
-    /* @__PURE__ */ jsx233(WfoEngineStatus, {}),
-    enableAoStackStatus && /* @__PURE__ */ jsxs124(Fragment55, { children: [
-      /* @__PURE__ */ jsx233(EuiSpacer22, {}),
-      /* @__PURE__ */ jsx233(WfoAoStackStatus, {})
+  return /* @__PURE__ */ jsx235(Fragment55, { children: /* @__PURE__ */ jsxs125("div", { css: { maxWidth: theme.base * 40 }, children: [
+    /* @__PURE__ */ jsx235(WfoFlushSettings, {}),
+    /* @__PURE__ */ jsx235(EuiSpacer22, {}),
+    /* @__PURE__ */ jsx235(WfoModifySettings, {}),
+    /* @__PURE__ */ jsx235(EuiSpacer22, {}),
+    /* @__PURE__ */ jsx235(WfoEngineStatus, {}),
+    enableAoStackStatus && /* @__PURE__ */ jsxs125(Fragment55, { children: [
+      /* @__PURE__ */ jsx235(EuiSpacer22, {}),
+      /* @__PURE__ */ jsx235(WfoAoStackStatus, {})
     ] }),
-    /* @__PURE__ */ jsx233(EuiSpacer22, {}),
-    /* @__PURE__ */ jsx233(WfoWorkerStatus, {})
+    /* @__PURE__ */ jsx235(EuiSpacer22, {}),
+    /* @__PURE__ */ jsx235(WfoWorkerStatus, {})
   ] }) });
 };
 var WfoEnvSettings = () => {
-  const t = useTranslations71("settings.page");
+  const t = useTranslations72("settings.page");
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEnvironmentVariablesQuery();
   const mapToRepresentableVariables = (variables) => {
@@ -53266,17 +53404,17 @@ var WfoEnvSettings = () => {
   const renderEnvSettings = () => {
     return data && data.map(({ name, variables }) => {
       const showVariables = mapToRepresentableVariables(variables);
-      return /* @__PURE__ */ jsxs124(Fragment55, { children: [
-        /* @__PURE__ */ jsx233(EuiFlexItem31, { children: /* @__PURE__ */ jsxs124(
+      return /* @__PURE__ */ jsxs125(Fragment55, { children: [
+        /* @__PURE__ */ jsx235(EuiFlexItem32, { children: /* @__PURE__ */ jsxs125(
           EuiPanel7,
           {
             hasShadow: false,
             color: "subdued",
             paddingSize: "l",
             children: [
-              /* @__PURE__ */ jsx233(EuiText45, { size: "s", children: /* @__PURE__ */ jsx233("h2", { children: name.replace("_", " ").toUpperCase() }) }),
-              /* @__PURE__ */ jsx233(EuiSpacer22, {}),
-              /* @__PURE__ */ jsx233(
+              /* @__PURE__ */ jsx235(EuiText45, { size: "s", children: /* @__PURE__ */ jsx235("h2", { children: name.replace("_", " ").toUpperCase() }) }),
+              /* @__PURE__ */ jsx235(EuiSpacer22, {}),
+              /* @__PURE__ */ jsx235(
                 EuiCodeBlock2,
                 {
                   fontSize: "m",
@@ -53290,15 +53428,15 @@ var WfoEnvSettings = () => {
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx233(EuiSpacer22, {})
+        /* @__PURE__ */ jsx235(EuiSpacer22, {})
       ] });
     });
   };
   const emptyEnvSettings = () => {
-    return /* @__PURE__ */ jsx233(EuiFlexItem31, { children: /* @__PURE__ */ jsx233(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsx233(EuiText45, { size: "s", children: /* @__PURE__ */ jsxs124("h2", { children: [
+    return /* @__PURE__ */ jsx235(EuiFlexItem32, { children: /* @__PURE__ */ jsx235(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsx235(EuiText45, { size: "s", children: /* @__PURE__ */ jsxs125("h2", { children: [
       t("noSettingsExposed"),
       " ",
-      /* @__PURE__ */ jsx233(
+      /* @__PURE__ */ jsx235(
         "a",
         {
           href: "https://workfloworchestrator.org/orchestrator-core/reference-docs/app/settings_overview/",
@@ -53308,36 +53446,36 @@ var WfoEnvSettings = () => {
       )
     ] }) }) }) });
   };
-  return /* @__PURE__ */ jsx233("div", { css: { maxWidth: theme.base * 45 }, children: data?.length ? renderEnvSettings() : emptyEnvSettings() });
+  return /* @__PURE__ */ jsx235("div", { css: { maxWidth: theme.base * 45 }, children: data?.length ? renderEnvSettings() : emptyEnvSettings() });
 };
 var settingsTabs = [
   {
     id: "ACTIONS" /* ACTIONS */,
     translationKey: "actions",
-    content: /* @__PURE__ */ jsx233(WfoActionSettings, {})
+    content: /* @__PURE__ */ jsx235(WfoActionSettings, {})
   },
   {
     id: "ENV_SETTINGS" /* ENV_SETTINGS */,
     translationKey: "envSettings",
-    content: /* @__PURE__ */ jsx233(WfoEnvSettings, {})
+    content: /* @__PURE__ */ jsx235(WfoEnvSettings, {})
   }
 ];
 var WfoSettingsPage = () => {
-  const t = useTranslations71("main");
-  const tabTranslations = useTranslations71("settings.tabs");
+  const t = useTranslations72("main");
+  const tabTranslations = useTranslations72("settings.tabs");
   const { tabStyle } = useWithOrchestratorTheme(getStyles4);
   const [selectedTabId, setSelectedTabId] = useQueryParam2(
     "activeTab",
     withDefault3(StringParam3, "ACTIONS" /* ACTIONS */)
   );
-  const selectedTabContent = useMemo7(() => {
+  const selectedTabContent = useMemo8(() => {
     return settingsTabs.find((obj) => obj.id === selectedTabId)?.content;
   }, [selectedTabId]);
   const onSelectedTabChanged = (id) => {
     setSelectedTabId(id);
   };
   const renderTabs = () => {
-    return settingsTabs.map((tab, index) => /* @__PURE__ */ jsx233(
+    return settingsTabs.map((tab, index) => /* @__PURE__ */ jsx235(
       EuiTab3,
       {
         css: tabStyle,
@@ -53348,16 +53486,16 @@ var WfoSettingsPage = () => {
       index
     ));
   };
-  return /* @__PURE__ */ jsxs124(Fragment55, { children: [
-    /* @__PURE__ */ jsx233(WfoContentHeader, { title: t("settings") }),
-    /* @__PURE__ */ jsx233(EuiTabs3, { children: renderTabs() }),
-    /* @__PURE__ */ jsx233(EuiSpacer22, { size: "xxl" }),
+  return /* @__PURE__ */ jsxs125(Fragment55, { children: [
+    /* @__PURE__ */ jsx235(WfoContentHeader, { title: t("settings") }),
+    /* @__PURE__ */ jsx235(EuiTabs3, { children: renderTabs() }),
+    /* @__PURE__ */ jsx235(EuiSpacer22, { size: "xxl" }),
     selectedTabContent
   ] });
 };
 // src/pages/startPage/WfoStartPage.tsx
-import { useTranslations as useTranslations72 } from "next-intl";
+import { useTranslations as useTranslations73 } from "next-intl";
 import { EuiPageHeader as EuiPageHeader2 } from "@elastic/eui";
 // src/pages/startPage/useStartPageSummaryCardConfigurationOverride.ts
@@ -53371,36 +53509,36 @@ var useStartPageSummaryCardConfigurationOverride = () => {
 };
 // src/pages/startPage/WfoStartPage.tsx
-import { Fragment as Fragment56, jsx as jsx234, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx236, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
-  const t = useTranslations72("main");
+  const t = useTranslations73("main");
   const { overrideSummaryCards } = useStartPageSummaryCardConfigurationOverride();
   const { isAllowed } = usePolicy();
   const { session } = useWfoSession();
   const username = session?.user?.name ?? "";
   const defaultSummaryCards = [
     ...toOptionalArrayEntry(
-      /* @__PURE__ */ jsx234(WfoMyWorkflowsSummaryCard, { username }, "myWorkflows"),
+      /* @__PURE__ */ jsx236(WfoMyWorkflowsSummaryCard, { username }, "myWorkflows"),
       !!username
     ),
-    /* @__PURE__ */ jsx234(WfoActiveWorkflowsSummaryCard, {}, "activeWorkflows"),
+    /* @__PURE__ */ jsx236(WfoActiveWorkflowsSummaryCard, {}, "activeWorkflows"),
     ...toOptionalArrayEntry(
-      /* @__PURE__ */ jsx234(WfoFailedTasksSummaryCard, {}, "failedTasks"),
+      /* @__PURE__ */ jsx236(WfoFailedTasksSummaryCard, {}, "failedTasks"),
       isAllowed("/orchestrator/tasks/" /* NAVIGATION_TASKS */)
     ),
-    /* @__PURE__ */ jsx234(WfoLatestOutOfSyncSubscriptionSummaryCard, {}, "latestOutOfSyncSubscription"),
-    /* @__PURE__ */ jsx234(WfoLatestActiveSubscriptionsSummaryCard, {}, "latestActiveSubscriptions"),
-    /* @__PURE__ */ jsx234(WfoProductsSummaryCard, {}, "products")
+    /* @__PURE__ */ jsx236(WfoLatestOutOfSyncSubscriptionSummaryCard, {}, "latestOutOfSyncSubscription"),
+    /* @__PURE__ */ jsx236(WfoLatestActiveSubscriptionsSummaryCard, {}, "latestActiveSubscriptions"),
+    /* @__PURE__ */ jsx236(WfoProductsSummaryCard, {}, "products")
   ];
   const summaryCards = overrideSummaryCards?.(defaultSummaryCards) || defaultSummaryCards;
-  return /* @__PURE__ */ jsxs125(Fragment56, { children: [
-    /* @__PURE__ */ jsx234(
+  return /* @__PURE__ */ jsxs126(Fragment56, { children: [
+    /* @__PURE__ */ jsx236(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx234(EuiPageHeader2, { pageTitle: `${t("welcome")} ${username}` })
+        title: /* @__PURE__ */ jsx236(EuiPageHeader2, { pageTitle: `${t("welcome")} ${username}` })
       }
     ),
-    /* @__PURE__ */ jsx234(WfoSummaryCards, { children: summaryCards })
+    /* @__PURE__ */ jsx236(WfoSummaryCards, { children: summaryCards })
   ] });
 };
@@ -53418,21 +53556,21 @@ var mapSubscriptionSummaryToSummaryCardListItem = (subscription) => ({
 // src/pages/subscriptions/WfoSubscriptionDetailPage.tsx
 import { useRouter as useRouter11 } from "next/router";
-import { Fragment as Fragment57, jsx as jsx235 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment57, jsx as jsx237 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailPage = () => {
   const router = useRouter11();
   const { subscriptionId } = router.query;
-  return subscriptionId && /* @__PURE__ */ jsx235(TreeProvider, { children: /* @__PURE__ */ jsx235(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx235(Fragment57, {});
+  return subscriptionId && /* @__PURE__ */ jsx237(TreeProvider, { children: /* @__PURE__ */ jsx237(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx237(Fragment57, {});
 };
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
 import { useEffect as useEffect35, useState as useState51 } from "react";
-import { useTranslations as useTranslations73 } from "next-intl";
+import { useTranslations as useTranslations74 } from "next-intl";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
 import { EuiSpacer as EuiSpacer23 } from "@elastic/eui";
-import { Fragment as Fragment58, jsx as jsx236, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx238, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
-  const t = useTranslations73("subscriptions.detail");
+  const t = useTranslations74("subscriptions.detail");
   const [tableDefaults, setTableDefaults] = useState51();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
@@ -53468,14 +53606,14 @@ var WfoSubscriptionsListPage = () => {
   const alwaysOnFilters = subscriptionListTabs.find(
     ({ id }) => id === activeTab
   )?.alwaysOnFilters;
-  return /* @__PURE__ */ jsxs126(Fragment58, { children: [
-    /* @__PURE__ */ jsx236(
+  return /* @__PURE__ */ jsxs127(Fragment58, { children: [
+    /* @__PURE__ */ jsx238(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx236(WfoTitleWithWebsocketBadge, { title: t("title") })
+        title: /* @__PURE__ */ jsx238(WfoTitleWithWebsocketBadge, { title: t("title") })
       }
     ),
-    /* @__PURE__ */ jsx236(
+    /* @__PURE__ */ jsx238(
       WfoFilterTabs,
       {
         tabs: subscriptionListTabs,
@@ -53484,8 +53622,8 @@ var WfoSubscriptionsListPage = () => {
         onChangeTab: handleChangeSubscriptionsTab
       }
     ),
-    /* @__PURE__ */ jsx236(EuiSpacer23, { size: "xxl" }),
-    /* @__PURE__ */ jsx236(
+    /* @__PURE__ */ jsx238(EuiSpacer23, { size: "xxl" }),
+    /* @__PURE__ */ jsx238(
       WfoSubscriptionsList,
       {
         hiddenColumns: tableDefaults?.hiddenColumns,
@@ -53499,11 +53637,11 @@ var WfoSubscriptionsListPage = () => {
 // src/pages/tasks/WfoTasksListPage.tsx
 import { useContext as useContext11, useEffect as useEffect36, useState as useState52 } from "react";
-import { useTranslations as useTranslations74 } from "next-intl";
+import { useTranslations as useTranslations75 } from "next-intl";
 import Link11 from "next/link";
 import { useRouter as useRouter12 } from "next/router";
 import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
-import { EuiButton as EuiButton15, EuiSpacer as EuiSpacer24 } from "@elastic/eui";
+import { EuiButton as EuiButton16, EuiSpacer as EuiSpacer24 } from "@elastic/eui";
 // src/pages/tasks/tabConfig.ts
 var WfoTasksListTabType = /* @__PURE__ */ ((WfoTasksListTabType2) => {
@@ -53568,10 +53706,10 @@ var getTasksListTabTypeFromString = (tabId) => {
 };
 // src/pages/tasks/WfoTasksListPage.tsx
-import { Fragment as Fragment59, jsx as jsx237, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment59, jsx as jsx239, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   const router = useRouter12();
-  const t = useTranslations74("tasks.page");
+  const t = useTranslations75("tasks.page");
   const [activeTab, setActiveTab] = useQueryParam4(
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
@@ -53624,7 +53762,7 @@ var WfoTasksListPage = () => {
     workflowName: {
       columnType: "data" /* DATA */,
       label: t("taskName"),
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx237(Link11, { href: `${PATH_TASKS}/${processId}`, children: value })
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx239(Link11, { href: `${PATH_TASKS}/${processId}`, children: value })
     },
     ...toSortedTableColumnConfig(defaultTableColumns, [
       "lastStep",
@@ -53642,25 +53780,25 @@ var WfoTasksListPage = () => {
       "lastModifiedAt"
     ])
   });
-  return /* @__PURE__ */ jsxs127(Fragment59, { children: [
-    /* @__PURE__ */ jsxs127(
+  return /* @__PURE__ */ jsxs128(Fragment59, { children: [
+    /* @__PURE__ */ jsxs128(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx237(WfoTitleWithWebsocketBadge, { title: "Tasks" }),
+        title: /* @__PURE__ */ jsx239(WfoTitleWithWebsocketBadge, { title: "Tasks" }),
         children: [
-          /* @__PURE__ */ jsx237(WfoIsAllowedToRender, { resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */, children: /* @__PURE__ */ jsx237(
-            EuiButton15,
+          /* @__PURE__ */ jsx239(WfoIsAllowedToRender, { resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */, children: /* @__PURE__ */ jsx239(
+            EuiButton16,
             {
               onClick: handleRerunAllButtonClick,
-              iconType: () => /* @__PURE__ */ jsx237(WfoRefresh, { color: theme.colors.primaryText }),
+              iconType: () => /* @__PURE__ */ jsx239(WfoRefresh, { color: theme.colors.primaryText }),
               children: t("rerunAll")
             }
           ) }),
-          /* @__PURE__ */ jsx237(WfoIsAllowedToRender, { resource: "/orchestrator/processes/create/task" /* TASKS_CREATE */, children: /* @__PURE__ */ jsx237(WfoStartTaskButtonComboBox, {}) })
+          /* @__PURE__ */ jsx239(WfoIsAllowedToRender, { resource: "/orchestrator/processes/create/task" /* TASKS_CREATE */, children: /* @__PURE__ */ jsx239(WfoStartTaskButtonComboBox, {}) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx237(
+    /* @__PURE__ */ jsx239(
       WfoFilterTabs,
       {
         tabs: defaultTasksListTabs,
@@ -53669,8 +53807,8 @@ var WfoTasksListPage = () => {
         onChangeTab: handleChangeTasksListTab
       }
     ),
-    /* @__PURE__ */ jsx237(EuiSpacer24, { size: "xxl" }),
-    /* @__PURE__ */ jsx237(
+    /* @__PURE__ */ jsx239(EuiSpacer24, { size: "xxl" }),
+    /* @__PURE__ */ jsx239(
       WfoProcessesList,
       {
         defaultHiddenColumns: tableDefaults?.hiddenColumns,
@@ -53686,7 +53824,7 @@ var WfoTasksListPage = () => {
 // src/pages/workflows/WfoWorkflowsListPage.tsx
 import { useEffect as useEffect37, useState as useState53 } from "react";
-import { useTranslations as useTranslations75 } from "next-intl";
+import { useTranslations as useTranslations76 } from "next-intl";
 import { useRouter as useRouter13 } from "next/router";
 import { StringParam as StringParam6, useQueryParam as useQueryParam5, withDefault as withDefault6 } from "use-query-params";
 import { EuiSpacer as EuiSpacer25 } from "@elastic/eui";
@@ -53754,10 +53892,10 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 };
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { Fragment as Fragment60, jsx as jsx238, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx240, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   const router = useRouter13();
-  const t = useTranslations75("workflows.index");
+  const t = useTranslations76("workflows.index");
   const [activeTab, setActiveTab] = useQueryParam5(
     "activeTab",
     withDefault6(StringParam6, "ACTIVE" /* ACTIVE */)
@@ -53792,14 +53930,14 @@ var WfoWorkflowsListPage = () => {
     router.replace(PATH_WORKFLOWS);
     return null;
   }
-  return /* @__PURE__ */ jsxs128(Fragment60, { children: [
-    /* @__PURE__ */ jsx238(
+  return /* @__PURE__ */ jsxs129(Fragment60, { children: [
+    /* @__PURE__ */ jsx240(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx238(WfoTitleWithWebsocketBadge, { title: t("title") })
+        title: /* @__PURE__ */ jsx240(WfoTitleWithWebsocketBadge, { title: t("title") })
       }
     ),
-    /* @__PURE__ */ jsx238(
+    /* @__PURE__ */ jsx240(
       WfoFilterTabs,
       {
         tabs: defaultWorkflowsListTabs,
@@ -53808,8 +53946,8 @@ var WfoWorkflowsListPage = () => {
         onChangeTab: handleChangeWorkflowsListTab
       }
     ),
-    /* @__PURE__ */ jsx238(EuiSpacer25, { size: "xxl" }),
-    /* @__PURE__ */ jsx238(
+    /* @__PURE__ */ jsx240(EuiSpacer25, { size: "xxl" }),
+    /* @__PURE__ */ jsx240(
       WfoProcessesList,
       {
         alwaysOnFilters,
@@ -53919,7 +54057,7 @@ var graphQlProcessFilterMapper = (data) => data?.map(({ field, value }) => ({
 }));
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { jsx as jsx239, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx241, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
 var WfoProcessesList = ({
   alwaysOnFilters,
   defaultHiddenColumns = [],
@@ -53928,8 +54066,8 @@ var WfoProcessesList = ({
   overrideDefaultTableColumns,
   setDataDisplayParam
 }) => {
-  const t = useTranslations76("processes.index");
-  const tError = useTranslations76("errors");
+  const t = useTranslations77("processes.index");
+  const tError = useTranslations77("errors");
   const { showToastMessage } = useShowToastMessage();
   const router = useRouter14();
   const defaultTableColumns = {
@@ -53937,7 +54075,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("workflowName"),
       width: "225px",
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx239(Link12, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx241(Link12, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
       renderTooltip: (value) => value
     },
     lastStep: {
@@ -53948,13 +54086,13 @@ var WfoProcessesList = ({
     lastStatus: {
       columnType: "data" /* DATA */,
       label: t("status"),
-      renderData: (cellValue) => /* @__PURE__ */ jsx239(WfoProcessStatusBadge, { processStatus: cellValue }),
+      renderData: (cellValue) => /* @__PURE__ */ jsx241(WfoProcessStatusBadge, { processStatus: cellValue }),
       width: "150px"
     },
     workflowTarget: {
       columnType: "data" /* DATA */,
       label: t("workflowTarget"),
-      renderData: (target) => /* @__PURE__ */ jsx239(WfoWorkflowTargetBadge, { target }),
+      renderData: (target) => /* @__PURE__ */ jsx241(WfoWorkflowTargetBadge, { target }),
       width: "100px"
     },
     tag: {
@@ -53981,7 +54119,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("subscriptions"),
       width: "425px",
-      renderData: ({ page: subscriptions }, { processId }) => /* @__PURE__ */ jsx239(
+      renderData: ({ page: subscriptions }, { processId }) => /* @__PURE__ */ jsx241(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions,
@@ -53989,13 +54127,13 @@ var WfoProcessesList = ({
           onMoreSubscriptionsClick: () => router.push(`${PATH_WORKFLOWS}/${processId}`)
         }
       ),
-      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx239(
+      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx241(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions
         }
       ),
-      renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */ jsxs129("p", { children: [
+      renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */ jsxs130("p", { children: [
         "- ",
         description
       ] }, subscriptionId)),
@@ -54015,7 +54153,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("processId"),
       width: "90px",
-      renderData: (value) => /* @__PURE__ */ jsx239(WfoFirstPartUUID, { UUID: value }),
+      renderData: (value) => /* @__PURE__ */ jsx241(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
     },
@@ -54023,7 +54161,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("started"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx239(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx241(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (value) => value.toString()
@@ -54032,7 +54170,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("lastModified"),
       width: "125px",
-      renderData: (value) => /* @__PURE__ */ jsx239(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx241(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (value) => value.toString()
@@ -54065,7 +54203,7 @@ var WfoProcessesList = ({
   const getProcessListForExport = () => getProcessListTrigger(
     getQueryVariablesForExport(processListQueryVars)
   ).unwrap();
-  return /* @__PURE__ */ jsx239(
+  return /* @__PURE__ */ jsx241(
     WfoAdvancedTable,
     {
       queryString,
@@ -54128,14 +54266,14 @@ var getStyles12 = ({ theme }) => {
 };
 // src/components/WfoJsonCodeBlock/WfoJsonCodeBlock.tsx
-import { jsx as jsx240 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx242 } from "@emotion/react/jsx-runtime";
 var WfoJsonCodeBlock = ({
   data,
   isBasicStyle = false
 }) => {
   const { euiCodeBlockStyle, euiBasicCodeBlockStyle } = useWithOrchestratorTheme(getStyles12);
   const json = JSON.stringify(data, null, 4);
-  return /* @__PURE__ */ jsx240(
+  return /* @__PURE__ */ jsx242(
     EuiCodeBlock3,
     {
       css: isBasicStyle ? euiBasicCodeBlockStyle : euiCodeBlockStyle,
@@ -54149,9 +54287,9 @@ var WfoJsonCodeBlock = ({
 // src/components/WfoSettings/WfoFlushSettings.tsx
 import { useState as useState54 } from "react";
-import { useTranslations as useTranslations77 } from "next-intl";
+import { useTranslations as useTranslations78 } from "next-intl";
 import {
-  EuiButton as EuiButton16,
+  EuiButton as EuiButton17,
   EuiComboBox,
   EuiPanel as EuiPanel8,
   EuiSpacer as EuiSpacer26,
@@ -54183,13 +54321,13 @@ var getWfoFlushSettingsStyle = (wfoTheme) => {
 };
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { jsx as jsx241, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx243, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const { comboboxStyle } = useWithOrchestratorTheme(
     getWfoFlushSettingsStyle
   );
   const [clearCache] = useClearCacheMutation();
-  const t = useTranslations77("settings.page");
+  const t = useTranslations78("settings.page");
   const [selectedOptions, setSelected] = useState54(
     []
   );
@@ -54221,10 +54359,10 @@ var WfoFlushSettings = () => {
       );
     });
   };
-  return /* @__PURE__ */ jsx241(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs130(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-    /* @__PURE__ */ jsx241(EuiText46, { size: "s", children: /* @__PURE__ */ jsx241("h4", { children: t("flushCacheSettingsTitle") }) }),
-    /* @__PURE__ */ jsx241(EuiSpacer26, { size: "m" }),
-    /* @__PURE__ */ jsx241(
+  return /* @__PURE__ */ jsx243(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs131(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+    /* @__PURE__ */ jsx243(EuiText46, { size: "s", children: /* @__PURE__ */ jsx243("h4", { children: t("flushCacheSettingsTitle") }) }),
+    /* @__PURE__ */ jsx243(EuiSpacer26, { size: "m" }),
+    /* @__PURE__ */ jsx243(
       EuiComboBox,
       {
         css: comboboxStyle,
@@ -54237,25 +54375,25 @@ var WfoFlushSettings = () => {
         fullWidth: true
       }
     ),
-    /* @__PURE__ */ jsx241(EuiSpacer26, { size: "m" }),
-    /* @__PURE__ */ jsx241(EuiButton16, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
+    /* @__PURE__ */ jsx243(EuiSpacer26, { size: "m" }),
+    /* @__PURE__ */ jsx243(EuiButton17, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
   ] }) });
 };
 // src/components/WfoSettings/WfoEngineStatusButton.tsx
-import { useTranslations as useTranslations78 } from "next-intl";
-import { EuiButton as EuiButton17 } from "@elastic/eui";
-import { jsx as jsx242 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations79 } from "next-intl";
+import { EuiButton as EuiButton18 } from "@elastic/eui";
+import { jsx as jsx244 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
-  const t = useTranslations78("settings.page");
+  const t = useTranslations79("settings.page");
   if (isLoading || isSettingEngineStatus) {
-    return /* @__PURE__ */ jsx242(EuiButton17, { isLoading: true, fill: true, children: "Loading..." });
+    return /* @__PURE__ */ jsx244(EuiButton18, { isLoading: true, fill: true, children: "Loading..." });
   }
-  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx242(
-    EuiButton17,
+  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx244(
+    EuiButton18,
     {
       onClick: () => setEngineStatus(true),
       color: "warning",
@@ -54263,8 +54401,8 @@ var WfoEngineStatusButton = () => {
       iconType: "pause",
       children: t("pauseEngine")
     }
-  ) : /* @__PURE__ */ jsx242(
-    EuiButton17,
+  ) : /* @__PURE__ */ jsx244(
+    EuiButton18,
     {
       onClick: () => setEngineStatus(false),
       color: "primary",
@@ -54276,27 +54414,27 @@ var WfoEngineStatusButton = () => {
 };
 // src/components/WfoSettings/WfoModifySettings.tsx
-import { useTranslations as useTranslations79 } from "next-intl";
-import { EuiFlexItem as EuiFlexItem32, EuiPanel as EuiPanel9, EuiSpacer as EuiSpacer27, EuiText as EuiText47 } from "@elastic/eui";
-import { jsx as jsx243, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations80 } from "next-intl";
+import { EuiFlexItem as EuiFlexItem33, EuiPanel as EuiPanel9, EuiSpacer as EuiSpacer27, EuiText as EuiText47 } from "@elastic/eui";
+import { jsx as jsx245, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
-  const t = useTranslations79("settings.page");
-  return /* @__PURE__ */ jsxs131(EuiFlexItem32, { children: [
-    /* @__PURE__ */ jsxs131(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-      /* @__PURE__ */ jsx243(EuiText47, { size: "s", children: /* @__PURE__ */ jsx243("h4", { children: t("resetTextSearchIndex") }) }),
-      /* @__PURE__ */ jsx243(EuiSpacer27, { size: "m" }),
-      /* @__PURE__ */ jsx243(WfoResetTextSearchIndexButton, {})
+  const t = useTranslations80("settings.page");
+  return /* @__PURE__ */ jsxs132(EuiFlexItem33, { children: [
+    /* @__PURE__ */ jsxs132(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+      /* @__PURE__ */ jsx245(EuiText47, { size: "s", children: /* @__PURE__ */ jsx245("h4", { children: t("resetTextSearchIndex") }) }),
+      /* @__PURE__ */ jsx245(EuiSpacer27, { size: "m" }),
+      /* @__PURE__ */ jsx245(WfoResetTextSearchIndexButton, {})
     ] }),
-    /* @__PURE__ */ jsxs131(
+    /* @__PURE__ */ jsxs132(
       WfoIsAllowedToRender,
       {
         resource: "/orchestrator/settings/start-stop-engine" /* SETTINGS_START_STOP_ENGINE */,
         children: [
-          /* @__PURE__ */ jsx243(EuiSpacer27, {}),
-          /* @__PURE__ */ jsxs131(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-            /* @__PURE__ */ jsx243(EuiText47, { size: "s", children: /* @__PURE__ */ jsx243("h4", { children: t("modifyEngine") }) }),
-            /* @__PURE__ */ jsx243(EuiSpacer27, { size: "m" }),
-            /* @__PURE__ */ jsx243(WfoEngineStatusButton, {})
+          /* @__PURE__ */ jsx245(EuiSpacer27, {}),
+          /* @__PURE__ */ jsxs132(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+            /* @__PURE__ */ jsx245(EuiText47, { size: "s", children: /* @__PURE__ */ jsx245("h4", { children: t("modifyEngine") }) }),
+            /* @__PURE__ */ jsx245(EuiSpacer27, { size: "m" }),
+            /* @__PURE__ */ jsx245(WfoEngineStatusButton, {})
           ] })
         ]
       }
@@ -54305,38 +54443,38 @@ var WfoModifySettings = () => {
 };
 // src/components/WfoSettings/WfoEngineStatus.tsx
-import { useTranslations as useTranslations80 } from "next-intl";
-import { EuiFlexGroup as EuiFlexGroup27, EuiFlexItem as EuiFlexItem33, EuiPanel as EuiPanel10, EuiText as EuiText48 } from "@elastic/eui";
-import { jsx as jsx244, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations81 } from "next-intl";
+import { EuiFlexGroup as EuiFlexGroup27, EuiFlexItem as EuiFlexItem34, EuiPanel as EuiPanel10, EuiText as EuiText48 } from "@elastic/eui";
+import { jsx as jsx246, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatus = () => {
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
-  const t = useTranslations80("settings.page");
-  return /* @__PURE__ */ jsx244(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs132(EuiFlexGroup27, { direction: "column", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx244(EuiFlexItem33, { children: /* @__PURE__ */ jsx244(EuiText48, { size: "s", children: /* @__PURE__ */ jsx244("h4", { children: t("engineStatusTitle") }) }) }),
-    /* @__PURE__ */ jsxs132(EuiFlexItem33, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx244(EuiText48, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
-      /* @__PURE__ */ jsx244(EuiText48, { size: "s", children: runningProcesses || "-" })
+  const t = useTranslations81("settings.page");
+  return /* @__PURE__ */ jsx246(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs133(EuiFlexGroup27, { direction: "column", gutterSize: "s", children: [
+    /* @__PURE__ */ jsx246(EuiFlexItem34, { children: /* @__PURE__ */ jsx246(EuiText48, { size: "s", children: /* @__PURE__ */ jsx246("h4", { children: t("engineStatusTitle") }) }) }),
+    /* @__PURE__ */ jsxs133(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx246(EuiText48, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
+      /* @__PURE__ */ jsx246(EuiText48, { size: "s", children: runningProcesses || "-" })
     ] }),
-    /* @__PURE__ */ jsxs132(EuiFlexItem33, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx244(EuiText48, { size: "s", style: { minWidth: 190 }, children: t("status") }),
-      /* @__PURE__ */ jsx244(
+    /* @__PURE__ */ jsxs133(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx246(EuiText48, { size: "s", style: { minWidth: 190 }, children: t("status") }),
+      /* @__PURE__ */ jsx246(
         WfoStatusDotIcon,
         {
           color: isRunning ? theme.colors.success : theme.colors.warning
         }
       ),
-      /* @__PURE__ */ jsx244(EuiText48, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx244("p", { children: engineStatus }) })
+      /* @__PURE__ */ jsx246(EuiText48, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx246("p", { children: engineStatus }) })
     ] })
   ] }) });
 };
 // src/components/WfoSettings/WfoWorkerStatus.tsx
-import { useTranslations as useTranslations81 } from "next-intl";
-import { EuiFlexGroup as EuiFlexGroup28, EuiFlexItem as EuiFlexItem34, EuiPanel as EuiPanel11, EuiText as EuiText49 } from "@elastic/eui";
-import { jsx as jsx245, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations82 } from "next-intl";
+import { EuiFlexGroup as EuiFlexGroup28, EuiFlexItem as EuiFlexItem35, EuiPanel as EuiPanel11, EuiText as EuiText49 } from "@elastic/eui";
+import { jsx as jsx247, jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
 var WfoWorkerStatus = () => {
   const { data } = useGetWorkerStatusQuery();
   const {
@@ -54345,33 +54483,33 @@ var WfoWorkerStatus = () => {
     numberOfRunningJobs,
     numberOfWorkersOnline
   } = data || {};
-  const t = useTranslations81("settings.page");
-  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx245(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs133(EuiFlexGroup28, { direction: "column", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx245(EuiFlexItem34, { children: /* @__PURE__ */ jsx245(EuiText49, { size: "s", children: /* @__PURE__ */ jsx245("h4", { children: t("workerStatusTitle") }) }) }),
-    /* @__PURE__ */ jsxs133(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx245(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
-      /* @__PURE__ */ jsx245(EuiText49, { size: "s", children: numberOfQueuedJobs || "-" })
+  const t = useTranslations82("settings.page");
+  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx247(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs134(EuiFlexGroup28, { direction: "column", gutterSize: "s", children: [
+    /* @__PURE__ */ jsx247(EuiFlexItem35, { children: /* @__PURE__ */ jsx247(EuiText49, { size: "s", children: /* @__PURE__ */ jsx247("h4", { children: t("workerStatusTitle") }) }) }),
+    /* @__PURE__ */ jsxs134(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx247(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
+      /* @__PURE__ */ jsx247(EuiText49, { size: "s", children: numberOfQueuedJobs || "-" })
     ] }),
-    /* @__PURE__ */ jsxs133(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx245(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
-      /* @__PURE__ */ jsx245(EuiText49, { size: "s", children: numberOfRunningJobs || "-" })
+    /* @__PURE__ */ jsxs134(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx247(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
+      /* @__PURE__ */ jsx247(EuiText49, { size: "s", children: numberOfRunningJobs || "-" })
     ] }),
-    /* @__PURE__ */ jsxs133(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx245(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
-      /* @__PURE__ */ jsx245(EuiText49, { size: "s", children: numberOfWorkersOnline || "-" })
+    /* @__PURE__ */ jsxs134(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx247(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
+      /* @__PURE__ */ jsx247(EuiText49, { size: "s", children: numberOfWorkersOnline || "-" })
     ] })
   ] }) }) || null;
 };
 // src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx
-import { useTranslations as useTranslations82 } from "next-intl";
-import { EuiButton as EuiButton18 } from "@elastic/eui";
-import { jsx as jsx246 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations83 } from "next-intl";
+import { EuiButton as EuiButton19 } from "@elastic/eui";
+import { jsx as jsx248 } from "@emotion/react/jsx-runtime";
 var WfoResetTextSearchIndexButton = () => {
   const [resetTextSearchIndex] = useResetTextSearchIndexMutation();
-  const t = useTranslations82("settings.page");
-  return /* @__PURE__ */ jsx246(
-    EuiButton18,
+  const t = useTranslations83("settings.page");
+  return /* @__PURE__ */ jsx248(
+    EuiButton19,
     {
       onClick: () => resetTextSearchIndex(null),
       iconType: "refresh",
@@ -54381,17 +54519,17 @@ var WfoResetTextSearchIndexButton = () => {
 };
 // src/components/WfoInsyncIcon/WfoInsyncIcon.tsx
-import { jsx as jsx247 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx249 } from "@emotion/react/jsx-runtime";
 var WfoInsyncIcon = ({ inSync }) => {
   const { theme } = useOrchestratorTheme();
-  return inSync ? /* @__PURE__ */ jsx247(
+  return inSync ? /* @__PURE__ */ jsx249(
     WfoCheckmarkCircleFill,
     {
       height: 20,
       width: 20,
       color: theme.colors.primary
     }
-  ) : /* @__PURE__ */ jsx247(
+  ) : /* @__PURE__ */ jsx249(
     WfoMinusCircleFill,
     {
       height: 20,
@@ -54402,9 +54540,9 @@ var WfoInsyncIcon = ({ inSync }) => {
 };
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
-import React82 from "react";
-import { jsx as jsx248, jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
-var WfoErrorBoundary = class extends React82.Component {
+import React83 from "react";
+import { jsx as jsx250, jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
+var WfoErrorBoundary = class extends React83.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -54420,10 +54558,10 @@ var WfoErrorBoundary = class extends React82.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ jsxs134("p", { children: [
+      return /* @__PURE__ */ jsxs135("p", { children: [
         "An unexpected error occurred, try to go back to the",
         " ",
-        /* @__PURE__ */ jsx248("a", { href: "/", children: "home page" })
+        /* @__PURE__ */ jsx250("a", { href: "/", children: "home page" })
       ] });
     }
     return this.props.children;
@@ -54455,10 +54593,10 @@ var getStyles13 = ({ theme }) => {
 };
 // src/components/WfoNoResults/WfoNoResults.tsx
-import { jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
+import { jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
 var WfoNoResults = ({ text, icon }) => {
   const { panelStyle } = useWithOrchestratorTheme(getStyles13);
-  return /* @__PURE__ */ jsxs135(EuiFlexGroup29, { css: panelStyle, children: [
+  return /* @__PURE__ */ jsxs136(EuiFlexGroup29, { css: panelStyle, children: [
     icon,
     " ",
     text
@@ -54466,7 +54604,7 @@ var WfoNoResults = ({ text, icon }) => {
 };
 // src/components/WfoRenderElementOrString/WfoRenderElementOrString.tsx
-import { Fragment as Fragment61, jsx as jsx249 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment61, jsx as jsx251 } from "@emotion/react/jsx-runtime";
 var WfoRenderElementOrString = ({
   children,
   renderString
@@ -54474,16 +54612,16 @@ var WfoRenderElementOrString = ({
   if (typeof children === "string" && renderString) {
     return renderString(children);
   }
-  return /* @__PURE__ */ jsx249(Fragment61, { children });
+  return /* @__PURE__ */ jsx251(Fragment61, { children });
 };
 // src/components/WfoStartButton/WfoStartTaskComboBox.tsx
-import { useTranslations as useTranslations83 } from "next-intl";
+import { useTranslations as useTranslations84 } from "next-intl";
 import { useRouter as useRouter15 } from "next/router";
-import { jsx as jsx250 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx252 } from "@emotion/react/jsx-runtime";
 var WfoStartTaskButtonComboBox = () => {
   const router = useRouter15();
-  const t = useTranslations83("common");
+  const t = useTranslations84("common");
   const { isEngineRunningNow } = useCheckEngineStatus();
   const { data } = useGetTaskOptionsQuery();
   const taskOptions = data?.startOptions || [];
@@ -54502,7 +54640,7 @@ var WfoStartTaskButtonComboBox = () => {
       });
     }
   };
-  return /* @__PURE__ */ jsx250(
+  return /* @__PURE__ */ jsx252(
     WfoStartButtonComboBox,
     {
       buttonText: t("newTask"),
@@ -54596,10 +54734,10 @@ var subscriptionListTabs = [
 ];
 // src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
-import { useTranslations as useTranslations84 } from "next-intl";
+import { useTranslations as useTranslations85 } from "next-intl";
 import Link13 from "next/link";
 import { useRouter as useRouter16 } from "next/router";
-import { jsx as jsx251 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx253 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsList = ({
   alwaysOnFilters,
   dataDisplayParams,
@@ -54607,8 +54745,8 @@ var WfoSubscriptionsList = ({
   hiddenColumns
 }) => {
   const router = useRouter16();
-  const t = useTranslations84("subscriptions.index");
-  const tError = useTranslations84("errors");
+  const t = useTranslations85("subscriptions.index");
+  const tError = useTranslations85("errors");
   const { showToastMessage } = useShowToastMessage();
   const { sortBy: sortBy2, queryString, pageIndex, pageSize } = dataDisplayParams;
   const graphqlQueryVariables = {
@@ -54625,7 +54763,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("id"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx251(WfoFirstPartUUID, { UUID: value }),
+      renderData: (value) => /* @__PURE__ */ jsx253(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
     },
@@ -54633,20 +54771,20 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("description"),
       width: "500px",
-      renderData: (value, record) => /* @__PURE__ */ jsx251(Link13, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
+      renderData: (value, record) => /* @__PURE__ */ jsx253(Link13, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
       renderTooltip: (value) => value
     },
     status: {
       columnType: "data" /* DATA */,
       label: t("status"),
       width: "120px",
-      renderData: (value) => /* @__PURE__ */ jsx251(WfoSubscriptionStatusBadge, { status: value })
+      renderData: (value) => /* @__PURE__ */ jsx253(WfoSubscriptionStatusBadge, { status: value })
     },
     insync: {
       columnType: "data" /* DATA */,
       label: t("insync"),
       width: "80px",
-      renderData: (value) => /* @__PURE__ */ jsx251(WfoInsyncIcon, { inSync: value })
+      renderData: (value) => /* @__PURE__ */ jsx253(WfoInsyncIcon, { inSync: value })
     },
     productName: {
       columnType: "data" /* DATA */,
@@ -54670,7 +54808,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("startDate"),
       width: "120px",
-      renderData: (value) => /* @__PURE__ */ jsx251(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx253(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (cellValue) => cellValue?.toString()
@@ -54679,7 +54817,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("endDate"),
       width: "120px",
-      renderData: (value) => /* @__PURE__ */ jsx251(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx253(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (cellValue) => cellValue?.toString()
@@ -54688,7 +54826,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("note"),
       renderData: (cellValue, row) => {
-        return /* @__PURE__ */ jsx251(
+        return /* @__PURE__ */ jsx253(
           WfoSubscriptionNoteEdit,
           {
             onlyShowOnHover: true,
@@ -54704,9 +54842,9 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("metadata"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx251(WfoInlineJson, { data: value }),
-      renderDetails: (value) => value && /* @__PURE__ */ jsx251(WfoJsonCodeBlock, { data: value, isBasicStyle: true }),
-      renderTooltip: (value) => value && /* @__PURE__ */ jsx251(WfoJsonCodeBlock, { data: value, isBasicStyle: false })
+      renderData: (value) => /* @__PURE__ */ jsx253(WfoInlineJson, { data: value }),
+      renderDetails: (value) => value && /* @__PURE__ */ jsx253(WfoJsonCodeBlock, { data: value, isBasicStyle: true }),
+      renderTooltip: (value) => value && /* @__PURE__ */ jsx253(WfoJsonCodeBlock, { data: value, isBasicStyle: false })
     }
   };
   const [getSubscriptionListTrigger, { isFetching: isFetchingCsv }] = useLazyGetSubscriptionListQuery();
@@ -54752,7 +54890,7 @@ var WfoSubscriptionsList = ({
     sortFields,
     filterFields
   );
-  return /* @__PURE__ */ jsx251(
+  return /* @__PURE__ */ jsx253(
     WfoAdvancedTable,
     {
       queryString: dataDisplayParams.queryString,
@@ -54793,7 +54931,7 @@ var getNumberOfColumns = (currentBreakpoint) => {
 import {
   EuiAvatar as EuiAvatar2,
   EuiFlexGroup as EuiFlexGroup30,
-  EuiFlexItem as EuiFlexItem35,
+  EuiFlexItem as EuiFlexItem36,
   EuiLoadingSpinner,
   EuiPanel as EuiPanel12,
   EuiText as EuiText50
@@ -54823,7 +54961,7 @@ var getWfoSummaryCardHeaderStyles = ({ theme }) => {
 };
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
-import { jsx as jsx252, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx254, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardHeader = ({
   text,
   value,
@@ -54833,8 +54971,8 @@ var WfoSummaryCardHeader = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { avatarStyle, totalSectionStyle, valueStyle } = useWithOrchestratorTheme(getWfoSummaryCardHeaderStyles);
-  return /* @__PURE__ */ jsx252(EuiFlexItem35, { grow: 0, children: /* @__PURE__ */ jsx252(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs136(EuiFlexGroup30, { alignItems: "center", children: [
-    /* @__PURE__ */ jsx252(
+  return /* @__PURE__ */ jsx254(EuiFlexItem36, { grow: 0, children: /* @__PURE__ */ jsx254(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs137(EuiFlexGroup30, { alignItems: "center", children: [
+    /* @__PURE__ */ jsx254(
       EuiAvatar2,
       {
         iconSize: "l",
@@ -54847,11 +54985,11 @@ var WfoSummaryCardHeader = ({
         color: iconColor
       }
     ),
-    /* @__PURE__ */ jsxs136("div", { css: totalSectionStyle, children: [
-      /* @__PURE__ */ jsx252(EuiText50, { color: "subdued", children: text }),
-      /* @__PURE__ */ jsxs136(EuiFlexGroup30, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx252(EuiText50, { css: valueStyle, children: value }),
-        isFetching && /* @__PURE__ */ jsx252(EuiLoadingSpinner, {})
+    /* @__PURE__ */ jsxs137("div", { css: totalSectionStyle, children: [
+      /* @__PURE__ */ jsx254(EuiText50, { color: "subdued", children: text }),
+      /* @__PURE__ */ jsxs137(EuiFlexGroup30, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx254(EuiText50, { css: valueStyle, children: value }),
+        isFetching && /* @__PURE__ */ jsx254(EuiLoadingSpinner, {})
       ] })
     ] })
   ] }) }) });
@@ -54860,9 +54998,9 @@ var WfoSummaryCardHeader = ({
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
 import { useRouter as useRouter17 } from "next/router";
 import {
-  EuiButton as EuiButton19,
-  EuiFlexItem as EuiFlexItem37,
-  EuiHorizontalRule as EuiHorizontalRule9,
+  EuiButton as EuiButton20,
+  EuiFlexItem as EuiFlexItem38,
+  EuiHorizontalRule as EuiHorizontalRule10,
   EuiPanel as EuiPanel13,
   EuiSkeletonText,
   EuiSpacer as EuiSpacer28,
@@ -54870,19 +55008,19 @@ import {
 } from "@elastic/eui";
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { EuiFlexGroup as EuiFlexGroup31, EuiFlexItem as EuiFlexItem36, EuiIcon as EuiIcon6, EuiTextColor } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup31, EuiFlexItem as EuiFlexItem37, EuiIcon as EuiIcon6, EuiTextColor } from "@elastic/eui";
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
 import Link14 from "next/link";
-import { jsx as jsx253 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx255 } from "@emotion/react/jsx-runtime";
 var WfoOptionalLink = ({
   children,
   href
 }) => {
   if (!href) {
-    return /* @__PURE__ */ jsx253("span", { children });
+    return /* @__PURE__ */ jsx255("span", { children });
   }
-  return /* @__PURE__ */ jsx253(Link14, { href, children });
+  return /* @__PURE__ */ jsx255(Link14, { href, children });
 };
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
@@ -54932,7 +55070,7 @@ var getWfoSummaryCardListStyles = ({ theme }) => {
 };
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { jsx as jsx254, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx256, jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardListItem = ({
   title,
   value,
@@ -54945,9 +55083,9 @@ var WfoSummaryCardListItem = ({
     listItemSubtitleStyle,
     listItemHighlightIconStyle
   } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx254(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs137(EuiFlexGroup31, { css: listItemContainerStyle, gutterSize: "none", children: [
-    /* @__PURE__ */ jsxs137(EuiFlexItem36, { children: [
-      /* @__PURE__ */ jsx254(
+  return /* @__PURE__ */ jsx256(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs138(EuiFlexGroup31, { css: listItemContainerStyle, gutterSize: "none", children: [
+    /* @__PURE__ */ jsxs138(EuiFlexItem37, { children: [
+      /* @__PURE__ */ jsx256(
         EuiTextColor,
         {
           color: url ? theme.colors.link : theme.colors.title,
@@ -54955,22 +55093,22 @@ var WfoSummaryCardListItem = ({
           children: title
         }
       ),
-      /* @__PURE__ */ jsx254(EuiTextColor, { css: listItemSubtitleStyle, children: value })
+      /* @__PURE__ */ jsx256(EuiTextColor, { css: listItemSubtitleStyle, children: value })
     ] }),
-    /* @__PURE__ */ jsx254(
-      EuiFlexItem36,
+    /* @__PURE__ */ jsx256(
+      EuiFlexItem37,
       {
         className: url ? "highlight-icon" : void 0,
         grow: false,
         css: listItemHighlightIconStyle,
-        children: /* @__PURE__ */ jsx254(EuiIcon6, { type: "sortRight", color: "primary" })
+        children: /* @__PURE__ */ jsx256(EuiIcon6, { type: "sortRight", color: "primary" })
       }
     )
   ] }) });
 };
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { jsx as jsx255, jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx257, jsxs as jsxs139 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardList = ({
   title,
   items,
@@ -54980,7 +55118,7 @@ var WfoSummaryCardList = ({
   const router = useRouter17();
   const euiScrollBarStyle = useEuiScrollBar3();
   const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx255(EuiFlexItem37, { children: /* @__PURE__ */ jsxs138(
+  return /* @__PURE__ */ jsx257(EuiFlexItem38, { children: /* @__PURE__ */ jsxs139(
     EuiPanel13,
     {
       css: listContainerStyle,
@@ -54988,11 +55126,11 @@ var WfoSummaryCardList = ({
       hasBorder: true,
       paddingSize: "l",
       children: [
-        /* @__PURE__ */ jsxs138("div", { children: [
-          /* @__PURE__ */ jsx255("p", { css: listHeaderStyle, children: title }),
-          /* @__PURE__ */ jsx255(EuiSpacer28, { size: "m" }),
-          /* @__PURE__ */ jsx255(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx255("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs138("div", { children: [
-            /* @__PURE__ */ jsx255(
+        /* @__PURE__ */ jsxs139("div", { children: [
+          /* @__PURE__ */ jsx257("p", { css: listHeaderStyle, children: title }),
+          /* @__PURE__ */ jsx257(EuiSpacer28, { size: "m" }),
+          /* @__PURE__ */ jsx257(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx257("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs139("div", { children: [
+            /* @__PURE__ */ jsx257(
               WfoSummaryCardListItem,
               {
                 title: item.title,
@@ -55000,12 +55138,12 @@ var WfoSummaryCardList = ({
                 url: item.url
               }
             ),
-            index === items.length - 1 ? null : /* @__PURE__ */ jsx255(EuiHorizontalRule9, { margin: "none" })
+            index === items.length - 1 ? null : /* @__PURE__ */ jsx257(EuiHorizontalRule10, { margin: "none" })
           ] }, index)) }) })
         ] }),
-        /* @__PURE__ */ jsx255(EuiSpacer28, { size: "m" }),
-        button && /* @__PURE__ */ jsx255(
-          EuiButton19,
+        /* @__PURE__ */ jsx257(EuiSpacer28, { size: "m" }),
+        button && /* @__PURE__ */ jsx257(
+          EuiButton20,
           {
             fullWidth: true,
             onClick: () => router.push(button.url),
@@ -55019,10 +55157,10 @@ var WfoSummaryCardList = ({
 // src/components/WfoSummary/WfoSummaryCards.tsx
 import { EuiFlexGrid as EuiFlexGrid2, useCurrentEuiBreakpoint } from "@elastic/eui";
-import { jsx as jsx256 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx258 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCards = ({ children }) => {
   const currentBreakpoint = useCurrentEuiBreakpoint();
-  return /* @__PURE__ */ jsx256(
+  return /* @__PURE__ */ jsx258(
     EuiFlexGrid2,
     {
       responsive: false,
@@ -55034,7 +55172,7 @@ var WfoSummaryCards = ({ children }) => {
 };
 // src/components/WfoSummary/WfoSummaryCard.tsx
-import { EuiFlexItem as EuiFlexItem38, EuiSpacer as EuiSpacer29 } from "@elastic/eui";
+import { EuiFlexItem as EuiFlexItem39, EuiSpacer as EuiSpacer29 } from "@elastic/eui";
 // src/components/WfoSummary/styles.ts
 import { css as css50 } from "@emotion/react";
@@ -55049,7 +55187,7 @@ var getWfoSummaryCardsStyles = ({ theme }) => {
 };
 // src/components/WfoSummary/WfoSummaryCard.tsx
-import { jsx as jsx257, jsxs as jsxs139 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx259, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
 var SummaryCardStatus = /* @__PURE__ */ ((SummaryCardStatus2) => {
   SummaryCardStatus2["Success"] = "Success";
   SummaryCardStatus2["Error"] = "Error";
@@ -55075,7 +55213,7 @@ var WfoSummaryCard = ({
     switch (status) {
       case "Success" /* Success */:
         return {
-          iconType: () => /* @__PURE__ */ jsx257(
+          iconType: () => /* @__PURE__ */ jsx259(
             WfoCheckmarkCircleFill,
             {
               width: 32,
@@ -55087,7 +55225,7 @@ var WfoSummaryCard = ({
         };
       case "Error" /* Error */:
         return {
-          iconType: () => /* @__PURE__ */ jsx257(
+          iconType: () => /* @__PURE__ */ jsx259(
             WfoXCircleFill,
             {
               width: 32,
@@ -55099,7 +55237,7 @@ var WfoSummaryCard = ({
         };
       case "Neutral" /* Neutral */:
         return {
-          iconType: () => /* @__PURE__ */ jsx257(
+          iconType: () => /* @__PURE__ */ jsx259(
             WfoCubeFill,
             {
               width: 32,
@@ -55111,7 +55249,7 @@ var WfoSummaryCard = ({
         };
       default:
         return headerBadge ?? {
-          iconType: () => /* @__PURE__ */ jsx257(
+          iconType: () => /* @__PURE__ */ jsx259(
             WfoCubeFill,
             {
               width: 32,
@@ -55123,8 +55261,8 @@ var WfoSummaryCard = ({
         };
     }
   };
-  return /* @__PURE__ */ jsxs139(EuiFlexItem38, { css: cardContainerStyle, children: [
-    /* @__PURE__ */ jsx257(
+  return /* @__PURE__ */ jsxs140(EuiFlexItem39, { css: cardContainerStyle, children: [
+    /* @__PURE__ */ jsx259(
       WfoSummaryCardHeader,
       {
         text: headerTitle,
@@ -55133,8 +55271,8 @@ var WfoSummaryCard = ({
         ...getIconTypeAndColorForHeaderStatus(headerStatus)
       }
     ),
-    /* @__PURE__ */ jsx257(EuiSpacer29, { size: "m" }),
-    /* @__PURE__ */ jsx257(
+    /* @__PURE__ */ jsx259(EuiSpacer29, { size: "m" }),
+    /* @__PURE__ */ jsx259(
       WfoSummaryCardList,
       {
         title: listTitle,
@@ -55147,7 +55285,7 @@ var WfoSummaryCard = ({
 };
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
-import { useTranslations as useTranslations85 } from "next-intl";
+import { useTranslations as useTranslations86 } from "next-intl";
 // src/pages/startPage/queryVariables.ts
 var baseQueryVariables = {
@@ -55244,15 +55382,15 @@ var productsSummaryQueryVariables = {
 };
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
-import { jsx as jsx258 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx260 } from "@emotion/react/jsx-runtime";
 var WfoActiveWorkflowsSummaryCard = () => {
-  const t = useTranslations85("startPage.activeWorkflows");
+  const t = useTranslations86("startPage.activeWorkflows");
   const {
     data: activeWorkflowsSummaryResponse,
     isFetching,
     isLoading
   } = useGetProcessListSummaryQuery(activeWorkflowsListSummaryQueryVariables);
-  return /* @__PURE__ */ jsx258(
+  return /* @__PURE__ */ jsx260(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55271,16 +55409,16 @@ var WfoActiveWorkflowsSummaryCard = () => {
 };
 // src/components/WfoSummary/WfoFailedTasksSummaryCard.tsx
-import { useTranslations as useTranslations86 } from "next-intl";
-import { jsx as jsx259 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations87 } from "next-intl";
+import { jsx as jsx261 } from "@emotion/react/jsx-runtime";
 var WfoFailedTasksSummaryCard = () => {
-  const t = useTranslations86("startPage.failedTasks");
+  const t = useTranslations87("startPage.failedTasks");
   const {
     data: failedTasksSummaryResponse,
     isFetching,
     isLoading
   } = useGetProcessListSummaryQuery(taskListSummaryQueryVariables);
-  return /* @__PURE__ */ jsx259(
+  return /* @__PURE__ */ jsx261(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55299,10 +55437,10 @@ var WfoFailedTasksSummaryCard = () => {
 };
 // src/components/WfoSummary/WfoLatestActiveSubscriptionsSummaryCard.tsx
-import { useTranslations as useTranslations87 } from "next-intl";
-import { jsx as jsx260 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations88 } from "next-intl";
+import { jsx as jsx262 } from "@emotion/react/jsx-runtime";
 var WfoLatestActiveSubscriptionsSummaryCard = () => {
-  const t = useTranslations87("startPage.activeSubscriptions");
+  const t = useTranslations88("startPage.activeSubscriptions");
   const {
     data: subscriptionsSummaryResult,
     isFetching,
@@ -55310,7 +55448,7 @@ var WfoLatestActiveSubscriptionsSummaryCard = () => {
   } = useGetSubscriptionSummaryListQuery(
     subscriptionsListSummaryQueryVariables
   );
-  return /* @__PURE__ */ jsx260(
+  return /* @__PURE__ */ jsx262(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55329,10 +55467,10 @@ var WfoLatestActiveSubscriptionsSummaryCard = () => {
 };
 // src/components/WfoSummary/WfoLatestOutOfSyncSubscriptionSummaryCard.tsx
-import { useTranslations as useTranslations88 } from "next-intl";
-import { jsx as jsx261 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations89 } from "next-intl";
+import { jsx as jsx263 } from "@emotion/react/jsx-runtime";
 var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
-  const t = useTranslations88("startPage.outOfSyncSubscriptions");
+  const t = useTranslations89("startPage.outOfSyncSubscriptions");
   const {
     data: outOfSyncSubscriptionsSummaryResult,
     isFetching,
@@ -55345,7 +55483,7 @@ var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
     ["sortBy" /* SORT_BY */]: "field-startDate_order-ASC",
     ["queryString" /* QUERY_STRING */]: "status:(provisioning|active) insync:false"
   };
-  return /* @__PURE__ */ jsx261(
+  return /* @__PURE__ */ jsx263(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55367,12 +55505,12 @@ var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
 };
 // src/components/WfoSummary/WfoMyWorkflowsSummaryCard.tsx
-import { useTranslations as useTranslations89 } from "next-intl";
-import { jsx as jsx262 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations90 } from "next-intl";
+import { jsx as jsx264 } from "@emotion/react/jsx-runtime";
 var WfoMyWorkflowsSummaryCard = ({
   username
 }) => {
-  const t = useTranslations89("startPage.myWorkflows");
+  const t = useTranslations90("startPage.myWorkflows");
   const {
     data: myWorkflowsSummaryResponse,
     isFetching,
@@ -55385,7 +55523,7 @@ var WfoMyWorkflowsSummaryCard = ({
     ["sortBy" /* SORT_BY */]: "field-lastModifiedAt_order-DESC",
     ["queryString" /* QUERY_STRING */]: `createdBy:"${username}"`
   };
-  return /* @__PURE__ */ jsx262(
+  return /* @__PURE__ */ jsx264(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55407,10 +55545,10 @@ var WfoMyWorkflowsSummaryCard = ({
 };
 // src/components/WfoSummary/WfoProductsSummaryCard.tsx
-import { useTranslations as useTranslations90 } from "next-intl";
-import { jsx as jsx263, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations91 } from "next-intl";
+import { jsx as jsx265, jsxs as jsxs141 } from "@emotion/react/jsx-runtime";
 var WfoProductsSummaryCard = () => {
-  const t = useTranslations90("startPage.products");
+  const t = useTranslations91("startPage.products");
   const {
     data: productsSummaryResult,
     isFetching,
@@ -55420,7 +55558,7 @@ var WfoProductsSummaryCard = () => {
     (left, right) => (right.subscriptions.pageInfo.totalItems ?? 0) - (left.subscriptions.pageInfo.totalItems ?? 0)
   ).map((product) => ({
     title: "",
-    value: /* @__PURE__ */ jsxs140(
+    value: /* @__PURE__ */ jsxs141(
       "div",
       {
         css: {
@@ -55428,13 +55566,13 @@ var WfoProductsSummaryCard = () => {
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ jsx263("div", { children: product.name }),
-          /* @__PURE__ */ jsx263("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
+          /* @__PURE__ */ jsx265("div", { children: product.name }),
+          /* @__PURE__ */ jsx265("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
         ]
       }
     )
   })) ?? [];
-  return /* @__PURE__ */ jsx263(
+  return /* @__PURE__ */ jsx265(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55450,17 +55588,17 @@ var WfoProductsSummaryCard = () => {
 // src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx
 import { EuiPageHeader as EuiPageHeader3 } from "@elastic/eui";
-import { Fragment as Fragment62, jsx as jsx264, jsxs as jsxs141 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx266, jsxs as jsxs142 } from "@emotion/react/jsx-runtime";
 var WfoTitleWithWebsocketBadge = ({
   title
 }) => {
   const { useWebSockets } = useGetOrchestratorConfig();
-  const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs141(Fragment62, { children: [
+  const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs142(Fragment62, { children: [
     title,
     " ",
-    /* @__PURE__ */ jsx264(WfoWebsocketStatusBadge, {})
+    /* @__PURE__ */ jsx266(WfoWebsocketStatusBadge, {})
   ] }) : title;
-  return /* @__PURE__ */ jsx264(EuiPageHeader3, { pageTitle });
+  return /* @__PURE__ */ jsx266(EuiPageHeader3, { pageTitle });
 };
 // src/components/WfoRadioDropdown/WfoRadioDropdown.tsx
@@ -55471,7 +55609,7 @@ import {
   EuiPopover as EuiPopover9,
   EuiRadioGroup as EuiRadioGroup2
 } from "@elastic/eui";
-import { jsx as jsx265 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx267 } from "@emotion/react/jsx-runtime";
 var WfoRadioDropdown = ({
   options,
   onUpdateOption,
@@ -55497,16 +55635,16 @@ var WfoRadioDropdown = ({
     id: option.id,
     label: option.label
   }));
-  return /* @__PURE__ */ jsx265(
+  return /* @__PURE__ */ jsx267(
     EuiFlexGroup32,
     {
       gutterSize: "s",
       alignItems: "center",
       justifyContent: "flexEnd",
-      children: /* @__PURE__ */ jsx265(
+      children: /* @__PURE__ */ jsx267(
         EuiPopover9,
         {
-          button: /* @__PURE__ */ jsx265(
+          button: /* @__PURE__ */ jsx267(
             EuiButtonEmpty5,
             {
               size: "s",
@@ -55527,7 +55665,7 @@ var WfoRadioDropdown = ({
           isOpen,
           closePopover: handleClose,
           anchorPosition: "downLeft",
-          children: /* @__PURE__ */ jsx265(
+          children: /* @__PURE__ */ jsx267(
             EuiRadioGroup2,
             {
               options: radioGroupOptions,
@@ -55601,7 +55739,7 @@ var {
 } = subscriptionListMutationApi;
 // src/components/WfoInlineNoteEdit/WfoSubscriptionNoteEdit.tsx
-import { jsx as jsx266 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx268 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionNoteEdit = ({
   onlyShowOnHover = false,
   queryVariables,
@@ -55627,7 +55765,7 @@ var WfoSubscriptionNoteEdit = ({
       note: note2
     });
   };
-  return /* @__PURE__ */ jsx266(
+  return /* @__PURE__ */ jsx268(
     WfoInlineEdit,
     {
       value: note?.trim() ? note : INVISIBLE_CHARACTER,
@@ -55638,7 +55776,7 @@ var WfoSubscriptionNoteEdit = ({
 };
 // src/components/WfoInlineNoteEdit/WfoSubscriptionDetailNoteEdit.tsx
-import { jsx as jsx267 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx269 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailNoteEdit = ({ subscriptionId, onlyShowOnHover = false }) => {
   const { data, endpointName } = useGetSubscriptionDetailQuery({
     subscriptionId
@@ -55661,7 +55799,7 @@ var WfoSubscriptionDetailNoteEdit = ({ subscriptionId, onlyShowOnHover = false }
       note
     });
   };
-  return /* @__PURE__ */ jsx267(
+  return /* @__PURE__ */ jsx269(
     WfoInlineEdit,
     {
       value: selectedItem?.note?.trim() ? selectedItem.note : INVISIBLE_CHARACTER,
@@ -55672,7 +55810,7 @@ var WfoSubscriptionDetailNoteEdit = ({ subscriptionId, onlyShowOnHover = false }
 };
 // src/components/WfoTableCodeBlock/WfoTableCodeBlock.tsx
-import { EuiFlexItem as EuiFlexItem39 } from "@elastic/eui";
+import { EuiFlexItem as EuiFlexItem40 } from "@elastic/eui";
 // src/components/WfoTableCodeBlock/styles.ts
 import { css as css51 } from "@emotion/react";
@@ -55688,7 +55826,7 @@ var getStyles14 = ({ theme }) => {
 };
 // src/components/WfoTableCodeBlock/WfoTableCodeBlock.tsx
-import { jsx as jsx268 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx270 } from "@emotion/react/jsx-runtime";
 var WfoTableCodeBlock = ({
   stepState: data
 }) => {
@@ -55704,7 +55842,7 @@ var WfoTableCodeBlock = ({
       };
     }
   );
-  return /* @__PURE__ */ jsx268(EuiFlexItem39, { css: tableCodeBlockMarginStyle, children: /* @__PURE__ */ jsx268(
+  return /* @__PURE__ */ jsx270(EuiFlexItem40, { css: tableCodeBlockMarginStyle, children: /* @__PURE__ */ jsx270(
     WfoKeyValueTable,
     {
       keyValues,
@@ -57046,6 +57184,7 @@ export {
   flattenArrayProps,
   formatDate,
   formatDateCetWithUtc,
+  getAcceptFieldStyles,
   getCacheTag,
   getCommonFormFieldStyles,
   getConcatenatedPagedResult,
@@ -57063,6 +57202,7 @@ export {
   getFormFieldsBaseStyle,
   getLastUncompletedProcess,
   getLatestTaskDate,
+  getNestedSummaryLabel,
   getNumberOfColumns,
   getNumberValueFromEnvironmentVariable,
   getObjectKeys,