@orchestrator-ui/orchestrator-ui-components 5.5.0 → 5.5.1

package/dist/index.js

@@ -4922,10 +4922,10 @@ var require_markup = __commonJS({
 var require_css = __commonJS({
   "../../node_modules/refractor/lang/css.js"(exports, module) {
     "use strict";
-    module.exports = css52;
-    css52.displayName = "css";
-    css52.aliases = [];
-    function css52(Prism) {
+    module.exports = css53;
+    css53.displayName = "css";
+    css53.aliases = [];
+    function css53(Prism) {
       ;
       (function(Prism2) {
         var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -5192,7 +5192,7 @@ var require_core = __commonJS({
     var decode = require_parse_entities();
     var Prism = require_prism_core();
     var markup = require_markup();
-    var css52 = require_css();
+    var css53 = require_css();
     var clike = require_clike();
     var js = require_javascript();
     restore();
@@ -5208,7 +5208,7 @@ var require_core = __commonJS({
     refract.registered = registered;
     refract.listLanguages = listLanguages;
     register(markup);
-    register(css52);
+    register(css53);
     register(clike);
     register(js);
     refract.util.encode = encode;
@@ -15304,10 +15304,10 @@ var require_jsstacktrace = __commonJS({
 var require_jsx = __commonJS({
   "../../node_modules/refractor/lang/jsx.js"(exports, module) {
     "use strict";
-    module.exports = jsx266;
-    jsx266.displayName = "jsx";
-    jsx266.aliases = [];
-    function jsx266(Prism) {
+    module.exports = jsx269;
+    jsx269.displayName = "jsx";
+    jsx269.aliases = [];
+    function jsx269(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.0";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "5.5.1";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -26879,10 +26879,10 @@ var SortOrder = /* @__PURE__ */ ((SortOrder2) => {
   SortOrder2["DESC"] = "DESC";
   return SortOrder2;
 })(SortOrder || {});
-var Locale = /* @__PURE__ */ ((Locale2) => {
-  Locale2["enGB"] = "en-GB";
-  Locale2["nlNL"] = "nl-NL";
-  return Locale2;
+var Locale = /* @__PURE__ */ ((Locale3) => {
+  Locale3["enGB"] = "en-GB";
+  Locale3["nlNL"] = "nl-NL";
+  return Locale3;
 })(Locale || {});
 var SubscriptionStatus = /* @__PURE__ */ ((SubscriptionStatus2) => {
   SubscriptionStatus2["INITIAL"] = "initial";
@@ -39057,7 +39057,7 @@ var WfoHeaderBadge = ({
   children,
   ...restProps
 }) => {
-  const css52 = restProps.iconType ? {
+  const css53 = restProps.iconType ? {
     height: 24,
     display: "flex",
     paddingLeft: 0
@@ -39065,7 +39065,7 @@ var WfoHeaderBadge = ({
     height: 24,
     display: "flex"
   };
-  return /* @__PURE__ */ jsx73(WfoBadge, { ...restProps, css: css52, children });
+  return /* @__PURE__ */ jsx73(WfoBadge, { ...restProps, css: css53, children });
 };
 
 // src/components/WfoBadges/WfoEnvironmentBadge/WfoEnvironmentBadge.tsx
@@ -50324,7 +50324,7 @@ var WfoProcessDetailPage = ({
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useCallback as useCallback8, useEffect as useEffect32, useMemo as useMemo6, useState as useState49 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect33, useMemo as useMemo6, useState as useState50 } from "react";
 import { useTranslations as useTranslations68 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
 import {
@@ -50340,6 +50340,7 @@ import { useCallback as useCallback6, useMemo as useMemo4 } from "react";
 import { useMessages, useTranslations as useTranslations62 } from "next-intl";
 import { useRouter as useRouter9 } from "next/router";
 import {
+  Locale as Locale2,
   PydanticForm as PydanticForm2,
   PydanticFormFieldFormat,
   PydanticFormFieldType,
@@ -50686,12 +50687,13 @@ var WfoSummary = ({ pydanticFormField }) => {
 // src/components/WfoPydanticForm/fields/WfoObjectField/WfoObjectField.tsx
 import {
   RenderFields,
+  disableField,
   getPydanticFormComponents,
   usePydanticFormContext as usePydanticFormContext4
 } from "pydantic-forms";
 import { EuiFlexGroup as EuiFlexGroup21 } from "@elastic/eui";
 
-// src/components/WfoPydanticForm/fields/WfoObjectField/getWfoObjectFieldStyles.ts
+// src/components/WfoPydanticForm/fields/WfoObjectField/styles.ts
 import { css as css37 } from "@emotion/react";
 var getWfoObjectFieldStyles = () => {
   const wfoObjectFieldStyles = css37({
@@ -50711,11 +50713,19 @@ var WfoObjectField = ({
   pydanticFormField
 }) => {
   const { config } = usePydanticFormContext4();
+  const disabled = pydanticFormField.attributes?.disabled || false;
   const { wfoObjectFieldStyles } = getWfoObjectFieldStyles();
-  const components = getPydanticFormComponents(
+  const components2 = getPydanticFormComponents(
     pydanticFormField.properties || {},
     config?.componentMatcherExtender
   );
+  if (disabled) {
+    components2.forEach((component) => {
+      component.pydanticFormField = disableField(
+        component.pydanticFormField
+      );
+    });
+  }
   return /* @__PURE__ */ jsx213(
     EuiFlexGroup21,
     {
@@ -50724,7 +50734,7 @@ var WfoObjectField = ({
       children: /* @__PURE__ */ jsx213(
         RenderFields,
         {
-          pydanticFormComponents: components,
+          pydanticFormComponents: components2,
           idPrefix: pydanticFormField.id
         }
       )
@@ -51338,11 +51348,45 @@ function useFieldArray(props) {
 // src/components/WfoPydanticForm/fields/WfoArrayField/WfoArrayField.tsx
 import {
   RenderFields as RenderFields2,
+  disableField as disableField2,
   fieldToComponentMatcher,
   itemizeArrayItem,
   usePydanticFormContext as usePydanticFormContext5
 } from "pydantic-forms";
 import { EuiIcon as EuiIcon5 } from "@elastic/eui";
+
+// src/components/WfoPydanticForm/fields/WfoArrayField/styles.ts
+import { css as css38 } from "@emotion/react";
+var getWfoArrayFieldStyles = () => {
+  const container = css38({
+    padding: "1rem",
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1
+  });
+  const fieldWrapper = css38({
+    display: "flex",
+    gap: "10px",
+    alignItems: "center"
+  });
+  const minusButton = css38({
+    width: "40px",
+    cursor: "pointer"
+  });
+  const plusButtonWrapper = css38({
+    display: "flex",
+    cursor: "pointer",
+    justifyContent: "end"
+  });
+  return {
+    container,
+    fieldWrapper,
+    minusButton,
+    plusButtonWrapper
+  };
+};
+
+// src/components/WfoPydanticForm/fields/WfoArrayField/WfoArrayField.tsx
 import { jsx as jsx214, jsxs as jsxs112 } from "@emotion/react/jsx-runtime";
 var MinusButton = ({
   index,
@@ -51382,6 +51426,7 @@ var WfoArrayField = ({
   pydanticFormField
 }) => {
   const { config, rhf } = usePydanticFormContext5();
+  const disabled = pydanticFormField.attributes?.disabled || false;
   const { control } = rhf;
   const { id: arrayName, arrayItem } = pydanticFormField;
   const { minItems, maxItems } = pydanticFormField.validations;
@@ -51390,15 +51435,16 @@ var WfoArrayField = ({
     control,
     name: arrayName
   });
-  const showMinus = !minItems || fields.length > minItems;
-  const showPlus = !maxItems || fields.length < maxItems;
+  const showMinus = (!minItems || fields.length > minItems) && !disabled;
+  const showPlus = (!maxItems || fields.length < maxItems) && !disabled;
   if (!arrayItem) return null;
   const component = fieldToComponentMatcher(
     arrayItem,
     config?.componentMatcherExtender
   );
   const renderField = (field, index) => {
-    const arrayField = itemizeArrayItem(index, arrayItem, arrayName);
+    const itemizedField = itemizeArrayItem(index, arrayItem, arrayName);
+    const arrayItemField = disabled ? disableField2(itemizedField) : itemizedField;
     return /* @__PURE__ */ jsxs112("div", { css: fieldWrapper, children: [
       /* @__PURE__ */ jsx214(
         RenderFields2,
@@ -51406,7 +51452,7 @@ var WfoArrayField = ({
           pydanticFormComponents: [
             {
               Element: component.Element,
-              pydanticFormField: arrayField
+              pydanticFormField: arrayItemField
             }
           ],
           extraTriggerFields: [arrayName]
@@ -51438,37 +51484,6 @@ var WfoArrayField = ({
   ] });
 };
 
-// src/components/WfoPydanticForm/fields/WfoArrayField/arrayFieldStyles.ts
-import { css as css38 } from "@emotion/react";
-var getWfoArrayFieldStyles = () => {
-  const container = css38({
-    padding: "1rem",
-    display: "flex",
-    flexDirection: "column",
-    flexGrow: 1
-  });
-  const fieldWrapper = css38({
-    display: "flex",
-    gap: "10px",
-    alignItems: "center"
-  });
-  const minusButton = css38({
-    width: "40px",
-    cursor: "pointer"
-  });
-  const plusButtonWrapper = css38({
-    display: "flex",
-    cursor: "pointer",
-    justifyContent: "end"
-  });
-  return {
-    container,
-    fieldWrapper,
-    minusButton,
-    plusButtonWrapper
-  };
-};
-
 // src/components/WfoPydanticForm/fields/WfoRadio.tsx
 import { EuiRadioGroup } from "@elastic/eui";
 import { jsx as jsx215 } from "@emotion/react/jsx-runtime";
@@ -51533,8 +51548,219 @@ var WfoInteger = ({
   );
 };
 
+// src/components/WfoPydanticForm/fields/WfoReactSelect/WfoReactSelect.tsx
+import ReactSelect5, { components } from "react-select";
+import { EuiButtonIcon as EuiButtonIcon11 } from "@elastic/eui";
+
+// src/components/WfoPydanticForm/fields/WfoReactSelect/styles.ts
+import { css as css40 } from "@emotion/react";
+var getWfoReactSelectStyles = (wfoTheme) => {
+  const { theme } = wfoTheme;
+  const reactSelectInnerComponentStyles = {
+    option: (baseStyles, state) => ({
+      ...baseStyles,
+      borderBottom: theme.border.thin,
+      borderColor: theme.colors.lightShade,
+      backgroundColor: theme.colors.lightestShade,
+      color: state.isSelected ? theme.colors.primaryText : theme.colors.text
+    }),
+    control: (baseStyles, state) => {
+      return {
+        ...baseStyles,
+        backgroundColor: state.isFocused ? theme.colors.emptyShade : theme.colors.lightestShade,
+        color: theme.colors.text,
+        border: `1px solid ${theme.colors.lightShade}`
+      };
+    },
+    input: (baseStyles) => ({
+      ...baseStyles,
+      color: theme.colors.text
+    }),
+    singleValue: (baseStyles, state) => {
+      const opacity = state.isDisabled ? 0.3 : 1;
+      const transition = "opacity 300ms";
+      return {
+        ...baseStyles,
+        opacity,
+        transition,
+        color: theme.colors.text
+      };
+    },
+    menu: (baseStyles) => ({
+      ...baseStyles,
+      backgroundColor: theme.colors.lightestShade
+    })
+  };
+  const containerStyle = css40({
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center"
+  });
+  const reactSelectStyle = css40({
+    width: "100%"
+  });
+  const refreshButtonStyle = css40({
+    marginRight: theme.base / 2,
+    cursor: "pointer"
+  });
+  return {
+    reactSelectInnerComponentStyles,
+    refreshButtonStyle,
+    containerStyle,
+    reactSelectStyle
+  };
+};
+
+// src/components/WfoPydanticForm/fields/WfoReactSelect/WfoReactSelect.tsx
+import { jsx as jsx217, jsxs as jsxs113 } from "@emotion/react/jsx-runtime";
+var WfoReactSelect = ({
+  options,
+  id,
+  onChange,
+  value,
+  disabled = false,
+  isLoading = false,
+  placeholder = "Select an option",
+  hasError = false,
+  refetch
+}) => {
+  const selectedValue = options.find(
+    (option) => option.value === value
+  );
+  const {
+    reactSelectInnerComponentStyles,
+    containerStyle,
+    refreshButtonStyle,
+    reactSelectStyle
+  } = useWithOrchestratorTheme(getWfoReactSelectStyles);
+  if (hasError) {
+    return /* @__PURE__ */ jsx217(WfoError, {});
+  }
+  const Input = ({
+    ...props
+  }) => {
+    return /* @__PURE__ */ jsx217(components.Input, { ...props, "data-testid": `${id}.search-input` });
+  };
+  return /* @__PURE__ */ jsxs113("div", { css: containerStyle, children: [
+    refetch && /* @__PURE__ */ jsx217(
+      EuiButtonIcon11,
+      {
+        className: "reload-subscriptions-icon-button",
+        css: refreshButtonStyle,
+        "aria-label": `refetch-${id}`,
+        id: `refresh-icon-${id}`,
+        iconType: "refresh",
+        iconSize: "l",
+        disabled,
+        onClick: () => {
+          refetch();
+        },
+        "data-testid": `${id}-refresh-button`
+      }
+    ),
+    /* @__PURE__ */ jsx217(
+      ReactSelect5,
+      {
+        id,
+        inputId: `${id}.search`,
+        onChange: (option) => {
+          const selectedValue2 = option?.value;
+          onChange(selectedValue2);
+        },
+        css: reactSelectStyle,
+        isLoading,
+        styles: reactSelectInnerComponentStyles,
+        options,
+        value: selectedValue || null,
+        isSearchable: true,
+        isClearable: true,
+        placeholder,
+        isDisabled: disabled,
+        components: {
+          Input
+        }
+      }
+    )
+  ] });
+};
+
+// src/components/WfoPydanticForm/fields/WfoDropdown.tsx
+import { jsx as jsx218 } from "@emotion/react/jsx-runtime";
+var WfoDropdown = ({
+  onChange,
+  pydanticFormField,
+  value
+}) => {
+  const dropDownOptions = pydanticFormField.options.map((option) => ({
+    value: option.value,
+    label: option.label
+  }));
+  return /* @__PURE__ */ jsx218(
+    WfoReactSelect,
+    {
+      options: dropDownOptions,
+      onChange,
+      id: pydanticFormField.id,
+      value
+    }
+  );
+};
+
+// src/components/WfoPydanticForm/fields/WfoMultiCheckboxField.tsx
+import { useEffect as useEffect30, useState as useState44 } from "react";
+import { EuiCheckboxGroup } from "@elastic/eui";
+import { jsx as jsx219 } from "@emotion/react/jsx-runtime";
+var WfoMultiCheckboxField = ({
+  pydanticFormField,
+  onChange,
+  value
+}) => {
+  useEffect30(() => {
+    const getInitialMap = () => {
+      const initialIdMap = (value || []).reduce(
+        (idMap, id2) => {
+          idMap[id2] = true;
+          return idMap;
+        },
+        {}
+      );
+      return initialIdMap;
+    };
+    setCheckboxIdToSelectedMap(getInitialMap());
+  }, [value]);
+  const [checkboxIdToSelectedMap, setCheckboxIdToSelectedMap] = useState44({});
+  const { options, id } = pydanticFormField;
+  const checkboxes = options.map((option, index) => ({
+    label: option.label,
+    id: option.value,
+    "data-test-id": `${id}-${index}`
+  }));
+  const handleCheckboxChange = (optionId) => {
+    const newCheckboxIdToSelectedMap = {
+      ...checkboxIdToSelectedMap,
+      ...{
+        [optionId]: !checkboxIdToSelectedMap[optionId]
+      }
+    };
+    const selectedIds = Object.keys(newCheckboxIdToSelectedMap).filter(
+      (key) => newCheckboxIdToSelectedMap[key]
+    );
+    onChange(selectedIds);
+    setCheckboxIdToSelectedMap(newCheckboxIdToSelectedMap);
+  };
+  return /* @__PURE__ */ jsx219(
+    EuiCheckboxGroup,
+    {
+      options: checkboxes,
+      idToSelectedMap: checkboxIdToSelectedMap,
+      onChange: (id2) => handleCheckboxChange(id2),
+      "data-testid": id
+    }
+  );
+};
+
 // src/components/WfoPydanticForm/WfoPydanticForm.tsx
-import { jsx as jsx217 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx220 } from "@emotion/react/jsx-runtime";
 var useWfoPydanticFormConfig = () => {
   const componentMatcherExtender = useAppSelector(
     (state) => state.pydanticForm?.componentMatcherExtender
@@ -51616,13 +51842,13 @@ var useWfoPydanticFormConfig = () => {
           }
         },
         {
-          id: "radio",
+          id: "dropdown",
           ElementMatch: {
-            Element: WfoRadio,
+            Element: WfoDropdown,
             isControlledElement: true
           },
           matcher(field) {
-            return field.type === PydanticFormFieldType.STRING && field.options.length > 0 && field.options.length <= 3;
+            return field.type === PydanticFormFieldType.STRING && Array.isArray(field.options) && field.options.length > 0;
           }
         },
         {
@@ -51636,6 +51862,17 @@ var useWfoPydanticFormConfig = () => {
           },
           validator: zodValidationPresets.integer
         },
+        {
+          id: "multicheckbox",
+          ElementMatch: {
+            Element: WfoMultiCheckboxField,
+            isControlledElement: true
+          },
+          matcher(field) {
+            return field.type === PydanticFormFieldType.ARRAY && field.options?.length > 0 && field.options?.length <= 5;
+          },
+          validator: zodValidationPresets.multiSelect
+        },
         ...currentMatchers.filter((matcher) => matcher.id !== "text").filter((matcher) => matcher.id !== "array").filter((matcher) => matcher.id !== "object"),
         {
           id: "object",
@@ -51687,15 +51924,18 @@ var WfoPydanticForm = ({
     pydanticLabelProvider,
     customTranslations
   } = useWfoPydanticFormConfig();
-  const onSuccess = (_fieldValues, req) => {
-    const request = req;
-    const response = request ? request?.response : null;
-    if (response?.id) {
-      const pfBasePath = isTask ? PATH_TASKS : PATH_WORKFLOWS;
-      router.replace(`${pfBasePath}/${response.id}`);
-    }
-  };
-  const getPydanticFormProvider = () => {
+  const onSuccess = useCallback6(
+    (_fieldValues, req) => {
+      const request = req;
+      const response = request ? request?.response : null;
+      if (response?.id) {
+        const pfBasePath = isTask ? PATH_TASKS : PATH_WORKFLOWS;
+        router.replace(`${pfBasePath}/${response.id}`);
+      }
+    },
+    [isTask, router]
+  );
+  const getPydanticFormProvider = useCallback6(() => {
     const pydanticFormProvider = async ({
       requestBody = [],
       formKey
@@ -51732,35 +51972,51 @@ var WfoPydanticForm = ({
       });
     };
     return pydanticFormProvider;
-  };
-  const handleCancel = () => {
+  }, [startProcess, startProcessPayload]);
+  const handleCancel = useCallback6(() => {
     const pfBasePath = isTask ? PATH_TASKS : PATH_WORKFLOWS;
     router.replace(pfBasePath);
-  };
-  return /* @__PURE__ */ jsx217(
+  }, [isTask, router]);
+  const config = useMemo4(() => {
+    const getLocale = () => {
+      if (router.locale) {
+        return router.locale;
+      }
+      return Locale2.enGB;
+    };
+    return {
+      apiProvider: getPydanticFormProvider(),
+      allowUntouchedSubmit: true,
+      footerRenderer: Footer,
+      headerRenderer: Header,
+      skipSuccessNotice: true,
+      componentMatcherExtender: wfoComponentMatcherExtender,
+      labelProvider: pydanticLabelProvider,
+      rowRenderer: Row,
+      customTranslations,
+      locale: getLocale()
+    };
+  }, [
+    customTranslations,
+    getPydanticFormProvider,
+    pydanticLabelProvider,
+    router.locale,
+    wfoComponentMatcherExtender
+  ]);
+  return /* @__PURE__ */ jsx220(
     PydanticForm2,
     {
       id: processName,
       onSuccess,
       onCancel: handleCancel,
-      loadingComponent: /* @__PURE__ */ jsx217(WfoLoading, {}),
-      config: {
-        apiProvider: getPydanticFormProvider(),
-        allowUntouchedSubmit: true,
-        footerRenderer: Footer,
-        headerRenderer: Header,
-        skipSuccessNotice: true,
-        componentMatcherExtender: wfoComponentMatcherExtender,
-        labelProvider: pydanticLabelProvider,
-        rowRenderer: Row,
-        customTranslations
-      }
+      loadingComponent: /* @__PURE__ */ jsx220(WfoLoading, {}),
+      config
     }
   );
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React69, { useState as useState45 } from "react";
+import React70, { useState as useState46 } from "react";
 import { useTranslations as useTranslations63 } from "next-intl";
 import {
   EuiButton as EuiButton12,
@@ -51774,36 +52030,36 @@ import {
 import { EuiFlexItem as EuiFlexItem25 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/styles.ts
-import { css as css40 } from "@emotion/react";
+import { css as css41 } from "@emotion/react";
 var getWorkflowStepsStyles = ({
   theme,
   toSecondaryColor
 }) => {
   const SPACE_BETWEEN_STEPS = theme.base * 1.5;
-  const stepSpacerStyle = css40({
+  const stepSpacerStyle = css41({
     borderLeft: `1px solid ${theme.colors.darkShade}`,
     height: `${SPACE_BETWEEN_STEPS}px`,
     marginLeft: "36px"
   });
-  const stepRowStyle = css40({
+  const stepRowStyle = css41({
     flexGrow: 1,
     alignItems: "center",
     justifyContent: "flex-end"
   });
-  const stepListHeaderStyle = css40({
+  const stepListHeaderStyle = css41({
     marginBottom: "24px",
     marginTop: "60px",
     alignItems: "flex-end"
   });
-  const stepListContentStyle = css40({
+  const stepListContentStyle = css41({
     flexDirection: "row",
     alignItems: "center"
   });
-  const stepListContentBoldTextStyle = css40({
+  const stepListContentBoldTextStyle = css41({
     fontSize: theme.size.base,
     fontWeight: theme.font.weight.bold
   });
-  const stepListContentAnchorStyle = css40({
+  const stepListContentAnchorStyle = css41({
     marginTop: 2,
     marginLeft: 0,
     fontSize: theme.size.m,
@@ -51811,7 +52067,7 @@ var getWorkflowStepsStyles = ({
     color: theme.colors.link,
     cursor: "pointer"
   });
-  const stepListOptionsContainerStyle = css40({
+  const stepListOptionsContainerStyle = css41({
     flexGrow: 0
   });
   const stepStateIcon = {
@@ -51827,36 +52083,36 @@ var getWorkflowStepsStyles = ({
     color: theme.colors.disabled,
     fontWeight: theme.font.weight.semiBold
   };
-  const stepStateSuccessIconStyle = css40({
+  const stepStateSuccessIconStyle = css41({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.primary)
   });
-  const stepStateSuspendIconStyle = css40({
+  const stepStateSuspendIconStyle = css41({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.warning)
   });
-  const stepStatePendingIconStyle = css40({
+  const stepStatePendingIconStyle = css41({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.darkShade)
   });
-  const stepStateFailedIconStyle = css40({
+  const stepStateFailedIconStyle = css41({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.danger)
   });
-  const stepHeaderRightStyle = css40({
+  const stepHeaderRightStyle = css41({
     alignItems: "center"
   });
-  const stepEmailContainerStyle = css40({
+  const stepEmailContainerStyle = css41({
     paddingLeft: 24,
     width: 600,
     marginTop: 0
   });
-  const getStepHeaderStyle = (isClickable) => css40({
+  const getStepHeaderStyle = (isClickable) => css41({
     gap: 0,
     alignItems: "center",
     cursor: isClickable ? "pointer" : "default"
   });
-  const getStepToggleExpandStyle = (isVisible) => css40({
+  const getStepToggleExpandStyle = (isVisible) => css41({
     marginRight: theme.base / 2,
     visibility: isVisible ? "visible" : "hidden"
   });
@@ -51882,26 +52138,26 @@ var getWorkflowStepsStyles = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
-import { jsx as jsx218, jsxs as jsxs113 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx221, jsxs as jsxs114 } from "@emotion/react/jsx-runtime";
 var SubIcon = ({ stepStatus, color = "" }) => {
   switch (stepStatus) {
     case "suspend" /* SUSPEND */:
-      return /* @__PURE__ */ jsx218(WfoMinusCircleFill, { color });
+      return /* @__PURE__ */ jsx221(WfoMinusCircleFill, { color });
     case "failed" /* FAILED */:
-      return /* @__PURE__ */ jsx218(WfoXCircleFill, { color });
+      return /* @__PURE__ */ jsx221(WfoXCircleFill, { color });
     default:
-      return /* @__PURE__ */ jsx218(WfoCheckmarkCircleFill, { color });
+      return /* @__PURE__ */ jsx221(WfoCheckmarkCircleFill, { color });
   }
 };
 var MainIcon = ({ stepStatus, color = "", isStartStep }) => {
   if (isStartStep) {
-    return /* @__PURE__ */ jsx218(WfoPlayFill, { color });
+    return /* @__PURE__ */ jsx221(WfoPlayFill, { color });
   }
   switch (stepStatus) {
     case "form" /* FORM */:
-      return /* @__PURE__ */ jsx218(WfoPencilAlt, { color });
+      return /* @__PURE__ */ jsx221(WfoPencilAlt, { color });
     default:
-      return /* @__PURE__ */ jsx218(WfoCogFill, { color, width: 16, height: 16 });
+      return /* @__PURE__ */ jsx221(WfoCogFill, { color, width: 16, height: 16 });
   }
 };
 var WfoStepStatusIcon = ({
@@ -51956,8 +52212,8 @@ var WfoStepStatusIcon = ({
         ];
     }
   })();
-  return /* @__PURE__ */ jsxs113(EuiFlexItem25, { css: { flexDirection: "row" }, grow: 0, children: [
-    /* @__PURE__ */ jsx218("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx218(
+  return /* @__PURE__ */ jsxs114(EuiFlexItem25, { css: { flexDirection: "row" }, grow: 0, children: [
+    /* @__PURE__ */ jsx221("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx221(
       MainIcon,
       {
         color: mainIconColor,
@@ -51965,7 +52221,7 @@ var WfoStepStatusIcon = ({
         isStartStep
       }
     ) }),
-    /* @__PURE__ */ jsx218(
+    /* @__PURE__ */ jsx221(
       "div",
       {
         css: {
@@ -51973,7 +52229,7 @@ var WfoStepStatusIcon = ({
           width: `${theme.base}`,
           visibility: hasSubIcon ? "visible" : "hidden"
         },
-        children: /* @__PURE__ */ jsx218(SubIcon, { color: subIconColor, stepStatus })
+        children: /* @__PURE__ */ jsx221(SubIcon, { color: subIconColor, stepStatus })
       }
     )
   ] });
@@ -52002,17 +52258,17 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
-import { useState as useState44 } from "react";
+import { useState as useState45 } from "react";
 import { EuiFlexItem as EuiFlexItem26 } from "@elastic/eui";
-import { jsx as jsx219 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx222 } from "@emotion/react/jsx-runtime";
 var WfoStepForm = ({
   userInputForm,
   isTask,
   processId,
   userPermissions
 }) => {
-  const [isProcessing, setIsProcessing] = useState44(false);
-  const [hasError, setHasError] = useState44(false);
+  const [isProcessing, setIsProcessing] = useState45(false);
+  const [hasError, setHasError] = useState45(false);
   const { theme } = useOrchestratorTheme();
   const [resumeProcess] = useResumeProcessMutation();
   const submitForm = (processInput) => {
@@ -52033,7 +52289,7 @@ var WfoStepForm = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx219(EuiFlexItem26, { css: { margin: theme.size.m }, children: hasError && /* @__PURE__ */ jsx219(WfoError, {}) || isProcessing && /* @__PURE__ */ jsx219(WfoLoading, {}) || /* @__PURE__ */ jsx219(
+  return /* @__PURE__ */ jsx222(EuiFlexItem26, { css: { margin: theme.size.m }, children: hasError && /* @__PURE__ */ jsx222(WfoError, {}) || isProcessing && /* @__PURE__ */ jsx222(WfoLoading, {}) || /* @__PURE__ */ jsx222(
     UserInputFormWizard,
     {
       stepUserInput: userInputForm,
@@ -52047,8 +52303,8 @@ var WfoStepForm = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import { Fragment as Fragment51, jsx as jsx220, jsxs as jsxs114 } from "@emotion/react/jsx-runtime";
-var WfoStep = React69.forwardRef(
+import { Fragment as Fragment51, jsx as jsx223, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
+var WfoStep = React70.forwardRef(
   ({
     stepListItem,
     onToggleStepDetail,
@@ -52061,7 +52317,7 @@ var WfoStep = React69.forwardRef(
     userPermissions
   }, ref) => {
     const { isExpanded, step, userInputForm } = stepListItem;
-    const [tableView, setTableView] = useState45(false);
+    const [tableView, setTableView] = useState46(false);
     const { theme } = useOrchestratorTheme();
     const {
       stepEmailContainerStyle,
@@ -52083,29 +52339,29 @@ var WfoStep = React69.forwardRef(
       if (!value) {
         return "";
       }
-      return /* @__PURE__ */ jsxs114(EuiText37, { size: "s", children: [
-        /* @__PURE__ */ jsx220("h4", { children: "To" }),
-        /* @__PURE__ */ jsx220("p", { children: value.to.map(
-          (v, i) => /* @__PURE__ */ jsxs114("div", { children: [
+      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: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx220("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx223("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `to-${i}`)
         ) }),
-        /* @__PURE__ */ jsx220("h4", { children: "CC" }),
-        /* @__PURE__ */ jsx220("p", { children: value.cc.map(
-          (v, i) => /* @__PURE__ */ jsxs114("div", { children: [
+        /* @__PURE__ */ jsx223("h4", { children: "CC" }),
+        /* @__PURE__ */ jsx223("p", { children: value.cc.map(
+          (v, i) => /* @__PURE__ */ jsxs115("div", { children: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx220("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx223("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `cc-${i}`)
         ) }),
-        /* @__PURE__ */ jsx220("h4", { children: "Subject" }),
-        /* @__PURE__ */ jsx220("p", { children: value.subject }),
-        /* @__PURE__ */ jsx220("h4", { children: "Message" }),
-        /* @__PURE__ */ jsx220(
+        /* @__PURE__ */ jsx223("h4", { children: "Subject" }),
+        /* @__PURE__ */ jsx223("p", { children: value.subject }),
+        /* @__PURE__ */ jsx223("h4", { children: "Message" }),
+        /* @__PURE__ */ jsx223(
           "div",
           {
             className: "emailMessage",
@@ -52114,30 +52370,30 @@ var WfoStep = React69.forwardRef(
         )
       ] });
     };
-    return /* @__PURE__ */ jsx220("div", { ref, children: /* @__PURE__ */ jsxs114(EuiPanel4, { children: [
-      /* @__PURE__ */ jsxs114(
+    return /* @__PURE__ */ jsx223("div", { ref, children: /* @__PURE__ */ jsxs115(EuiPanel4, { children: [
+      /* @__PURE__ */ jsxs115(
         EuiFlexGroup22,
         {
           css: getStepHeaderStyle(hasStepContent),
           onClick: () => hasStepContent && onToggleStepDetail(),
           children: [
-            /* @__PURE__ */ jsx220(
+            /* @__PURE__ */ jsx223(
               WfoStepStatusIcon,
               {
                 stepStatus: step.status,
                 isStartStep
               }
             ),
-            /* @__PURE__ */ jsxs114(EuiFlexItem27, { grow: 0, children: [
-              /* @__PURE__ */ jsx220(EuiText37, { css: stepListContentBoldTextStyle, children: step.name }),
-              /* @__PURE__ */ jsxs114(EuiText37, { children: [
+            /* @__PURE__ */ jsxs115(EuiFlexItem27, { grow: 0, children: [
+              /* @__PURE__ */ jsx223(EuiText37, { css: stepListContentBoldTextStyle, children: step.name }),
+              /* @__PURE__ */ jsxs115(EuiText37, { children: [
                 step.status,
                 " ",
                 step.completed && `- ${formatDate(step.completed)}`
               ] })
             ] }),
-            /* @__PURE__ */ jsx220(EuiFlexGroup22, { css: stepRowStyle, children: step.completed && /* @__PURE__ */ jsxs114(Fragment51, { children: [
-              isExpanded && /* @__PURE__ */ jsx220(
+            /* @__PURE__ */ jsx223(EuiFlexGroup22, { css: stepRowStyle, children: step.completed && /* @__PURE__ */ jsxs115(Fragment51, { children: [
+              isExpanded && /* @__PURE__ */ jsx223(
                 EuiButton12,
                 {
                   onClick: (event) => {
@@ -52150,33 +52406,33 @@ var WfoStep = React69.forwardRef(
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs114(
+              /* @__PURE__ */ jsxs115(
                 EuiFlexItem27,
                 {
                   grow: 0,
                   css: stepHeaderRightStyle,
                   children: [
-                    /* @__PURE__ */ jsx220(EuiText37, { css: stepDurationStyle, children: t("duration") }),
-                    /* @__PURE__ */ jsx220(EuiText37, { size: "m", children: calculateTimeDifference(
+                    /* @__PURE__ */ jsx223(EuiText37, { css: stepDurationStyle, children: t("duration") }),
+                    /* @__PURE__ */ jsx223(EuiText37, { size: "m", children: calculateTimeDifference(
                       startedAt,
                       completedAt
                     ) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx220(
+              /* @__PURE__ */ jsx223(
                 EuiFlexItem27,
                 {
                   grow: 0,
                   css: getStepToggleExpandStyle(
                     hasStepContent
                   ),
-                  children: isExpanded && /* @__PURE__ */ jsx220(
+                  children: isExpanded && /* @__PURE__ */ jsx223(
                     WfoChevronUp,
                     {
                       color: theme.colors.text
                     }
-                  ) || /* @__PURE__ */ jsx220(
+                  ) || /* @__PURE__ */ jsx223(
                     WfoChevronDown,
                     {
                       color: theme.colors.text
@@ -52188,11 +52444,11 @@ var WfoStep = React69.forwardRef(
           ]
         }
       ),
-      hasStepContent && !hasHtmlMail && isExpanded && (tableView ? /* @__PURE__ */ jsx220(WfoTableCodeBlock, { stepState: stepContent }) : /* @__PURE__ */ jsx220(WfoJsonCodeBlock, { data: stepContent })),
-      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx220("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
+      hasStepContent && !hasHtmlMail && isExpanded && (tableView ? /* @__PURE__ */ jsx223(WfoTableCodeBlock, { stepState: stepContent }) : /* @__PURE__ */ jsx223(WfoJsonCodeBlock, { data: stepContent })),
+      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx223("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
         step.stateDelta.confirmation_mail
       ) }),
-      step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsx220(
+      step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsx223(
         WfoStepForm,
         {
           userInputForm,
@@ -52207,9 +52463,9 @@ var WfoStep = React69.forwardRef(
 WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
-import React70, { useImperativeHandle as useImperativeHandle2, useRef as useRef12 } from "react";
-import { Fragment as Fragment52, jsx as jsx221, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
-var WfoStepList = React70.forwardRef(
+import React71, { 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 = React71.forwardRef(
   ({
     stepListItems,
     showHiddenKeys,
@@ -52264,9 +52520,9 @@ var WfoStepList = React70.forwardRef(
         stepReferences.current.delete(stepId);
       }
     };
-    return /* @__PURE__ */ jsx221(Fragment52, { children: stepListItems.map((stepListItem, index) => /* @__PURE__ */ jsxs115("div", { children: [
-      index !== 0 && /* @__PURE__ */ jsx221("div", { css: stepSpacerStyle }),
-      /* @__PURE__ */ jsx221(
+    return /* @__PURE__ */ jsx224(Fragment52, { children: stepListItems.map((stepListItem, index) => /* @__PURE__ */ jsxs116("div", { children: [
+      index !== 0 && /* @__PURE__ */ jsx224("div", { css: stepSpacerStyle }),
+      /* @__PURE__ */ jsx224(
         WfoStep,
         {
           ref: getReferenceCallbackForStepId(
@@ -52289,19 +52545,19 @@ var WfoStepList = React70.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React72, { useEffect as useEffect31, useState as useState47 } from "react";
+import React73, { useEffect as useEffect32, useState as useState48 } from "react";
 import { useTranslations as useTranslations66 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
-import { useCallback as useCallback7, useEffect as useEffect30, useMemo as useMemo5, useState as useState46 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect31, useMemo as useMemo5, 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 "prism-themes/themes/prism-ghcolors.min.css";
 import { diffLines, formatLines } from "unidiff";
 import {
-  EuiButtonIcon as EuiButtonIcon11,
+  EuiButtonIcon as EuiButtonIcon12,
   EuiFlexGroup as EuiFlexGroup23,
   EuiFlexItem as EuiFlexItem28,
   EuiSpacer as EuiSpacer20,
@@ -52310,7 +52566,7 @@ import {
 
 // src/components/WfoDiff/styles.ts
 import { shade as shade2, tint as tint4 } from "@elastic/eui";
-import { css as css41 } from "@emotion/react";
+import { css as css42 } from "@emotion/react";
 var getWfoDiffStyles = ({
   theme,
   toSecondaryColor,
@@ -52322,7 +52578,7 @@ var getWfoDiffStyles = ({
   const insertCodeColor = isDarkThemeActive ? shade2(insertGutterColor, SHADE_FACTOR) : tint4(insertGutterColor, TINT_FACTOR);
   const deleteColor = toSecondaryColor(theme.colors.danger);
   const deleteSecondaryColor = isDarkThemeActive ? shade2(deleteColor, SHADE_FACTOR) : tint4(deleteColor, TINT_FACTOR);
-  const diffStyle = css41({
+  const diffStyle = css42({
     ".diff-code-insert": {
       backgroundColor: insertCodeColor
     },
@@ -52345,16 +52601,16 @@ var getWfoDiffStyles = ({
 };
 
 // src/components/WfoDiff/WfoDiff.tsx
-import { jsx as jsx222, jsxs as jsxs116 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx225, jsxs as jsxs117 } 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 [showSplit, setShowSplit] = useState46(true);
-  const [showFull, setShowFull] = useState46(false);
+  const [showSplit, setShowSplit] = useState47(true);
+  const [showFull, setShowFull] = useState47(false);
   const { diffStyle } = useWithOrchestratorTheme(getWfoDiffStyles);
-  const [{ type, hunks }, setDiff] = useState46({
+  const [{ type, hunks }, setDiff] = useState47({
     type: "modify",
     hunks: []
   });
@@ -52380,14 +52636,14 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
       return void 0;
     }
   }, [hunks, syntax]);
-  useEffect30(() => {
+  useEffect31(() => {
     updateDiffText();
   }, [updateDiffText, showFull]);
-  return /* @__PURE__ */ jsxs116("div", { children: [
-    /* @__PURE__ */ jsxs116(EuiFlexGroup23, { gutterSize: "xs", children: [
-      /* @__PURE__ */ jsx222(EuiFlexItem28, { grow: false, children: /* @__PURE__ */ jsx222(EuiText38, { children: /* @__PURE__ */ jsx222("h3", { children: t("title") }) }) }),
-      /* @__PURE__ */ jsx222(EuiFlexItem28, { grow: false, children: /* @__PURE__ */ jsx222(
-        EuiButtonIcon11,
+  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(
+        EuiButtonIcon12,
         {
           size: "s",
           iconType: showSplit ? "continuityAboveBelow" : "continuityWithin",
@@ -52397,8 +52653,8 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
           )
         }
       ) }),
-      /* @__PURE__ */ jsx222(EuiFlexItem28, { grow: false, children: /* @__PURE__ */ jsx222(
-        EuiButtonIcon11,
+      /* @__PURE__ */ jsx225(EuiFlexItem28, { grow: false, children: /* @__PURE__ */ jsx225(
+        EuiButtonIcon12,
         {
           size: "s",
           iconType: showFull ? "fullScreenExit" : "fullScreen",
@@ -52409,8 +52665,8 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx222(EuiSpacer20, {}),
-    /* @__PURE__ */ jsx222(
+    /* @__PURE__ */ jsx225(EuiSpacer20, {}),
+    /* @__PURE__ */ jsx225(
       Diff,
       {
         css: diffStyle,
@@ -52418,7 +52674,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
         diffType: type,
         hunks: hunks || EMPTY_HUNKS,
         tokens,
-        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx222(Hunk, { hunk }, hunk.content))
+        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx225(Hunk, { hunk }, hunk.content))
       }
     )
   ] });
@@ -52430,9 +52686,9 @@ import { useTranslations as useTranslations65 } from "next-intl";
 import { EuiCodeBlock, EuiText as EuiText39 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoTraceback/styles.ts
-import { css as css42 } from "@emotion/react";
+import { css as css43 } from "@emotion/react";
 var getStyles12 = ({ theme }) => {
-  const codeBlockStyle = css42({
+  const codeBlockStyle = css43({
     marginTop: theme.size.m,
     marginBottom: theme.size.l,
     borderRadius: theme.border.radius.medium
@@ -52443,21 +52699,21 @@ var getStyles12 = ({ theme }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx
-import { Fragment as Fragment53, jsx as jsx223, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx226, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
 var WfoTraceback = ({ children }) => {
   const { codeBlockStyle } = useWithOrchestratorTheme(getStyles12);
   const t = useTranslations65("processes.steps");
-  return /* @__PURE__ */ jsxs117(Fragment53, { children: [
-    /* @__PURE__ */ jsx223(EuiText39, { children: /* @__PURE__ */ jsx223("h3", { children: t("traceback") }) }),
-    /* @__PURE__ */ jsx223(EuiCodeBlock, { css: codeBlockStyle, children })
+  return /* @__PURE__ */ jsxs118(Fragment53, { children: [
+    /* @__PURE__ */ jsx226(EuiText39, { children: /* @__PURE__ */ jsx226("h3", { children: t("traceback") }) }),
+    /* @__PURE__ */ jsx226(EuiCodeBlock, { css: codeBlockStyle, children })
   ] });
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import { Fragment as Fragment54, jsx as jsx224, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx227, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
 var WfoProcessRawData = ({ processId }) => {
   const { data, isFetching } = useGetRawProcessDetailQuery({ processId });
-  return isFetching ? /* @__PURE__ */ jsx224(WfoLoading, {}) : /* @__PURE__ */ jsx224(WfoJsonCodeBlock, { data: data || {} });
+  return isFetching ? /* @__PURE__ */ jsx227(WfoLoading, {}) : /* @__PURE__ */ jsx227(WfoJsonCodeBlock, { data: data || {} });
 };
 var WfoProcessSubscriptionDelta = ({
   processId
@@ -52468,7 +52724,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__ */ jsx224(WfoLoading, {}) : /* @__PURE__ */ jsx224(
+  return isFetching ? /* @__PURE__ */ jsx227(WfoLoading, {}) : /* @__PURE__ */ jsx227(
     WfoDiff_default,
     {
       oldText: oldText ? JSON.stringify(oldText, null, 2) : "",
@@ -52477,7 +52733,7 @@ var WfoProcessSubscriptionDelta = ({
     }
   );
 };
-var WfoWorkflowStepList = React72.forwardRef(
+var WfoWorkflowStepList = React73.forwardRef(
   ({
     steps = [],
     lastStatus,
@@ -52487,16 +52743,16 @@ var WfoWorkflowStepList = React72.forwardRef(
     userInputForm,
     userPermissions
   }, reference) => {
-    const [showHiddenKeys, setShowHiddenKeys] = useState47(false);
-    const [showRaw, setShowRaw] = useState47(false);
-    const [showDelta, setShowDelta] = useState47(false);
-    const [showTraceback, setShowTraceback] = useState47(false);
+    const [showHiddenKeys, setShowHiddenKeys] = useState48(false);
+    const [showRaw, setShowRaw] = useState48(false);
+    const [showDelta, setShowDelta] = useState48(false);
+    const [showTraceback, setShowTraceback] = useState48(false);
     const t = useTranslations66("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
     }));
-    const [stepListItems, setStepListItems] = useState47(initialStepListItems);
+    const [stepListItems, setStepListItems] = useState48(initialStepListItems);
     const persistStepListItemState = (previousStepListItems, updatedSteps, userInputForm2) => {
       const reversedSteps = [...updatedSteps].reverse();
       const lastStepWithSuspendStatusStepId = reversedSteps.find(
@@ -52513,7 +52769,7 @@ var WfoWorkflowStepList = React72.forwardRef(
         };
       });
     };
-    useEffect31(() => {
+    useEffect32(() => {
       setStepListItems(
         (previousStepListItems) => persistStepListItemState(
           previousStepListItems,
@@ -52551,8 +52807,8 @@ var WfoWorkflowStepList = React72.forwardRef(
       "aborted" /* ABORTED */,
       "completed" /* COMPLETED */
     ].map((status) => status.toLowerCase()).includes(lastStatus.toLowerCase());
-    return /* @__PURE__ */ jsxs118(Fragment54, { children: [
-      /* @__PURE__ */ jsx224(
+    return /* @__PURE__ */ jsxs119(Fragment54, { children: [
+      /* @__PURE__ */ jsx227(
         WfoStepListHeader,
         {
           showHiddenKeys,
@@ -52570,10 +52826,10 @@ var WfoWorkflowStepList = React72.forwardRef(
           isRunningWorkflow
         }
       ),
-      showTraceback && /* @__PURE__ */ jsx224(WfoTraceback, { children: traceBack }),
-      showRaw && /* @__PURE__ */ jsx224(WfoProcessRawData, { processId }),
-      showDelta && /* @__PURE__ */ jsx224(WfoProcessSubscriptionDelta, { processId }),
-      !showRaw && !showDelta && /* @__PURE__ */ jsx224(
+      showTraceback && /* @__PURE__ */ jsx227(WfoTraceback, { children: traceBack }),
+      showRaw && /* @__PURE__ */ jsx227(WfoProcessRawData, { processId }),
+      showDelta && /* @__PURE__ */ jsx227(WfoProcessSubscriptionDelta, { processId }),
+      !showRaw && !showDelta && /* @__PURE__ */ jsx227(
         WfoStepList,
         {
           ref: reference,
@@ -52592,7 +52848,7 @@ var WfoWorkflowStepList = React72.forwardRef(
 WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { useState as useState48 } from "react";
+import { useState as useState49 } from "react";
 import { useTranslations as useTranslations67 } from "next-intl";
 import {
   EuiButton as EuiButton13,
@@ -52608,9 +52864,9 @@ import {
 import { EuiText as EuiText40 } from "@elastic/eui";
 
 // src/components/WfoTextAnchor/styles.ts
-import { css as css43 } from "@emotion/react";
+import { css as css44 } from "@emotion/react";
 var getStyles13 = ({ theme }) => {
-  const textAnchorStyle = css43({
+  const textAnchorStyle = css44({
     marginTop: theme.size.xxs,
     marginLeft: 0,
     fontSize: theme.size.m,
@@ -52624,14 +52880,14 @@ var getStyles13 = ({ theme }) => {
 };
 
 // src/components/WfoTextAnchor/WfoTextAnchor.tsx
-import { jsx as jsx225 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx228 } from "@emotion/react/jsx-runtime";
 var WfoTextAnchor = ({ text, onClick }) => {
   const { textAnchorStyle } = useWithOrchestratorTheme(getStyles13);
-  return /* @__PURE__ */ jsx225(EuiText40, { onClick, css: textAnchorStyle, children: text });
+  return /* @__PURE__ */ jsx228(EuiText40, { onClick, css: textAnchorStyle, children: text });
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { jsx as jsx226, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx229, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
 var WfoStepListHeader = ({
   allDetailToggleText,
   showDelta,
@@ -52655,23 +52911,23 @@ var WfoStepListHeader = ({
     stepListContentBoldTextStyle,
     stepListOptionsContainerStyle
   } = useWithOrchestratorTheme(getWorkflowStepsStyles);
-  const [isViewOptionOpen, setIsViewOptionOpen] = useState48(false);
+  const [isViewOptionOpen, setIsViewOptionOpen] = useState49(false);
   const onViewOptionClick = () => setIsViewOptionOpen((isViewOptionOpen2) => !isViewOptionOpen2);
   const closeViewOption = () => setIsViewOptionOpen(false);
-  const viewOptionButton = /* @__PURE__ */ jsx226(
+  const viewOptionButton = /* @__PURE__ */ jsx229(
     EuiButton13,
     {
       onClick: onViewOptionClick,
-      iconType: () => /* @__PURE__ */ jsx226(WfoEyeFill, { color: theme.colors.link }),
+      iconType: () => /* @__PURE__ */ jsx229(WfoEyeFill, { color: theme.colors.link }),
       iconSide: "right",
       size: "s",
       children: t("viewOptions")
     }
   );
-  return /* @__PURE__ */ jsxs119(EuiFlexGroup24, { css: stepListHeaderStyle, children: [
-    /* @__PURE__ */ jsxs119(EuiFlexGroup24, { css: stepListContentStyle, children: [
-      /* @__PURE__ */ jsx226(EuiText41, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
-      !showRaw && /* @__PURE__ */ jsx226(
+  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(
         WfoTextAnchor,
         {
           text: allDetailToggleText,
@@ -52679,7 +52935,7 @@ var WfoStepListHeader = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs119(
+    /* @__PURE__ */ jsxs120(
       EuiFlexGroup24,
       {
         justifyContent: "flexEnd",
@@ -52687,7 +52943,7 @@ var WfoStepListHeader = ({
         css: stepListOptionsContainerStyle,
         gutterSize: "s",
         children: [
-          showTracebackButton && /* @__PURE__ */ jsx226(
+          showTracebackButton && /* @__PURE__ */ jsx229(
             EuiButton13,
             {
               onClick: () => onShowTraceback(!showTraceback),
@@ -52695,14 +52951,14 @@ var WfoStepListHeader = ({
               children: showTraceback ? t("hideTraceback") : t("showTraceback")
             }
           ),
-          /* @__PURE__ */ jsx226(
+          /* @__PURE__ */ jsx229(
             EuiButton13,
             {
               onClick: () => onChangeShowDelta(!showDelta),
               disabled: isRunningWorkflow,
               iconSide: "right",
               size: "s",
-              iconType: () => /* @__PURE__ */ jsx226(
+              iconType: () => /* @__PURE__ */ jsx229(
                 WfoCode,
                 {
                   color: isRunningWorkflow ? theme.colors.disabledText : theme.colors.link
@@ -52711,15 +52967,15 @@ var WfoStepListHeader = ({
               children: showDelta ? t("hideDelta") : t("showDelta")
             }
           ),
-          /* @__PURE__ */ jsx226(
+          /* @__PURE__ */ jsx229(
             EuiPopover8,
             {
               button: viewOptionButton,
               isOpen: isViewOptionOpen,
               closePopover: closeViewOption,
               display: "block",
-              children: /* @__PURE__ */ jsx226("div", { children: /* @__PURE__ */ jsxs119(EuiForm3, { component: "form", children: [
-                /* @__PURE__ */ jsx226(EuiFormRow23, { children: /* @__PURE__ */ jsx226(
+              children: /* @__PURE__ */ jsx229("div", { children: /* @__PURE__ */ jsxs120(EuiForm3, { component: "form", children: [
+                /* @__PURE__ */ jsx229(EuiFormRow23, { children: /* @__PURE__ */ jsx229(
                   EuiSwitch3,
                   {
                     label: "Hidden keys",
@@ -52732,7 +52988,7 @@ var WfoStepListHeader = ({
                     }
                   }
                 ) }),
-                /* @__PURE__ */ jsx226(EuiFormRow23, { children: /* @__PURE__ */ jsx226(
+                /* @__PURE__ */ jsx229(EuiFormRow23, { children: /* @__PURE__ */ jsx229(
                   EuiSwitch3,
                   {
                     label: "Raw JSON data",
@@ -52753,7 +53009,7 @@ var WfoStepListHeader = ({
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { jsx as jsx227, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx230, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
 var getInitialProcessPayload = ({
   productId,
   subscriptionId
@@ -52775,9 +53031,9 @@ var WfoStartProcessPage = ({
 }) => {
   const t = useTranslations68("processes.steps");
   const router = useRouter10();
-  const [hasError, setHasError] = useState49(false);
+  const [hasError, setHasError] = useState50(false);
   const { theme } = useOrchestratorTheme();
-  const [form, setForm] = useState49({});
+  const [form, setForm] = useState50({});
   const { productId, subscriptionId } = router.query;
   const {
     data: subscriptionDetail,
@@ -52852,7 +53108,7 @@ var WfoStartProcessPage = ({
     },
     [startProcess, processName, startProcessPayload, isTask, router]
   );
-  useEffect32(() => {
+  useEffect33(() => {
     if (processName && processName !== "modify_note") {
       const clientResultCallback = (json) => {
         setForm({
@@ -52888,7 +53144,7 @@ var WfoStartProcessPage = ({
     }
   };
   const pageTitle = workflowMetadata?.description || isErrorWorkflowDescription && processDetail?.workflowName || "";
-  return /* @__PURE__ */ jsx227(
+  return /* @__PURE__ */ jsx230(
     WfoProcessDetail,
     {
       pageTitle,
@@ -52897,25 +53153,25 @@ var WfoStartProcessPage = ({
       processDetail,
       timelineItems: timeLineItems,
       isLoading,
-      children: /* @__PURE__ */ jsxs120(EuiPanel5, { css: { marginTop: theme.base * 3 }, children: [
-        /* @__PURE__ */ jsxs120(EuiFlexGroup25, { css: getStepHeaderStyle(false), children: [
-          /* @__PURE__ */ jsx227(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
-          /* @__PURE__ */ jsxs120(EuiFlexItem29, { grow: 0, children: [
-            /* @__PURE__ */ jsx227(EuiText42, { css: stepListContentBoldTextStyle, children: t("userInput") }),
-            /* @__PURE__ */ jsx227(EuiText42, { children: t(
+      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(
               isTask ? "submitTaskFormLabel" : "submitWorkflowFormLabel"
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx227(EuiHorizontalRule8, {}),
-        hasError && /* @__PURE__ */ jsx227(WfoError, {}) || processName === "modify_note" && /* @__PURE__ */ jsx227(
+        /* @__PURE__ */ jsx230(EuiHorizontalRule8, {}),
+        hasError && /* @__PURE__ */ jsx230(WfoError, {}) || processName === "modify_note" && /* @__PURE__ */ jsx230(
           WfoPydanticForm,
           {
             processName,
             startProcessPayload,
             isTask
           }
-        ) || stepUserInput && /* @__PURE__ */ jsx227(
+        ) || stepUserInput && /* @__PURE__ */ jsx230(
           UserInputFormWizard,
           {
             stepUserInput,
@@ -52926,7 +53182,7 @@ var WfoStartProcessPage = ({
             hasNext,
             isTask
           }
-        ) || /* @__PURE__ */ jsx227(WfoLoading, {})
+        ) || /* @__PURE__ */ jsx230(WfoLoading, {})
       ] })
     }
   );
@@ -52934,8 +53190,8 @@ var WfoStartProcessPage = ({
 
 // src/pages/processes/WfoProductInformationWithLink.tsx
 import { useTranslations as useTranslations69 } from "next-intl";
-import { EuiButtonIcon as EuiButtonIcon12, EuiFlexGroup as EuiFlexGroup26, EuiText as EuiText43, EuiToolTip as EuiToolTip8 } from "@elastic/eui";
-import { jsx as jsx228, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
+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";
 var WfoProductInformationWithLink = ({
   workflowName,
   productNames
@@ -52943,16 +53199,16 @@ var WfoProductInformationWithLink = ({
   const { workflowInformationLinkUrl, showWorkflowInformationLink } = useGetOrchestratorConfig();
   const t = useTranslations69("processes.detail");
   const docsUrl = workflowInformationLinkUrl + workflowName;
-  return /* @__PURE__ */ jsxs121(EuiFlexGroup26, { gutterSize: "s", alignItems: "center", children: [
-    showWorkflowInformationLink && /* @__PURE__ */ jsx228(EuiToolTip8, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx228("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx228(
-      EuiButtonIcon12,
+  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(
+      EuiButtonIcon13,
       {
         iconSize: "l",
         iconType: "iInCircle",
         "aria-label": t("openWorkflowTaskInfo")
       }
     ) }) }),
-    /* @__PURE__ */ jsx228(EuiText43, { size: "s", children: productNames })
+    /* @__PURE__ */ jsx231(EuiText43, { size: "s", children: productNames })
   ] });
 };
 
@@ -52969,7 +53225,7 @@ import {
   EuiTabs as EuiTabs3,
   EuiText as EuiText45
 } from "@elastic/eui";
-import { css as css44 } from "@emotion/react";
+import { css as css45 } from "@emotion/react";
 
 // src/components/WfoSettings/WfoAoStackStatus.tsx
 import { useTranslations as useTranslations70 } from "next-intl";
@@ -52980,20 +53236,20 @@ import {
   EuiSpacer as EuiSpacer21,
   EuiText as EuiText44
 } from "@elastic/eui";
-import { jsx as jsx229, jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx232, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
 var WfoAoStackStatus = () => {
   const t = useTranslations70("settings.page");
   const { aoStackStatusUrl } = useGetOrchestratorConfig();
   const openStatusPage = () => {
     window.open(aoStackStatusUrl, "_blank");
   };
-  return /* @__PURE__ */ jsx229(EuiFlexItem30, { children: /* @__PURE__ */ jsxs122(EuiPanel6, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-    /* @__PURE__ */ jsx229(EuiText44, { size: "s", children: /* @__PURE__ */ jsx229("h4", { children: t("aoStackStatus") }) }),
-    /* @__PURE__ */ jsx229(EuiSpacer21, { size: "m" }),
-    /* @__PURE__ */ jsx229(
+  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,
       {
-        iconType: () => /* @__PURE__ */ jsx229(WfoChartBar, {}),
+        iconType: () => /* @__PURE__ */ jsx232(WfoChartBar, {}),
         onClick: openStatusPage,
         children: t("viewStatusPage")
       }
@@ -53002,7 +53258,7 @@ var WfoAoStackStatus = () => {
 };
 
 // src/pages/settings/WfoSettingsPage.tsx
-import { Fragment as Fragment55, jsx as jsx230, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx233, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
 var WfoSettingsTab = /* @__PURE__ */ ((WfoSettingsTab2) => {
   WfoSettingsTab2["ACTIONS"] = "ACTIONS";
   WfoSettingsTab2["ENV_SETTINGS"] = "ENV_SETTINGS";
@@ -53011,18 +53267,18 @@ var WfoSettingsTab = /* @__PURE__ */ ((WfoSettingsTab2) => {
 var WfoActionSettings = () => {
   const { theme } = useOrchestratorTheme();
   const { enableAoStackStatus } = useGetOrchestratorConfig();
-  return /* @__PURE__ */ jsx230(Fragment55, { children: /* @__PURE__ */ jsxs123("div", { css: { maxWidth: theme.base * 40 }, children: [
-    /* @__PURE__ */ jsx230(WfoFlushSettings, {}),
-    /* @__PURE__ */ jsx230(EuiSpacer22, {}),
-    /* @__PURE__ */ jsx230(WfoModifySettings, {}),
-    /* @__PURE__ */ jsx230(EuiSpacer22, {}),
-    /* @__PURE__ */ jsx230(WfoEngineStatus, {}),
-    enableAoStackStatus && /* @__PURE__ */ jsxs123(Fragment55, { children: [
-      /* @__PURE__ */ jsx230(EuiSpacer22, {}),
-      /* @__PURE__ */ jsx230(WfoAoStackStatus, {})
+  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, {})
     ] }),
-    /* @__PURE__ */ jsx230(EuiSpacer22, {}),
-    /* @__PURE__ */ jsx230(WfoWorkerStatus, {})
+    /* @__PURE__ */ jsx233(EuiSpacer22, {}),
+    /* @__PURE__ */ jsx233(WfoWorkerStatus, {})
   ] }) });
 };
 var WfoEnvSettings = () => {
@@ -53035,22 +53291,22 @@ var WfoEnvSettings = () => {
   const renderEnvSettings = () => {
     return data && data.map(({ name, variables }) => {
       const showVariables = mapToRepresentableVariables(variables);
-      return /* @__PURE__ */ jsxs123(Fragment55, { children: [
-        /* @__PURE__ */ jsx230(EuiFlexItem31, { children: /* @__PURE__ */ jsxs123(
+      return /* @__PURE__ */ jsxs124(Fragment55, { children: [
+        /* @__PURE__ */ jsx233(EuiFlexItem31, { children: /* @__PURE__ */ jsxs124(
           EuiPanel7,
           {
             hasShadow: false,
             color: "subdued",
             paddingSize: "l",
             children: [
-              /* @__PURE__ */ jsx230(EuiText45, { size: "s", children: /* @__PURE__ */ jsx230("h2", { children: name.replace("_", " ").toUpperCase() }) }),
-              /* @__PURE__ */ jsx230(EuiSpacer22, {}),
-              /* @__PURE__ */ jsx230(
+              /* @__PURE__ */ jsx233(EuiText45, { size: "s", children: /* @__PURE__ */ jsx233("h2", { children: name.replace("_", " ").toUpperCase() }) }),
+              /* @__PURE__ */ jsx233(EuiSpacer22, {}),
+              /* @__PURE__ */ jsx233(
                 EuiCodeBlock2,
                 {
                   fontSize: "m",
                   paddingSize: "m",
-                  css: css44({
+                  css: css45({
                     background: theme.colors.lightShade
                   }),
                   children: showVariables
@@ -53059,15 +53315,15 @@ var WfoEnvSettings = () => {
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx230(EuiSpacer22, {})
+        /* @__PURE__ */ jsx233(EuiSpacer22, {})
       ] });
     });
   };
   const emptyEnvSettings = () => {
-    return /* @__PURE__ */ jsx230(EuiFlexItem31, { children: /* @__PURE__ */ jsx230(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsx230(EuiText45, { size: "s", children: /* @__PURE__ */ jsxs123("h2", { children: [
+    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: [
       t("noSettingsExposed"),
       " ",
-      /* @__PURE__ */ jsx230(
+      /* @__PURE__ */ jsx233(
         "a",
         {
           href: "https://workfloworchestrator.org/orchestrator-core/reference-docs/app/settings_overview/",
@@ -53077,18 +53333,18 @@ var WfoEnvSettings = () => {
       )
     ] }) }) }) });
   };
-  return /* @__PURE__ */ jsx230("div", { css: { maxWidth: theme.base * 45 }, children: data?.length ? renderEnvSettings() : emptyEnvSettings() });
+  return /* @__PURE__ */ jsx233("div", { css: { maxWidth: theme.base * 45 }, children: data?.length ? renderEnvSettings() : emptyEnvSettings() });
 };
 var settingsTabs = [
   {
     id: "ACTIONS" /* ACTIONS */,
     translationKey: "actions",
-    content: /* @__PURE__ */ jsx230(WfoActionSettings, {})
+    content: /* @__PURE__ */ jsx233(WfoActionSettings, {})
   },
   {
     id: "ENV_SETTINGS" /* ENV_SETTINGS */,
     translationKey: "envSettings",
-    content: /* @__PURE__ */ jsx230(WfoEnvSettings, {})
+    content: /* @__PURE__ */ jsx233(WfoEnvSettings, {})
   }
 ];
 var WfoSettingsPage = () => {
@@ -53106,7 +53362,7 @@ var WfoSettingsPage = () => {
     setSelectedTabId(id);
   };
   const renderTabs = () => {
-    return settingsTabs.map((tab, index) => /* @__PURE__ */ jsx230(
+    return settingsTabs.map((tab, index) => /* @__PURE__ */ jsx233(
       EuiTab3,
       {
         css: tabStyle,
@@ -53117,10 +53373,10 @@ var WfoSettingsPage = () => {
       index
     ));
   };
-  return /* @__PURE__ */ jsxs123(Fragment55, { children: [
-    /* @__PURE__ */ jsx230(WfoContentHeader, { title: t("settings") }),
-    /* @__PURE__ */ jsx230(EuiTabs3, { children: renderTabs() }),
-    /* @__PURE__ */ jsx230(EuiSpacer22, { size: "xxl" }),
+  return /* @__PURE__ */ jsxs124(Fragment55, { children: [
+    /* @__PURE__ */ jsx233(WfoContentHeader, { title: t("settings") }),
+    /* @__PURE__ */ jsx233(EuiTabs3, { children: renderTabs() }),
+    /* @__PURE__ */ jsx233(EuiSpacer22, { size: "xxl" }),
     selectedTabContent
   ] });
 };
@@ -53140,7 +53396,7 @@ var useStartPageSummaryCardConfigurationOverride = () => {
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { Fragment as Fragment56, jsx as jsx231, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx234, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
   const t = useTranslations72("main");
   const { overrideSummaryCards } = useStartPageSummaryCardConfigurationOverride();
@@ -53149,27 +53405,27 @@ var WfoStartPage = () => {
   const username = session?.user?.name ?? "";
   const defaultSummaryCards = [
     ...toOptionalArrayEntry(
-      /* @__PURE__ */ jsx231(WfoMyWorkflowsSummaryCard, { username }, "myWorkflows"),
+      /* @__PURE__ */ jsx234(WfoMyWorkflowsSummaryCard, { username }, "myWorkflows"),
       !!username
     ),
-    /* @__PURE__ */ jsx231(WfoActiveWorkflowsSummaryCard, {}, "activeWorkflows"),
+    /* @__PURE__ */ jsx234(WfoActiveWorkflowsSummaryCard, {}, "activeWorkflows"),
     ...toOptionalArrayEntry(
-      /* @__PURE__ */ jsx231(WfoFailedTasksSummaryCard, {}, "failedTasks"),
+      /* @__PURE__ */ jsx234(WfoFailedTasksSummaryCard, {}, "failedTasks"),
       isAllowed("/orchestrator/tasks/" /* NAVIGATION_TASKS */)
     ),
-    /* @__PURE__ */ jsx231(WfoLatestOutOfSyncSubscriptionSummaryCard, {}, "latestOutOfSyncSubscription"),
-    /* @__PURE__ */ jsx231(WfoLatestActiveSubscriptionsSummaryCard, {}, "latestActiveSubscriptions"),
-    /* @__PURE__ */ jsx231(WfoProductsSummaryCard, {}, "products")
+    /* @__PURE__ */ jsx234(WfoLatestOutOfSyncSubscriptionSummaryCard, {}, "latestOutOfSyncSubscription"),
+    /* @__PURE__ */ jsx234(WfoLatestActiveSubscriptionsSummaryCard, {}, "latestActiveSubscriptions"),
+    /* @__PURE__ */ jsx234(WfoProductsSummaryCard, {}, "products")
   ];
   const summaryCards = overrideSummaryCards?.(defaultSummaryCards) || defaultSummaryCards;
-  return /* @__PURE__ */ jsxs124(Fragment56, { children: [
-    /* @__PURE__ */ jsx231(
+  return /* @__PURE__ */ jsxs125(Fragment56, { children: [
+    /* @__PURE__ */ jsx234(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx231(EuiPageHeader2, { pageTitle: `${t("welcome")} ${username}` })
+        title: /* @__PURE__ */ jsx234(EuiPageHeader2, { pageTitle: `${t("welcome")} ${username}` })
       }
     ),
-    /* @__PURE__ */ jsx231(WfoSummaryCards, { children: summaryCards })
+    /* @__PURE__ */ jsx234(WfoSummaryCards, { children: summaryCards })
   ] });
 };
 
@@ -53187,26 +53443,26 @@ var mapSubscriptionSummaryToSummaryCardListItem = (subscription) => ({
 
 // src/pages/subscriptions/WfoSubscriptionDetailPage.tsx
 import { useRouter as useRouter11 } from "next/router";
-import { Fragment as Fragment57, jsx as jsx232 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment57, jsx as jsx235 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailPage = () => {
   const router = useRouter11();
   const { subscriptionId } = router.query;
-  return subscriptionId && /* @__PURE__ */ jsx232(TreeProvider, { children: /* @__PURE__ */ jsx232(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx232(Fragment57, {});
+  return subscriptionId && /* @__PURE__ */ jsx235(TreeProvider, { children: /* @__PURE__ */ jsx235(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx235(Fragment57, {});
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect33, useState as useState50 } from "react";
+import { useEffect as useEffect34, useState as useState51 } from "react";
 import { useTranslations as useTranslations73 } 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 jsx233, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx236, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   const t = useTranslations73("subscriptions.detail");
-  const [tableDefaults, setTableDefaults] = useState50();
+  const [tableDefaults, setTableDefaults] = useState51();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect33(() => {
+  useEffect34(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -53237,14 +53493,14 @@ var WfoSubscriptionsListPage = () => {
   const alwaysOnFilters = subscriptionListTabs.find(
     ({ id }) => id === activeTab
   )?.alwaysOnFilters;
-  return /* @__PURE__ */ jsxs125(Fragment58, { children: [
-    /* @__PURE__ */ jsx233(
+  return /* @__PURE__ */ jsxs126(Fragment58, { children: [
+    /* @__PURE__ */ jsx236(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx233(WfoTitleWithWebsocketBadge, { title: t("title") })
+        title: /* @__PURE__ */ jsx236(WfoTitleWithWebsocketBadge, { title: t("title") })
       }
     ),
-    /* @__PURE__ */ jsx233(
+    /* @__PURE__ */ jsx236(
       WfoFilterTabs,
       {
         tabs: subscriptionListTabs,
@@ -53253,8 +53509,8 @@ var WfoSubscriptionsListPage = () => {
         onChangeTab: handleChangeSubscriptionsTab
       }
     ),
-    /* @__PURE__ */ jsx233(EuiSpacer23, { size: "xxl" }),
-    /* @__PURE__ */ jsx233(
+    /* @__PURE__ */ jsx236(EuiSpacer23, { size: "xxl" }),
+    /* @__PURE__ */ jsx236(
       WfoSubscriptionsList,
       {
         hiddenColumns: tableDefaults?.hiddenColumns,
@@ -53267,7 +53523,7 @@ var WfoSubscriptionsListPage = () => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext11, useEffect as useEffect34, useState as useState51 } from "react";
+import { useContext as useContext11, useEffect as useEffect35, useState as useState52 } from "react";
 import { useTranslations as useTranslations74 } from "next-intl";
 import Link11 from "next/link";
 import { useRouter as useRouter12 } from "next/router";
@@ -53337,7 +53593,7 @@ var getTasksListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { Fragment as Fragment59, jsx as jsx234, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment59, jsx as jsx237, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   const router = useRouter12();
   const t = useTranslations74("tasks.page");
@@ -53345,7 +53601,7 @@ var WfoTasksListPage = () => {
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState51();
+  const [tableDefaults, setTableDefaults] = useState52();
   const selectedTasksListTab = getTasksListTabTypeFromString(activeTab);
   const localStorageKey = selectedTasksListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY;
   const getStoredTableConfig = useStoredTableConfig(localStorageKey);
@@ -53353,7 +53609,7 @@ var WfoTasksListPage = () => {
   const { showConfirmDialog } = useContext11(ConfirmationDialogContext);
   const [retryAllProcesses] = useRetryAllProcessesMutation();
   const { isEngineRunningNow } = useCheckEngineStatus();
-  useEffect34(() => {
+  useEffect35(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -53393,7 +53649,7 @@ var WfoTasksListPage = () => {
     workflowName: {
       columnType: "data" /* DATA */,
       label: t("taskName"),
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx234(Link11, { href: `${PATH_TASKS}/${processId}`, children: value })
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx237(Link11, { href: `${PATH_TASKS}/${processId}`, children: value })
     },
     ...toSortedTableColumnConfig(defaultTableColumns, [
       "lastStep",
@@ -53411,25 +53667,25 @@ var WfoTasksListPage = () => {
       "lastModifiedAt"
     ])
   });
-  return /* @__PURE__ */ jsxs126(Fragment59, { children: [
-    /* @__PURE__ */ jsxs126(
+  return /* @__PURE__ */ jsxs127(Fragment59, { children: [
+    /* @__PURE__ */ jsxs127(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx234(WfoTitleWithWebsocketBadge, { title: "Tasks" }),
+        title: /* @__PURE__ */ jsx237(WfoTitleWithWebsocketBadge, { title: "Tasks" }),
         children: [
-          /* @__PURE__ */ jsx234(WfoIsAllowedToRender, { resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */, children: /* @__PURE__ */ jsx234(
+          /* @__PURE__ */ jsx237(WfoIsAllowedToRender, { resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */, children: /* @__PURE__ */ jsx237(
             EuiButton15,
             {
               onClick: handleRerunAllButtonClick,
-              iconType: () => /* @__PURE__ */ jsx234(WfoRefresh, { color: theme.colors.primaryText }),
+              iconType: () => /* @__PURE__ */ jsx237(WfoRefresh, { color: theme.colors.primaryText }),
               children: t("rerunAll")
             }
           ) }),
-          /* @__PURE__ */ jsx234(WfoIsAllowedToRender, { resource: "/orchestrator/processes/create/task" /* TASKS_CREATE */, children: /* @__PURE__ */ jsx234(WfoStartTaskButtonComboBox, {}) })
+          /* @__PURE__ */ jsx237(WfoIsAllowedToRender, { resource: "/orchestrator/processes/create/task" /* TASKS_CREATE */, children: /* @__PURE__ */ jsx237(WfoStartTaskButtonComboBox, {}) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx234(
+    /* @__PURE__ */ jsx237(
       WfoFilterTabs,
       {
         tabs: defaultTasksListTabs,
@@ -53438,8 +53694,8 @@ var WfoTasksListPage = () => {
         onChangeTab: handleChangeTasksListTab
       }
     ),
-    /* @__PURE__ */ jsx234(EuiSpacer24, { size: "xxl" }),
-    /* @__PURE__ */ jsx234(
+    /* @__PURE__ */ jsx237(EuiSpacer24, { size: "xxl" }),
+    /* @__PURE__ */ jsx237(
       WfoProcessesList,
       {
         defaultHiddenColumns: tableDefaults?.hiddenColumns,
@@ -53454,7 +53710,7 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect35, useState as useState52 } from "react";
+import { useEffect as useEffect36, useState as useState53 } from "react";
 import { useTranslations as useTranslations75 } from "next-intl";
 import { useRouter as useRouter13 } from "next/router";
 import { StringParam as StringParam6, useQueryParam as useQueryParam5, withDefault as withDefault6 } from "use-query-params";
@@ -53523,7 +53779,7 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { Fragment as Fragment60, jsx as jsx235, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx238, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   const router = useRouter13();
   const t = useTranslations75("workflows.index");
@@ -53531,11 +53787,11 @@ var WfoWorkflowsListPage = () => {
     "activeTab",
     withDefault6(StringParam6, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState52();
+  const [tableDefaults, setTableDefaults] = useState53();
   const selectedWorkflowsListTab = getWorkflowsListTabTypeFromString(activeTab);
   const localStorageKey = selectedWorkflowsListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY;
   const getStoredTableConfig = useStoredTableConfig(localStorageKey);
-  useEffect35(() => {
+  useEffect36(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -53561,14 +53817,14 @@ var WfoWorkflowsListPage = () => {
     router.replace(PATH_WORKFLOWS);
     return null;
   }
-  return /* @__PURE__ */ jsxs127(Fragment60, { children: [
-    /* @__PURE__ */ jsx235(
+  return /* @__PURE__ */ jsxs128(Fragment60, { children: [
+    /* @__PURE__ */ jsx238(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx235(WfoTitleWithWebsocketBadge, { title: t("title") })
+        title: /* @__PURE__ */ jsx238(WfoTitleWithWebsocketBadge, { title: t("title") })
       }
     ),
-    /* @__PURE__ */ jsx235(
+    /* @__PURE__ */ jsx238(
       WfoFilterTabs,
       {
         tabs: defaultWorkflowsListTabs,
@@ -53577,8 +53833,8 @@ var WfoWorkflowsListPage = () => {
         onChangeTab: handleChangeWorkflowsListTab
       }
     ),
-    /* @__PURE__ */ jsx235(EuiSpacer25, { size: "xxl" }),
-    /* @__PURE__ */ jsx235(
+    /* @__PURE__ */ jsx238(EuiSpacer25, { size: "xxl" }),
+    /* @__PURE__ */ jsx238(
       WfoProcessesList,
       {
         alwaysOnFilters,
@@ -53688,7 +53944,7 @@ var graphQlProcessFilterMapper = (data) => data?.map(({ field, value }) => ({
 }));
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { jsx as jsx236, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx239, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
 var WfoProcessesList = ({
   alwaysOnFilters,
   defaultHiddenColumns = [],
@@ -53706,7 +53962,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("workflowName"),
       width: "225px",
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx236(Link12, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx239(Link12, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
       renderTooltip: (value) => value
     },
     lastStep: {
@@ -53717,13 +53973,13 @@ var WfoProcessesList = ({
     lastStatus: {
       columnType: "data" /* DATA */,
       label: t("status"),
-      renderData: (cellValue) => /* @__PURE__ */ jsx236(WfoProcessStatusBadge, { processStatus: cellValue }),
+      renderData: (cellValue) => /* @__PURE__ */ jsx239(WfoProcessStatusBadge, { processStatus: cellValue }),
       width: "150px"
     },
     workflowTarget: {
       columnType: "data" /* DATA */,
       label: t("workflowTarget"),
-      renderData: (target) => /* @__PURE__ */ jsx236(WfoWorkflowTargetBadge, { target }),
+      renderData: (target) => /* @__PURE__ */ jsx239(WfoWorkflowTargetBadge, { target }),
       width: "100px"
     },
     tag: {
@@ -53750,7 +54006,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("subscriptions"),
       width: "425px",
-      renderData: ({ page: subscriptions }, { processId }) => /* @__PURE__ */ jsx236(
+      renderData: ({ page: subscriptions }, { processId }) => /* @__PURE__ */ jsx239(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions,
@@ -53758,13 +54014,13 @@ var WfoProcessesList = ({
           onMoreSubscriptionsClick: () => router.push(`${PATH_WORKFLOWS}/${processId}`)
         }
       ),
-      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx236(
+      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx239(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions
         }
       ),
-      renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */ jsxs128("p", { children: [
+      renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */ jsxs129("p", { children: [
         "- ",
         description
       ] }, subscriptionId)),
@@ -53784,7 +54040,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("processId"),
       width: "90px",
-      renderData: (value) => /* @__PURE__ */ jsx236(WfoFirstPartUUID, { UUID: value }),
+      renderData: (value) => /* @__PURE__ */ jsx239(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
     },
@@ -53792,7 +54048,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("started"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx236(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx239(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (value) => value.toString()
@@ -53801,7 +54057,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("lastModified"),
       width: "125px",
-      renderData: (value) => /* @__PURE__ */ jsx236(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx239(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (value) => value.toString()
@@ -53834,7 +54090,7 @@ var WfoProcessesList = ({
   const getProcessListForExport = () => getProcessListTrigger(
     getQueryVariablesForExport(processListQueryVars)
   ).unwrap();
-  return /* @__PURE__ */ jsx236(
+  return /* @__PURE__ */ jsx239(
     WfoAdvancedTable,
     {
       queryString,
@@ -53873,13 +54129,13 @@ var WfoProcessesList = ({
 import { EuiCodeBlock as EuiCodeBlock3 } from "@elastic/eui";
 
 // src/components/WfoJsonCodeBlock/styles.ts
-import { css as css45 } from "@emotion/react";
+import { css as css46 } from "@emotion/react";
 var getStyles14 = ({ theme }) => {
-  const euiCodeBlockStyle = css45({
+  const euiCodeBlockStyle = css46({
     marginTop: 10,
     borderRadius: theme.border.radius.medium
   });
-  const euiBasicCodeBlockStyle = css45({
+  const euiBasicCodeBlockStyle = css46({
     backgroundColor: "inherit",
     ".euiCodeBlock__pre": {
       paddingTop: 0,
@@ -53897,14 +54153,14 @@ var getStyles14 = ({ theme }) => {
 };
 
 // src/components/WfoJsonCodeBlock/WfoJsonCodeBlock.tsx
-import { jsx as jsx237 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx240 } from "@emotion/react/jsx-runtime";
 var WfoJsonCodeBlock = ({
   data,
   isBasicStyle = false
 }) => {
   const { euiCodeBlockStyle, euiBasicCodeBlockStyle } = useWithOrchestratorTheme(getStyles14);
   const json = JSON.stringify(data, null, 4);
-  return /* @__PURE__ */ jsx237(
+  return /* @__PURE__ */ jsx240(
     EuiCodeBlock3,
     {
       css: isBasicStyle ? euiBasicCodeBlockStyle : euiCodeBlockStyle,
@@ -53917,7 +54173,7 @@ var WfoJsonCodeBlock = ({
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { useState as useState53 } from "react";
+import { useState as useState54 } from "react";
 import { useTranslations as useTranslations77 } from "next-intl";
 import {
   EuiButton as EuiButton16,
@@ -53928,10 +54184,10 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoSettings/styles.ts
-import { css as css46 } from "@emotion/react";
+import { css as css47 } from "@emotion/react";
 var getWfoFlushSettingsStyle = (wfoTheme) => {
   const { theme } = wfoTheme;
-  const comboboxStyle = css46({
+  const comboboxStyle = css47({
     // .euiComboBox is needed to override eui styling (more specific)
     "&.euiComboBox": {
       ".euiComboBox__inputWrap": {
@@ -53952,14 +54208,14 @@ var getWfoFlushSettingsStyle = (wfoTheme) => {
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { jsx as jsx238, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx241, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const { comboboxStyle } = useWithOrchestratorTheme(
     getWfoFlushSettingsStyle
   );
   const [clearCache] = useClearCacheMutation();
   const t = useTranslations77("settings.page");
-  const [selectedOptions, setSelected] = useState53(
+  const [selectedOptions, setSelected] = useState54(
     []
   );
   const { showToastMessage } = useShowToastMessage();
@@ -53990,10 +54246,10 @@ var WfoFlushSettings = () => {
       );
     });
   };
-  return /* @__PURE__ */ jsx238(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs129(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-    /* @__PURE__ */ jsx238(EuiText46, { size: "s", children: /* @__PURE__ */ jsx238("h4", { children: t("flushCacheSettingsTitle") }) }),
-    /* @__PURE__ */ jsx238(EuiSpacer26, { size: "m" }),
-    /* @__PURE__ */ jsx238(
+  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(
       EuiComboBox,
       {
         css: comboboxStyle,
@@ -54006,24 +54262,24 @@ var WfoFlushSettings = () => {
         fullWidth: true
       }
     ),
-    /* @__PURE__ */ jsx238(EuiSpacer26, { size: "m" }),
-    /* @__PURE__ */ jsx238(EuiButton16, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
+    /* @__PURE__ */ jsx241(EuiSpacer26, { size: "m" }),
+    /* @__PURE__ */ jsx241(EuiButton16, { 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 jsx239 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx242 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
   const t = useTranslations78("settings.page");
   if (isLoading || isSettingEngineStatus) {
-    return /* @__PURE__ */ jsx239(EuiButton17, { isLoading: true, fill: true, children: "Loading..." });
+    return /* @__PURE__ */ jsx242(EuiButton17, { isLoading: true, fill: true, children: "Loading..." });
   }
-  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx239(
+  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx242(
     EuiButton17,
     {
       onClick: () => setEngineStatus(true),
@@ -54032,7 +54288,7 @@ var WfoEngineStatusButton = () => {
       iconType: "pause",
       children: t("pauseEngine")
     }
-  ) : /* @__PURE__ */ jsx239(
+  ) : /* @__PURE__ */ jsx242(
     EuiButton17,
     {
       onClick: () => setEngineStatus(false),
@@ -54047,25 +54303,25 @@ 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 jsx240, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx243, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
   const t = useTranslations79("settings.page");
-  return /* @__PURE__ */ jsxs130(EuiFlexItem32, { children: [
-    /* @__PURE__ */ jsxs130(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-      /* @__PURE__ */ jsx240(EuiText47, { size: "s", children: /* @__PURE__ */ jsx240("h4", { children: t("resetTextSearchIndex") }) }),
-      /* @__PURE__ */ jsx240(EuiSpacer27, { size: "m" }),
-      /* @__PURE__ */ jsx240(WfoResetTextSearchIndexButton, {})
+  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, {})
     ] }),
-    /* @__PURE__ */ jsxs130(
+    /* @__PURE__ */ jsxs131(
       WfoIsAllowedToRender,
       {
         resource: "/orchestrator/settings/start-stop-engine" /* SETTINGS_START_STOP_ENGINE */,
         children: [
-          /* @__PURE__ */ jsx240(EuiSpacer27, {}),
-          /* @__PURE__ */ jsxs130(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-            /* @__PURE__ */ jsx240(EuiText47, { size: "s", children: /* @__PURE__ */ jsx240("h4", { children: t("modifyEngine") }) }),
-            /* @__PURE__ */ jsx240(EuiSpacer27, { size: "m" }),
-            /* @__PURE__ */ jsx240(WfoEngineStatusButton, {})
+          /* @__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, {})
           ] })
         ]
       }
@@ -54076,28 +54332,28 @@ 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 jsx241, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx244, jsxs as jsxs132 } 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__ */ jsx241(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs131(EuiFlexGroup27, { direction: "column", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx241(EuiFlexItem33, { children: /* @__PURE__ */ jsx241(EuiText48, { size: "s", children: /* @__PURE__ */ jsx241("h4", { children: t("engineStatusTitle") }) }) }),
-    /* @__PURE__ */ jsxs131(EuiFlexItem33, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx241(EuiText48, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
-      /* @__PURE__ */ jsx241(EuiText48, { size: "s", children: runningProcesses || "-" })
+  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 || "-" })
     ] }),
-    /* @__PURE__ */ jsxs131(EuiFlexItem33, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx241(EuiText48, { size: "s", style: { minWidth: 190 }, children: t("status") }),
-      /* @__PURE__ */ jsx241(
+    /* @__PURE__ */ jsxs132(EuiFlexItem33, { css: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx244(EuiText48, { size: "s", style: { minWidth: 190 }, children: t("status") }),
+      /* @__PURE__ */ jsx244(
         WfoStatusDotIcon,
         {
           color: isRunning ? theme.colors.success : theme.colors.warning
         }
       ),
-      /* @__PURE__ */ jsx241(EuiText48, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx241("p", { children: engineStatus }) })
+      /* @__PURE__ */ jsx244(EuiText48, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx244("p", { children: engineStatus }) })
     ] })
   ] }) });
 };
@@ -54105,7 +54361,7 @@ var WfoEngineStatus = () => {
 // 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 jsx242, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx245, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
 var WfoWorkerStatus = () => {
   const { data } = useGetWorkerStatusQuery();
   const {
@@ -54115,19 +54371,19 @@ var WfoWorkerStatus = () => {
     numberOfWorkersOnline
   } = data || {};
   const t = useTranslations81("settings.page");
-  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx242(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs132(EuiFlexGroup28, { direction: "column", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx242(EuiFlexItem34, { children: /* @__PURE__ */ jsx242(EuiText49, { size: "s", children: /* @__PURE__ */ jsx242("h4", { children: t("workerStatusTitle") }) }) }),
-    /* @__PURE__ */ jsxs132(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx242(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
-      /* @__PURE__ */ jsx242(EuiText49, { size: "s", children: numberOfQueuedJobs || "-" })
+  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 || "-" })
     ] }),
-    /* @__PURE__ */ jsxs132(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx242(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
-      /* @__PURE__ */ jsx242(EuiText49, { size: "s", children: numberOfRunningJobs || "-" })
+    /* @__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__ */ jsxs132(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx242(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
-      /* @__PURE__ */ jsx242(EuiText49, { size: "s", children: numberOfWorkersOnline || "-" })
+    /* @__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 || "-" })
     ] })
   ] }) }) || null;
 };
@@ -54135,11 +54391,11 @@ var WfoWorkerStatus = () => {
 // src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx
 import { useTranslations as useTranslations82 } from "next-intl";
 import { EuiButton as EuiButton18 } from "@elastic/eui";
-import { jsx as jsx243 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx246 } from "@emotion/react/jsx-runtime";
 var WfoResetTextSearchIndexButton = () => {
   const [resetTextSearchIndex] = useResetTextSearchIndexMutation();
   const t = useTranslations82("settings.page");
-  return /* @__PURE__ */ jsx243(
+  return /* @__PURE__ */ jsx246(
     EuiButton18,
     {
       onClick: () => resetTextSearchIndex(null),
@@ -54150,17 +54406,17 @@ var WfoResetTextSearchIndexButton = () => {
 };
 
 // src/components/WfoInsyncIcon/WfoInsyncIcon.tsx
-import { jsx as jsx244 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx247 } from "@emotion/react/jsx-runtime";
 var WfoInsyncIcon = ({ inSync }) => {
   const { theme } = useOrchestratorTheme();
-  return inSync ? /* @__PURE__ */ jsx244(
+  return inSync ? /* @__PURE__ */ jsx247(
     WfoCheckmarkCircleFill,
     {
       height: 20,
       width: 20,
       color: theme.colors.primary
     }
-  ) : /* @__PURE__ */ jsx244(
+  ) : /* @__PURE__ */ jsx247(
     WfoMinusCircleFill,
     {
       height: 20,
@@ -54171,9 +54427,9 @@ var WfoInsyncIcon = ({ inSync }) => {
 };
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
-import React80 from "react";
-import { jsx as jsx245, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
-var WfoErrorBoundary = class extends React80.Component {
+import React81 from "react";
+import { jsx as jsx248, jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
+var WfoErrorBoundary = class extends React81.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -54189,10 +54445,10 @@ var WfoErrorBoundary = class extends React80.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ jsxs133("p", { children: [
+      return /* @__PURE__ */ jsxs134("p", { children: [
         "An unexpected error occurred, try to go back to the",
         " ",
-        /* @__PURE__ */ jsx245("a", { href: "/", children: "home page" })
+        /* @__PURE__ */ jsx248("a", { href: "/", children: "home page" })
       ] });
     }
     return this.props.children;
@@ -54203,9 +54459,9 @@ var WfoErrorBoundary = class extends React80.Component {
 import { EuiFlexGroup as EuiFlexGroup29 } from "@elastic/eui";
 
 // src/components/WfoNoResults/styles.ts
-import { css as css47 } from "@emotion/react";
+import { css as css48 } from "@emotion/react";
 var getStyles15 = ({ theme }) => {
-  const panelStyle = css47({
+  const panelStyle = css48({
     display: "flex",
     padding: theme.base * 2,
     flexDirection: "row",
@@ -54224,10 +54480,10 @@ var getStyles15 = ({ theme }) => {
 };
 
 // src/components/WfoNoResults/WfoNoResults.tsx
-import { jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
+import { jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
 var WfoNoResults = ({ text, icon }) => {
   const { panelStyle } = useWithOrchestratorTheme(getStyles15);
-  return /* @__PURE__ */ jsxs134(EuiFlexGroup29, { css: panelStyle, children: [
+  return /* @__PURE__ */ jsxs135(EuiFlexGroup29, { css: panelStyle, children: [
     icon,
     " ",
     text
@@ -54235,7 +54491,7 @@ var WfoNoResults = ({ text, icon }) => {
 };
 
 // src/components/WfoRenderElementOrString/WfoRenderElementOrString.tsx
-import { Fragment as Fragment61, jsx as jsx246 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment61, jsx as jsx249 } from "@emotion/react/jsx-runtime";
 var WfoRenderElementOrString = ({
   children,
   renderString
@@ -54243,13 +54499,13 @@ var WfoRenderElementOrString = ({
   if (typeof children === "string" && renderString) {
     return renderString(children);
   }
-  return /* @__PURE__ */ jsx246(Fragment61, { children });
+  return /* @__PURE__ */ jsx249(Fragment61, { children });
 };
 
 // src/components/WfoStartButton/WfoStartTaskComboBox.tsx
 import { useTranslations as useTranslations83 } from "next-intl";
 import { useRouter as useRouter15 } from "next/router";
-import { jsx as jsx247 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx250 } from "@emotion/react/jsx-runtime";
 var WfoStartTaskButtonComboBox = () => {
   const router = useRouter15();
   const t = useTranslations83("common");
@@ -54271,7 +54527,7 @@ var WfoStartTaskButtonComboBox = () => {
       });
     }
   };
-  return /* @__PURE__ */ jsx247(
+  return /* @__PURE__ */ jsx250(
     WfoStartButtonComboBox,
     {
       buttonText: t("newTask"),
@@ -54368,7 +54624,7 @@ var subscriptionListTabs = [
 import { useTranslations as useTranslations84 } from "next-intl";
 import Link13 from "next/link";
 import { useRouter as useRouter16 } from "next/router";
-import { jsx as jsx248 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx251 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsList = ({
   alwaysOnFilters,
   dataDisplayParams,
@@ -54394,7 +54650,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("id"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx248(WfoFirstPartUUID, { UUID: value }),
+      renderData: (value) => /* @__PURE__ */ jsx251(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
     },
@@ -54402,20 +54658,20 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("description"),
       width: "500px",
-      renderData: (value, record) => /* @__PURE__ */ jsx248(Link13, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
+      renderData: (value, record) => /* @__PURE__ */ jsx251(Link13, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
       renderTooltip: (value) => value
     },
     status: {
       columnType: "data" /* DATA */,
       label: t("status"),
       width: "120px",
-      renderData: (value) => /* @__PURE__ */ jsx248(WfoSubscriptionStatusBadge, { status: value })
+      renderData: (value) => /* @__PURE__ */ jsx251(WfoSubscriptionStatusBadge, { status: value })
     },
     insync: {
       columnType: "data" /* DATA */,
       label: t("insync"),
       width: "80px",
-      renderData: (value) => /* @__PURE__ */ jsx248(WfoInsyncIcon, { inSync: value })
+      renderData: (value) => /* @__PURE__ */ jsx251(WfoInsyncIcon, { inSync: value })
     },
     productName: {
       columnType: "data" /* DATA */,
@@ -54439,7 +54695,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("startDate"),
       width: "120px",
-      renderData: (value) => /* @__PURE__ */ jsx248(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx251(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (cellValue) => cellValue?.toString()
@@ -54448,7 +54704,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("endDate"),
       width: "120px",
-      renderData: (value) => /* @__PURE__ */ jsx248(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx251(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (cellValue) => cellValue?.toString()
@@ -54457,7 +54713,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("note"),
       renderData: (cellValue, row) => {
-        return /* @__PURE__ */ jsx248(
+        return /* @__PURE__ */ jsx251(
           WfoSubscriptionNoteEdit,
           {
             onlyShowOnHover: true,
@@ -54473,9 +54729,9 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("metadata"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx248(WfoInlineJson, { data: value }),
-      renderDetails: (value) => value && /* @__PURE__ */ jsx248(WfoJsonCodeBlock, { data: value, isBasicStyle: true }),
-      renderTooltip: (value) => value && /* @__PURE__ */ jsx248(WfoJsonCodeBlock, { data: value, isBasicStyle: false })
+      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 })
     }
   };
   const [getSubscriptionListTrigger, { isFetching: isFetchingCsv }] = useLazyGetSubscriptionListQuery();
@@ -54521,7 +54777,7 @@ var WfoSubscriptionsList = ({
     sortFields,
     filterFields
   );
-  return /* @__PURE__ */ jsx248(
+  return /* @__PURE__ */ jsx251(
     WfoAdvancedTable,
     {
       queryString: dataDisplayParams.queryString,
@@ -54569,18 +54825,18 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoSummary/WfoSummaryCardHeader/styles.ts
-import { css as css48 } from "@emotion/react";
+import { css as css49 } from "@emotion/react";
 var getWfoSummaryCardHeaderStyles = ({ theme }) => {
-  const avatarStyle = css48({
+  const avatarStyle = css49({
     maxHeight: theme.base * 3,
     maxWidth: theme.base * 3
   });
-  const totalSectionStyle = css48({
+  const totalSectionStyle = css49({
     display: "flex",
     flexDirection: "column",
     justifyContent: "space-between"
   });
-  const valueStyle = css48({
+  const valueStyle = css49({
     fontSize: theme.size.l,
     fontWeight: theme.font.weight.semiBold
   });
@@ -54592,7 +54848,7 @@ var getWfoSummaryCardHeaderStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
-import { jsx as jsx249, jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx252, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardHeader = ({
   text,
   value,
@@ -54602,8 +54858,8 @@ var WfoSummaryCardHeader = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { avatarStyle, totalSectionStyle, valueStyle } = useWithOrchestratorTheme(getWfoSummaryCardHeaderStyles);
-  return /* @__PURE__ */ jsx249(EuiFlexItem35, { grow: 0, children: /* @__PURE__ */ jsx249(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs135(EuiFlexGroup30, { alignItems: "center", children: [
-    /* @__PURE__ */ jsx249(
+  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(
       EuiAvatar2,
       {
         iconSize: "l",
@@ -54616,11 +54872,11 @@ var WfoSummaryCardHeader = ({
         color: iconColor
       }
     ),
-    /* @__PURE__ */ jsxs135("div", { css: totalSectionStyle, children: [
-      /* @__PURE__ */ jsx249(EuiText50, { color: "subdued", children: text }),
-      /* @__PURE__ */ jsxs135(EuiFlexGroup30, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx249(EuiText50, { css: valueStyle, children: value }),
-        isFetching && /* @__PURE__ */ jsx249(EuiLoadingSpinner, {})
+    /* @__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, {})
       ] })
     ] })
   ] }) }) });
@@ -54643,35 +54899,35 @@ import { EuiFlexGroup as EuiFlexGroup31, EuiFlexItem as EuiFlexItem36, EuiIcon a
 
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
 import Link14 from "next/link";
-import { jsx as jsx250 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx253 } from "@emotion/react/jsx-runtime";
 var WfoOptionalLink = ({
   children,
   href
 }) => {
   if (!href) {
-    return /* @__PURE__ */ jsx250("span", { children });
+    return /* @__PURE__ */ jsx253("span", { children });
   }
-  return /* @__PURE__ */ jsx250(Link14, { href, children });
+  return /* @__PURE__ */ jsx253(Link14, { href, children });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
-import { css as css49 } from "@emotion/react";
+import { css as css50 } from "@emotion/react";
 var getWfoSummaryCardListStyles = ({ theme }) => {
-  const listContainerStyle = css49({
+  const listContainerStyle = css50({
     display: "flex",
     flexDirection: "column",
     justifyContent: "space-between",
     flexGrow: 1,
     borderColor: theme.colors.lightShade
   });
-  const listHeaderStyle = css49({
+  const listHeaderStyle = css50({
     fontWeight: theme.font.weight.semiBold
   });
-  const listStyle = css49({
+  const listStyle = css50({
     height: theme.base * 20,
     overflow: "auto"
   });
-  const listItemContainerStyle = css49({
+  const listItemContainerStyle = css50({
     paddingBlock: theme.size.m,
     ".highlight-icon": {
       visibility: "hidden"
@@ -54680,13 +54936,13 @@ var getWfoSummaryCardListStyles = ({ theme }) => {
       visibility: "visible"
     }
   });
-  const listItemTitleStyle = css49({
+  const listItemTitleStyle = css50({
     fontWeight: theme.font.weight.medium
   });
-  const listItemSubtitleStyle = css49({
+  const listItemSubtitleStyle = css50({
     fontWeight: theme.font.weight.regular
   });
-  const listItemHighlightIconStyle = css49({
+  const listItemHighlightIconStyle = css50({
     visibility: "hidden"
   });
   return {
@@ -54701,7 +54957,7 @@ var getWfoSummaryCardListStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { jsx as jsx251, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx254, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardListItem = ({
   title,
   value,
@@ -54714,9 +54970,9 @@ var WfoSummaryCardListItem = ({
     listItemSubtitleStyle,
     listItemHighlightIconStyle
   } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx251(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs136(EuiFlexGroup31, { css: listItemContainerStyle, gutterSize: "none", children: [
-    /* @__PURE__ */ jsxs136(EuiFlexItem36, { children: [
-      /* @__PURE__ */ jsx251(
+  return /* @__PURE__ */ jsx254(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs137(EuiFlexGroup31, { css: listItemContainerStyle, gutterSize: "none", children: [
+    /* @__PURE__ */ jsxs137(EuiFlexItem36, { children: [
+      /* @__PURE__ */ jsx254(
         EuiTextColor,
         {
           color: url ? theme.colors.link : theme.colors.title,
@@ -54724,22 +54980,22 @@ var WfoSummaryCardListItem = ({
           children: title
         }
       ),
-      /* @__PURE__ */ jsx251(EuiTextColor, { css: listItemSubtitleStyle, children: value })
+      /* @__PURE__ */ jsx254(EuiTextColor, { css: listItemSubtitleStyle, children: value })
     ] }),
-    /* @__PURE__ */ jsx251(
+    /* @__PURE__ */ jsx254(
       EuiFlexItem36,
       {
         className: url ? "highlight-icon" : void 0,
         grow: false,
         css: listItemHighlightIconStyle,
-        children: /* @__PURE__ */ jsx251(EuiIcon6, { type: "sortRight", color: "primary" })
+        children: /* @__PURE__ */ jsx254(EuiIcon6, { type: "sortRight", color: "primary" })
       }
     )
   ] }) });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { jsx as jsx252, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx255, jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardList = ({
   title,
   items,
@@ -54749,7 +55005,7 @@ var WfoSummaryCardList = ({
   const router = useRouter17();
   const euiScrollBarStyle = useEuiScrollBar3();
   const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx252(EuiFlexItem37, { children: /* @__PURE__ */ jsxs137(
+  return /* @__PURE__ */ jsx255(EuiFlexItem37, { children: /* @__PURE__ */ jsxs138(
     EuiPanel13,
     {
       css: listContainerStyle,
@@ -54757,11 +55013,11 @@ var WfoSummaryCardList = ({
       hasBorder: true,
       paddingSize: "l",
       children: [
-        /* @__PURE__ */ jsxs137("div", { children: [
-          /* @__PURE__ */ jsx252("p", { css: listHeaderStyle, children: title }),
-          /* @__PURE__ */ jsx252(EuiSpacer28, { size: "m" }),
-          /* @__PURE__ */ jsx252(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx252("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs137("div", { children: [
-            /* @__PURE__ */ jsx252(
+        /* @__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(
               WfoSummaryCardListItem,
               {
                 title: item.title,
@@ -54769,11 +55025,11 @@ var WfoSummaryCardList = ({
                 url: item.url
               }
             ),
-            index === items.length - 1 ? null : /* @__PURE__ */ jsx252(EuiHorizontalRule9, { margin: "none" })
+            index === items.length - 1 ? null : /* @__PURE__ */ jsx255(EuiHorizontalRule9, { margin: "none" })
           ] }, index)) }) })
         ] }),
-        /* @__PURE__ */ jsx252(EuiSpacer28, { size: "m" }),
-        button && /* @__PURE__ */ jsx252(
+        /* @__PURE__ */ jsx255(EuiSpacer28, { size: "m" }),
+        button && /* @__PURE__ */ jsx255(
           EuiButton19,
           {
             fullWidth: true,
@@ -54788,10 +55044,10 @@ var WfoSummaryCardList = ({
 
 // src/components/WfoSummary/WfoSummaryCards.tsx
 import { EuiFlexGrid as EuiFlexGrid2, useCurrentEuiBreakpoint } from "@elastic/eui";
-import { jsx as jsx253 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx256 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCards = ({ children }) => {
   const currentBreakpoint = useCurrentEuiBreakpoint();
-  return /* @__PURE__ */ jsx253(
+  return /* @__PURE__ */ jsx256(
     EuiFlexGrid2,
     {
       responsive: false,
@@ -54806,9 +55062,9 @@ var WfoSummaryCards = ({ children }) => {
 import { EuiFlexItem as EuiFlexItem38, EuiSpacer as EuiSpacer29 } from "@elastic/eui";
 
 // src/components/WfoSummary/styles.ts
-import { css as css50 } from "@emotion/react";
+import { css as css51 } from "@emotion/react";
 var getWfoSummaryCardsStyles = ({ theme }) => {
-  const cardContainerStyle = css50({
+  const cardContainerStyle = css51({
     height: theme.base * 36,
     minWidth: theme.base * 25
   });
@@ -54818,7 +55074,7 @@ var getWfoSummaryCardsStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCard.tsx
-import { jsx as jsx254, jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx257, jsxs as jsxs139 } from "@emotion/react/jsx-runtime";
 var SummaryCardStatus = /* @__PURE__ */ ((SummaryCardStatus2) => {
   SummaryCardStatus2["Success"] = "Success";
   SummaryCardStatus2["Error"] = "Error";
@@ -54844,7 +55100,7 @@ var WfoSummaryCard = ({
     switch (status) {
       case "Success" /* Success */:
         return {
-          iconType: () => /* @__PURE__ */ jsx254(
+          iconType: () => /* @__PURE__ */ jsx257(
             WfoCheckmarkCircleFill,
             {
               width: 32,
@@ -54856,7 +55112,7 @@ var WfoSummaryCard = ({
         };
       case "Error" /* Error */:
         return {
-          iconType: () => /* @__PURE__ */ jsx254(
+          iconType: () => /* @__PURE__ */ jsx257(
             WfoXCircleFill,
             {
               width: 32,
@@ -54868,7 +55124,7 @@ var WfoSummaryCard = ({
         };
       case "Neutral" /* Neutral */:
         return {
-          iconType: () => /* @__PURE__ */ jsx254(
+          iconType: () => /* @__PURE__ */ jsx257(
             WfoCubeFill,
             {
               width: 32,
@@ -54880,7 +55136,7 @@ var WfoSummaryCard = ({
         };
       default:
         return headerBadge ?? {
-          iconType: () => /* @__PURE__ */ jsx254(
+          iconType: () => /* @__PURE__ */ jsx257(
             WfoCubeFill,
             {
               width: 32,
@@ -54892,8 +55148,8 @@ var WfoSummaryCard = ({
         };
     }
   };
-  return /* @__PURE__ */ jsxs138(EuiFlexItem38, { css: cardContainerStyle, children: [
-    /* @__PURE__ */ jsx254(
+  return /* @__PURE__ */ jsxs139(EuiFlexItem38, { css: cardContainerStyle, children: [
+    /* @__PURE__ */ jsx257(
       WfoSummaryCardHeader,
       {
         text: headerTitle,
@@ -54902,8 +55158,8 @@ var WfoSummaryCard = ({
         ...getIconTypeAndColorForHeaderStatus(headerStatus)
       }
     ),
-    /* @__PURE__ */ jsx254(EuiSpacer29, { size: "m" }),
-    /* @__PURE__ */ jsx254(
+    /* @__PURE__ */ jsx257(EuiSpacer29, { size: "m" }),
+    /* @__PURE__ */ jsx257(
       WfoSummaryCardList,
       {
         title: listTitle,
@@ -55013,7 +55269,7 @@ var productsSummaryQueryVariables = {
 };
 
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
-import { jsx as jsx255 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx258 } from "@emotion/react/jsx-runtime";
 var WfoActiveWorkflowsSummaryCard = () => {
   const t = useTranslations85("startPage.activeWorkflows");
   const {
@@ -55021,7 +55277,7 @@ var WfoActiveWorkflowsSummaryCard = () => {
     isFetching,
     isLoading
   } = useGetProcessListSummaryQuery(activeWorkflowsListSummaryQueryVariables);
-  return /* @__PURE__ */ jsx255(
+  return /* @__PURE__ */ jsx258(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55041,7 +55297,7 @@ var WfoActiveWorkflowsSummaryCard = () => {
 
 // src/components/WfoSummary/WfoFailedTasksSummaryCard.tsx
 import { useTranslations as useTranslations86 } from "next-intl";
-import { jsx as jsx256 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx259 } from "@emotion/react/jsx-runtime";
 var WfoFailedTasksSummaryCard = () => {
   const t = useTranslations86("startPage.failedTasks");
   const {
@@ -55049,7 +55305,7 @@ var WfoFailedTasksSummaryCard = () => {
     isFetching,
     isLoading
   } = useGetProcessListSummaryQuery(taskListSummaryQueryVariables);
-  return /* @__PURE__ */ jsx256(
+  return /* @__PURE__ */ jsx259(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55069,7 +55325,7 @@ var WfoFailedTasksSummaryCard = () => {
 
 // src/components/WfoSummary/WfoLatestActiveSubscriptionsSummaryCard.tsx
 import { useTranslations as useTranslations87 } from "next-intl";
-import { jsx as jsx257 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx260 } from "@emotion/react/jsx-runtime";
 var WfoLatestActiveSubscriptionsSummaryCard = () => {
   const t = useTranslations87("startPage.activeSubscriptions");
   const {
@@ -55079,7 +55335,7 @@ var WfoLatestActiveSubscriptionsSummaryCard = () => {
   } = useGetSubscriptionSummaryListQuery(
     subscriptionsListSummaryQueryVariables
   );
-  return /* @__PURE__ */ jsx257(
+  return /* @__PURE__ */ jsx260(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55099,7 +55355,7 @@ var WfoLatestActiveSubscriptionsSummaryCard = () => {
 
 // src/components/WfoSummary/WfoLatestOutOfSyncSubscriptionSummaryCard.tsx
 import { useTranslations as useTranslations88 } from "next-intl";
-import { jsx as jsx258 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx261 } from "@emotion/react/jsx-runtime";
 var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
   const t = useTranslations88("startPage.outOfSyncSubscriptions");
   const {
@@ -55114,7 +55370,7 @@ var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
     ["sortBy" /* SORT_BY */]: "field-startDate_order-ASC",
     ["queryString" /* QUERY_STRING */]: "status:(provisioning|active) insync:false"
   };
-  return /* @__PURE__ */ jsx258(
+  return /* @__PURE__ */ jsx261(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55137,7 +55393,7 @@ var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
 
 // src/components/WfoSummary/WfoMyWorkflowsSummaryCard.tsx
 import { useTranslations as useTranslations89 } from "next-intl";
-import { jsx as jsx259 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx262 } from "@emotion/react/jsx-runtime";
 var WfoMyWorkflowsSummaryCard = ({
   username
 }) => {
@@ -55154,7 +55410,7 @@ var WfoMyWorkflowsSummaryCard = ({
     ["sortBy" /* SORT_BY */]: "field-lastModifiedAt_order-DESC",
     ["queryString" /* QUERY_STRING */]: `createdBy:"${username}"`
   };
-  return /* @__PURE__ */ jsx259(
+  return /* @__PURE__ */ jsx262(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55177,7 +55433,7 @@ var WfoMyWorkflowsSummaryCard = ({
 
 // src/components/WfoSummary/WfoProductsSummaryCard.tsx
 import { useTranslations as useTranslations90 } from "next-intl";
-import { jsx as jsx260, jsxs as jsxs139 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx263, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
 var WfoProductsSummaryCard = () => {
   const t = useTranslations90("startPage.products");
   const {
@@ -55189,7 +55445,7 @@ var WfoProductsSummaryCard = () => {
     (left, right) => (right.subscriptions.pageInfo.totalItems ?? 0) - (left.subscriptions.pageInfo.totalItems ?? 0)
   ).map((product) => ({
     title: "",
-    value: /* @__PURE__ */ jsxs139(
+    value: /* @__PURE__ */ jsxs140(
       "div",
       {
         css: {
@@ -55197,13 +55453,13 @@ var WfoProductsSummaryCard = () => {
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ jsx260("div", { children: product.name }),
-          /* @__PURE__ */ jsx260("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
+          /* @__PURE__ */ jsx263("div", { children: product.name }),
+          /* @__PURE__ */ jsx263("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
         ]
       }
     )
   })) ?? [];
-  return /* @__PURE__ */ jsx260(
+  return /* @__PURE__ */ jsx263(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -55219,34 +55475,34 @@ var WfoProductsSummaryCard = () => {
 
 // src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx
 import { EuiPageHeader as EuiPageHeader3 } from "@elastic/eui";
-import { Fragment as Fragment62, jsx as jsx261, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx264, jsxs as jsxs141 } from "@emotion/react/jsx-runtime";
 var WfoTitleWithWebsocketBadge = ({
   title
 }) => {
   const { useWebSockets } = useGetOrchestratorConfig();
-  const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs140(Fragment62, { children: [
+  const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs141(Fragment62, { children: [
     title,
     " ",
-    /* @__PURE__ */ jsx261(WfoWebsocketStatusBadge, {})
+    /* @__PURE__ */ jsx264(WfoWebsocketStatusBadge, {})
   ] }) : title;
-  return /* @__PURE__ */ jsx261(EuiPageHeader3, { pageTitle });
+  return /* @__PURE__ */ jsx264(EuiPageHeader3, { pageTitle });
 };
 
 // src/components/WfoRadioDropdown/WfoRadioDropdown.tsx
-import { useState as useState54 } from "react";
+import { useState as useState55 } from "react";
 import {
   EuiButtonEmpty as EuiButtonEmpty5,
   EuiFlexGroup as EuiFlexGroup32,
   EuiPopover as EuiPopover9,
   EuiRadioGroup as EuiRadioGroup2
 } from "@elastic/eui";
-import { jsx as jsx262 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx265 } from "@emotion/react/jsx-runtime";
 var WfoRadioDropdown = ({
   options,
   onUpdateOption,
   selectedOption
 }) => {
-  const [isOpen, setIsOpen] = useState54(false);
+  const [isOpen, setIsOpen] = useState55(false);
   const handleClose = () => {
     if (isOpen) {
       setIsOpen(false);
@@ -55266,16 +55522,16 @@ var WfoRadioDropdown = ({
     id: option.id,
     label: option.label
   }));
-  return /* @__PURE__ */ jsx262(
+  return /* @__PURE__ */ jsx265(
     EuiFlexGroup32,
     {
       gutterSize: "s",
       alignItems: "center",
       justifyContent: "flexEnd",
-      children: /* @__PURE__ */ jsx262(
+      children: /* @__PURE__ */ jsx265(
         EuiPopover9,
         {
-          button: /* @__PURE__ */ jsx262(
+          button: /* @__PURE__ */ jsx265(
             EuiButtonEmpty5,
             {
               size: "s",
@@ -55296,7 +55552,7 @@ var WfoRadioDropdown = ({
           isOpen,
           closePopover: handleClose,
           anchorPosition: "downLeft",
-          children: /* @__PURE__ */ jsx262(
+          children: /* @__PURE__ */ jsx265(
             EuiRadioGroup2,
             {
               options: radioGroupOptions,
@@ -55370,7 +55626,7 @@ var {
 } = subscriptionListMutationApi;
 
 // src/components/WfoInlineNoteEdit/WfoSubscriptionNoteEdit.tsx
-import { jsx as jsx263 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx266 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionNoteEdit = ({
   onlyShowOnHover = false,
   queryVariables,
@@ -55396,7 +55652,7 @@ var WfoSubscriptionNoteEdit = ({
       note: note2
     });
   };
-  return /* @__PURE__ */ jsx263(
+  return /* @__PURE__ */ jsx266(
     WfoInlineEdit,
     {
       value: note?.trim() ? note : INVISIBLE_CHARACTER,
@@ -55407,7 +55663,7 @@ var WfoSubscriptionNoteEdit = ({
 };
 
 // src/components/WfoInlineNoteEdit/WfoSubscriptionDetailNoteEdit.tsx
-import { jsx as jsx264 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx267 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailNoteEdit = ({ subscriptionId, onlyShowOnHover = false }) => {
   const { data, endpointName } = useGetSubscriptionDetailQuery({
     subscriptionId
@@ -55430,7 +55686,7 @@ var WfoSubscriptionDetailNoteEdit = ({ subscriptionId, onlyShowOnHover = false }
       note
     });
   };
-  return /* @__PURE__ */ jsx264(
+  return /* @__PURE__ */ jsx267(
     WfoInlineEdit,
     {
       value: selectedItem?.note?.trim() ? selectedItem.note : INVISIBLE_CHARACTER,
@@ -55444,9 +55700,9 @@ var WfoSubscriptionDetailNoteEdit = ({ subscriptionId, onlyShowOnHover = false }
 import { EuiFlexItem as EuiFlexItem39 } from "@elastic/eui";
 
 // src/components/WfoTableCodeBlock/styles.ts
-import { css as css51 } from "@emotion/react";
+import { css as css52 } from "@emotion/react";
 var getStyles16 = ({ theme }) => {
-  const tableCodeBlockMarginStyle = css51({
+  const tableCodeBlockMarginStyle = css52({
     margin: theme.size.base,
     marginTop: theme.size.l,
     marginRight: theme.size.l
@@ -55457,7 +55713,7 @@ var getStyles16 = ({ theme }) => {
 };
 
 // src/components/WfoTableCodeBlock/WfoTableCodeBlock.tsx
-import { jsx as jsx265 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx268 } from "@emotion/react/jsx-runtime";
 var WfoTableCodeBlock = ({
   stepState: data
 }) => {
@@ -55473,7 +55729,7 @@ var WfoTableCodeBlock = ({
       };
     }
   );
-  return /* @__PURE__ */ jsx265(EuiFlexItem39, { css: tableCodeBlockMarginStyle, children: /* @__PURE__ */ jsx265(
+  return /* @__PURE__ */ jsx268(EuiFlexItem39, { css: tableCodeBlockMarginStyle, children: /* @__PURE__ */ jsx268(
     WfoKeyValueTable,
     {
       keyValues,
@@ -56627,6 +56883,7 @@ export {
   WfoDataCell,
   WfoDateTime,
   WfoDivider,
+  WfoDropdown,
   WfoDropdownButton,
   WfoEngineStatus,
   WfoEngineStatusBadge,
@@ -56671,6 +56928,7 @@ export {
   WfoMinusCircleFill,
   WfoMinusCircleOutline,
   WfoModifySettings,
+  WfoMultiCheckboxField,
   WfoMultilineCell,
   WfoMyWorkflowsSummaryCard,
   WfoNoResults,
@@ -56705,6 +56963,7 @@ export {
   WfoQueryParams,
   WfoRadio,
   WfoRadioDropdown,
+  WfoReactSelect,
   WfoRefresh,
   WfoRelatedSubscriptions,
   WfoRenderElementOrString,
@@ -56858,6 +57117,7 @@ export {
   getWfoArrayFieldStyles,
   getWfoGroupedTableStyles,
   getWfoObjectFieldStyles,
+  getWfoReactSelectStyles,
   getWfoTableStyles,
   getWorkflowStepsStyles,
   getWorkflowTargetColor,