@orchestrator-ui/orchestrator-ui-components 7.6.0 → 8.0.0

package/dist/index.js

@@ -64,7 +64,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "7.6.0";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.0.0";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus2) => {
@@ -185,11 +185,11 @@ var CacheTagType = /* @__PURE__ */ ((CacheTagType2) => {
   return CacheTagType2;
 })(CacheTagType || {});
 var CACHETAG_TYPE_LIST = "LIST";
-var TaskType = /* @__PURE__ */ ((TaskType3) => {
-  TaskType3["DATE"] = "date";
-  TaskType3["INTERVAL"] = "interval";
-  TaskType3["CRON"] = "cron";
-  return TaskType3;
+var TaskType = /* @__PURE__ */ ((TaskType2) => {
+  TaskType2["DATE"] = "date";
+  TaskType2["INTERVAL"] = "interval";
+  TaskType2["CRON"] = "cron";
+  return TaskType2;
 })(TaskType || {});
 var Intervals = /* @__PURE__ */ ((Intervals2) => {
   Intervals2["ONE_HOUR"] = "1hour";
@@ -1306,21 +1306,13 @@ var scheduledTasksApi = orchestratorApi.injectEndpoints({
     }),
     createScheduledTask: builder.mutation({
       query: (payload) => {
-        const scheduleTaskPayload = {
-          scheduled_type: "create",
-          name: payload.workflowDescription,
-          workflow_name: payload.workflowName,
-          workflow_id: payload.workflowId,
-          trigger: payload.type,
-          trigger_kwargs: payload.kwargs
-        };
         return {
           url: METADATA_SCHEDULES_ENDPOINT,
           method: "POST",
           headers: {
             "Content-Type": "application/json"
           },
-          body: scheduleTaskPayload
+          body: payload
         };
       },
       extraOptions: {
@@ -2006,24 +1998,17 @@ var streamMessagesApi = orchestratorApi.injectEndpoints({
       queryFn: () => {
         return { data: true };
       },
-      async onCacheEntryAdded(_6, { cacheDataLoaded, cacheEntryRemoved, dispatch, getState, updateCachedData }) {
+      async onCacheEntryAdded(wsEndpoint, { cacheDataLoaded, cacheEntryRemoved, dispatch, updateCachedData }) {
         const cleanUp = () => {
           clearInterval(pingInterval);
           updateCachedData(() => false);
         };
         const invalidateTag = (cacheTag) => {
-          if (validCacheTags.includes(cacheTag.type)) {
-            const cacheInvalidationAction = orchestratorApi.util.invalidateTags([cacheTag]);
-            dispatch(cacheInvalidationAction);
-          } else {
-            console.error(`Trying to invalidate a cache entry with an unknown tag: ${cacheTag.type}`);
-          }
+          const cacheInvalidationAction = orchestratorApi.util.invalidateTags([cacheTag]);
+          dispatch(cacheInvalidationAction);
         };
         await cacheDataLoaded;
         let initialConnection = true;
-        const state = getState();
-        const { orchestratorWebsocketUrl } = state.orchestratorConfig;
-        const validCacheTags = Object.values(CacheTagType);
         const getDebounce = (delay) => {
           return debounce(() => {
             webSocket.close();
@@ -2032,15 +2017,13 @@ var streamMessagesApi = orchestratorApi.injectEndpoints({
         };
         const closeConnectionAfterFirstPing = getDebounce(INITIAL_CONNECTION_CHECK_INTERVAL_MS);
         const debounceClosingConnection = getDebounce(NO_PONG_RECEIVED_TIMEOUT_MS);
-        const webSocket = await getWebSocket(orchestratorWebsocketUrl);
+        const webSocket = await getWebSocket(wsEndpoint);
         const sendPing = () => {
           if (webSocket.readyState === WebSocket.OPEN) {
             webSocket.send("__ping__");
           }
         };
-        const pingInterval = setInterval(() => {
-          sendPing();
-        }, PING_INTERVAL_MS);
+        const pingInterval = setInterval(sendPing, PING_INTERVAL_MS);
         webSocket.onopen = () => {
           closeConnectionAfterFirstPing();
           sendPing();
@@ -2064,9 +2047,7 @@ var streamMessagesApi = orchestratorApi.injectEndpoints({
             console.error("Unknown message type", message);
           }
         });
-        webSocket.onerror = (event) => {
-          console.error("WebSocket error", event);
-        };
+        webSocket.onerror = (event) => console.error("WebSocket error", event);
         webSocket.onclose = () => {
           console.error("WebSocket closed");
           cleanUp();
@@ -2360,7 +2341,7 @@ var { useGetSubscriptionSummaryListQuery } = subscriptionListSummaryApi;
 // src/rtk/endpoints/forms.ts
 var PROCESS_ENDPOINT = "processes";
 var RESUME_ENDPOINT = "resume";
-var FORMS_ENDPOINT = "surf/forms/";
+var FORMS_ENDPOINT = "forms/";
 var formsApi = orchestratorApi.injectEndpoints({
   endpoints: (build) => ({
     startProcess: build.mutation({
@@ -5518,7 +5499,7 @@ var WfoObjectField = ({ pydanticFormField }) => {
   const config = useGetConfig();
   const disabled = pydanticFormField.attributes?.disabled || false;
   const { wfoObjectFieldStyles } = getWfoObjectFieldStyles();
-  const components2 = getPydanticFormComponents(pydanticFormField.properties || {}, config?.componentMatcherExtender);
+  const components2 = getPydanticFormComponents(pydanticFormField.properties || {}, config?.componentMatcher);
   if (disabled) {
     components2.forEach((component) => {
       component.pydanticFormField = disableField(component.pydanticFormField);
@@ -5616,7 +5597,7 @@ var WfoArrayField = ({ pydanticFormField }) => {
   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 component = fieldToComponentMatcher(arrayItem, config?.componentMatcher);
   const renderField = (field, index) => {
     const itemizedField = itemizeArrayItem(index, arrayItem, arrayName);
     const arrayItemField = disabled ? disableField2(itemizedField) : itemizedField;
@@ -5686,18 +5667,20 @@ var WfoInteger = ({ pydanticFormField, onChange, value, disabled }) => {
   const { formFieldBaseStyle } = useWithOrchestratorTheme(getFormFieldsBaseStyle2);
   const fieldName = getFormFieldIdWithPath2(pydanticFormField.id);
   const fieldValue = _2.isObject(value) && _2.has(value, fieldName) ? _2.get(value, fieldName) : value;
-  const [userInput, setUserInput] = React12.useState();
+  const [userInput, setUserInput] = React12.useState("");
   useEffect3(() => {
     if (fieldValue !== void 0 && fieldValue !== null) {
       setUserInput(fieldValue);
-    } else {
-      setUserInput("");
     }
   }, [fieldValue, value]);
   const handleOnChange = (event) => {
-    const newValue = event.target.value;
-    if (value === null && newValue !== value) {
-      onChange(parseInt(newValue));
+    const newValue = event.target.value || "";
+    if (value === null || newValue !== value) {
+      if (!isNaN(parseInt(newValue))) {
+        onChange(parseInt(newValue));
+      } else {
+        onChange("");
+      }
     }
     setUserInput(newValue);
   };
@@ -6503,9 +6486,10 @@ var WfoEngineStatusBadge = () => {
   const { data } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const { useWebSockets } = useGetOrchestratorConfig();
+  const { orchestratorWebsocketUrl } = useGetOrchestratorConfig();
   const [websocketTrigger, { isUninitialized }] = useLazyStreamMessagesQuery();
   if (useWebSockets && isUninitialized) {
-    websocketTrigger();
+    websocketTrigger(orchestratorWebsocketUrl);
   }
   const engineStatusText = engineStatus ? `Engine is ${engineStatus}` : "Engine status is unavailable";
   const engineColor = engineStatus === "RUNNING" /* RUNNING */ ? theme.colors.success : theme.colors.warning;
@@ -6620,12 +6604,16 @@ var getStyles2 = ({ theme, isDarkModeActive }) => {
 
 // src/components/WfoBadges/WfoWebsocketStatusBadge/WfoWebsocketStatusBadge.tsx
 import { Fragment as Fragment7, jsx as jsx101 } from "@emotion/react/jsx-runtime";
-var WfoWebsocketStatusBadge = ({ hideWhenConnected = false }) => {
+var WfoWebsocketStatusBadge = ({
+  hideWhenConnected = false,
+  wsUrl = void 0
+}) => {
   const dispatch = useDispatch2();
   const { connectedStyle, disconnectedStyle } = useWithOrchestratorTheme(getStyles2);
   const t = useTranslations13("main");
   const { theme } = useOrchestratorTheme();
-  const { data: websocketConnected } = useStreamMessagesQuery();
+  const { orchestratorWebsocketUrl } = useGetOrchestratorConfig();
+  const { data: websocketConnected } = useStreamMessagesQuery(wsUrl || orchestratorWebsocketUrl);
   const showBadge = !(websocketConnected && hideWhenConnected);
   const reconnect = useCallback5(() => {
     dispatch(orchestratorApi.util.resetApiState());
@@ -7397,10 +7385,21 @@ var useSubscriptionDetailGeneralSectionConfigurationOverride = () => {
 
 // src/components/WfoSubscription/WfoSubscriptionGeneralSections/WfoSubscriptionDetailSection.tsx
 import { useTranslations as useTranslations20 } from "next-intl";
-import { jsx as jsx120 } from "@emotion/react/jsx-runtime";
+import Link4 from "next/link";
+import { jsx as jsx120, jsxs as jsxs60 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailSection = ({ subscriptionDetail }) => {
   const t = useTranslations20("subscriptions.detail");
-  const { subscriptionId, product, description, startDate, endDate, status, customer, customerDescriptions } = subscriptionDetail;
+  const {
+    subscriptionId,
+    product,
+    description,
+    startDate,
+    endDate,
+    status,
+    customer,
+    customerDescriptions,
+    processes
+  } = subscriptionDetail;
   const subscriptionDetailBlockData = [
     {
       key: t("subscriptionId"),
@@ -7431,6 +7430,22 @@ var WfoSubscriptionDetailSection = ({ subscriptionDetail }) => {
       key: t("insync"),
       value: /* @__PURE__ */ jsx120(WfoInSyncField, { subscriptionDetail })
     },
+    {
+      key: t("lastRunValidation"),
+      value: (() => {
+        const lastValidate = processes?.page?.filter((process3) => process3.workflowTarget.toLowerCase() === "validate" /* VALIDATE */.toLowerCase()).slice(-1)[0];
+        if (!lastValidate) {
+          return t("noValidateWorkflows");
+        }
+        const processUrl = `${PATH_TASKS}/${lastValidate.processId}`;
+        return /* @__PURE__ */ jsxs60(Link4, { href: processUrl, children: [
+          lastValidate.lastStatus,
+          " (",
+          formatDate(lastValidate.startedAt),
+          ")"
+        ] });
+      })()
+    },
     {
       key: t("customer"),
       value: subscriptionDetail && subscriptionDetail.customer ? `${customer?.fullname}` : "-"
@@ -7523,12 +7538,12 @@ var WfoSubscriptionProductInfoSection = ({ product }) => {
 
 // src/components/WfoSubscription/SubscriptionKeyValueBlock.tsx
 import { EuiFlexGroup as EuiFlexGroup9, EuiFlexItem as EuiFlexItem6, EuiSpacer as EuiSpacer10, EuiText as EuiText7 } from "@elastic/eui";
-import { Fragment as Fragment15, jsx as jsx124, jsxs as jsxs60 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx124, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
 var SubscriptionKeyValueBlock = ({ title, keyValues }) => {
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsxs60(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs61(Fragment15, { children: [
     /* @__PURE__ */ jsx124(EuiSpacer10, { size: "m" }),
-    /* @__PURE__ */ jsx124("div", { children: /* @__PURE__ */ jsxs60("div", { style: { marginTop: 5 }, children: [
+    /* @__PURE__ */ jsx124("div", { children: /* @__PURE__ */ jsxs61("div", { style: { marginTop: 5 }, children: [
       /* @__PURE__ */ jsx124(EuiFlexGroup9, { justifyContent: "spaceBetween", children: /* @__PURE__ */ jsx124(EuiFlexItem6, { children: /* @__PURE__ */ jsx124(EuiText7, { grow: false, css: { fontWeight: theme.font.weight.semiBold }, children: title }) }) }),
       /* @__PURE__ */ jsx124(EuiSpacer10, { size: "m" }),
       /* @__PURE__ */ jsx124(WfoKeyValueTable, { keyValues, showCopyToClipboardIcon: true })
@@ -7539,19 +7554,19 @@ var SubscriptionKeyValueBlock = ({ title, keyValues }) => {
 // src/components/WfoSubscription/WfoInSyncField/WfoInSyncField.tsx
 import { useContext as useContext5, useEffect as useEffect8, useState as useState11 } from "react";
 import { useTranslations as useTranslations24 } from "next-intl";
-import Link5 from "next/link";
+import Link6 from "next/link";
 import { EuiButton as EuiButton7, EuiContextMenuItem, EuiLoadingSpinner, EuiToolTip as EuiToolTip6 } from "@elastic/eui";
 
 // src/components/WfoSubscription/WfoInSyncField/WfoInSyncErrorToastMessage.tsx
-import Link4 from "next/link";
-import { jsx as jsx125, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
+import Link5 from "next/link";
+import { jsx as jsx125, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
 var WfoInSyncErrorToastMessage = ({ errorDetail }) => {
   const { failedIds, filteredInput } = parseErrorDetail(errorDetail);
-  return /* @__PURE__ */ jsxs61("div", { css: { whiteSpace: "normal", wordBreak: "break-word" }, children: [
+  return /* @__PURE__ */ jsxs62("div", { css: { whiteSpace: "normal", wordBreak: "break-word" }, children: [
     /* @__PURE__ */ jsx125("div", { children: filteredInput }),
     failedIds.map((processId) => {
       const processUrl = `${PATH_WORKFLOWS}/${processId}`;
-      return /* @__PURE__ */ jsx125("div", { children: /* @__PURE__ */ jsx125(Link4, { href: processUrl, children: processId }) }, processId);
+      return /* @__PURE__ */ jsx125("div", { children: /* @__PURE__ */ jsx125(Link5, { href: processUrl, children: processId }) }, processId);
     })
   ] });
 };
@@ -7674,7 +7689,7 @@ var WfoInSyncCompactIcon = ({ disabled }) => {
 };
 
 // src/components/WfoSubscription/WfoInSyncField/WfoInSyncField.tsx
-import { Fragment as Fragment16, jsx as jsx127, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx127, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
 var WfoInSyncField = ({ subscriptionDetail, compactMode = false, setPopover }) => {
   const t = useTranslations24("subscriptions.detail");
   const { theme } = useOrchestratorTheme();
@@ -7716,9 +7731,9 @@ var WfoInSyncField = ({ subscriptionDetail, compactMode = false, setPopover }) =
   };
   const getProcessLink = () => {
     const processUrl = `${lastUncompletedProcess?.isTask ? PATH_TASKS : PATH_WORKFLOWS}/${lastUncompletedProcess?.processId}`;
-    return /* @__PURE__ */ jsxs62(Fragment16, { children: [
-      /* @__PURE__ */ jsxs62(
-        Link5,
+    return /* @__PURE__ */ jsxs63(Fragment16, { children: [
+      /* @__PURE__ */ jsxs63(
+        Link6,
         {
           href: processUrl,
           css: {
@@ -7737,24 +7752,24 @@ var WfoInSyncField = ({ subscriptionDetail, compactMode = false, setPopover }) =
   };
   const allowInSyncButton = !inSync && lastUncompletedProcess;
   const showDate = inSync && lastTaskRunDate;
-  const InSyncDetails = () => /* @__PURE__ */ jsx127(Fragment16, { children: /* @__PURE__ */ jsxs62("div", { css: { display: "flex" }, children: [
+  const InSyncDetails = () => /* @__PURE__ */ jsx127(Fragment16, { children: /* @__PURE__ */ jsxs63("div", { css: { display: "flex" }, children: [
     /* @__PURE__ */ jsx127("div", { css: { paddingRight: theme.base / 4, display: "flex" }, children: /* @__PURE__ */ jsx127(WfoInsyncIcon, { inSync }) }),
     showDate && `(${formatDate(lastTaskRunDate)})`,
     !showDate && compactMode && t("subscriptionIsInSync")
   ] }) });
-  const InSyncDetailsWithButton = () => /* @__PURE__ */ jsxs62(Fragment16, { children: [
+  const InSyncDetailsWithButton = () => /* @__PURE__ */ jsxs63(Fragment16, { children: [
     /* @__PURE__ */ jsx127(InSyncDetails, {}),
     allowInSyncButton && getProcessLink()
   ] });
   const InSyncCompactMenuIcon = () => {
     const LoadingSecondaryIcon = () => /* @__PURE__ */ jsx127("div", { css: spinnerSecondaryIconStyle, children: /* @__PURE__ */ jsx127(EuiLoadingSpinner, { size: "s" }) });
     if (!allowInSyncButton) {
-      return /* @__PURE__ */ jsxs62("div", { css: disabledIconStyle, children: [
+      return /* @__PURE__ */ jsxs63("div", { css: disabledIconStyle, children: [
         /* @__PURE__ */ jsx127(WfoInSyncCompactIcon, { disabled: true }),
         isLoading ? /* @__PURE__ */ jsx127(LoadingSecondaryIcon, {}) : /* @__PURE__ */ jsx127("div", { css: secondaryIconStyle, children: /* @__PURE__ */ jsx127(WfoCheckmarkCircleFill, { width: 20, height: 20, color: theme.colors.primary }) })
       ] });
     }
-    return /* @__PURE__ */ jsxs62("div", { css: disabledIconStyle, children: [
+    return /* @__PURE__ */ jsxs63("div", { css: disabledIconStyle, children: [
       /* @__PURE__ */ jsx127(WfoInSyncCompactIcon, { disabled: false }),
       isLoading && /* @__PURE__ */ jsx127(LoadingSecondaryIcon, {})
     ] });
@@ -7777,7 +7792,7 @@ var WfoInSyncField = ({ subscriptionDetail, compactMode = false, setPopover }) =
 // src/components/WfoSubscription/WfoProcessesTimeline.tsx
 import React22 from "react";
 import { useTranslations as useTranslations25 } from "next-intl";
-import Link6 from "next/link";
+import Link7 from "next/link";
 import { EuiComment, EuiCommentList, EuiFlexGroup as EuiFlexGroup10, EuiFlexItem as EuiFlexItem7, EuiSpacer as EuiSpacer11, EuiText as EuiText8 } from "@elastic/eui";
 
 // src/components/WfoSubscription/styles.ts
@@ -7842,7 +7857,7 @@ var getSubscriptionDetailStyles = ({ theme, isDarkModeActive }) => {
 };
 
 // src/components/WfoSubscription/WfoProcessesTimeline.tsx
-import { Fragment as Fragment17, jsx as jsx128, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx128, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
 var WfoProcessCard = ({ subscriptionDetailProcess }) => {
   const t = useTranslations25("subscriptions.detail.processDetail");
   const { tableStyle, labelCellStyle, cellGroupStyle, borderStyle, rowStyle } = useWithOrchestratorTheme(getSubscriptionDetailStyles);
@@ -7850,7 +7865,7 @@ var WfoProcessCard = ({ subscriptionDetailProcess }) => {
   const rows = [
     {
       label: t("id"),
-      content: /* @__PURE__ */ jsx128(Link6, { href: `${processUrl}/${subscriptionDetailProcess.processId}`, children: subscriptionDetailProcess.processId })
+      content: /* @__PURE__ */ jsx128(Link7, { href: `${processUrl}/${subscriptionDetailProcess.processId}`, children: subscriptionDetailProcess.processId })
     },
     {
       label: t("status"),
@@ -7865,21 +7880,21 @@ var WfoProcessCard = ({ subscriptionDetailProcess }) => {
       content: subscriptionDetailProcess.createdBy
     }
   ];
-  return /* @__PURE__ */ jsx128("div", { css: tableStyle, children: rows.map(({ label, content }, idx) => /* @__PURE__ */ jsx128("div", { css: rowStyle, children: /* @__PURE__ */ jsx128("div", { className: "border", css: borderStyle, children: /* @__PURE__ */ jsxs63(EuiFlexGroup10, { css: cellGroupStyle, children: [
+  return /* @__PURE__ */ jsx128("div", { css: tableStyle, children: rows.map(({ label, content }, idx) => /* @__PURE__ */ jsx128("div", { css: rowStyle, children: /* @__PURE__ */ jsx128("div", { className: "border", css: borderStyle, children: /* @__PURE__ */ jsxs64(EuiFlexGroup10, { css: cellGroupStyle, children: [
     /* @__PURE__ */ jsx128(EuiFlexItem7, { css: labelCellStyle, grow: 2, children: label }),
     /* @__PURE__ */ jsx128(EuiFlexItem7, { grow: 9, children: content })
   ] }, label) }) }, idx)) });
 };
 var WfoRenderSubscriptionProcess = ({ subscriptionDetailProcess }) => {
   const { timeLineStyle, workflowTargetStyle } = useWithOrchestratorTheme(getSubscriptionDetailStyles);
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs64(
     EuiComment,
     {
       username: subscriptionDetailProcess.workflowTarget ?? "",
       timelineAvatarAriaLabel: subscriptionDetailProcess.workflowName,
       timelineAvatar: /* @__PURE__ */ jsx128(WfoTargetTypeIcon, { target: subscriptionDetailProcess.workflowTarget }),
       children: [
-        /* @__PURE__ */ jsxs63(EuiFlexGroup10, { alignItems: "center", gutterSize: "s", css: timeLineStyle, children: [
+        /* @__PURE__ */ jsxs64(EuiFlexGroup10, { alignItems: "center", gutterSize: "s", css: timeLineStyle, children: [
           /* @__PURE__ */ jsx128(EuiText8, { css: workflowTargetStyle, children: upperCaseFirstChar(subscriptionDetailProcess.workflowTarget) }),
           /* @__PURE__ */ jsx128(EuiText8, { children: "-" }),
           /* @__PURE__ */ jsx128(EuiText8, { children: subscriptionDetailProcess.workflowName })
@@ -7908,7 +7923,7 @@ var WfoProcessesTimeline = ({ subscriptionDetailProcesses }) => {
     setSelectedOption(option);
   };
   const sortedProcesses = sortProcessesByDate(subscriptionDetailProcesses, selectedOption.value);
-  return /* @__PURE__ */ jsxs63(Fragment17, { children: [
+  return /* @__PURE__ */ jsxs64(Fragment17, { children: [
     /* @__PURE__ */ jsx128(EuiSpacer11, { size: "m" }),
     !subscriptionDetailProcesses && /* @__PURE__ */ jsx128(WfoLoading, {}),
     /* @__PURE__ */ jsx128(WfoRadioDropdown, { options, onUpdateOption: handleOnSelectOption, selectedOption }),
@@ -7919,7 +7934,7 @@ var WfoProcessesTimeline = ({ subscriptionDetailProcesses }) => {
 // src/components/WfoSubscription/WfoRelatedSubscriptions.tsx
 import { useState as useState16 } from "react";
 import { useTranslations as useTranslations30 } from "next-intl";
-import Link7 from "next/link";
+import Link8 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup12, EuiFlexItem as EuiFlexItem8, EuiSpacer as EuiSpacer14, EuiSwitch } from "@elastic/eui";
 
 // src/components/WfoSubscription/utils/relatedSubscriptionsListItemsObjectMappers.ts
@@ -8349,7 +8364,7 @@ var usePageIndexBoundsGuard = ({
 };
 
 // src/components/WfoTable/WfoTable/WfoTableDataRows.tsx
-import { Fragment as Fragment20, jsx as jsx130, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx130, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
 var DATA_ROW_CLASS = "data-row";
 var CONTROL_CELL_CLASS = "control-cell";
 var DATA_CELL_CLASS = "data-cell";
@@ -8364,7 +8379,7 @@ var WfoTableDataRows = ({
 }) => {
   const { cellStyle, cellContentStyle, rowStyle, dataRowStyle, clickableStyle, setWidth } = useWithOrchestratorTheme(getWfoTableStyles);
   const sortedVisibleColumns = getSortedVisibleColumns(columnConfig, columnOrder, hiddenColumns);
-  return /* @__PURE__ */ jsx130(Fragment20, { children: data.map((row, index) => /* @__PURE__ */ jsxs64(Fragment19, { children: [
+  return /* @__PURE__ */ jsx130(Fragment20, { children: data.map((row, index) => /* @__PURE__ */ jsxs65(Fragment19, { children: [
     /* @__PURE__ */ jsx130(
       "tr",
       {
@@ -8513,7 +8528,7 @@ var WfoPopoverContent = ({ onSearch, closePopover, fieldName }) => {
 };
 
 // src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoTableHeaderCell.tsx
-import { jsx as jsx134, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
 var WfoTableHeaderCell = ({
   fieldName,
   sortOrder,
@@ -8539,8 +8554,8 @@ var WfoTableHeaderCell = ({
   const closePopover = () => setPopover(false);
   const WfoHeaderCellContentButton = () => /* @__PURE__ */ jsx134("button", { onClick: handleButtonClick, disabled: !isFilterable, children: /* @__PURE__ */ jsx134("div", { css: getHeaderCellContentStyle(isFilterable), children }) });
   const WfoPopoverHeader = () => /* @__PURE__ */ jsx134("div", { css: headerCellPopoverHeaderStyle, children: /* @__PURE__ */ jsx134(EuiText9, { size: "xs", css: headerCellPopoverHeaderTitleStyle, children }) });
-  return /* @__PURE__ */ jsxs65("div", { css: headerCellStyle, children: [
-    /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs66("div", { css: headerCellStyle, children: [
+    /* @__PURE__ */ jsxs66(
       EuiPopover3,
       {
         className: HEADER_CELL_TITLE_BUTTON_CLASS,
@@ -8572,7 +8587,7 @@ var WfoTableHeaderCell = ({
 };
 
 // src/components/WfoTable/WfoTable/WfoTableHeaderRow.tsx
-import { jsx as jsx135, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx135, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
 var WfoTableHeaderRow = ({
   columnConfig,
   columnOrder = [],
@@ -8599,7 +8614,7 @@ var WfoTableHeaderRow = ({
             ...toOptionalArrayEntry(sortableHeaderCellStyle, !!columnConfig2.isSortable),
             setWidth(columnConfig2.width)
           ],
-          children: /* @__PURE__ */ jsxs66("div", { css: headerCellContainer, children: [
+          children: /* @__PURE__ */ jsxs67("div", { css: headerCellContainer, children: [
             /* @__PURE__ */ jsx135(
               WfoTableHeaderCell,
               {
@@ -8647,7 +8662,7 @@ var WfoTableHeaderRow = ({
 };
 
 // src/components/WfoTable/WfoTable/WfoTable.tsx
-import { Fragment as Fragment21, jsx as jsx136, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx136, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
 var ColumnType = /* @__PURE__ */ ((ColumnType2) => {
   ColumnType2["DATA"] = "data";
   ColumnType2["CONTROL"] = "control";
@@ -8733,14 +8748,14 @@ var WfoTable = ({
   const lastVirtualItemEnd = virtualItems.length > 0 ? virtualItems[virtualItems.length - 1].end : 0;
   const virtualTrHeight = virtualItems[0]?.start ?? 0;
   const bottomSpacerHeight = totalSize - lastVirtualItemEnd;
-  return /* @__PURE__ */ jsxs67(Fragment21, { children: [
+  return /* @__PURE__ */ jsxs68(Fragment21, { children: [
     /* @__PURE__ */ jsx136(
       "div",
       {
         ref: parentRef,
         css: [tableContainerStyle, useEuiScrollBar()],
         style: isVirtualized && height ? { maxHeight: height, overflow: "auto" } : {},
-        children: /* @__PURE__ */ jsxs67("table", { className, css: tableStyle, children: [
+        children: /* @__PURE__ */ jsxs68("table", { className, css: tableStyle, children: [
           overrideHeader ? overrideHeader(sortedVisibleColumns) : /* @__PURE__ */ jsx136("thead", { css: headerStyle, children: /* @__PURE__ */ jsx136(
             WfoTableHeaderRow,
             {
@@ -8753,7 +8768,7 @@ var WfoTable = ({
               onUpdateColumWidth
             }
           ) }),
-          dataLength === 0 ? /* @__PURE__ */ jsx136("tbody", { css: isLoading && bodyLoadingStyle, children: /* @__PURE__ */ jsx136("tr", { css: rowStyle, children: /* @__PURE__ */ jsx136("td", { colSpan: sortedVisibleColumns.length, css: [cellStyle, emptyTableMessageStyle], children: isLoading ? t("loading") : t("noItemsFound") }) }) }) : isVirtualized && height ? /* @__PURE__ */ jsxs67("tbody", { children: [
+          dataLength === 0 ? /* @__PURE__ */ jsx136("tbody", { css: isLoading && bodyLoadingStyle, children: /* @__PURE__ */ jsx136("tr", { css: rowStyle, children: /* @__PURE__ */ jsx136("td", { colSpan: sortedVisibleColumns.length, css: [cellStyle, emptyTableMessageStyle], children: isLoading ? t("loading") : t("noItemsFound") }) }) }) : isVirtualized && height ? /* @__PURE__ */ jsxs68("tbody", { children: [
             /* @__PURE__ */ jsx136(
               "tr",
               {
@@ -8796,7 +8811,7 @@ var WfoTable = ({
         ] })
       }
     ),
-    pagination && /* @__PURE__ */ jsxs67("div", { css: paginationStyle, children: [
+    pagination && /* @__PURE__ */ jsxs68("div", { css: paginationStyle, children: [
       /* @__PURE__ */ jsx136(EuiSpacer12, { size: "xs" }),
       /* @__PURE__ */ jsx136(
         EuiTablePagination,
@@ -8856,7 +8871,7 @@ var getWfoGroupedTableStyles = ({ theme }) => {
 };
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandableRow.tsx
-import { jsx as jsx137, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
 var WfoExpandableRow = ({
   groupName,
   numberOfRowsInGroup,
@@ -8866,7 +8881,7 @@ var WfoExpandableRow = ({
   const { expandableRowContainerStyle, expandableRowTextStyle } = useWithOrchestratorTheme(getWfoGroupedTableStyles);
   const t = useTranslations28("wfoComponents");
   const hasData = numberOfRowsInGroup > 0;
-  return /* @__PURE__ */ jsxs68("div", { css: expandableRowContainerStyle, children: [
+  return /* @__PURE__ */ jsxs69("div", { css: expandableRowContainerStyle, children: [
     /* @__PURE__ */ jsx137(
       EuiButtonIcon6,
       {
@@ -8923,13 +8938,13 @@ var WfoGroupedTableGroups = React30.forwardRef(
 WfoGroupedTableGroups.displayName = "WfoGroupedTableGroups";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandedGroupRow.tsx
-import { Fragment as Fragment22, jsx as jsx139, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx139, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
 var WfoExpandedGroupRow = React31.forwardRef(
   ({ data, columnConfig, nestingLevel = 1, groupNameLabel, onExpandRowChange }, reference) => {
     const { expandedRowStyle } = useWithOrchestratorTheme(getWfoTableStyles);
     const { innerTableHeaderStyle, getNestingStyle } = useWithOrchestratorTheme(getWfoGroupedTableStyles);
     if (Array.isArray(data)) {
-      return /* @__PURE__ */ jsxs69(Fragment22, { children: [
+      return /* @__PURE__ */ jsxs70(Fragment22, { children: [
         /* @__PURE__ */ jsx139(WfoTableHeaderRow, { css: [innerTableHeaderStyle, getNestingStyle(nestingLevel)], columnConfig }),
         /* @__PURE__ */ jsx139(
           WfoTableDataRows,
@@ -9115,7 +9130,7 @@ var useGroupedTableConfig = ({
 };
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoGroupedTable.tsx
-import { Fragment as Fragment23, jsx as jsx141, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx141, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
 var WfoGroupedTable = ({
   data,
   columnConfig,
@@ -9141,7 +9156,7 @@ var WfoGroupedTable = ({
     columnConfig
   });
   const ExpandCollapseButton = () => /* @__PURE__ */ jsx141(EuiButtonEmpty4, { size: "xs", onClick: () => isAllGroupsAndSubgroupsExpanded ? collapseAllRows() : expandAllRows(), children: isAllGroupsAndSubgroupsExpanded ? t("collapse") : t("expand") });
-  return /* @__PURE__ */ jsxs70(Fragment23, { children: [
+  return /* @__PURE__ */ jsxs71(Fragment23, { children: [
     /* @__PURE__ */ jsx141(EuiFlexGroup11, { justifyContent: "flexEnd", children: overrideHeaderSection ? overrideHeaderSection(/* @__PURE__ */ jsx141(ExpandCollapseButton, {})) : /* @__PURE__ */ jsx141(ExpandCollapseButton, {}) }),
     /* @__PURE__ */ jsx141(EuiSpacer13, { size: "xs" }),
     /* @__PURE__ */ jsx141(
@@ -9221,7 +9236,7 @@ var WfoToolTip = ({ tooltipContent, children, className }) => {
 };
 
 // src/components/WfoSubscription/WfoRelatedSubscriptions.tsx
-import { Fragment as Fragment25, jsx as jsx146, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx146, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
 var WfoRelatedSubscriptions = ({
   subscriptionId,
   subscriptionPath = PATH_SUBSCRIPTIONS
@@ -9259,7 +9274,7 @@ var WfoRelatedSubscriptions = ({
     description: {
       columnType: "data" /* DATA */,
       label: t("description"),
-      renderData: (value, record) => /* @__PURE__ */ jsx146(Link7, { target: "_blank", href: `${subscriptionPath}/${record.subscriptionId}`, children: value })
+      renderData: (value, record) => /* @__PURE__ */ jsx146(Link8, { target: "_blank", href: `${subscriptionPath}/${record.subscriptionId}`, children: value })
     },
     status: {
       columnType: "data" /* DATA */,
@@ -9303,7 +9318,7 @@ var WfoRelatedSubscriptions = ({
   const toggleTerminatedSubscriptions = () => {
     setHideTerminatedSubscriptions((currentValue) => !currentValue);
   };
-  return /* @__PURE__ */ jsxs71(Fragment25, { children: [
+  return /* @__PURE__ */ jsxs72(Fragment25, { children: [
     /* @__PURE__ */ jsx146(EuiSpacer14, { size: "xl" }),
     /* @__PURE__ */ jsx146(EuiFlexGroup12, { justifyContent: "flexEnd", children: /* @__PURE__ */ jsx146(EuiFlexItem8, { grow: 0, children: /* @__PURE__ */ jsx146(
       EuiSwitch,
@@ -9363,7 +9378,7 @@ var subscriptionDetailTabs = [
 ];
 
 // src/components/WfoSubscription/WfoSubscription.tsx
-import { Fragment as Fragment26, jsx as jsx148, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx148, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
 var WfoSubscription = ({ subscriptionId }) => {
   const [activeTab, setActiveTab] = useQueryParam(
     "activeTab",
@@ -9379,12 +9394,12 @@ var WfoSubscription = ({ subscriptionId }) => {
     setActiveTab(tab);
   };
   const subscriptionDetail = data?.subscription;
-  return /* @__PURE__ */ jsx148(Fragment26, { children: isError && /* @__PURE__ */ jsx148(WfoError, {}) || isLoading && /* @__PURE__ */ jsx148(WfoLoading, {}) || subscriptionDetail && subscriptionDetail.subscriptionId && /* @__PURE__ */ jsxs72(Fragment26, { children: [
+  return /* @__PURE__ */ jsx148(Fragment26, { children: isError && /* @__PURE__ */ jsx148(WfoError, {}) || isLoading && /* @__PURE__ */ jsx148(WfoLoading, {}) || subscriptionDetail && subscriptionDetail.subscriptionId && /* @__PURE__ */ jsxs73(Fragment26, { children: [
     /* @__PURE__ */ jsx148(
       WfoContentHeader,
       {
         title: /* @__PURE__ */ jsx148(WfoTitleWithWebsocketBadge, { title: subscriptionDetail.description }),
-        subtitle: /* @__PURE__ */ jsxs72(Fragment26, { children: [
+        subtitle: /* @__PURE__ */ jsxs73(Fragment26, { children: [
           /* @__PURE__ */ jsx148(WfoSubscriptionStatusBadge, { status: subscriptionDetail.status }),
           /* @__PURE__ */ jsx148(WfoSubscriptionSyncStatusBadge, { insync: subscriptionDetail.insync })
         ] }),
@@ -9410,7 +9425,7 @@ var WfoSubscription = ({ subscriptionId }) => {
     selectedTab === "general" /* GENERAL_TAB */ && /* @__PURE__ */ jsx148(WfoSubscriptionGeneral, { subscriptionDetail }),
     selectedTab === "processes" /* PROCESSES_TAB */ && data && subscriptionDetail.processes?.page && /* @__PURE__ */ jsx148(WfoProcessesTimeline, { subscriptionDetailProcesses: subscriptionDetail.processes?.page }),
     selectedTab === "related-subscriptions" /* RELATED_SUBSCRIPTIONS_TAB */ && data && /* @__PURE__ */ jsx148(WfoRelatedSubscriptions, { subscriptionId: subscriptionDetail.subscriptionId })
-  ] }) || /* @__PURE__ */ jsxs72("h1", { children: [
+  ] }) || /* @__PURE__ */ jsxs73("h1", { children: [
     "Unknown subscriptionId: ",
     subscriptionId
   ] }) });
@@ -9429,9 +9444,9 @@ import { EuiContextMenuItem as EuiContextMenuItem2, EuiToolTip as EuiToolTip8 }
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionExpandableMenuItem.tsx
 import { useState as useState17 } from "react";
 import { useTranslations as useTranslations31 } from "next-intl";
-import Link8 from "next/link";
+import Link9 from "next/link";
 import { EuiButtonIcon as EuiButtonIcon7, EuiText as EuiText11 } from "@elastic/eui";
-import { jsx as jsx149, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx149, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionActionExpandableMenuItem = ({
   subscriptionAction,
   onClickLockedRelation,
@@ -9441,8 +9456,8 @@ var WfoSubscriptionActionExpandableMenuItem = ({
   const { clickableStyle, expandableMenuItemStyle, expandButtonStyle, expandedContentStyle, linkStyle } = useWithOrchestratorTheme(getSubscriptionActionStyles);
   const [isExpanded, setIsExpanded] = useState17(false);
   const { locked_relations: lockedRelations } = subscriptionAction;
-  return /* @__PURE__ */ jsxs73("div", { children: [
-    /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs74("div", { children: [
+    /* @__PURE__ */ jsxs74(
       "div",
       {
         css: [expandableMenuItemStyle, lockedRelations && clickableStyle],
@@ -9461,10 +9476,10 @@ var WfoSubscriptionActionExpandableMenuItem = ({
         ]
       }
     ),
-    lockedRelations && isExpanded && /* @__PURE__ */ jsxs73("div", { css: expandedContentStyle, children: [
+    lockedRelations && isExpanded && /* @__PURE__ */ jsxs74("div", { css: expandedContentStyle, children: [
       /* @__PURE__ */ jsx149(EuiText11, { size: "xs", children: t("lockedBySubscriptions") }),
       lockedRelations.map((relation) => /* @__PURE__ */ jsx149(EuiText11, { size: "xs", children: /* @__PURE__ */ jsx149(
-        Link8,
+        Link9,
         {
           css: linkStyle,
           href: `${PATH_SUBSCRIPTIONS}/${relation}`,
@@ -9478,7 +9493,7 @@ var WfoSubscriptionActionExpandableMenuItem = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionsMenuItem.tsx
-import { jsx as jsx150, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx150, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionActionsMenuItem = ({
   subscriptionAction,
   onClick,
@@ -9511,7 +9526,7 @@ var WfoSubscriptionActionsMenuItem = ({
       }
     ) }) });
   };
-  const getIcon = () => subscriptionAction.reason ? /* @__PURE__ */ jsxs74("div", { css: disabledIconStyle, children: [
+  const getIcon = () => subscriptionAction.reason ? /* @__PURE__ */ jsxs75("div", { css: disabledIconStyle, children: [
     /* @__PURE__ */ jsx150(WfoTargetTypeIcon, { target, disabled: true }),
     /* @__PURE__ */ jsx150("div", { css: secondaryIconStyle, children: /* @__PURE__ */ jsx150(WfoXCircleFill, { width: 20, height: 20, color: theme.colors.danger }) })
   ] }) : /* @__PURE__ */ jsx150("div", { css: iconStyle, children: /* @__PURE__ */ jsx150(WfoTargetTypeIcon, { target }) });
@@ -9530,8 +9545,8 @@ var WfoSubscriptionActionsMenuItem = ({
 };
 
 // src/icons/WfoDotsHorizontal.tsx
-import { jsx as jsx151, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
-var WfoDotsHorizontal = ({ width = 20, height = 20, color = "currentColor" }) => /* @__PURE__ */ jsxs75("svg", { width, height, viewBox: "0 0 24 24", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: [
+import { jsx as jsx151, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
+var WfoDotsHorizontal = ({ width = 20, height = 20, color = "currentColor" }) => /* @__PURE__ */ jsxs76("svg", { width, height, viewBox: "0 0 24 24", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ jsx151("title", { children: "icon/dots-horizontal" }),
   /* @__PURE__ */ jsx151("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx151("g", { id: "icon/dots-horizontal", fill: color, fillRule: "nonzero", children: /* @__PURE__ */ jsx151(
     "path",
@@ -9543,7 +9558,7 @@ var WfoDotsHorizontal = ({ width = 20, height = 20, color = "currentColor" }) =>
 ] });
 
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActions.tsx
-import { Fragment as Fragment27, jsx as jsx152, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx152, jsxs as jsxs77 } from "@emotion/react/jsx-runtime";
 var MenuBlock = ({ title }) => /* @__PURE__ */ jsx152(EuiTitle, { size: "xxxs", children: /* @__PURE__ */ jsx152("h3", { children: title }) });
 var WfoSubscriptionActions = ({
   subscriptionId,
@@ -9610,8 +9625,8 @@ var WfoSubscriptionActions = ({
       redirectToUrl(actionName, isTask);
     }
   };
-  const compactItems = /* @__PURE__ */ jsxs76(Fragment27, { children: [
-    isAllowed(SUBSCRIPTION_VALIDATE + subscriptionId) && subscriptionActions?.validate && /* @__PURE__ */ jsxs76(Fragment27, { children: [
+  const compactItems = /* @__PURE__ */ jsxs77(Fragment27, { children: [
+    isAllowed(SUBSCRIPTION_VALIDATE + subscriptionId) && subscriptionActions?.validate && /* @__PURE__ */ jsxs77(Fragment27, { children: [
       !compactMode && /* @__PURE__ */ jsx152(MenuBlock, { title: t("tasks") }),
       subscriptionActions.validate.map((subscriptionAction, index) => /* @__PURE__ */ jsx152(
         WfoSubscriptionActionsMenuItem,
@@ -9624,7 +9639,7 @@ var WfoSubscriptionActions = ({
         `s_${index}`
       ))
     ] }),
-    isAllowed(SUBSCRIPTION_RECONCILE + subscriptionId) && (subscriptionActions?.reconcile?.length ?? 0) > 0 && /* @__PURE__ */ jsxs76(Fragment27, { children: [
+    isAllowed(SUBSCRIPTION_RECONCILE + subscriptionId) && (subscriptionActions?.reconcile?.length ?? 0) > 0 && /* @__PURE__ */ jsxs77(Fragment27, { children: [
       !compactMode && /* @__PURE__ */ jsx152(MenuBlock, { title: t("reconcile") }),
       subscriptionActions?.reconcile.map((subscriptionAction, index) => /* @__PURE__ */ jsx152(
         WfoSubscriptionActionsMenuItem,
@@ -9646,8 +9661,8 @@ var WfoSubscriptionActions = ({
       }
     ) })
   ] });
-  const fullItems = /* @__PURE__ */ jsxs76(Fragment27, { children: [
-    isAllowed(SUBSCRIPTION_MODIFY + subscriptionId) && subscriptionActions?.modify && /* @__PURE__ */ jsxs76(Fragment27, { children: [
+  const fullItems = /* @__PURE__ */ jsxs77(Fragment27, { children: [
+    isAllowed(SUBSCRIPTION_MODIFY + subscriptionId) && subscriptionActions?.modify && /* @__PURE__ */ jsxs77(Fragment27, { children: [
       /* @__PURE__ */ jsx152(MenuBlock, { title: t("modify") }),
       subscriptionActions.modify.map((subscriptionAction, index) => /* @__PURE__ */ jsx152(
         WfoSubscriptionActionsMenuItem,
@@ -9663,7 +9678,7 @@ var WfoSubscriptionActions = ({
       ))
     ] }),
     compactItems,
-    isAllowed(SUBSCRIPTION_TERMINATE + subscriptionId) && subscriptionActions?.terminate && /* @__PURE__ */ jsxs76(Fragment27, { children: [
+    isAllowed(SUBSCRIPTION_TERMINATE + subscriptionId) && subscriptionActions?.terminate && /* @__PURE__ */ jsxs77(Fragment27, { children: [
       /* @__PURE__ */ jsx152(MenuBlock, { title: t("terminate") }),
       subscriptionActions.terminate.map((subscriptionAction, index) => /* @__PURE__ */ jsx152(
         WfoSubscriptionActionsMenuItem,
@@ -9709,7 +9724,7 @@ import {
 
 // src/components/WfoSubscription/WfoInUseByRelations.tsx
 import { useTranslations as useTranslations34 } from "next-intl";
-import Link9 from "next/link";
+import Link10 from "next/link";
 import { Fragment as Fragment28, jsx as jsx153 } from "@emotion/react/jsx-runtime";
 var WfoInUseByRelations = ({ inUseByRelations }) => {
   const t = useTranslations34("subscriptions.detail");
@@ -9733,7 +9748,7 @@ var WfoInUseByRelations = ({ inUseByRelations }) => {
       },
       {
         key: t("description"),
-        value: /* @__PURE__ */ jsx153(Link9, { href: `${PATH_SUBSCRIPTIONS}/${inUseByRelationDetails.subscriptionId}`, target: "_blank", children: inUseByRelationDetails.description }),
+        value: /* @__PURE__ */ jsx153(Link10, { href: `${PATH_SUBSCRIPTIONS}/${inUseByRelationDetails.subscriptionId}`, target: "_blank", children: inUseByRelationDetails.description }),
         textToCopy: inUseByRelationDetails.description
       },
       {
@@ -9815,7 +9830,7 @@ var getStyles6 = ({ theme, toSecondaryColor }) => {
 };
 
 // src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoSubscriptionProductBlock.tsx
-import { Fragment as Fragment29, jsx as jsx154, jsxs as jsxs77 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx154, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
 var HIDDEN_KEYS = ["title", "name", "label", "inUseByIds"];
 var WfoSubscriptionProductBlock = ({
   productBlock,
@@ -9843,18 +9858,18 @@ var WfoSubscriptionProductBlock = ({
   const isEmpty = (value) => {
     return value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0;
   };
-  return /* @__PURE__ */ jsxs77(Fragment29, { children: [
+  return /* @__PURE__ */ jsxs78(Fragment29, { children: [
     /* @__PURE__ */ jsx154(EuiSpacer15, { size: "m" }),
-    /* @__PURE__ */ jsxs77(
+    /* @__PURE__ */ jsxs78(
       EuiPanel,
       {
         color: "transparent",
         hasShadow: false,
         css: isOutsideCurrentSubscription ? panelStyleOutsideCurrentSubscription : panelStyle,
         children: [
-          /* @__PURE__ */ jsxs77(EuiFlexGroup14, { children: [
+          /* @__PURE__ */ jsxs78(EuiFlexGroup14, { children: [
             /* @__PURE__ */ jsx154(EuiFlexItem10, { grow: false, children: /* @__PURE__ */ jsx154("div", { css: isOutsideCurrentSubscription ? iconOutsideCurrentSubscriptionStyle : iconStyle, children: /* @__PURE__ */ jsx154(EuiIcon2, { type: "filebeatApp", color: "currentColor" }) }) }),
-            /* @__PURE__ */ jsxs77(EuiFlexItem10, { children: [
+            /* @__PURE__ */ jsxs78(EuiFlexItem10, { children: [
               /* @__PURE__ */ jsx154(EuiText12, { grow: true, children: /* @__PURE__ */ jsx154("h3", { children: getProductBlockTitle(productBlock.productBlockInstanceValues) }) }),
               /* @__PURE__ */ jsx154(EuiText12, { size: "s", children: getFieldFromProductBlockInstanceValues(productBlock.productBlockInstanceValues, "name") })
             ] }),
@@ -9869,13 +9884,13 @@ var WfoSubscriptionProductBlock = ({
             ) })
           ] }),
           /* @__PURE__ */ jsx154(EuiSpacer15, { size: "m" }),
-          /* @__PURE__ */ jsx154("table", { width: "100%", children: /* @__PURE__ */ jsxs77("tbody", { children: [
-            isOutsideCurrentSubscription && /* @__PURE__ */ jsxs77("tr", { css: rowStyle, children: [
+          /* @__PURE__ */ jsx154("table", { width: "100%", children: /* @__PURE__ */ jsxs78("tbody", { children: [
+            isOutsideCurrentSubscription && /* @__PURE__ */ jsxs78("tr", { css: rowStyle, children: [
               /* @__PURE__ */ jsx154("td", { css: leftColumnStyleWithAlignSelf, children: /* @__PURE__ */ jsx154("b", { children: t("ownerSubscriptionId") }) }),
               /* @__PURE__ */ jsx154("td", { children: /* @__PURE__ */ jsx154(
                 WfoValueCell,
                 {
-                  value: /* @__PURE__ */ jsxs77(Fragment29, { children: [
+                  value: /* @__PURE__ */ jsxs78(Fragment29, { children: [
                     /* @__PURE__ */ jsx154("a", { href: `${subscriptionPath}/${ownerSubscriptionId}`, target: "_blank", children: productBlock.subscription.description }),
                     /* @__PURE__ */ jsx154(EuiText12, { css: outsideSubscriptionIdTextStyle, children: "-" }),
                     getFirstUuidPart(ownerSubscriptionId)
@@ -9886,16 +9901,16 @@ var WfoSubscriptionProductBlock = ({
                 }
               ) })
             ] }, -1),
-            showDetails && /* @__PURE__ */ jsxs77(Fragment29, { children: [
-              /* @__PURE__ */ jsxs77("tr", { css: rowStyle, children: [
+            showDetails && /* @__PURE__ */ jsxs78(Fragment29, { children: [
+              /* @__PURE__ */ jsxs78("tr", { css: rowStyle, children: [
                 /* @__PURE__ */ jsx154("td", { css: leftColumnStyle, children: /* @__PURE__ */ jsx154("b", { children: t("subscriptionInstanceId") }) }),
                 /* @__PURE__ */ jsx154("td", { children: productBlock.subscriptionInstanceId })
               ] }, -2),
-              !isOutsideCurrentSubscription && /* @__PURE__ */ jsxs77("tr", { css: rowStyle, children: [
+              !isOutsideCurrentSubscription && /* @__PURE__ */ jsxs78("tr", { css: rowStyle, children: [
                 /* @__PURE__ */ jsx154("td", { css: leftColumnStyle, children: /* @__PURE__ */ jsx154("b", { children: t("ownerSubscriptionId") }) }),
                 /* @__PURE__ */ jsx154("td", { children: /* @__PURE__ */ jsx154(Fragment29, { children: /* @__PURE__ */ jsx154(EuiBadge2, { children: t("self") }) }) })
               ] }, -3),
-              /* @__PURE__ */ jsxs77("tr", { css: rowStyle, children: [
+              /* @__PURE__ */ jsxs78("tr", { css: rowStyle, children: [
                 /* @__PURE__ */ jsx154("td", { css: leftColumnStyle, children: /* @__PURE__ */ jsx154("b", { children: t("inUseByRelations") }) }),
                 /* @__PURE__ */ jsx154("td", { children: inUseByRelations.length === 0 && "None" || /* @__PURE__ */ jsx154(WfoInUseByRelations, { inUseByRelations }) })
               ] }, -4)
@@ -9929,7 +9944,7 @@ var WfoSubscriptionProductBlock = ({
 
 // src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoProductBlockKeyValueRow.tsx
 import { EuiBadge as EuiBadge3 } from "@elastic/eui";
-import { Fragment as Fragment30, jsx as jsx155, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx155, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
 var KEY_CELL_CLASS_NAME = "key-cell";
 var VALUE_CELL_CLASS_NAME = "value-cell";
 var WfoProductBlockKeyValueRow = ({
@@ -9950,7 +9965,7 @@ var WfoProductBlockKeyValueRow = ({
       return /* @__PURE__ */ jsx155(Fragment30, { children: value2 });
     }
   };
-  return /* @__PURE__ */ jsxs78("tr", { className, css: rowStyle, children: [
+  return /* @__PURE__ */ jsxs79("tr", { className, css: rowStyle, children: [
     /* @__PURE__ */ jsx155("td", { className: KEY_CELL_CLASS_NAME, css: leftColumnStyle, children: /* @__PURE__ */ jsx155("b", { children: camelToHuman(field) }) }),
     /* @__PURE__ */ jsx155("td", { className: VALUE_CELL_CLASS_NAME, children: getOverriddenValue(fieldValue, allFieldValues) ?? /* @__PURE__ */ jsx155(WfoProductBlockValue, { value }) })
   ] });
@@ -9990,7 +10005,7 @@ var getWfoButtonComboBoxStyles = ({ theme }) => {
 };
 
 // src/components/WfoButtonComboBox/WfoButtonComboBox.tsx
-import { Fragment as Fragment31, jsx as jsx156, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx156, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
 var WfoButtonComboBox = ({
   options,
   onOptionChange,
@@ -10006,7 +10021,7 @@ var WfoButtonComboBox = ({
       setOptionsState(options);
     }
   }, [isPopoverOpen, options]);
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs80(
     EuiPopover4,
     {
       initialFocus: `.euiSelectable .euiFieldSearch`,
@@ -10014,7 +10029,7 @@ var WfoButtonComboBox = ({
       isOpen: isPopoverOpen,
       closePopover: () => setPopoverOpen(false),
       children: [
-        title && /* @__PURE__ */ jsxs79(Fragment31, { children: [
+        title && /* @__PURE__ */ jsxs80(Fragment31, { children: [
           /* @__PURE__ */ jsx156(EuiText13, { size: "s", css: titleStyle, children: title }),
           /* @__PURE__ */ jsx156(EuiSpacer16, { size: "s" })
         ] }),
@@ -10030,7 +10045,7 @@ var WfoButtonComboBox = ({
               setOptionsState(options2);
             },
             height: 200,
-            children: (list, search) => /* @__PURE__ */ jsxs79(Fragment31, { children: [
+            children: (list, search) => /* @__PURE__ */ jsxs80(Fragment31, { children: [
               search,
               /* @__PURE__ */ jsx156(EuiSpacer16, { size: "s" }),
               list
@@ -10114,14 +10129,14 @@ var getStyles7 = ({ theme, toSecondaryColor }) => {
 };
 
 // src/icons/WfoXMarkSmall.tsx
-import { jsx as jsx157, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
-var WfoXMarkSmall = ({ width = 20, height = 20 }) => /* @__PURE__ */ jsxs80("svg", { width, height, viewBox: "0 -2 16 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: [
+import { jsx as jsx157, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
+var WfoXMarkSmall = ({ width = 20, height = 20 }) => /* @__PURE__ */ jsxs81("svg", { width, height, viewBox: "0 -2 16 16", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ jsx157("title", { children: "icon/x-mark" }),
   /* @__PURE__ */ jsx157("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx157("g", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: /* @__PURE__ */ jsx157("path", { d: "M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z" }) }) })
 ] });
 
 // src/components/WfoTree/WfoTreeNodeListItem.tsx
-import { jsx as jsx158, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx158, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
 var WfoTreeNodeListItem = ({ item, selected }) => {
   const t = useTranslations36("common");
   const { toggleSelectedId } = useContext6(TreeContext);
@@ -10129,7 +10144,7 @@ var WfoTreeNodeListItem = ({ item, selected }) => {
   const { selectedTreeItemStyle, treeItemStyle } = useWithOrchestratorTheme(getStyles7);
   const { isOutsideCurrentSubscription, id, label } = item;
   const textLabel = label.toString();
-  return /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsxs82(
     EuiFlexGroup15,
     {
       alignItems: "center",
@@ -10155,7 +10170,7 @@ var WfoTreeNodeListItem = ({ item, selected }) => {
 };
 
 // src/components/WfoTree/WfoTreeNode.tsx
-import { jsx as jsx159, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx159, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
 var WfoTreeNode = ({ item, hasChildren, level }) => {
   const { theme } = useOrchestratorTheme();
   const { expandIconContainerStyle, treeContainerStyle } = useWithOrchestratorTheme(getStyles7);
@@ -10163,7 +10178,7 @@ var WfoTreeNode = ({ item, hasChildren, level }) => {
   const expanded = expandedIds.includes(item.id);
   const selected = selectedIds.includes(item.id);
   const expandIcon = expanded ? "arrowDown" : "arrowRight";
-  return /* @__PURE__ */ jsx159("div", { style: { paddingLeft: `${level * parseInt(theme.size.m)}px` }, children: /* @__PURE__ */ jsxs82(EuiFlexGroup16, { children: [
+  return /* @__PURE__ */ jsx159("div", { style: { paddingLeft: `${level * parseInt(theme.size.m)}px` }, children: /* @__PURE__ */ jsxs83(EuiFlexGroup16, { children: [
     /* @__PURE__ */ jsx159(EuiFlexItem12, { grow: false, css: treeContainerStyle, children: hasChildren ? /* @__PURE__ */ jsx159(
       EuiIcon3,
       {
@@ -10178,7 +10193,7 @@ var WfoTreeNode = ({ item, hasChildren, level }) => {
 };
 
 // src/components/WfoTree/WfoTreeBranch.tsx
-import { Fragment as Fragment32, jsx as jsx160, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx160, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
 var WfoTreeBranch = ({ item, level }) => {
   const { expandedIds } = React40.useContext(TreeContext);
   const selected = expandedIds.includes(item.id);
@@ -10191,7 +10206,7 @@ var WfoTreeBranch = ({ item, level }) => {
     }
     return null;
   };
-  return /* @__PURE__ */ jsxs83(Fragment32, { children: [
+  return /* @__PURE__ */ jsxs84(Fragment32, { children: [
     /* @__PURE__ */ jsx160(EuiListGroup, { flush: true, color: "primary", maxWidth: productBlockTreeWidth, children: /* @__PURE__ */ jsx160(WfoTreeNode, { item, hasChildren, level }) }),
     selected && renderBranches()
   ] });
@@ -10268,7 +10283,7 @@ var getPositionInTree = (tree, id) => {
 };
 
 // src/components/WfoSubscription/WfoSubscriptionDetailTree.tsx
-import { jsx as jsx162, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx162, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
 var EUI_OPTION_CHECKED_STATE_ON = "on";
 var WfoSubscriptionDetailTree = ({
   productBlockInstances,
@@ -10346,7 +10361,7 @@ var WfoSubscriptionDetailTree = ({
     expandAll();
     return shouldAddIds ? selectIds(data.ids) : deselectIds(data.ids);
   };
-  return /* @__PURE__ */ jsxs84(
+  return /* @__PURE__ */ jsxs85(
     EuiFlexGroup17,
     {
       css: {
@@ -10364,10 +10379,10 @@ var WfoSubscriptionDetailTree = ({
               overflowY: "auto"
             },
             grow: true,
-            children: /* @__PURE__ */ jsxs84(EuiFlexGroup17, { direction: "column", children: [
-              /* @__PURE__ */ jsx162(EuiFlexItem13, { grow: false, children: /* @__PURE__ */ jsxs84(EuiFlexGroup17, { justifyContent: "spaceBetween", alignItems: "center", children: [
+            children: /* @__PURE__ */ jsxs85(EuiFlexGroup17, { direction: "column", children: [
+              /* @__PURE__ */ jsx162(EuiFlexItem13, { grow: false, children: /* @__PURE__ */ jsxs85(EuiFlexGroup17, { justifyContent: "spaceBetween", alignItems: "center", children: [
                 /* @__PURE__ */ jsx162(EuiFlexItem13, { children: /* @__PURE__ */ jsx162(EuiText15, { children: /* @__PURE__ */ jsx162("h3", { children: t("productBlocks") }) }) }),
-                /* @__PURE__ */ jsx162(EuiFlexItem13, { grow: false, children: /* @__PURE__ */ jsxs84(EuiFlexGroup17, { children: [
+                /* @__PURE__ */ jsx162(EuiFlexItem13, { grow: false, children: /* @__PURE__ */ jsxs85(EuiFlexGroup17, { children: [
                   /* @__PURE__ */ jsx162(
                     WfoTextAnchor,
                     {
@@ -10386,7 +10401,7 @@ var WfoSubscriptionDetailTree = ({
                   )
                 ] }) })
               ] }) }),
-              /* @__PURE__ */ jsxs84(EuiFlexItem13, { grow: true, children: [
+              /* @__PURE__ */ jsxs85(EuiFlexItem13, { grow: true, children: [
                 !tree && /* @__PURE__ */ jsx162(WfoLoading, {}),
                 tree && /* @__PURE__ */ jsx162(WfoTree, { treeBlocks: [tree], depthList })
               ] })
@@ -10401,7 +10416,7 @@ var WfoSubscriptionDetailTree = ({
               minWidth: 350
             },
             grow: true,
-            children: /* @__PURE__ */ jsxs84("div", { children: [
+            children: /* @__PURE__ */ jsxs85("div", { children: [
               /* @__PURE__ */ jsx162("div", { children: "\xA0" }),
               " ",
               selectedIds.length === 0 && /* @__PURE__ */ jsx162(
@@ -10414,7 +10429,7 @@ var WfoSubscriptionDetailTree = ({
                   size: "m",
                   title: t("noProductBlockSelected"),
                   iconType: "inspect",
-                  children: /* @__PURE__ */ jsxs84(EuiText15, { children: [
+                  children: /* @__PURE__ */ jsxs85(EuiText15, { children: [
                     t("ctaSelectProductBlock"),
                     " "
                   ] })
@@ -10634,7 +10649,7 @@ var WfoInlineEdit = ({ value, onlyShowOnHover = false, onSave = () => {
 };
 
 // src/components/WfoSubscription/WfoCustomerDescriptionsField.tsx
-import { jsx as jsx165, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx165, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
 var WfoCustomerDescriptionsField = ({
   customerDescriptions,
   subscriptionCustomerId,
@@ -10668,8 +10683,8 @@ var WfoCustomerDescriptionsField = ({
     description,
     id,
     subscriptionId: subscriptionId2
-  }) => /* @__PURE__ */ jsxs85("div", { css: { display: "flex" }, children: [
-    /* @__PURE__ */ jsxs85("div", { css: customerDescriptionsCustomerNameStyle, children: [
+  }) => /* @__PURE__ */ jsxs86("div", { css: { display: "flex" }, children: [
+    /* @__PURE__ */ jsxs86("div", { css: customerDescriptionsCustomerNameStyle, children: [
       fullname ?? customerId,
       " ",
       `${shortcode ?? customerId}`,
@@ -10706,7 +10721,7 @@ var WfoCustomerDescriptionsField = ({
   const currentCustomerSubscriptionDescription = customerDescriptionsWithName.find(
     ({ customerId }) => customerId === subscriptionCustomerId
   );
-  return /* @__PURE__ */ jsxs85("div", { css: customerDescriptionsFormStyle, children: [
+  return /* @__PURE__ */ jsxs86("div", { css: customerDescriptionsFormStyle, children: [
     currentCustomerSubscriptionDescription && customerDescriptionEditForm(currentCustomerSubscriptionDescription) || customerDescriptionCreateForm(),
     customerDescriptionsWithName.filter(({ customerId }) => customerId !== subscriptionCustomerId).map((customerDescriptionWithName) => customerDescriptionEditForm(customerDescriptionWithName))
   ] });
@@ -10734,7 +10749,7 @@ var getWfoTableSettingsModalStyles = (wfoThemeHelpers) => {
 };
 
 // src/components/WfoTable/WfoTableSettingsModal/WfoTableSettingsModal.tsx
-import { jsx as jsx166, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx166, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
 var TableSettingsModal = ({
   tableConfig,
   pageSizeOptions,
@@ -10769,8 +10784,8 @@ var TableSettingsModal = ({
         columns,
         selectedPageSize
       }),
-      children: /* @__PURE__ */ jsxs86(EuiForm2, { children: [
-        columns.map(({ field, name, isVisible }) => /* @__PURE__ */ jsxs86("div", { children: [
+      children: /* @__PURE__ */ jsxs87(EuiForm2, { children: [
+        columns.map(({ field, name, isVisible }) => /* @__PURE__ */ jsxs87("div", { children: [
           /* @__PURE__ */ jsx166(EuiFormRow5, { display: "columnCompressed", label: name, css: formRowStyle, children: /* @__PURE__ */ jsx166(
             EuiSwitch2,
             {
@@ -10913,10 +10928,10 @@ var WfoSortButton = ({ WfoIconComponent, isActive, onClick }) => {
 };
 
 // src/components/WfoTable/WfoSortButtons/WfoSortButtons.tsx
-import { jsx as jsx169, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx169, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
 var WfoSortButtons = ({ sortOrder, onChangeSortOrder }) => {
   const { sortButtonsContainerStyle } = getStyles8();
-  return /* @__PURE__ */ jsxs87("div", { css: sortButtonsContainerStyle, children: [
+  return /* @__PURE__ */ jsxs88("div", { css: sortButtonsContainerStyle, children: [
     /* @__PURE__ */ jsx169(
       WfoSortButton,
       {
@@ -10965,11 +10980,11 @@ var getStyles9 = ({ theme }) => {
 };
 
 // src/components/WfoTable/WfoFirstPartUUID/WfoFirstPartUUID.tsx
-import { jsx as jsx170, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx170, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
 var WfoFirstPartUUID = ({ UUID, showCopyIcon = true }) => {
   const { uuidFieldStyle, clickable } = useWithOrchestratorTheme(getStyles9);
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsxs88("span", { css: uuidFieldStyle, children: [
+  return /* @__PURE__ */ jsxs89("span", { css: uuidFieldStyle, children: [
     getFirstUuidPart(UUID),
     showCopyIcon && /* @__PURE__ */ jsx170(EuiCopy2, { textToCopy: UUID, children: (copy) => /* @__PURE__ */ jsx170("div", { className: COPY_ICON_CLASS, onClick: copy, css: clickable, children: /* @__PURE__ */ jsx170(WfoClipboardCopy, { width: 16, height: 16, color: theme.colors.backgroundBaseAccent }) }) })
   ] });
@@ -11049,7 +11064,7 @@ var toSortedTableColumnConfig = (columnConfig, columnKeys) => columnKeys.reduce(
 import { useEffect as useEffect15, useState as useState25 } from "react";
 import { useTranslations as useTranslations39 } from "next-intl";
 import { EuiButton as EuiButton9, EuiButtonIcon as EuiButtonIcon11, EuiFlexGroup as EuiFlexGroup18, EuiFlexItem as EuiFlexItem15, EuiSpacer as EuiSpacer18, EuiText as EuiText16 } from "@elastic/eui";
-import { Fragment as Fragment34, jsx as jsx174, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx174, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
 var WfoAdvancedTable = ({
   tableColumnConfig,
   defaultHiddenColumns = [],
@@ -11126,8 +11141,8 @@ var WfoAdvancedTable = ({
     span: (chunks) => /* @__PURE__ */ jsx174("span", { children: chunks }),
     b: (chunks) => /* @__PURE__ */ jsx174("b", { children: chunks })
   });
-  return /* @__PURE__ */ jsxs89(Fragment34, { children: [
-    /* @__PURE__ */ jsxs89(EuiFlexGroup18, { alignItems: "center", children: [
+  return /* @__PURE__ */ jsxs90(Fragment34, { children: [
+    /* @__PURE__ */ jsxs90(EuiFlexGroup18, { alignItems: "center", children: [
       /* @__PURE__ */ jsx174(EuiFlexItem15, { children: !disableSearch && /* @__PURE__ */ jsx174(WfoSearchField, { queryString, onUpdateQueryString }) }),
       /* @__PURE__ */ jsx174(EuiFlexItem15, { grow: false, children: !disableSearch && /* @__PURE__ */ jsx174(
         EuiButtonIcon11,
@@ -11514,7 +11529,7 @@ var WfoDropdownButton = ({ label, isDisabled = false, children }) => {
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
 import { useTranslations as useTranslations68 } from "next-intl";
-import Link12 from "next/link";
+import Link13 from "next/link";
 import { useRouter as useRouter17 } from "next/router";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
@@ -11532,7 +11547,7 @@ var WfoMetadataDescriptionField = ({ onSave, description }) => {
 import { useTranslations as useTranslations41 } from "next-intl";
 import { useRouter as useRouter7 } from "next/router";
 import { EuiSpacer as EuiSpacer19, EuiTab as EuiTab2, EuiTabs as EuiTabs2 } from "@elastic/eui";
-import { Fragment as Fragment37, jsx as jsx185, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx185, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
 var metaDataTabs = [
   {
     id: 1,
@@ -11569,7 +11584,7 @@ var WfoMetadataPageLayout = ({ children, tabs = metaDataTabs }) => {
   const router = useRouter7();
   const t = useTranslations41("metadata");
   const currentPath = router.pathname;
-  return /* @__PURE__ */ jsxs90(Fragment37, { children: [
+  return /* @__PURE__ */ jsxs91(Fragment37, { children: [
     /* @__PURE__ */ jsx185(WfoContentHeader, { title: t("title") }),
     /* @__PURE__ */ jsx185(EuiTabs2, { children: tabs.map(({ id, translationKey: name, path }) => /* @__PURE__ */ jsx185(EuiTab2, { isSelected: path === currentPath, onClick: () => router.push(path), children: t(`tabs.${name}`) }, id)) }),
     /* @__PURE__ */ jsx185(EuiSpacer19, { size: "l" }),
@@ -11578,7 +11593,7 @@ var WfoMetadataPageLayout = ({ children, tabs = metaDataTabs }) => {
 };
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { Fragment as Fragment38, jsx as jsx186, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx186, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
 var PRODUCT_BLOCK_FIELD_NAME = "name";
 var WfoProductBlocksPage = () => {
   const t = useTranslations42("metadata.productBlocks");
@@ -11660,7 +11675,7 @@ var WfoProductBlocksPage = () => {
         index
       )) }),
       renderTooltip: (productBlocks) => {
-        return productBlocks.map((productBlock) => /* @__PURE__ */ jsxs91("p", { children: [
+        return productBlocks.map((productBlock) => /* @__PURE__ */ jsxs92("p", { children: [
           "- ",
           productBlock.name
         ] }, productBlock.name));
@@ -11689,7 +11704,7 @@ var WfoProductBlocksPage = () => {
         index
       )) }),
       renderTooltip: (resourceTypes) => {
-        return resourceTypes.map((resourceType) => /* @__PURE__ */ jsxs91("p", { children: [
+        return resourceTypes.map((resourceType) => /* @__PURE__ */ jsxs92("p", { children: [
           "- ",
           resourceType.resourceType
         ] }, resourceType.resourceType));
@@ -11777,7 +11792,7 @@ var WfoProductBlocksPage = () => {
 import { useEffect as useEffect17, useState as useState28 } from "react";
 import { useTranslations as useTranslations43 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup3 } from "@elastic/eui";
-import { Fragment as Fragment39, jsx as jsx187, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx187, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
 var RESOURCE_TYPE_FIELD_TYPE = "resourceType";
 var WfoResourceTypesPage = () => {
   const t = useTranslations43("metadata.resourceTypes");
@@ -11858,7 +11873,7 @@ var WfoResourceTypesPage = () => {
         index
       )) }),
       renderTooltip: (productBlocks) => {
-        return productBlocks.map((productBlock) => /* @__PURE__ */ jsxs92("p", { children: [
+        return productBlocks.map((productBlock) => /* @__PURE__ */ jsxs93("p", { children: [
           "- ",
           productBlock.name
         ] }, productBlock.name));
@@ -11926,7 +11941,7 @@ var WfoResourceTypesPage = () => {
 // src/pages/metadata/WfoProductsPage.tsx
 import { useEffect as useEffect18, useState as useState29 } from "react";
 import { useTranslations as useTranslations44 } from "next-intl";
-import { Fragment as Fragment40, jsx as jsx188, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx188, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
 var PRODUCT_FIELD_NAME = "name";
 var WfoProductsPage = () => {
   const t = useTranslations44("metadata.products");
@@ -12005,7 +12020,7 @@ var WfoProductsPage = () => {
       width: "400px",
       renderData: (fixedInputs) => /* @__PURE__ */ jsx188(Fragment40, { children: fixedInputs.map((fixedInput, index) => /* @__PURE__ */ jsx188(WfoProductBlockBadge, { badgeType: "fixed_input" /* FIXED_INPUT */, children: `${fixedInput.name}: ${fixedInput.value}` }, index)) }),
       renderTooltip: (fixedInputs) => {
-        return fixedInputs.map((fixedInput) => /* @__PURE__ */ jsxs93("p", { children: [
+        return fixedInputs.map((fixedInput) => /* @__PURE__ */ jsxs94("p", { children: [
           "- ",
           `${fixedInput.name}: ${fixedInput.value}`
         ] }, fixedInput.name));
@@ -12024,7 +12039,7 @@ var WfoProductsPage = () => {
         },
         index
       )) }),
-      renderTooltip: (productBlocks) => productBlocks.map((productBlock) => /* @__PURE__ */ jsxs93("p", { children: [
+      renderTooltip: (productBlocks) => productBlocks.map((productBlock) => /* @__PURE__ */ jsxs94("p", { children: [
         "- ",
         productBlock.name
       ] }, productBlock.name))
@@ -12135,7 +12150,7 @@ var graphQlWorkflowListMapper = ({ field, order }) => ({
 });
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { Fragment as Fragment41, jsx as jsx189, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx189, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsPage = () => {
   const t = useTranslations45("metadata.workflows");
   const tError = useTranslations45("errors");
@@ -12219,7 +12234,7 @@ var WfoWorkflowsPage = () => {
         index
       )) }),
       renderTooltip: (productTags) => {
-        return productTags?.filter(onlyUnique).sort((tagA, tagB) => tagA.localeCompare(tagB)).map((productTag) => /* @__PURE__ */ jsxs94("p", { children: [
+        return productTags?.filter(onlyUnique).sort((tagA, tagB) => tagA.localeCompare(tagB)).map((productTag) => /* @__PURE__ */ jsxs95("p", { children: [
           "- ",
           productTag
         ] }, productTag));
@@ -12333,7 +12348,7 @@ var graphQlTaskListMapper = ({ field, order }) => ({
 });
 
 // src/pages/metadata/WfoTasksPage.tsx
-import { Fragment as Fragment42, jsx as jsx190, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx190, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
 var ScheduleTaskPopoverMenu = ({ workflowId }) => {
   const [isPopoverOpen, setIsPopoverOpen] = useState31(false);
   const button = /* @__PURE__ */ jsx190(
@@ -12458,7 +12473,7 @@ var WfoTasksPage = () => {
         index
       )) }),
       renderTooltip: (productTags) => {
-        return productTags?.filter(onlyUnique).sort((tagA, tagB) => tagA.localeCompare(tagB)).map((productTag) => /* @__PURE__ */ jsxs95("p", { children: [
+        return productTags?.filter(onlyUnique).sort((tagA, tagB) => tagA.localeCompare(tagB)).map((productTag) => /* @__PURE__ */ jsxs96("p", { children: [
           "- ",
           productTag
         ] }, productTag));
@@ -12555,7 +12570,7 @@ import { useEffect as useEffect21, useState as useState32 } from "react";
 import { useTranslations as useTranslations47 } from "next-intl";
 import { useRouter as useRouter9 } from "next/router";
 import { EuiButton as EuiButton10, EuiFlexGroup as EuiFlexGroup19, EuiFlexItem as EuiFlexItem16 } from "@elastic/eui";
-import { jsx as jsx191, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx191, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
 var TASK_NAME_FIELD = "name";
 var WfoWorkflowNameById = ({ workflowId }) => {
   const { workflowName } = useGetWorkflowNameById(workflowId);
@@ -12616,7 +12631,7 @@ var WfoScheduledTasksPage = () => {
       label: t("schedule"),
       width: "255px",
       isSortable: false,
-      renderData: (trigger) => /* @__PURE__ */ jsxs96(EuiFlexGroup19, { gutterSize: "s", justifyContent: "flexStart", alignItems: "center", children: [
+      renderData: (trigger) => /* @__PURE__ */ jsxs97(EuiFlexGroup19, { gutterSize: "s", justifyContent: "flexStart", alignItems: "center", children: [
         /* @__PURE__ */ jsx191(EuiFlexItem16, { grow: 0, children: /* @__PURE__ */ jsx191(WfoScheduledTasksBadges, { workflowSchedules: [trigger] }) }),
         /* @__PURE__ */ jsx191(EuiFlexItem16, { children: trigger })
       ] })
@@ -12704,18 +12719,161 @@ var WfoScheduledTasksPage = () => {
 };
 
 // src/pages/metadata/WfoScheduleTaskFormPage.tsx
+import { useCallback as useCallback7, useMemo as useMemo2 } from "react";
 import _4 from "lodash";
-import { useTranslations as useTranslations48 } from "next-intl";
+import { useTranslations as useTranslations50 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
-import {
-  PydanticForm as PydanticForm2,
-  PydanticFormApiResponseType,
-  PydanticFormFieldFormat as PydanticFormFieldFormat2,
-  PydanticFormFieldType as PydanticFormFieldType2
-} from "pydantic-forms";
-import { Fragment as Fragment43, jsx as jsx192, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
-var WfoScheduleTaskFormPage = () => {
-  const t = useTranslations48("metadata.scheduleTaskForm");
+import { PydanticForm as PydanticForm2 } from "pydantic-forms";
+import { PydanticFormApiResponseType, PydanticFormFieldFormat as PydanticFormFieldFormat2, PydanticFormFieldType as PydanticFormFieldType2 } from "pydantic-forms";
+
+// src/components/WfoPydanticForm/Footer.tsx
+import { useCallback as useCallback6, useContext as useContext8, useEffect as useEffect22 } from "react";
+import { useTranslations as useTranslations49 } from "next-intl";
+import { EuiButton as EuiButton11, EuiFlexGroup as EuiFlexGroup20, EuiHorizontalRule as EuiHorizontalRule5 } from "@elastic/eui";
+
+// src/components/WfoPydanticForm/RenderFormErrors.tsx
+import { useTranslations as useTranslations48 } from "next-intl";
+import { useGetValidationErrors } from "pydantic-forms";
+import { Fragment as Fragment43, jsx as jsx192, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
+var RenderFormErrors = () => {
+  const { errorStyle } = useWithOrchestratorTheme(getCommonFormFieldStyles);
+  const errorDetails = useGetValidationErrors();
+  const t = useTranslations48("pydanticForms.userInputForm");
+  if (!errorDetails) {
+    return /* @__PURE__ */ jsx192(Fragment43, {});
+  }
+  const errors = errorDetails.source;
+  const rootError = errors.filter((err) => err.loc.includes("__root__")).shift();
+  const otherErrors = errors.filter((err) => !err.loc.includes("__root__"));
+  return /* @__PURE__ */ jsxs98("em", { css: errorStyle, children: [
+    rootError && /* @__PURE__ */ jsx192("div", { children: rootError.msg }),
+    otherErrors?.length >= 1 && t("inputFieldsHaveValidationErrors", {
+      nrOfValidationErrors: otherErrors.length
+    })
+  ] });
+};
+
+// src/components/WfoPydanticForm/Footer.tsx
+import { jsx as jsx193, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
+var submitButtonId = "button-submit-form-submit";
+var previousButtonId = "button-submit-form-previous";
+var cancelButtonId = "button-submit-form-cancel";
+var Footer = ({ onCancel, onPrevious, hasNext, hasPrevious, isTask = false, buttons }) => {
+  const { theme } = useOrchestratorTheme();
+  const t = useTranslations49("pydanticForms.userInputForm");
+  const { showConfirmDialog } = useContext8(ConfirmationDialogContext);
+  const handlePrevious = useCallback6(() => {
+    if (onCancel) {
+      showConfirmDialog({
+        question: t("previousQuestion"),
+        onConfirm: onCancel
+      });
+    }
+  }, [onCancel, showConfirmDialog, t]);
+  const { next, previous } = buttons || {};
+  useEffect22(() => {
+    const handleKeyDown = (event) => {
+      const isPrimary = event.metaKey || event.ctrlKey;
+      if (isPrimary && event.key === "ArrowLeft") {
+        event.preventDefault();
+        if (hasPrevious) {
+          onPrevious?.();
+        } else {
+          handlePrevious();
+        }
+      }
+      if (isPrimary && event.key === "ArrowRight") {
+        event.preventDefault();
+        document.getElementById(submitButtonId)?.click();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [hasPrevious, hasNext, onPrevious, onCancel, handlePrevious]);
+  const PreviousButton = () => {
+    const previousButtonColor = theme.colors[previous?.color ?? "primary"];
+    return /* @__PURE__ */ jsx193(
+      EuiButton11,
+      {
+        "data-testid": previousButtonId,
+        id: previousButtonId,
+        tabIndex: 0,
+        fill: true,
+        onClick: () => {
+          if (onPrevious) {
+            onPrevious();
+          }
+        },
+        css: {
+          backgroundColor: previousButtonColor.toString(),
+          padding: "12px"
+        },
+        iconSide: "right",
+        "aria-label": t("previous"),
+        children: previous?.text ?? t("previous")
+      }
+    );
+  };
+  const CancelButton = () => /* @__PURE__ */ jsx193(
+    "div",
+    {
+      "data-testid": cancelButtonId,
+      onClick: handlePrevious,
+      css: {
+        cursor: "pointer",
+        color: theme.colors.link,
+        fontWeight: theme.font.weight.bold,
+        marginLeft: theme.base / 2,
+        display: "flex",
+        alignItems: "center"
+      },
+      children: t("cancel")
+    }
+  );
+  const SubmitButton = () => {
+    const submitButtonTranslated = hasNext ? t("next") : isTask ? t("startTask") : t("startWorkflow");
+    const submitButtonLabel = next?.text ?? submitButtonTranslated;
+    const submitIconType = !hasNext && !next?.text ? () => /* @__PURE__ */ jsx193(WfoPlayCircle, { color: "currentColor" }) : void 0;
+    const submitButtonColor = next?.color ? next?.color : "primary";
+    return /* @__PURE__ */ jsx193(
+      EuiButton11,
+      {
+        "data-testid": submitButtonId,
+        id: submitButtonId,
+        tabIndex: 0,
+        fill: true,
+        css: {
+          backgroundColor: submitButtonColor,
+          padding: "12px"
+        },
+        type: "submit",
+        iconSide: "right",
+        iconType: submitIconType,
+        "aria-label": submitButtonLabel,
+        children: submitButtonLabel
+      }
+    );
+  };
+  const PreviousCancelButtonGroup = () => {
+    return /* @__PURE__ */ jsxs99(EuiFlexGroup20, { gutterSize: "xl", children: [
+      /* @__PURE__ */ jsx193(PreviousButton, {}),
+      /* @__PURE__ */ jsx193(CancelButton, {})
+    ] });
+  };
+  return /* @__PURE__ */ jsxs99("div", { "data-testid": "pydantic-form-footer", children: [
+    /* @__PURE__ */ jsx193(RenderFormErrors, {}),
+    /* @__PURE__ */ jsx193(EuiHorizontalRule5, {}),
+    /* @__PURE__ */ jsxs99("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ jsx193("div", { children: hasPrevious && /* @__PURE__ */ jsx193(PreviousCancelButtonGroup, {}) || /* @__PURE__ */ jsx193(CancelButton, {}) }),
+      /* @__PURE__ */ jsx193(SubmitButton, {})
+    ] })
+  ] });
+};
+
+// src/pages/metadata/WfoScheduleTaskFormPage.tsx
+import { Fragment as Fragment44, jsx as jsx194, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
+var WfoScheduleTaskFormPageHardCoded = () => {
+  const t = useTranslations50("metadata.scheduleTaskForm");
   const { showToastMessage } = useShowToastMessage();
   const [createScheduledTask, mutationState] = useCreateScheduledTaskMutation();
   const { data, isLoading } = useGetTasksQuery({
@@ -12900,13 +13058,15 @@ var WfoScheduleTaskFormPage = () => {
       }
       if (userInputStep1.taskType === "date" /* DATE */) {
         return {
-          type: userInputStep1.taskType,
-          workflowId: task.workflowId,
-          workflowDescription: task.description,
-          workflowName: task.name,
-          kwargs: {
+          scheduled_type: "create",
+          workflow_id: task.workflowId,
+          workflow_name: task.name,
+          name: task.description,
+          trigger: userInputStep1.taskType,
+          trigger_kwargs: {
             run_date: startDate
-          }
+          },
+          user_inputs: []
         };
       } else if (userInputStep1.taskType === "interval" /* INTERVAL */) {
         const step2Input = userInputStep2;
@@ -12915,23 +13075,27 @@ var WfoScheduleTaskFormPage = () => {
           throw new Error("Unknown or missing task interval");
         }
         return {
-          type: userInputStep1.taskType,
-          workflowId: task.workflowId,
-          workflowDescription: task.description,
-          workflowName: task.name,
-          kwargs: {
+          scheduled_type: "create",
+          workflow_id: task.workflowId,
+          workflow_name: task.name,
+          name: task.description,
+          trigger: userInputStep1.taskType,
+          trigger_kwargs: {
             start_date: startDate,
             ...intervalArg
-          }
+          },
+          user_inputs: []
         };
       } else if (userInputStep1.taskType === "cron" /* CRON */) {
         const step2Input = userInputStep2;
         return {
-          type: userInputStep1.taskType,
-          workflowId: task.workflowId,
-          workflowDescription: task.description,
-          workflowName: task.name,
-          kwargs: getCronKwargs(step2Input.cron, startDate)
+          scheduled_type: "create",
+          workflow_id: task.workflowId,
+          workflow_name: task.name,
+          name: task.description,
+          trigger: userInputStep1.taskType,
+          trigger_kwargs: getCronKwargs(step2Input.cron, startDate),
+          user_inputs: []
         };
       }
       throw new Error("Unknown or missing task type");
@@ -13031,9 +13195,9 @@ var WfoScheduleTaskFormPage = () => {
     console.error("Error saving scheduled task", mutationState);
     return void 0;
   }
-  return /* @__PURE__ */ jsxs97(Fragment43, { children: [
-    /* @__PURE__ */ jsx192(WfoContentHeader, { title: t("newSchedule") }),
-    isLoading && /* @__PURE__ */ jsx192(WfoLoading, {}) || /* @__PURE__ */ jsx192(
+  return /* @__PURE__ */ jsxs100(Fragment44, { children: [
+    /* @__PURE__ */ jsx194(WfoContentHeader, { title: t("newSchedule") }),
+    isLoading && /* @__PURE__ */ jsx194(WfoLoading, {}) || /* @__PURE__ */ jsx194(
       PydanticForm2,
       {
         formKey: "add-schedule-key",
@@ -13045,12 +13209,97 @@ var WfoScheduleTaskFormPage = () => {
     )
   ] });
 };
+var START_SCHEDULE_PAYLOAD = {};
+var WfoScheduleTaskFormPageBackend = () => {
+  const { showToastMessage } = useShowToastMessage();
+  const generateFormId = useMemo2(() => {
+    return `${JSON.stringify(START_SCHEDULE_PAYLOAD)}`;
+  }, []);
+  const [startForm] = useStartFormMutation();
+  const [createScheduledTask, mutationState] = useCreateScheduledTaskMutation();
+  const router = useRouter10();
+  const onSuccess = useCallback7(
+    async (_fieldValues, req) => {
+      const request = req;
+      if (request?.data?.workflow_id) {
+        const resp = await createScheduledTask(request.data);
+        if (!resp?.error) {
+          router.replace(PATH_METADATA_SCHEDULED_TASKS);
+        }
+      }
+    },
+    [router, createScheduledTask]
+  );
+  const getPydanticFormProvider = useCallback7(() => {
+    const pydanticFormProvider = async ({ requestBody = [], formKey }) => {
+      const userInputs = _4.isEmpty(START_SCHEDULE_PAYLOAD) ? [...requestBody] : [{ ...START_SCHEDULE_PAYLOAD }, ...requestBody];
+      const response = startForm({
+        formKey,
+        userInputs
+      });
+      return response.then(({ error, data }) => {
+        return new Promise((resolve) => {
+          if (isFetchBaseQueryError(error) && isRecord(error.data)) {
+            if (error.status === 510 /* FormNotComplete */) {
+              resolve(error.data);
+            } else if (error.status === 400 /* BadRequest */) {
+              resolve({
+                ...error.data,
+                status: error.status
+              });
+            }
+          } else if (data) {
+            resolve({
+              data,
+              status: 201 /* Created */
+            });
+          }
+          resolve({});
+        });
+      }).catch((error) => {
+        return new Promise((resolve, reject) => {
+          if (error.status === 510 /* FormNotComplete */) {
+            resolve(error.data);
+          }
+          reject(error);
+        });
+      });
+    };
+    return pydanticFormProvider;
+  }, [startForm]);
+  const config = useGetPydanticFormsConfig(getPydanticFormProvider, (props) => /* @__PURE__ */ jsx194(Footer, { ...props }));
+  const handleCancel = useCallback7(() => {
+    const pfBasePath = PATH_METADATA_SCHEDULED_TASKS;
+    router.replace(pfBasePath);
+  }, [router]);
+  if (mutationState.isError) {
+    showToastMessage("ERROR" /* ERROR */, "", "Error while saving scheduled task");
+    console.error("Error saving scheduled task", mutationState);
+    return void 0;
+  }
+  return /* @__PURE__ */ jsx194(
+    PydanticForm2,
+    {
+      formKey: "configure_schedule",
+      formId: generateFormId,
+      onSuccess,
+      onCancel: handleCancel,
+      config
+    }
+  );
+};
+var WfoScheduleTaskFormPage = () => {
+  const { data } = useGetVersionsQuery();
+  const coreVersion = data?.version.applicationVersions[0].split(" ")[1] ?? "";
+  const isCompatible = compareVersions(coreVersion, "5.0.0a7") !== -1;
+  return isCompatible ? /* @__PURE__ */ jsx194(WfoScheduleTaskFormPageBackend, {}) : /* @__PURE__ */ jsx194(WfoScheduleTaskFormPageHardCoded, {});
+};
 
 // src/pages/processes/WfoProcessListSubscriptionsCell.tsx
-import { useTranslations as useTranslations49 } from "next-intl";
-import Link10 from "next/link";
-import { EuiFlexGroup as EuiFlexGroup20 } from "@elastic/eui";
-import { Fragment as Fragment44, jsx as jsx193, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations51 } from "next-intl";
+import Link11 from "next/link";
+import { EuiFlexGroup as EuiFlexGroup21 } from "@elastic/eui";
+import { Fragment as Fragment45, jsx as jsx195, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
 var RENDER_ALL = "RENDER_ALL";
 var RenderDirection = /* @__PURE__ */ ((RenderDirection2) => {
   RenderDirection2["HORIZONTAL"] = "HORIZONTAL";
@@ -13065,21 +13314,21 @@ var WfoProcessListSubscriptionsCell = ({
   }
 }) => {
   const { theme, toSecondaryColor } = useOrchestratorTheme();
-  const t = useTranslations49("processes.index");
+  const t = useTranslations51("processes.index");
   const { length } = subscriptions;
   if (length === 0) {
     return null;
   }
   const visibleSubscriptions = numberOfSubscriptionsToRender === RENDER_ALL ? subscriptions : subscriptions.slice(0, numberOfSubscriptionsToRender);
   const numberOfNotVisibleSubscriptions = length - visibleSubscriptions.length;
-  return /* @__PURE__ */ jsx193(Fragment44, { children: /* @__PURE__ */ jsxs98(
-    EuiFlexGroup20,
+  return /* @__PURE__ */ jsx195(Fragment45, { children: /* @__PURE__ */ jsxs101(
+    EuiFlexGroup21,
     {
       direction: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "row" : "column",
       gutterSize: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "s" : "xs",
       children: [
-        visibleSubscriptions.map((subscription) => /* @__PURE__ */ jsx193(
-          Link10,
+        visibleSubscriptions.map((subscription) => /* @__PURE__ */ jsx195(
+          Link11,
           {
             href: `/subscriptions/${subscription.subscriptionId}`,
             css: {
@@ -13090,7 +13339,7 @@ var WfoProcessListSubscriptionsCell = ({
           },
           subscription.subscriptionId
         )),
-        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsxs98(
+        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsxs101(
           WfoBadge,
           {
             textColor: theme.colors.textPrimary,
@@ -13114,10 +13363,10 @@ var WfoProcessListSubscriptionsCell = ({
 import { useRef as useRef9 } from "react";
 
 // src/pages/processes/WfoProcessDetail.tsx
-import { useContext as useContext8, useEffect as useEffect22, useRef as useRef8 } from "react";
-import { useTranslations as useTranslations50 } from "next-intl";
+import { useContext as useContext9, useEffect as useEffect23, useRef as useRef8 } from "react";
+import { useTranslations as useTranslations52 } from "next-intl";
 import { useRouter as useRouter11 } from "next/router";
-import { EuiButton as EuiButton11, EuiFlexGroup as EuiFlexGroup21, EuiPanel as EuiPanel2, EuiSpacer as EuiSpacer20, EuiText as EuiText17 } from "@elastic/eui";
+import { EuiButton as EuiButton12, EuiFlexGroup as EuiFlexGroup22, EuiPanel as EuiPanel2, EuiSpacer as EuiSpacer20, EuiText as EuiText17 } from "@elastic/eui";
 
 // src/pages/processes/timelineUtils.ts
 var getMostAccurateTimelineStatus = (statusPreviousStep, statusCurrentStep) => statusCurrentStep !== "pending" /* PENDING */ ? statusCurrentStep : statusPreviousStep;
@@ -13184,12 +13433,12 @@ var getIndexOfCurrentStep = (timelineItems) => {
 };
 
 // src/pages/processes/WfoProcessDetail.tsx
-import { Fragment as Fragment45, jsx as jsx194, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx196, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
 var ProcessHeaderValue = ({ translationKey, value = "" }) => {
-  const t = useTranslations50("processes.detail");
+  const t = useTranslations52("processes.detail");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsxs99(
-    EuiFlexGroup21,
+  return /* @__PURE__ */ jsxs102(
+    EuiFlexGroup22,
     {
       direction: "column",
       gutterSize: "xs",
@@ -13199,8 +13448,8 @@ var ProcessHeaderValue = ({ translationKey, value = "" }) => {
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsx194(EuiText17, { size: "xs", children: t(translationKey) }),
-        /* @__PURE__ */ jsx194(
+        /* @__PURE__ */ jsx196(EuiText17, { size: "xs", children: t(translationKey) }),
+        /* @__PURE__ */ jsx196(
           EuiText17,
           {
             css: {
@@ -13218,7 +13467,7 @@ var ProcessHeaderValue = ({ translationKey, value = "" }) => {
 };
 function useHasPreviousRoute() {
   const hasPrev = useRef8(false);
-  useEffect22(() => {
+  useEffect23(() => {
     if (document.referrer && document.referrer !== window.location.href) {
       hasPrev.current = true;
     }
@@ -13236,9 +13485,9 @@ var WfoProcessDetail = ({
   isLoading = false,
   hasError = false
 }) => {
-  const t = useTranslations50("processes.detail");
+  const t = useTranslations52("processes.detail");
   const { theme } = useOrchestratorTheme();
-  const { showConfirmDialog } = useContext8(ConfirmationDialogContext);
+  const { showConfirmDialog } = useContext9(ConfirmationDialogContext);
   const [retryProcess] = useRetryProcessMutation();
   const [deleteProcess] = useDeleteProcessMutation();
   const [abortProcess] = useAbortProcessMutation();
@@ -13295,37 +13544,37 @@ var WfoProcessDetail = ({
       router.push(PATH_TASKS);
     }
   });
-  return /* @__PURE__ */ jsxs99(Fragment45, { children: [
-    /* @__PURE__ */ jsxs99(
+  return /* @__PURE__ */ jsxs102(Fragment46, { children: [
+    /* @__PURE__ */ jsxs102(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx194(WfoTitleWithWebsocketBadge, { title: pageTitle }),
-        subtitle: /* @__PURE__ */ jsx194(WfoProductInformationWithLink, { productNames, workflowName: processDetail?.workflowName ?? "" }),
+        title: /* @__PURE__ */ jsx196(WfoTitleWithWebsocketBadge, { title: pageTitle }),
+        subtitle: /* @__PURE__ */ jsx196(WfoProductInformationWithLink, { productNames, workflowName: processDetail?.workflowName ?? "" }),
         children: [
-          /* @__PURE__ */ jsx194(WfoIsAllowedToRender, { resource: "/orchestrator/processes/retry/" /* PROCESS_RETRY */, children: /* @__PURE__ */ jsx194(
-            EuiButton11,
+          /* @__PURE__ */ jsx196(WfoIsAllowedToRender, { resource: "/orchestrator/processes/retry/" /* PROCESS_RETRY */, children: /* @__PURE__ */ jsx196(
+            EuiButton12,
             {
               onClick: handleActionButtonClick(retryAction),
-              iconType: () => /* @__PURE__ */ jsx194(WfoRefresh, { color: retryButtonIsDisabled ? theme.colors.textSubdued : theme.colors.link }),
+              iconType: () => /* @__PURE__ */ jsx196(WfoRefresh, { color: retryButtonIsDisabled ? theme.colors.textSubdued : theme.colors.link }),
               isDisabled: retryButtonIsDisabled,
               children: t("retry")
             }
           ) }),
-          /* @__PURE__ */ jsx194(WfoIsAllowedToRender, { resource: "/orchestrator/processes/abort/" /* PROCESS_ABORT */, children: /* @__PURE__ */ jsx194(
-            EuiButton11,
+          /* @__PURE__ */ jsx196(WfoIsAllowedToRender, { resource: "/orchestrator/processes/abort/" /* PROCESS_ABORT */, children: /* @__PURE__ */ jsx196(
+            EuiButton12,
             {
               onClick: handleActionButtonClick(abortAction),
-              iconType: () => /* @__PURE__ */ jsx194(WfoXCircleFill, { color: abortButtonIsDisabled ? theme.colors.textSubdued : theme.colors.danger }),
+              iconType: () => /* @__PURE__ */ jsx196(WfoXCircleFill, { color: abortButtonIsDisabled ? theme.colors.textSubdued : theme.colors.danger }),
               color: "danger",
               isDisabled: abortButtonIsDisabled,
               children: t("abort")
             }
           ) }),
-          /* @__PURE__ */ jsx194(Fragment45, { children: processDetail && processIsTask && /* @__PURE__ */ jsx194(WfoIsAllowedToRender, { resource: "/orchestrator/processes/delete/" /* PROCESS_DELETE */, children: /* @__PURE__ */ jsx194(
-            EuiButton11,
+          /* @__PURE__ */ jsx196(Fragment46, { children: processDetail && processIsTask && /* @__PURE__ */ jsx196(WfoIsAllowedToRender, { resource: "/orchestrator/processes/delete/" /* PROCESS_DELETE */, children: /* @__PURE__ */ jsx196(
+            EuiButton12,
             {
               onClick: handleActionButtonClick(deleteAction),
-              iconType: () => /* @__PURE__ */ jsx194(WfoXCircleFill, { color: deleteButtonIsDisabled ? theme.colors.textSubdued : theme.colors.danger }),
+              iconType: () => /* @__PURE__ */ jsx196(WfoXCircleFill, { color: deleteButtonIsDisabled ? theme.colors.textSubdued : theme.colors.danger }),
               color: "danger",
               isDisabled: deleteButtonIsDisabled,
               children: t("delete")
@@ -13334,27 +13583,27 @@ var WfoProcessDetail = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx194(EuiPanel2, { hasShadow: false, hasBorder: false, color: "subdued", element: "div", children: isLoading && !hasError && /* @__PURE__ */ jsx194(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs99(EuiFlexGroup21, { direction: "row", gutterSize: "m", children: [
-      /* @__PURE__ */ jsx194(ProcessHeaderValue, { translationKey: "status", value: processDetail.lastStatus }),
-      /* @__PURE__ */ jsx194(ProcessHeaderValue, { translationKey: "lastStep", value: processDetail?.lastStep }),
-      processDetail.customer && /* @__PURE__ */ jsx194(ProcessHeaderValue, { translationKey: "customer", value: processDetail.customer?.fullname }),
-      /* @__PURE__ */ jsx194(ProcessHeaderValue, { translationKey: "startedBy", value: processDetail?.createdBy }),
-      /* @__PURE__ */ jsx194(
+    /* @__PURE__ */ jsx196(EuiPanel2, { hasShadow: false, hasBorder: false, color: "subdued", element: "div", children: isLoading && !hasError && /* @__PURE__ */ jsx196(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs102(EuiFlexGroup22, { direction: "row", gutterSize: "m", children: [
+      /* @__PURE__ */ jsx196(ProcessHeaderValue, { translationKey: "status", value: processDetail.lastStatus }),
+      /* @__PURE__ */ jsx196(ProcessHeaderValue, { translationKey: "lastStep", value: processDetail?.lastStep }),
+      processDetail.customer && /* @__PURE__ */ jsx196(ProcessHeaderValue, { translationKey: "customer", value: processDetail.customer?.fullname }),
+      /* @__PURE__ */ jsx196(ProcessHeaderValue, { translationKey: "startedBy", value: processDetail?.createdBy }),
+      /* @__PURE__ */ jsx196(
         ProcessHeaderValue,
         {
           translationKey: "startedOn",
           value: processDetail?.startedAt ? parseIsoString(parseDateRelativeToToday)(processDetail?.startedAt) : ""
         }
       ),
-      /* @__PURE__ */ jsx194(
+      /* @__PURE__ */ jsx196(
         ProcessHeaderValue,
         {
           translationKey: "lastUpdate",
           value: processDetail?.lastModifiedAt ? parseIsoString(parseDateRelativeToToday)(processDetail?.lastModifiedAt) : ""
         }
       ),
-      process && isAllowed("/orchestrator/subscriptions/view/from-process" /* PROCESS_RELATED_SUBSCRIPTIONS */) && processDetail.subscriptions && /* @__PURE__ */ jsxs99(
-        EuiFlexGroup21,
+      process && isAllowed("/orchestrator/subscriptions/view/from-process" /* PROCESS_RELATED_SUBSCRIPTIONS */) && processDetail.subscriptions && /* @__PURE__ */ jsxs102(
+        EuiFlexGroup22,
         {
           gutterSize: "xs",
           direction: "column",
@@ -13363,8 +13612,8 @@ var WfoProcessDetail = ({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ jsx194(EuiText17, { size: "xs", children: t("relatedSubscriptions") }),
-            /* @__PURE__ */ jsx194(
+            /* @__PURE__ */ jsx196(EuiText17, { size: "xs", children: t("relatedSubscriptions") }),
+            /* @__PURE__ */ jsx196(
               EuiText17,
               {
                 css: {
@@ -13374,7 +13623,7 @@ var WfoProcessDetail = ({
                   textOverflow: "ellipsis",
                   fontSize: theme.size.m
                 },
-                children: /* @__PURE__ */ jsx194(
+                children: /* @__PURE__ */ jsx196(
                   WfoProcessListSubscriptionsCell,
                   {
                     subscriptions: process && processDetail?.subscriptions?.page.map((subscription) => ({
@@ -13390,8 +13639,8 @@ var WfoProcessDetail = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx194(EuiSpacer20, { size: "s" }),
-    /* @__PURE__ */ jsx194(
+    /* @__PURE__ */ jsx196(EuiSpacer20, { size: "s" }),
+    /* @__PURE__ */ jsx196(
       WfoTimeline,
       {
         timelineItems,
@@ -13404,7 +13653,7 @@ var WfoProcessDetail = ({
 };
 
 // src/pages/processes/WfoProcessDetailPage.tsx
-import { jsx as jsx195 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx197 } from "@emotion/react/jsx-runtime";
 var WfoProcessDetailPage = ({ processId }) => {
   const stepListRef = useRef9(null);
   const { data, isLoading, isError } = useGetProcessDetailQuery({
@@ -13425,7 +13674,7 @@ var WfoProcessDetailPage = ({ processId }) => {
   const isTask = processDetail?.isTask ?? false;
   const groupedSteps = convertStepsToGroupedSteps(steps);
   const timelineItems = mapGroupedStepsToTimelineItems(groupedSteps);
-  return /* @__PURE__ */ jsx195(
+  return /* @__PURE__ */ jsx197(
     WfoProcessDetail,
     {
       pageTitle,
@@ -13436,7 +13685,7 @@ var WfoProcessDetailPage = ({ processId }) => {
       onTimelineItemClick: (id) => stepListRef.current?.scrollToStep(id),
       isLoading,
       hasError: isError,
-      children: isError && /* @__PURE__ */ jsx195(WfoError, {}) || isLoading && /* @__PURE__ */ jsx195(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsx195(
+      children: isError && /* @__PURE__ */ jsx197(WfoError, {}) || isLoading && /* @__PURE__ */ jsx197(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsx197(
         WfoWorkflowStepList,
         {
           ref: stepListRef,
@@ -13449,176 +13698,30 @@ var WfoProcessDetailPage = ({ processId }) => {
           isTask,
           userPermissions: processDetail.userPermissions
         }
-      ) || /* @__PURE__ */ jsx195("h1", { children: "Invalid processId" })
+      ) || /* @__PURE__ */ jsx197("h1", { children: "Invalid processId" })
     }
   );
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useMemo as useMemo5, useState as useState38 } from "react";
+import { useMemo as useMemo6, useState as useState38 } from "react";
 import { useTranslations as useTranslations60 } from "next-intl";
 import { useRouter as useRouter13 } from "next/router";
 import { EuiFlexGroup as EuiFlexGroup26, EuiFlexItem as EuiFlexItem21, EuiHorizontalRule as EuiHorizontalRule7, EuiPanel as EuiPanel4, EuiText as EuiText23 } from "@elastic/eui";
 
 // src/components/WfoPydanticForm/WfoPydanticForm.tsx
-import { useCallback as useCallback7, useMemo as useMemo2 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo3 } from "react";
 import _5 from "lodash";
 import { useRouter as useRouter12 } from "next/router";
 import { PydanticForm as PydanticForm3 } from "pydantic-forms";
-
-// src/components/WfoPydanticForm/Footer.tsx
-import { useCallback as useCallback6, useContext as useContext9, useEffect as useEffect23 } from "react";
-import { useTranslations as useTranslations52 } from "next-intl";
-import { EuiButton as EuiButton12, EuiFlexGroup as EuiFlexGroup22, EuiHorizontalRule as EuiHorizontalRule5 } from "@elastic/eui";
-
-// src/components/WfoPydanticForm/RenderFormErrors.tsx
-import { useTranslations as useTranslations51 } from "next-intl";
-import { useGetValidationErrors } from "pydantic-forms";
-import { Fragment as Fragment46, jsx as jsx196, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
-var RenderFormErrors = () => {
-  const { errorStyle } = useWithOrchestratorTheme(getCommonFormFieldStyles);
-  const errorDetails = useGetValidationErrors();
-  const t = useTranslations51("pydanticForms.userInputForm");
-  if (!errorDetails) {
-    return /* @__PURE__ */ jsx196(Fragment46, {});
-  }
-  const errors = errorDetails.source;
-  const rootError = errors.filter((err) => err.loc.includes("__root__")).shift();
-  const otherErrors = errors.filter((err) => !err.loc.includes("__root__"));
-  return /* @__PURE__ */ jsxs100("em", { css: errorStyle, children: [
-    rootError && /* @__PURE__ */ jsx196("div", { children: rootError.msg }),
-    otherErrors?.length >= 1 && t("inputFieldsHaveValidationErrors", {
-      nrOfValidationErrors: otherErrors.length
-    })
-  ] });
-};
-
-// src/components/WfoPydanticForm/Footer.tsx
-import { jsx as jsx197, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
-var submitButtonId = "button-submit-form-submit";
-var previousButtonId = "button-submit-form-previous";
-var cancelButtonId = "button-submit-form-cancel";
-var Footer = ({ onCancel, onPrevious, hasNext, hasPrevious, isTask = false, buttons }) => {
-  const { theme } = useOrchestratorTheme();
-  const t = useTranslations52("pydanticForms.userInputForm");
-  const { showConfirmDialog } = useContext9(ConfirmationDialogContext);
-  const handlePrevious = useCallback6(() => {
-    if (onCancel) {
-      showConfirmDialog({
-        question: t("previousQuestion"),
-        onConfirm: onCancel
-      });
-    }
-  }, [onCancel, showConfirmDialog, t]);
-  const { next, previous } = buttons || {};
-  useEffect23(() => {
-    const handleKeyDown = (event) => {
-      const isPrimary = event.metaKey || event.ctrlKey;
-      if (isPrimary && event.key === "ArrowLeft") {
-        event.preventDefault();
-        if (hasPrevious) {
-          onPrevious?.();
-        } else {
-          handlePrevious();
-        }
-      }
-      if (isPrimary && event.key === "ArrowRight") {
-        event.preventDefault();
-        document.getElementById(submitButtonId)?.click();
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [hasPrevious, hasNext, onPrevious, onCancel, handlePrevious]);
-  const PreviousButton = () => {
-    const previousButtonColor = theme.colors[previous?.color ?? "primary"];
-    return /* @__PURE__ */ jsx197(
-      EuiButton12,
-      {
-        "data-testid": previousButtonId,
-        id: previousButtonId,
-        tabIndex: 0,
-        fill: true,
-        onClick: () => {
-          if (onPrevious) {
-            onPrevious();
-          }
-        },
-        css: {
-          backgroundColor: previousButtonColor.toString(),
-          padding: "12px"
-        },
-        iconSide: "right",
-        "aria-label": t("previous"),
-        children: previous?.text ?? t("previous")
-      }
-    );
-  };
-  const CancelButton = () => /* @__PURE__ */ jsx197(
-    "div",
-    {
-      "data-testid": cancelButtonId,
-      onClick: handlePrevious,
-      css: {
-        cursor: "pointer",
-        color: theme.colors.link,
-        fontWeight: theme.font.weight.bold,
-        marginLeft: theme.base / 2,
-        display: "flex",
-        alignItems: "center"
-      },
-      children: t("cancel")
-    }
-  );
-  const SubmitButton = () => {
-    const submitButtonTranslated = hasNext ? t("next") : isTask ? t("startTask") : t("startWorkflow");
-    const submitButtonLabel = next?.text ?? submitButtonTranslated;
-    const submitIconType = !hasNext && !next?.text ? () => /* @__PURE__ */ jsx197(WfoPlayCircle, { color: "currentColor" }) : void 0;
-    const submitButtonColor = next?.color ? next?.color : "primary";
-    return /* @__PURE__ */ jsx197(
-      EuiButton12,
-      {
-        "data-testid": submitButtonId,
-        id: submitButtonId,
-        tabIndex: 0,
-        fill: true,
-        css: {
-          backgroundColor: submitButtonColor,
-          padding: "12px"
-        },
-        type: "submit",
-        iconSide: "right",
-        iconType: submitIconType,
-        "aria-label": submitButtonLabel,
-        children: submitButtonLabel
-      }
-    );
-  };
-  const PreviousCancelButtonGroup = () => {
-    return /* @__PURE__ */ jsxs101(EuiFlexGroup22, { gutterSize: "xl", children: [
-      /* @__PURE__ */ jsx197(PreviousButton, {}),
-      /* @__PURE__ */ jsx197(CancelButton, {})
-    ] });
-  };
-  return /* @__PURE__ */ jsxs101("div", { "data-testid": "pydantic-form-footer", children: [
-    /* @__PURE__ */ jsx197(RenderFormErrors, {}),
-    /* @__PURE__ */ jsx197(EuiHorizontalRule5, {}),
-    /* @__PURE__ */ jsxs101("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ jsx197("div", { children: hasPrevious && /* @__PURE__ */ jsx197(PreviousCancelButtonGroup, {}) || /* @__PURE__ */ jsx197(CancelButton, {}) }),
-      /* @__PURE__ */ jsx197(SubmitButton, {})
-    ] })
-  ] });
-};
-
-// src/components/WfoPydanticForm/WfoPydanticForm.tsx
 import { jsx as jsx198 } from "@emotion/react/jsx-runtime";
 var WfoPydanticForm = ({ processName, startProcessPayload, isTask }) => {
-  const generateFormId = useMemo2(() => {
+  const generateFormId = useMemo3(() => {
     return `${JSON.stringify(startProcessPayload)}`;
   }, [startProcessPayload]);
   const [startProcess] = useStartProcessMutation();
   const router = useRouter12();
-  const onSuccess = useCallback7(
+  const onSuccess = useCallback8(
     (_fieldValues, req) => {
       const request = req;
       if (request?.data?.id) {
@@ -13628,7 +13731,7 @@ var WfoPydanticForm = ({ processName, startProcessPayload, isTask }) => {
     },
     [isTask, router]
   );
-  const getPydanticFormProvider = useCallback7(() => {
+  const getPydanticFormProvider = useCallback8(() => {
     const pydanticFormProvider = async ({ requestBody = [], formKey }) => {
       const userInputs = _5.isEmpty(startProcessPayload) ? [...requestBody] : [{ ...startProcessPayload }, ...requestBody];
       const response = startProcess({
@@ -13666,7 +13769,7 @@ var WfoPydanticForm = ({ processName, startProcessPayload, isTask }) => {
     return pydanticFormProvider;
   }, [startProcess, startProcessPayload]);
   const config = useGetPydanticFormsConfig(getPydanticFormProvider, (props) => /* @__PURE__ */ jsx198(Footer, { ...props, isTask }));
-  const handleCancel = useCallback7(() => {
+  const handleCancel = useCallback8(() => {
     const pfBasePath = isTask ? PATH_TASKS : PATH_WORKFLOWS;
     router.replace(pfBasePath);
   }, [isTask, router]);
@@ -13683,7 +13786,7 @@ var WfoPydanticForm = ({ processName, startProcessPayload, isTask }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React61, { useCallback as useCallback10, useState as useState34 } from "react";
+import React62, { useCallback as useCallback11, useState as useState34 } from "react";
 import { useTranslations as useTranslations55 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup23, EuiFlexItem as EuiFlexItem19, EuiPanel as EuiPanel3, EuiText as EuiText18 } from "@elastic/eui";
 
@@ -13796,7 +13899,7 @@ var getWorkflowStepsStyles = ({ theme, toSecondaryColor, isDarkModeActive }) =>
 };
 
 // src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
-import { jsx as jsx199, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx199, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
 var SubIcon = ({ stepStatus, color = "" }) => {
   switch (stepStatus) {
     case "suspend" /* SUSPEND */:
@@ -13837,7 +13940,7 @@ var WfoStepStatusIcon = ({ stepStatus, isStartStep = false }) => {
         return [stepStateSuccessIconStyle, theme.colors.textPrimary, true, theme.colors.textSuccess];
     }
   })();
-  return /* @__PURE__ */ jsxs102(EuiFlexItem17, { css: { flexDirection: "row" }, grow: 0, children: [
+  return /* @__PURE__ */ jsxs103(EuiFlexItem17, { css: { flexDirection: "row" }, grow: 0, children: [
     /* @__PURE__ */ jsx199("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx199(MainIcon, { color: mainIconColor, stepStatus, isStartStep }) }),
     /* @__PURE__ */ jsx199(
       "div",
@@ -13869,7 +13972,7 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoCodeViewSelector.tsx
-import { useCallback as useCallback8, useState as useState33 } from "react";
+import { useCallback as useCallback9, useState as useState33 } from "react";
 import { useTranslations as useTranslations53 } from "next-intl";
 import { EuiButtonGroup as EuiButtonGroup2 } from "@elastic/eui";
 import { jsx as jsx200 } from "@emotion/react/jsx-runtime";
@@ -13913,7 +14016,7 @@ var WfoCodeViewSelector = ({ codeView, handleCodeViewChange }) => {
       }
     }
   ];
-  const handle = useCallback8((id) => handleCodeViewChange(id), [handleCodeViewChange]);
+  const handle = useCallback9((id) => handleCodeViewChange(id), [handleCodeViewChange]);
   return /* @__PURE__ */ jsx200(
     EuiButtonGroup2,
     {
@@ -13935,14 +14038,14 @@ var WfoCodeViewSelector = ({ codeView, handleCodeViewChange }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
-import { useCallback as useCallback9, useMemo as useMemo3 } from "react";
+import { useCallback as useCallback10, useMemo as useMemo4 } from "react";
 import { PydanticForm as PydanticForm4 } from "pydantic-forms";
 import { EuiFlexItem as EuiFlexItem18 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepFormFooter.tsx
 import { useTranslations as useTranslations54 } from "next-intl";
 import { EuiButton as EuiButton13, EuiHorizontalRule as EuiHorizontalRule6 } from "@elastic/eui";
-import { jsx as jsx201, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx201, jsxs as jsxs104 } from "@emotion/react/jsx-runtime";
 var StepFormFooter = ({ isTask, isResumeAllowed }) => {
   const t = useTranslations54("pydanticForms.userInputForm");
   const SubmitButton = () => {
@@ -13964,7 +14067,7 @@ var StepFormFooter = ({ isTask, isResumeAllowed }) => {
       }
     );
   };
-  return /* @__PURE__ */ jsxs103("div", { "data-testid": "pydantic-step-form-footer", children: [
+  return /* @__PURE__ */ jsxs104("div", { "data-testid": "pydantic-step-form-footer", children: [
     /* @__PURE__ */ jsx201(RenderFormErrors, {}),
     /* @__PURE__ */ jsx201(EuiHorizontalRule6, {}),
     /* @__PURE__ */ jsx201("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx201(SubmitButton, {}) })
@@ -13976,8 +14079,8 @@ import { jsx as jsx202 } from "@emotion/react/jsx-runtime";
 var WfoStepForm = ({ userInputForm, isTask, processId, userPermissions }) => {
   const { theme } = useOrchestratorTheme();
   const [resumeProcess] = useResumeProcessMutation();
-  const getInitialStepInput = useMemo3(() => userInputForm, [userInputForm]);
-  const getStepFormProvider = useCallback9(
+  const getInitialStepInput = useMemo4(() => userInputForm, [userInputForm]);
+  const getStepFormProvider = useCallback10(
     () => async ({ requestBody = [] }) => {
       if (requestBody.length === 0) {
         return {
@@ -14006,9 +14109,17 @@ var WfoStepForm = ({ userInputForm, isTask, processId, userPermissions }) => {
   return /* @__PURE__ */ jsx202(EuiFlexItem18, { css: { margin: theme.size.m }, children: /* @__PURE__ */ jsx202(PydanticForm4, { formKey: processId, formId: "wfo-step-form", config }) });
 };
 
+// src/components/WfoWorkflowSteps/WfoStep/useStepDetailOverride.ts
+var useStepDetailOverride = () => {
+  const overrideStepDetail = useAppSelector((state) => state.orchestratorComponentOverride?.stepDetail);
+  return {
+    overrideStepDetail
+  };
+};
+
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import { Fragment as Fragment47, jsx as jsx203, jsxs as jsxs104 } from "@emotion/react/jsx-runtime";
-var WfoStep = React61.forwardRef(
+import { Fragment as Fragment47, jsx as jsx203, jsxs as jsxs105 } from "@emotion/react/jsx-runtime";
+var WfoStep = React62.forwardRef(
   ({
     stepListItem,
     onToggleStepDetail,
@@ -14032,6 +14143,7 @@ var WfoStep = React61.forwardRef(
       stepRowStyle,
       getStepToggleExpandStyle
     } = useWithOrchestratorTheme(getWorkflowStepsStyles);
+    const { overrideStepDetail } = useStepDetailOverride();
     const t = useTranslations55("processes.steps");
     const hasHtmlMail = Object.prototype.hasOwnProperty.call(step?.stateDelta || {}, "confirmation_mail");
     const stepContent = step.stateDelta ? getStepContent(step.stateDelta, showHiddenKeys) : {};
@@ -14040,16 +14152,16 @@ var WfoStep = React61.forwardRef(
       if (!value) {
         return "";
       }
-      return /* @__PURE__ */ jsxs104(EuiText18, { size: "s", children: [
+      return /* @__PURE__ */ jsxs105(EuiText18, { size: "s", children: [
         /* @__PURE__ */ jsx203("h4", { children: "To" }),
-        /* @__PURE__ */ jsx203("p", { children: value.to.map((v, i) => /* @__PURE__ */ jsxs104("div", { children: [
+        /* @__PURE__ */ jsx203("p", { children: value.to.map((v, i) => /* @__PURE__ */ jsxs105("div", { children: [
           v.name,
           " <",
           /* @__PURE__ */ jsx203("a", { href: `mailto: ${v.email}`, children: v.email }),
           ">"
         ] }, `to-${i}`)) }),
         /* @__PURE__ */ jsx203("h4", { children: "CC" }),
-        /* @__PURE__ */ jsx203("p", { children: value.cc.map((v, i) => /* @__PURE__ */ jsxs104("div", { children: [
+        /* @__PURE__ */ jsx203("p", { children: value.cc.map((v, i) => /* @__PURE__ */ jsxs105("div", { children: [
           v.name,
           " <",
           /* @__PURE__ */ jsx203("a", { href: `mailto: ${v.email}`, children: v.email }),
@@ -14061,52 +14173,63 @@ var WfoStep = React61.forwardRef(
         /* @__PURE__ */ jsx203("div", { className: "emailMessage", dangerouslySetInnerHTML: { __html: value.message } })
       ] });
     };
-    const handle = useCallback10(
+    const handle = useCallback11(
       (newCodeView) => {
         setCodeView(newCodeView);
       },
       [setCodeView]
     );
-    return /* @__PURE__ */ jsx203("div", { ref, children: /* @__PURE__ */ jsxs104(EuiPanel3, { children: [
-      /* @__PURE__ */ jsxs104(EuiFlexGroup23, { css: getStepHeaderStyle(hasStepContent), onClick: () => hasStepContent && onToggleStepDetail(), children: [
+    const shouldExpand = isExpanded && hasStepContent;
+    return /* @__PURE__ */ jsx203("div", { ref, children: /* @__PURE__ */ jsxs105(EuiPanel3, { children: [
+      /* @__PURE__ */ jsxs105(EuiFlexGroup23, { css: getStepHeaderStyle(hasStepContent), onClick: () => hasStepContent && onToggleStepDetail(), children: [
         /* @__PURE__ */ jsx203(WfoStepStatusIcon, { stepStatus: step.status, isStartStep }),
-        /* @__PURE__ */ jsxs104(EuiFlexItem19, { grow: 0, children: [
-          /* @__PURE__ */ jsx203(EuiText18, { css: stepListContentBoldTextStyle, children: step.name }),
-          /* @__PURE__ */ jsxs104(EuiText18, { children: [
-            step.status,
-            " ",
-            step.completed && `- ${formatDate(step.completed)}`
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx203(EuiFlexGroup23, { css: stepRowStyle, children: step.completed && /* @__PURE__ */ jsxs104(Fragment47, { children: [
-          isExpanded && /* @__PURE__ */ jsx203(WfoCodeViewSelector, { codeView, handleCodeViewChange: handle }),
-          /* @__PURE__ */ jsxs104(EuiFlexItem19, { grow: 0, css: stepHeaderRightStyle, children: [
-            /* @__PURE__ */ jsx203(EuiText18, { css: stepDurationStyle, children: t("duration") }),
-            /* @__PURE__ */ jsx203(EuiText18, { size: "m", children: calculateTimeDifference(startedAt, completedAt) })
+        /* @__PURE__ */ jsxs105(EuiFlexGroup23, { direction: "column", gutterSize: "none", children: [
+          /* @__PURE__ */ jsxs105(EuiFlexItem19, { css: { flexDirection: "row" }, children: [
+            /* @__PURE__ */ jsxs105(EuiFlexItem19, { grow: 0, children: [
+              /* @__PURE__ */ jsx203(EuiText18, { css: stepListContentBoldTextStyle, children: step.name }),
+              /* @__PURE__ */ jsxs105(EuiText18, { children: [
+                step.status,
+                " ",
+                step.completed && `- ${formatDate(step.completed)}`
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx203(EuiFlexGroup23, { css: stepRowStyle, children: step.completed && /* @__PURE__ */ jsxs105(Fragment47, { children: [
+              isExpanded && /* @__PURE__ */ jsx203(WfoCodeViewSelector, { codeView, handleCodeViewChange: handle }),
+              /* @__PURE__ */ jsxs105(EuiFlexItem19, { grow: 0, css: stepHeaderRightStyle, children: [
+                /* @__PURE__ */ jsx203(EuiText18, { css: stepDurationStyle, children: t("duration") }),
+                /* @__PURE__ */ jsx203(EuiText18, { size: "m", children: calculateTimeDifference(startedAt, completedAt) })
+              ] }),
+              /* @__PURE__ */ jsx203(EuiFlexItem19, { grow: 0, css: getStepToggleExpandStyle(hasStepContent), children: isExpanded && /* @__PURE__ */ jsx203(WfoChevronUp, { color: theme.colors.textParagraph }) || /* @__PURE__ */ jsx203(WfoChevronDown, { color: theme.colors.textParagraph }) })
+            ] }) })
           ] }),
-          /* @__PURE__ */ jsx203(EuiFlexItem19, { grow: 0, css: getStepToggleExpandStyle(hasStepContent), children: isExpanded && /* @__PURE__ */ jsx203(WfoChevronUp, { color: theme.colors.textParagraph }) || /* @__PURE__ */ jsx203(WfoChevronDown, { color: theme.colors.textParagraph }) })
-        ] }) })
+          /* @__PURE__ */ jsx203(EuiFlexItem19, { children: overrideStepDetail?.stepHeader && /* @__PURE__ */ jsx203(overrideStepDetail.stepHeader, { step }) })
+        ] })
       ] }),
-      hasStepContent && !hasHtmlMail && isExpanded && (codeView === "table" /* TABLE */ ? /* @__PURE__ */ jsx203(WfoTableCodeBlock, { stepState: stepContent }) : codeView === "raw" /* RAW */ ? /* @__PURE__ */ jsx203(WfoJsonCodeBlock, { data: stepContent }) : /* @__PURE__ */ jsx203(WfoMonacoCodeBlock, { data: stepContent })),
-      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx203("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(step.stateDelta.confirmation_mail) }),
-      step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsx203(
-        WfoStepForm,
-        {
-          userInputForm,
-          isTask,
-          processId: processId ?? "",
-          userPermissions
-        }
-      )
+      shouldExpand && /* @__PURE__ */ jsxs105(EuiFlexGroup23, { direction: "column", gutterSize: "none", children: [
+        /* @__PURE__ */ jsx203(EuiFlexItem19, { grow: 1, children: overrideStepDetail?.stepBody && /* @__PURE__ */ jsx203(overrideStepDetail.stepBody, { step }) }),
+        /* @__PURE__ */ jsxs105(EuiFlexItem19, { children: [
+          shouldExpand && !hasHtmlMail && (codeView === "table" /* TABLE */ ? /* @__PURE__ */ jsx203(WfoTableCodeBlock, { stepState: stepContent }) : codeView === "raw" /* RAW */ ? /* @__PURE__ */ jsx203(WfoJsonCodeBlock, { data: stepContent }) : /* @__PURE__ */ jsx203(WfoMonacoCodeBlock, { data: stepContent })),
+          isExpanded && hasHtmlMail && /* @__PURE__ */ jsx203("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(step.stateDelta.confirmation_mail) }),
+          step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsx203(
+            WfoStepForm,
+            {
+              userInputForm,
+              isTask,
+              processId: processId ?? "",
+              userPermissions
+            }
+          )
+        ] })
+      ] })
     ] }) });
   }
 );
 WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
-import React62, { useImperativeHandle as useImperativeHandle2, useRef as useRef10 } from "react";
-import { Fragment as Fragment48, jsx as jsx204, jsxs as jsxs105 } from "@emotion/react/jsx-runtime";
-var WfoStepList = React62.forwardRef(
+import React63, { useImperativeHandle as useImperativeHandle2, useRef as useRef10 } from "react";
+import { Fragment as Fragment48, jsx as jsx204, jsxs as jsxs106 } from "@emotion/react/jsx-runtime";
+var WfoStepList = React63.forwardRef(
   ({
     stepListItems,
     showHiddenKeys,
@@ -14152,7 +14275,7 @@ var WfoStepList = React62.forwardRef(
         stepReferences.current.delete(stepId);
       }
     };
-    return /* @__PURE__ */ jsx204(Fragment48, { children: stepListItems.map((stepListItem, index) => /* @__PURE__ */ jsxs105("div", { children: [
+    return /* @__PURE__ */ jsx204(Fragment48, { children: stepListItems.map((stepListItem, index) => /* @__PURE__ */ jsxs106("div", { children: [
       index !== 0 && /* @__PURE__ */ jsx204("div", { css: stepSpacerStyle }),
       /* @__PURE__ */ jsx204(
         WfoStep,
@@ -14175,11 +14298,11 @@ var WfoStepList = React62.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React64, { useEffect as useEffect25, useState as useState36 } from "react";
+import React65, { useEffect as useEffect25, useState as useState36 } from "react";
 import { useTranslations as useTranslations58 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
-import { useCallback as useCallback11, useEffect as useEffect24, useMemo as useMemo4, useState as useState35 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect24, useMemo as useMemo5, useState as useState35 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
 import { useTranslations as useTranslations56 } from "next-intl";
@@ -14221,7 +14344,7 @@ var getWfoDiffStyles = ({ theme, toSecondaryColor, isDarkModeActive }) => {
 };
 
 // src/components/WfoDiff/WfoDiff.tsx
-import { jsx as jsx205, jsxs as jsxs106 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx205, jsxs as jsxs107 } from "@emotion/react/jsx-runtime";
 var EMPTY_HUNKS = [];
 var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
@@ -14234,14 +14357,14 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
     type: "modify",
     hunks: []
   });
-  const updateDiffText = useCallback11(() => {
+  const updateDiffText = useCallback12(() => {
     const diffText = formatLines(diffLines(oldText, newText), {
       context: showFull ? FULL_CONTEXT : SMALL_CONTEXT
     });
     const [diff] = parseDiff(diffText, { nearbySequences: "zip" });
     setDiff(diff);
   }, [oldText, newText, setDiff, showFull]);
-  const tokens = useMemo4(() => {
+  const tokens = useMemo5(() => {
     if (!hunks) {
       return void 0;
     }
@@ -14259,8 +14382,8 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
   useEffect24(() => {
     updateDiffText();
   }, [updateDiffText, showFull]);
-  return /* @__PURE__ */ jsxs106("div", { children: [
-    /* @__PURE__ */ jsxs106(EuiFlexGroup24, { gutterSize: "xs", children: [
+  return /* @__PURE__ */ jsxs107("div", { children: [
+    /* @__PURE__ */ jsxs107(EuiFlexGroup24, { gutterSize: "xs", children: [
       /* @__PURE__ */ jsx205(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx205(EuiText19, { children: /* @__PURE__ */ jsx205("h3", { children: t("title") }) }) }),
       /* @__PURE__ */ jsx205(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx205(
         EuiButtonIcon13,
@@ -14315,18 +14438,18 @@ var getStyles10 = ({ theme }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx
-import { Fragment as Fragment49, jsx as jsx206, jsxs as jsxs107 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx206, jsxs as jsxs108 } from "@emotion/react/jsx-runtime";
 var WfoTraceback = ({ children }) => {
   const { codeBlockStyle } = useWithOrchestratorTheme(getStyles10);
   const t = useTranslations57("processes.steps");
-  return /* @__PURE__ */ jsxs107(Fragment49, { children: [
+  return /* @__PURE__ */ jsxs108(Fragment49, { children: [
     /* @__PURE__ */ jsx206(EuiText20, { children: /* @__PURE__ */ jsx206("h3", { children: t("traceback") }) }),
     /* @__PURE__ */ jsx206(EuiCodeBlock, { css: codeBlockStyle, children })
   ] });
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import { Fragment as Fragment50, jsx as jsx207, jsxs as jsxs108 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx207, jsxs as jsxs109 } from "@emotion/react/jsx-runtime";
 var WfoProcessRawData = ({ processId }) => {
   const { data, isFetching } = useGetRawProcessDetailQuery({ processId });
   return isFetching ? /* @__PURE__ */ jsx207(WfoLoading, {}) : /* @__PURE__ */ jsx207(WfoJsonCodeBlock, { data: data || {} });
@@ -14347,7 +14470,7 @@ var WfoProcessSubscriptionDelta = ({ processId }) => {
     }
   );
 };
-var WfoWorkflowStepList = React64.forwardRef(
+var WfoWorkflowStepList = React65.forwardRef(
   ({ steps = [], lastStatus, traceBack, processId, isTask, userInputForm, userPermissions }, reference) => {
     const [showHiddenKeys, setShowHiddenKeys] = useState36(false);
     const [showRaw, setShowRaw] = useState36(false);
@@ -14401,7 +14524,7 @@ var WfoWorkflowStepList = React64.forwardRef(
       isExpanded: true
     }));
     const isRunningWorkflow = !["failed" /* FAILED */, "aborted" /* ABORTED */, "completed" /* COMPLETED */].map((status) => status.toLowerCase()).includes(lastStatus.toLowerCase());
-    return /* @__PURE__ */ jsxs108(Fragment50, { children: [
+    return /* @__PURE__ */ jsxs109(Fragment50, { children: [
       /* @__PURE__ */ jsx207(
         WfoStepListHeader,
         {
@@ -14473,7 +14596,7 @@ var WfoTextAnchor = ({ text, onClick }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { jsx as jsx209, jsxs as jsxs109 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx209, jsxs as jsxs110 } from "@emotion/react/jsx-runtime";
 var WfoStepListHeader = ({
   allDetailToggleText,
   showDelta,
@@ -14505,12 +14628,12 @@ var WfoStepListHeader = ({
       children: t("viewOptions")
     }
   );
-  return /* @__PURE__ */ jsxs109(EuiFlexGroup25, { css: stepListHeaderStyle, children: [
-    /* @__PURE__ */ jsxs109(EuiFlexGroup25, { css: stepListContentStyle, children: [
+  return /* @__PURE__ */ jsxs110(EuiFlexGroup25, { css: stepListHeaderStyle, children: [
+    /* @__PURE__ */ jsxs110(EuiFlexGroup25, { css: stepListContentStyle, children: [
       /* @__PURE__ */ jsx209(EuiText22, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
       !showRaw && /* @__PURE__ */ jsx209(WfoTextAnchor, { text: allDetailToggleText, onClick: onToggleAllDetailsIsOpen })
     ] }),
-    /* @__PURE__ */ jsxs109(EuiFlexGroup25, { justifyContent: "flexEnd", direction: "row", css: stepListOptionsContainerStyle, gutterSize: "s", children: [
+    /* @__PURE__ */ jsxs110(EuiFlexGroup25, { justifyContent: "flexEnd", direction: "row", css: stepListOptionsContainerStyle, gutterSize: "s", children: [
       showTracebackButton && /* @__PURE__ */ jsx209(EuiButton14, { onClick: () => onShowTraceback(!showTraceback), size: "s", children: showTraceback ? t("hideTraceback") : t("showTraceback") }),
       /* @__PURE__ */ jsx209(
         EuiButton14,
@@ -14523,7 +14646,7 @@ var WfoStepListHeader = ({
           children: showDelta ? t("hideDelta") : t("showDelta")
         }
       ),
-      /* @__PURE__ */ jsx209(EuiPopover7, { button: viewOptionButton, isOpen: isViewOptionOpen, closePopover: closeViewOption, display: "block", children: /* @__PURE__ */ jsx209("div", { children: /* @__PURE__ */ jsxs109(EuiForm3, { component: "form", children: [
+      /* @__PURE__ */ jsx209(EuiPopover7, { button: viewOptionButton, isOpen: isViewOptionOpen, closePopover: closeViewOption, display: "block", children: /* @__PURE__ */ jsx209("div", { children: /* @__PURE__ */ jsxs110(EuiForm3, { component: "form", children: [
         /* @__PURE__ */ jsx209(EuiFormRow6, { children: /* @__PURE__ */ jsx209(
           EuiSwitch3,
           {
@@ -14552,7 +14675,7 @@ var WfoStepListHeader = ({
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { jsx as jsx210, jsxs as jsxs110 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx210, jsxs as jsxs111 } from "@emotion/react/jsx-runtime";
 var getInitialProcessPayload = ({
   productId,
   subscriptionId
@@ -14587,7 +14710,7 @@ var WfoStartProcessPage = ({ processName, isTask = false }) => {
   const { data: workflowMetadata, isError: isErrorWorkflowDescription } = useGetDescriptionForWorkflowNameQuery({
     workflowName: processName
   });
-  const startProcessPayload = useMemo5(
+  const startProcessPayload = useMemo6(
     () => getInitialProcessPayload({
       productId,
       subscriptionId
@@ -14634,7 +14757,7 @@ var WfoStartProcessPage = ({ processName, isTask = false }) => {
       processDetail,
       timelineItems: timeLineItems,
       isLoading,
-      children: /* @__PURE__ */ jsxs110(
+      children: /* @__PURE__ */ jsxs111(
         EuiPanel4,
         {
           css: {
@@ -14642,9 +14765,9 @@ var WfoStartProcessPage = ({ processName, isTask = false }) => {
             marginTop: theme.base * 3
           },
           children: [
-            /* @__PURE__ */ jsxs110(EuiFlexGroup26, { css: getStepHeaderStyle(false), children: [
+            /* @__PURE__ */ jsxs111(EuiFlexGroup26, { css: getStepHeaderStyle(false), children: [
               /* @__PURE__ */ jsx210(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
-              /* @__PURE__ */ jsxs110(EuiFlexItem21, { grow: 0, children: [
+              /* @__PURE__ */ jsxs111(EuiFlexItem21, { grow: 0, children: [
                 /* @__PURE__ */ jsx210(EuiText23, { css: stepListContentBoldTextStyle, children: t("userInput") }),
                 /* @__PURE__ */ jsx210(EuiText23, { children: t(isTask ? "submitTaskFormLabel" : "submitWorkflowFormLabel") })
               ] })
@@ -14661,19 +14784,19 @@ var WfoStartProcessPage = ({ processName, isTask = false }) => {
 // src/pages/processes/WfoProductInformationWithLink.tsx
 import { useTranslations as useTranslations61 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon14, EuiFlexGroup as EuiFlexGroup27, EuiText as EuiText24, EuiToolTip as EuiToolTip10 } from "@elastic/eui";
-import { jsx as jsx211, jsxs as jsxs111 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx211, jsxs as jsxs112 } from "@emotion/react/jsx-runtime";
 var WfoProductInformationWithLink = ({ workflowName, productNames }) => {
   const { workflowInformationLinkUrl, showWorkflowInformationLink } = useGetOrchestratorConfig();
   const t = useTranslations61("processes.detail");
   const docsUrl = workflowInformationLinkUrl + workflowName;
-  return /* @__PURE__ */ jsxs111(EuiFlexGroup27, { gutterSize: "s", alignItems: "center", children: [
+  return /* @__PURE__ */ jsxs112(EuiFlexGroup27, { gutterSize: "s", alignItems: "center", children: [
     showWorkflowInformationLink && /* @__PURE__ */ jsx211(EuiToolTip10, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx211("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx211(EuiButtonIcon14, { iconSize: "l", iconType: "info", "aria-label": t("openWorkflowTaskInfo") }) }) }),
     /* @__PURE__ */ jsx211(EuiText24, { size: "s", children: productNames })
   ] });
 };
 
 // src/pages/settings/WfoSettingsPage.tsx
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo7 } from "react";
 import { useTranslations as useTranslations63 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiCodeBlock as EuiCodeBlock2, EuiFlexItem as EuiFlexItem23, EuiPanel as EuiPanel6, EuiSpacer as EuiSpacer23, EuiTab as EuiTab3, EuiTabs as EuiTabs3, EuiText as EuiText26 } from "@elastic/eui";
@@ -14682,14 +14805,14 @@ import { css as css35 } from "@emotion/react";
 // src/components/WfoSettings/WfoAoStackStatus.tsx
 import { useTranslations as useTranslations62 } from "next-intl";
 import { EuiButton as EuiButton15, EuiFlexItem as EuiFlexItem22, EuiPanel as EuiPanel5, EuiSpacer as EuiSpacer22, EuiText as EuiText25 } from "@elastic/eui";
-import { jsx as jsx212, jsxs as jsxs112 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx212, jsxs as jsxs113 } from "@emotion/react/jsx-runtime";
 var WfoAoStackStatus = () => {
   const t = useTranslations62("settings.page");
   const { aoStackStatusUrl } = useGetOrchestratorConfig();
   const openStatusPage = () => {
     window.open(aoStackStatusUrl, "_blank");
   };
-  return /* @__PURE__ */ jsx212(EuiFlexItem22, { children: /* @__PURE__ */ jsxs112(EuiPanel5, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+  return /* @__PURE__ */ jsx212(EuiFlexItem22, { children: /* @__PURE__ */ jsxs113(EuiPanel5, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
     /* @__PURE__ */ jsx212(EuiText25, { size: "s", children: /* @__PURE__ */ jsx212("h4", { children: t("aoStackStatus") }) }),
     /* @__PURE__ */ jsx212(EuiSpacer22, { size: "m" }),
     /* @__PURE__ */ jsx212(EuiButton15, { iconType: () => /* @__PURE__ */ jsx212(WfoChartBar, {}), onClick: openStatusPage, children: t("viewStatusPage") })
@@ -14697,7 +14820,7 @@ var WfoAoStackStatus = () => {
 };
 
 // src/pages/settings/WfoSettingsPage.tsx
-import { Fragment as Fragment51, jsx as jsx213, jsxs as jsxs113 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx213, jsxs as jsxs114 } from "@emotion/react/jsx-runtime";
 var WfoSettingsTab = /* @__PURE__ */ ((WfoSettingsTab2) => {
   WfoSettingsTab2["ACTIONS"] = "ACTIONS";
   WfoSettingsTab2["ENV_SETTINGS"] = "ENV_SETTINGS";
@@ -14706,13 +14829,13 @@ var WfoSettingsTab = /* @__PURE__ */ ((WfoSettingsTab2) => {
 var WfoActionSettings = () => {
   const { theme } = useOrchestratorTheme();
   const { enableAoStackStatus } = useGetOrchestratorConfig();
-  return /* @__PURE__ */ jsx213(Fragment51, { children: /* @__PURE__ */ jsxs113("div", { css: { maxWidth: theme.base * 40 }, children: [
+  return /* @__PURE__ */ jsx213(Fragment51, { children: /* @__PURE__ */ jsxs114("div", { css: { maxWidth: theme.base * 40 }, children: [
     /* @__PURE__ */ jsx213(WfoFlushSettings, {}),
     /* @__PURE__ */ jsx213(EuiSpacer23, {}),
     /* @__PURE__ */ jsx213(WfoModifySettings, {}),
     /* @__PURE__ */ jsx213(EuiSpacer23, {}),
     /* @__PURE__ */ jsx213(WfoEngineStatus, {}),
-    enableAoStackStatus && /* @__PURE__ */ jsxs113(Fragment51, { children: [
+    enableAoStackStatus && /* @__PURE__ */ jsxs114(Fragment51, { children: [
       /* @__PURE__ */ jsx213(EuiSpacer23, {}),
       /* @__PURE__ */ jsx213(WfoAoStackStatus, {})
     ] }),
@@ -14730,8 +14853,8 @@ var WfoEnvSettings = () => {
   const renderEnvSettings = () => {
     return data && data.map(({ name, variables }) => {
       const showVariables = mapToRepresentableVariables(variables);
-      return /* @__PURE__ */ jsxs113(Fragment51, { children: [
-        /* @__PURE__ */ jsx213(EuiFlexItem23, { children: /* @__PURE__ */ jsxs113(EuiPanel6, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+      return /* @__PURE__ */ jsxs114(Fragment51, { children: [
+        /* @__PURE__ */ jsx213(EuiFlexItem23, { children: /* @__PURE__ */ jsxs114(EuiPanel6, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
           /* @__PURE__ */ jsx213(EuiText26, { size: "s", children: /* @__PURE__ */ jsx213("h2", { children: name.replace("_", " ").toUpperCase() }) }),
           /* @__PURE__ */ jsx213(EuiSpacer23, {}),
           /* @__PURE__ */ jsx213(
@@ -14751,7 +14874,7 @@ var WfoEnvSettings = () => {
     });
   };
   const emptyEnvSettings = () => {
-    return /* @__PURE__ */ jsx213(EuiFlexItem23, { children: /* @__PURE__ */ jsx213(EuiPanel6, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsx213(EuiText26, { size: "s", children: /* @__PURE__ */ jsxs113("h2", { children: [
+    return /* @__PURE__ */ jsx213(EuiFlexItem23, { children: /* @__PURE__ */ jsx213(EuiPanel6, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsx213(EuiText26, { size: "s", children: /* @__PURE__ */ jsxs114("h2", { children: [
       t("noSettingsExposed"),
       " ",
       /* @__PURE__ */ jsx213(
@@ -14786,7 +14909,7 @@ var WfoSettingsPage = () => {
     "activeTab",
     withDefault3(StringParam3, "ACTIONS" /* ACTIONS */)
   );
-  const selectedTabContent = useMemo6(() => {
+  const selectedTabContent = useMemo7(() => {
     return settingsTabs.find((obj) => obj.id === selectedTabId)?.content;
   }, [selectedTabId]);
   const onSelectedTabChanged = (id) => {
@@ -14804,7 +14927,7 @@ var WfoSettingsPage = () => {
       index
     ));
   };
-  return /* @__PURE__ */ jsxs113(Fragment51, { children: [
+  return /* @__PURE__ */ jsxs114(Fragment51, { children: [
     /* @__PURE__ */ jsx213(WfoContentHeader, { title: t("settings") }),
     /* @__PURE__ */ jsx213(EuiTabs3, { children: renderTabs() }),
     /* @__PURE__ */ jsx213(EuiSpacer23, { size: "xxl" }),
@@ -14827,7 +14950,7 @@ var useStartPageSummaryCardConfigurationOverride = () => {
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { Fragment as Fragment52, jsx as jsx214, jsxs as jsxs114 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx214, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
   const t = useTranslations64("main");
   const { overrideSummaryCards } = useStartPageSummaryCardConfigurationOverride();
@@ -14846,7 +14969,7 @@ var WfoStartPage = () => {
     /* @__PURE__ */ jsx214(WfoProductsSummaryCard, {}, "products")
   ];
   const summaryCards = overrideSummaryCards?.(defaultSummaryCards) || defaultSummaryCards;
-  return /* @__PURE__ */ jsxs114(Fragment52, { children: [
+  return /* @__PURE__ */ jsxs115(Fragment52, { children: [
     /* @__PURE__ */ jsx214(WfoContentHeader, { title: /* @__PURE__ */ jsx214(EuiPageHeader2, { pageTitle: `${t("welcome")} ${username}` }) }),
     /* @__PURE__ */ jsx214(WfoSummaryCards, { children: summaryCards })
   ] });
@@ -14878,7 +15001,7 @@ import { useEffect as useEffect26, useState as useState39 } from "react";
 import { useTranslations as useTranslations65 } from "next-intl";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
 import { EuiSpacer as EuiSpacer24 } from "@elastic/eui";
-import { Fragment as Fragment54, jsx as jsx216, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx216, jsxs as jsxs116 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   const t = useTranslations65("subscriptions.detail");
   const [tableDefaults, setTableDefaults] = useState39();
@@ -14909,7 +15032,7 @@ var WfoSubscriptionsListPage = () => {
     setDataDisplayParam("pageIndex", 0);
   };
   const alwaysOnFilters = subscriptionListTabs.find(({ id }) => id === activeTab)?.alwaysOnFilters;
-  return /* @__PURE__ */ jsxs115(Fragment54, { children: [
+  return /* @__PURE__ */ jsxs116(Fragment54, { children: [
     /* @__PURE__ */ jsx216(WfoContentHeader, { title: /* @__PURE__ */ jsx216(WfoTitleWithWebsocketBadge, { title: t("title") }) }),
     /* @__PURE__ */ jsx216(
       WfoFilterTabs,
@@ -14936,7 +15059,7 @@ var WfoSubscriptionsListPage = () => {
 // src/pages/tasks/WfoTasksListPage.tsx
 import { useContext as useContext10, useEffect as useEffect27, useState as useState40 } from "react";
 import { useTranslations as useTranslations66 } from "next-intl";
-import Link11 from "next/link";
+import Link12 from "next/link";
 import { useRouter as useRouter15 } from "next/router";
 import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
 import { EuiButton as EuiButton16, EuiSpacer as EuiSpacer25 } from "@elastic/eui";
@@ -15004,7 +15127,7 @@ var getTasksListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { Fragment as Fragment55, jsx as jsx217, jsxs as jsxs116 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx217, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   const router = useRouter15();
   const t = useTranslations66("tasks.page");
@@ -15055,7 +15178,7 @@ var WfoTasksListPage = () => {
     workflowName: {
       columnType: "data" /* DATA */,
       label: t("taskName"),
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx217(Link11, { href: `${PATH_TASKS}/${processId}`, children: value })
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx217(Link12, { href: `${PATH_TASKS}/${processId}`, children: value })
     },
     ...toSortedTableColumnConfig(defaultTableColumns, [
       "lastStep",
@@ -15073,8 +15196,8 @@ var WfoTasksListPage = () => {
       "lastModifiedAt"
     ])
   });
-  return /* @__PURE__ */ jsxs116(Fragment55, { children: [
-    /* @__PURE__ */ jsxs116(WfoContentHeader, { title: /* @__PURE__ */ jsx217(WfoTitleWithWebsocketBadge, { title: "Tasks" }), children: [
+  return /* @__PURE__ */ jsxs117(Fragment55, { children: [
+    /* @__PURE__ */ jsxs117(WfoContentHeader, { title: /* @__PURE__ */ jsx217(WfoTitleWithWebsocketBadge, { title: "Tasks" }), children: [
       /* @__PURE__ */ jsx217(WfoIsAllowedToRender, { resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */, children: /* @__PURE__ */ jsx217(
         EuiButton16,
         {
@@ -15179,7 +15302,7 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { Fragment as Fragment56, jsx as jsx218, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx218, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   const router = useRouter16();
   const t = useTranslations67("workflows.index");
@@ -15215,7 +15338,7 @@ var WfoWorkflowsListPage = () => {
     router.replace(PATH_WORKFLOWS);
     return null;
   }
-  return /* @__PURE__ */ jsxs117(Fragment56, { children: [
+  return /* @__PURE__ */ jsxs118(Fragment56, { children: [
     /* @__PURE__ */ jsx218(WfoContentHeader, { title: /* @__PURE__ */ jsx218(WfoTitleWithWebsocketBadge, { title: t("title") }) }),
     /* @__PURE__ */ jsx218(
       WfoFilterTabs,
@@ -15337,7 +15460,7 @@ var graphQlProcessFilterMapper = (data) => data?.map(({ field, value }) => ({
 }));
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { jsx as jsx219, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx219, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
 var WfoProcessesList = ({
   alwaysOnFilters,
   defaultHiddenColumns = [],
@@ -15355,7 +15478,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("workflowName"),
       width: "225px",
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx219(Link12, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx219(Link13, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
       renderTooltip: (value) => value
     },
     lastStep: {
@@ -15408,7 +15531,7 @@ var WfoProcessesList = ({
         }
       ),
       renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx219(WfoProcessListSubscriptionsCell, { subscriptions }),
-      renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */ jsxs118("p", { children: [
+      renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */ jsxs119("p", { children: [
         "- ",
         description
       ] }, subscriptionId)),
@@ -15582,7 +15705,7 @@ var getWfoFlushSettingsStyle = ({ theme }) => {
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { jsx as jsx221, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx221, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const { comboboxStyle } = useWithOrchestratorTheme(getWfoFlushSettingsStyle);
   const [clearCache] = useClearCacheMutation();
@@ -15608,7 +15731,7 @@ var WfoFlushSettings = () => {
       showToastMessage("ERROR" /* ERROR */, `Flush for cache key ${cacheKey} failed`, "Flush failed");
     });
   };
-  return /* @__PURE__ */ jsx221(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs119(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+  return /* @__PURE__ */ jsx221(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs120(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
     /* @__PURE__ */ jsx221(EuiText27, { size: "s", children: /* @__PURE__ */ jsx221("h4", { children: t("flushCacheSettingsTitle") }) }),
     /* @__PURE__ */ jsx221(EuiSpacer27, { size: "m" }),
     /* @__PURE__ */ jsx221(
@@ -15647,18 +15770,18 @@ var WfoEngineStatusButton = () => {
 // src/components/WfoSettings/WfoModifySettings.tsx
 import { useTranslations as useTranslations71 } from "next-intl";
 import { EuiFlexItem as EuiFlexItem24, EuiPanel as EuiPanel8, EuiSpacer as EuiSpacer28, EuiText as EuiText28 } from "@elastic/eui";
-import { jsx as jsx223, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx223, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
   const t = useTranslations71("settings.page");
-  return /* @__PURE__ */ jsxs120(EuiFlexItem24, { children: [
-    /* @__PURE__ */ jsxs120(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+  return /* @__PURE__ */ jsxs121(EuiFlexItem24, { children: [
+    /* @__PURE__ */ jsxs121(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
       /* @__PURE__ */ jsx223(EuiText28, { size: "s", children: /* @__PURE__ */ jsx223("h4", { children: t("resetTextSearchIndex") }) }),
       /* @__PURE__ */ jsx223(EuiSpacer28, { size: "m" }),
       /* @__PURE__ */ jsx223(WfoResetTextSearchIndexButton, {})
     ] }),
-    /* @__PURE__ */ jsxs120(WfoIsAllowedToRender, { resource: "/orchestrator/settings/start-stop-engine" /* SETTINGS_START_STOP_ENGINE */, children: [
+    /* @__PURE__ */ jsxs121(WfoIsAllowedToRender, { resource: "/orchestrator/settings/start-stop-engine" /* SETTINGS_START_STOP_ENGINE */, children: [
       /* @__PURE__ */ jsx223(EuiSpacer28, {}),
-      /* @__PURE__ */ jsxs120(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+      /* @__PURE__ */ jsxs121(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
         /* @__PURE__ */ jsx223(EuiText28, { size: "s", children: /* @__PURE__ */ jsx223("h4", { children: t("modifyEngine") }) }),
         /* @__PURE__ */ jsx223(EuiSpacer28, { size: "m" }),
         /* @__PURE__ */ jsx223(WfoEngineStatusButton, {})
@@ -15670,20 +15793,20 @@ var WfoModifySettings = () => {
 // src/components/WfoSettings/WfoEngineStatus.tsx
 import { useTranslations as useTranslations72 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup28, EuiFlexItem as EuiFlexItem25, EuiPanel as EuiPanel9, EuiText as EuiText29 } from "@elastic/eui";
-import { jsx as jsx224, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx224, jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatus = () => {
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
   const t = useTranslations72("settings.page");
-  return /* @__PURE__ */ jsx224(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs121(EuiFlexGroup28, { direction: "column", gutterSize: "s", children: [
+  return /* @__PURE__ */ jsx224(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs122(EuiFlexGroup28, { direction: "column", gutterSize: "s", children: [
     /* @__PURE__ */ jsx224(EuiFlexItem25, { children: /* @__PURE__ */ jsx224(EuiText29, { size: "s", children: /* @__PURE__ */ jsx224("h4", { children: t("engineStatusTitle") }) }) }),
-    /* @__PURE__ */ jsxs121(EuiFlexItem25, { css: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxs122(EuiFlexItem25, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx224(EuiText29, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
       /* @__PURE__ */ jsx224(EuiText29, { size: "s", children: runningProcesses || "-" })
     ] }),
-    /* @__PURE__ */ jsxs121(EuiFlexItem25, { css: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxs122(EuiFlexItem25, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx224(EuiText29, { size: "s", style: { minWidth: 190 }, children: t("status") }),
       /* @__PURE__ */ jsx224(WfoStatusDotIcon, { color: isRunning ? theme.colors.success : theme.colors.warning }),
       /* @__PURE__ */ jsx224(EuiText29, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx224("p", { children: engineStatus }) })
@@ -15694,22 +15817,22 @@ var WfoEngineStatus = () => {
 // src/components/WfoSettings/WfoWorkerStatus.tsx
 import { useTranslations as useTranslations73 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup29, EuiFlexItem as EuiFlexItem26, EuiPanel as EuiPanel10, EuiText as EuiText30 } from "@elastic/eui";
-import { jsx as jsx225, jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx225, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
 var WfoWorkerStatus = () => {
   const { data } = useGetWorkerStatusQuery();
   const { executorType, numberOfQueuedJobs, numberOfRunningJobs, numberOfWorkersOnline } = data || {};
   const t = useTranslations73("settings.page");
-  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx225(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs122(EuiFlexGroup29, { direction: "column", gutterSize: "s", children: [
+  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx225(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs123(EuiFlexGroup29, { direction: "column", gutterSize: "s", children: [
     /* @__PURE__ */ jsx225(EuiFlexItem26, { children: /* @__PURE__ */ jsx225(EuiText30, { size: "s", children: /* @__PURE__ */ jsx225("h4", { children: t("workerStatusTitle") }) }) }),
-    /* @__PURE__ */ jsxs122(EuiFlexItem26, { css: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxs123(EuiFlexItem26, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx225(EuiText30, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
       /* @__PURE__ */ jsx225(EuiText30, { size: "s", children: numberOfQueuedJobs || "-" })
     ] }),
-    /* @__PURE__ */ jsxs122(EuiFlexItem26, { css: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxs123(EuiFlexItem26, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx225(EuiText30, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
       /* @__PURE__ */ jsx225(EuiText30, { size: "s", children: numberOfRunningJobs || "-" })
     ] }),
-    /* @__PURE__ */ jsxs122(EuiFlexItem26, { css: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxs123(EuiFlexItem26, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx225(EuiText30, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
       /* @__PURE__ */ jsx225(EuiText30, { size: "s", children: numberOfWorkersOnline || "-" })
     ] })
@@ -15734,9 +15857,9 @@ var WfoInsyncIcon = ({ inSync }) => {
 };
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
-import React72 from "react";
-import { jsx as jsx228, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
-var WfoErrorBoundary = class extends React72.Component {
+import React73 from "react";
+import { jsx as jsx228, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
+var WfoErrorBoundary = class extends React73.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -15752,7 +15875,7 @@ var WfoErrorBoundary = class extends React72.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ jsxs123("p", { children: [
+      return /* @__PURE__ */ jsxs124("p", { children: [
         "An unexpected error occurred, try to go back to the ",
         /* @__PURE__ */ jsx228("a", { href: "/", children: "home page" })
       ] });
@@ -15786,10 +15909,10 @@ var getStyles13 = ({ theme }) => {
 };
 
 // src/components/WfoNoResults/WfoNoResults.tsx
-import { jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
+import { jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
 var WfoNoResults = ({ text, icon }) => {
   const { panelStyle } = useWithOrchestratorTheme(getStyles13);
-  return /* @__PURE__ */ jsxs124(EuiFlexGroup30, { css: panelStyle, children: [
+  return /* @__PURE__ */ jsxs125(EuiFlexGroup30, { css: panelStyle, children: [
     icon,
     " ",
     text
@@ -15917,7 +16040,7 @@ var subscriptionListTabs = [
 
 // src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
 import { useTranslations as useTranslations76 } from "next-intl";
-import Link13 from "next/link";
+import Link14 from "next/link";
 import { useRouter as useRouter19 } from "next/router";
 import { jsx as jsx231 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsList = ({
@@ -15958,7 +16081,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("description"),
       width: "500px",
-      renderData: (value, record) => /* @__PURE__ */ jsx231(Link13, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
+      renderData: (value, record) => /* @__PURE__ */ jsx231(Link14, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
       renderTooltip: (value) => value
     },
     status: {
@@ -16134,7 +16257,7 @@ var getWfoSummaryCardHeaderStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
-import { jsx as jsx232, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx232, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardHeader = ({
   text,
   value,
@@ -16144,7 +16267,7 @@ var WfoSummaryCardHeader = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { avatarStyle, totalSectionStyle, valueStyle } = useWithOrchestratorTheme(getWfoSummaryCardHeaderStyles);
-  return /* @__PURE__ */ jsx232(EuiFlexItem27, { grow: 0, children: /* @__PURE__ */ jsx232(EuiPanel11, { hasShadow: false, css: { backgroundColor: theme.colors.backgroundBaseSubdued }, paddingSize: "l", children: /* @__PURE__ */ jsxs125(EuiFlexGroup31, { alignItems: "center", children: [
+  return /* @__PURE__ */ jsx232(EuiFlexItem27, { grow: 0, children: /* @__PURE__ */ jsx232(EuiPanel11, { hasShadow: false, css: { backgroundColor: theme.colors.backgroundBaseSubdued }, paddingSize: "l", children: /* @__PURE__ */ jsxs126(EuiFlexGroup31, { alignItems: "center", children: [
     /* @__PURE__ */ jsx232(
       EuiAvatar,
       {
@@ -16158,9 +16281,9 @@ var WfoSummaryCardHeader = ({
         color: iconColor
       }
     ),
-    /* @__PURE__ */ jsxs125("div", { css: totalSectionStyle, children: [
+    /* @__PURE__ */ jsxs126("div", { css: totalSectionStyle, children: [
       /* @__PURE__ */ jsx232(EuiText31, { color: "subdued", children: text }),
-      /* @__PURE__ */ jsxs125(EuiFlexGroup31, { gutterSize: "s", alignItems: "center", children: [
+      /* @__PURE__ */ jsxs126(EuiFlexGroup31, { gutterSize: "s", alignItems: "center", children: [
         /* @__PURE__ */ jsx232(EuiText31, { css: valueStyle, children: value }),
         isFetching && /* @__PURE__ */ jsx232(EuiLoadingSpinner2, {})
       ] })
@@ -16184,13 +16307,13 @@ import {
 import { EuiFlexGroup as EuiFlexGroup32, EuiFlexItem as EuiFlexItem28, EuiIcon as EuiIcon4, EuiTextColor } from "@elastic/eui";
 
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
-import Link14 from "next/link";
+import Link15 from "next/link";
 import { jsx as jsx233 } from "@emotion/react/jsx-runtime";
 var WfoOptionalLink = ({ children, href }) => {
   if (!href) {
     return /* @__PURE__ */ jsx233("span", { children });
   }
-  return /* @__PURE__ */ jsx233(Link14, { href, children });
+  return /* @__PURE__ */ jsx233(Link15, { href, children });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
@@ -16241,12 +16364,12 @@ var getWfoSummaryCardListStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { jsx as jsx234, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx234, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardListItem = ({ title, value, url }) => {
   const { theme } = useOrchestratorTheme();
   const { listItemContainerStyle, listItemTitleStyle, listItemSubtitleStyle, listItemHighlightIconStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx234(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs126(EuiFlexGroup32, { css: listItemContainerStyle, gutterSize: "none", children: [
-    /* @__PURE__ */ jsxs126(EuiFlexItem28, { children: [
+  return /* @__PURE__ */ jsx234(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs127(EuiFlexGroup32, { css: listItemContainerStyle, gutterSize: "none", children: [
+    /* @__PURE__ */ jsxs127(EuiFlexItem28, { children: [
       /* @__PURE__ */ jsx234(EuiTextColor, { color: url ? theme.colors.link : theme.colors.textHeading, css: listItemTitleStyle, children: title }),
       /* @__PURE__ */ jsx234(EuiTextColor, { css: listItemSubtitleStyle, children: value })
     ] }),
@@ -16255,16 +16378,16 @@ var WfoSummaryCardListItem = ({ title, value, url }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { jsx as jsx235, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx235, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardList = ({ title, items, button, isLoading = false }) => {
   const router = useRouter20();
   const euiScrollBarStyle = useEuiScrollBar3();
   const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx235(EuiFlexItem29, { children: /* @__PURE__ */ jsxs127(EuiPanel12, { css: listContainerStyle, hasShadow: false, hasBorder: true, paddingSize: "l", children: [
-    /* @__PURE__ */ jsxs127("div", { children: [
+  return /* @__PURE__ */ jsx235(EuiFlexItem29, { children: /* @__PURE__ */ jsxs128(EuiPanel12, { css: listContainerStyle, hasShadow: false, hasBorder: true, paddingSize: "l", children: [
+    /* @__PURE__ */ jsxs128("div", { children: [
       /* @__PURE__ */ jsx235("p", { css: listHeaderStyle, children: title }),
       /* @__PURE__ */ jsx235(EuiSpacer29, { size: "m" }),
-      /* @__PURE__ */ jsx235(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx235("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs127("div", { children: [
+      /* @__PURE__ */ jsx235(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx235("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs128("div", { children: [
         /* @__PURE__ */ jsx235(WfoSummaryCardListItem, { title: item.title, value: item.value, url: item.url }),
         index === items.length - 1 ? null : /* @__PURE__ */ jsx235(EuiHorizontalRule8, { margin: "none" })
       ] }, index)) }) })
@@ -16298,7 +16421,7 @@ var getWfoSummaryCardsStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCard.tsx
-import { jsx as jsx237, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx237, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
 var SummaryCardStatus = /* @__PURE__ */ ((SummaryCardStatus2) => {
   SummaryCardStatus2["Success"] = "Success";
   SummaryCardStatus2["Error"] = "Error";
@@ -16342,7 +16465,7 @@ var WfoSummaryCard = ({
         };
     }
   };
-  return /* @__PURE__ */ jsxs128(EuiFlexItem30, { css: cardContainerStyle, children: [
+  return /* @__PURE__ */ jsxs129(EuiFlexItem30, { css: cardContainerStyle, children: [
     /* @__PURE__ */ jsx237(
       WfoSummaryCardHeader,
       {
@@ -16602,7 +16725,7 @@ var WfoMyWorkflowsSummaryCard = ({ username }) => {
 
 // src/components/WfoSummary/WfoProductsSummaryCard.tsx
 import { useTranslations as useTranslations82 } from "next-intl";
-import { jsx as jsx243, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx243, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
 var WfoProductsSummaryCard = () => {
   const t = useTranslations82("startPage.products");
   const {
@@ -16614,7 +16737,7 @@ var WfoProductsSummaryCard = () => {
     (left, right) => (right.subscriptions.pageInfo.totalItems ?? 0) - (left.subscriptions.pageInfo.totalItems ?? 0)
   ).map((product) => ({
     title: "",
-    value: /* @__PURE__ */ jsxs129(
+    value: /* @__PURE__ */ jsxs130(
       "div",
       {
         css: {
@@ -16644,13 +16767,13 @@ var WfoProductsSummaryCard = () => {
 
 // src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx
 import { EuiPageHeader as EuiPageHeader3 } from "@elastic/eui";
-import { Fragment as Fragment58, jsx as jsx244, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
-var WfoTitleWithWebsocketBadge = ({ title }) => {
+import { Fragment as Fragment58, jsx as jsx244, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
+var WfoTitleWithWebsocketBadge = ({ title, wsUrl = void 0 }) => {
   const { useWebSockets } = useGetOrchestratorConfig();
-  const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs130(Fragment58, { children: [
+  const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs131(Fragment58, { children: [
     title,
     " ",
-    /* @__PURE__ */ jsx244(WfoWebsocketStatusBadge, {})
+    /* @__PURE__ */ jsx244(WfoWebsocketStatusBadge, { wsUrl })
   ] }) : title;
   return /* @__PURE__ */ jsx244(EuiPageHeader3, { pageTitle });
 };
@@ -16959,14 +17082,14 @@ var useSearch = (query, entityType, filterGroup, limit, retriever = "auto" /* Au
 };
 
 // src/hooks/useSearchPagination.ts
-import { useCallback as useCallback12, useState as useState46 } from "react";
+import { useCallback as useCallback13, useState as useState46 } from "react";
 var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageSize, results, setResults, retriever) => {
   const [currentPage, setCurrentPage] = useState46(1);
   const [pageHistory, setPageHistory] = useState46([]);
   const [error, setError] = useState46(null);
   const [isLoadingMore, setIsLoadingMore] = useState46(false);
   const [triggerSearchPagination] = useSearchWithPaginationMutation();
-  const handleNextPage = useCallback12(
+  const handleNextPage = useCallback13(
     async (nextPageCursor) => {
       if (!nextPageCursor || isLoadingMore) return;
       setIsLoadingMore(true);
@@ -17025,7 +17148,7 @@ var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageS
       triggerSearchPagination
     ]
   );
-  const handlePrevPage = useCallback12(() => {
+  const handlePrevPage = useCallback13(() => {
     const previousPage = pageHistory.find((p) => p.page === currentPage - 1);
     if (previousPage) {
       setResults({
@@ -17040,7 +17163,7 @@ var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageS
       setPageHistory((prev) => prev.filter((p) => p.page < currentPage));
     }
   }, [currentPage, pageHistory, results.search_metadata, setResults]);
-  const resetPagination = useCallback12(() => {
+  const resetPagination = useCallback13(() => {
     setCurrentPage(1);
     setPageHistory([]);
   }, []);
@@ -17057,7 +17180,7 @@ var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageS
 };
 
 // src/hooks/useUrlParams.ts
-import { useCallback as useCallback13, useEffect as useEffect31, useState as useState47 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect31, useState as useState47 } from "react";
 
 // src/components/WfoSearchPage/constants.ts
 var DEFAULT_PAGE_SIZE2 = 5;
@@ -17096,7 +17219,7 @@ var useUrlParams = () => {
   const [selectedRecordId, setSelectedRecordId] = useState47(() => {
     return urlParams.get("id") || null;
   });
-  const updateUrl = useCallback13(() => {
+  const updateUrl = useCallback14(() => {
     const newParams = new URLSearchParams();
     const queryText = typeof query === "string" ? query : query.text || "";
     if (queryText && queryText !== "*") {
@@ -17137,7 +17260,7 @@ var useUrlParams = () => {
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { Fragment as Fragment59, jsx as jsx249, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment59, jsx as jsx249, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
 var WfoSearch = () => {
   const t = useTranslations83("search.page");
   const searchAvailability = useSearchAvailability();
@@ -17255,7 +17378,7 @@ var WfoSearch = () => {
     resetPagination();
   }, [debouncedQuery, selectedEntityTab, filterGroup, resetPagination]);
   const { RESULTS_GROW, DETAIL_GROW } = LAYOUT_RATIOS;
-  return /* @__PURE__ */ jsxs131(WfoAvailabilityCheck, { featureType: "search", availability: searchAvailability, children: [
+  return /* @__PURE__ */ jsxs132(WfoAvailabilityCheck, { featureType: "search", availability: searchAvailability, children: [
     /* @__PURE__ */ jsx249(EuiTabs4, { children: ENTITY_TABS.map((tab) => /* @__PURE__ */ jsx249(EuiTab4, { onClick: () => handleTabChange(tab.id), isSelected: selectedEntityTab === tab.id, children: tab.label }, tab.id)) }),
     /* @__PURE__ */ jsx249(EuiSpacer31, { size: "m" }),
     /* @__PURE__ */ jsx249(
@@ -17276,7 +17399,7 @@ var WfoSearch = () => {
       }
     ),
     /* @__PURE__ */ jsx249(EuiSpacer31, { size: "s" }),
-    /* @__PURE__ */ jsxs131(EuiFlexGroup34, { gutterSize: "s", alignItems: "center", children: [
+    /* @__PURE__ */ jsxs132(EuiFlexGroup34, { gutterSize: "s", alignItems: "center", children: [
       /* @__PURE__ */ jsx249(EuiFlexItem32, { grow: false, children: /* @__PURE__ */ jsx249(EuiButton21, { iconType: showFilters ? "eyeClosed" : "eye", size: "s", onClick: () => setShowFilters(!showFilters), children: showFilters ? t("hideFilters") : t("showFilters") }) }),
       /* @__PURE__ */ jsx249(EuiFlexItem32, { grow: true }),
       /* @__PURE__ */ jsx249(EuiFlexItem32, { grow: false, children: /* @__PURE__ */ jsx249(
@@ -17307,25 +17430,25 @@ var WfoSearch = () => {
         }
       ) })
     ] }),
-    showFilters && /* @__PURE__ */ jsxs131(Fragment59, { children: [
+    showFilters && /* @__PURE__ */ jsxs132(Fragment59, { children: [
       /* @__PURE__ */ jsx249(EuiSpacer31, { size: "m" }),
-      /* @__PURE__ */ jsxs131(EuiPanel13, { hasBorder: true, paddingSize: "m", children: [
+      /* @__PURE__ */ jsxs132(EuiPanel13, { hasBorder: true, paddingSize: "m", children: [
         /* @__PURE__ */ jsx249(EuiText32, { children: /* @__PURE__ */ jsx249("h4", { children: t("structuredFilters") }) }),
         /* @__PURE__ */ jsx249(EuiSpacer31, { size: "s" }),
         /* @__PURE__ */ jsx249(FilterGroup, { group: filterGroup, entityType: selectedEntityTab, onChange: setFilterGroup, isRoot: true })
       ] })
     ] }),
     /* @__PURE__ */ jsx249(EuiSpacer31, { size: "m" }),
-    error && /* @__PURE__ */ jsxs131(Fragment59, { children: [
-      /* @__PURE__ */ jsxs131(EuiCallOut4, { title: t("searchError"), color: "danger", iconType: "alert", size: "s", children: [
+    error && /* @__PURE__ */ jsxs132(Fragment59, { children: [
+      /* @__PURE__ */ jsxs132(EuiCallOut4, { title: t("searchError"), color: "danger", iconType: "alert", size: "s", children: [
         /* @__PURE__ */ jsx249("p", { children: error }),
         /* @__PURE__ */ jsx249(EuiButton21, { size: "s", color: "danger", onClick: () => setError(null), children: t("dismiss") })
       ] }),
       /* @__PURE__ */ jsx249(EuiSpacer31, { size: "m" })
     ] }),
-    shouldShowNoResults && /* @__PURE__ */ jsxs131(Fragment59, { children: [
+    shouldShowNoResults && /* @__PURE__ */ jsxs132(Fragment59, { children: [
       /* @__PURE__ */ jsx249(EuiSpacer31, { size: "l" }),
-      /* @__PURE__ */ jsxs131(EuiCallOut4, { title: t("noResults"), color: "primary", iconType: "search", size: "m", children: [
+      /* @__PURE__ */ jsxs132(EuiCallOut4, { title: t("noResults"), color: "primary", iconType: "search", size: "m", children: [
         /* @__PURE__ */ jsx249("p", { children: t("noResultsMessage", {
           entityType: currentTab?.label.toLowerCase()
         }) }),
@@ -17334,10 +17457,10 @@ var WfoSearch = () => {
       ] }),
       /* @__PURE__ */ jsx249(EuiSpacer31, { size: "l" })
     ] }),
-    isSearchActive && /* @__PURE__ */ jsxs131(Fragment59, { children: [
+    isSearchActive && /* @__PURE__ */ jsxs132(Fragment59, { children: [
       /* @__PURE__ */ jsx249(EuiSpacer31, { size: "m" }),
-      /* @__PURE__ */ jsxs131(EuiFlexGroup34, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx249(EuiFlexItem32, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs131(
+      /* @__PURE__ */ jsxs132(EuiFlexGroup34, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx249(EuiFlexItem32, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs132(
           EuiFlexGroup34,
           {
             gutterSize: "s",
@@ -17366,7 +17489,7 @@ var WfoSearch = () => {
         showDetailPanel && /* @__PURE__ */ jsx249(EuiFlexItem32, { grow: DETAIL_GROW })
       ] }),
       /* @__PURE__ */ jsx249(EuiSpacer31, { size: "s" }),
-      /* @__PURE__ */ jsxs131(EuiFlexGroup34, { gutterSize: "s", alignItems: "flexStart", children: [
+      /* @__PURE__ */ jsxs132(EuiFlexGroup34, { gutterSize: "s", alignItems: "flexStart", children: [
         /* @__PURE__ */ jsx249(EuiFlexItem32, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx249(EuiPanel13, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx249(
           WfoSearchResults,
           {
@@ -17417,7 +17540,7 @@ import { useTranslations as useTranslations86 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon15, EuiFlexGroup as EuiFlexGroup38, EuiFlexItem as EuiFlexItem36, EuiPanel as EuiPanel16, EuiSpacer as EuiSpacer32, EuiText as EuiText35 } from "@elastic/eui";
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoHighlightedText.tsx
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo8 } from "react";
 import { css as css43 } from "@emotion/react";
 import { Fragment as Fragment60, jsx as jsx252 } from "@emotion/react/jsx-runtime";
 var WfoHighlightedText = ({ text, highlight_indices }) => {
@@ -17430,7 +17553,7 @@ var WfoHighlightedText = ({ text, highlight_indices }) => {
     font-weight: ${theme.font.weight.bold};
     border-radius: ${theme.size.xs};
   `;
-  const highlightedParts = useMemo7(() => {
+  const highlightedParts = useMemo8(() => {
     if (!highlight_indices || highlight_indices.length === 0) {
       return text;
     }
@@ -17457,7 +17580,7 @@ var WfoHighlightedText = ({ text, highlight_indices }) => {
 // src/components/WfoSearchPage/WfoSearchResults/WfoPathBreadcrumb.tsx
 import { Fragment as Fragment61 } from "react";
 import { EuiFlexGroup as EuiFlexGroup37, EuiFlexItem as EuiFlexItem35, EuiIcon as EuiIcon5 } from "@elastic/eui";
-import { jsx as jsx253, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx253, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
 var WfoPathBreadcrumb = ({
   path,
   size = "m",
@@ -17476,14 +17599,14 @@ var WfoPathBreadcrumb = ({
   }
   const displaySegments = maxSegments && segments.length > maxSegments ? [...segments.slice(0, maxSegments - 1), "...", segments[segments.length - 1]] : segments;
   const badgeColor = color || theme.colors.primary;
-  return /* @__PURE__ */ jsx253(EuiFlexGroup37, { gutterSize: size, alignItems: "center", wrap: false, responsive: false, children: displaySegments.map((segment, index) => /* @__PURE__ */ jsxs132(Fragment61, { children: [
+  return /* @__PURE__ */ jsx253(EuiFlexGroup37, { gutterSize: size, alignItems: "center", wrap: false, responsive: false, children: displaySegments.map((segment, index) => /* @__PURE__ */ jsxs133(Fragment61, { children: [
     /* @__PURE__ */ jsx253(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsx253(WfoBadge, { color: badgeColor, textColor: theme.colors.textGhost, size, children: segment }) }),
     showArrows && index < displaySegments.length - 1 && /* @__PURE__ */ jsx253(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsx253(EuiIcon5, { type: "arrowRight", size, color: theme.colors.link }) })
   ] }, index)) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
-import { Fragment as Fragment62, jsx as jsx254, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx254, jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
 var WfoSearchResultItem = ({
   result,
   isSelected = false,
@@ -17519,8 +17642,8 @@ var WfoSearchResultItem = ({
         borderRight: "none",
         borderColor: theme.colors.primary
       } : void 0,
-      children: /* @__PURE__ */ jsxs133(EuiFlexGroup38, { alignItems: "flexStart", gutterSize: "m", children: [
-        /* @__PURE__ */ jsx254(EuiFlexItem36, { children: /* @__PURE__ */ jsxs133(EuiFlexGroup38, { direction: "column", gutterSize: "xs", children: [
+      children: /* @__PURE__ */ jsxs134(EuiFlexGroup38, { alignItems: "flexStart", gutterSize: "m", children: [
+        /* @__PURE__ */ jsx254(EuiFlexItem36, { children: /* @__PURE__ */ jsxs134(EuiFlexGroup38, { direction: "column", gutterSize: "xs", children: [
           /* @__PURE__ */ jsx254(EuiFlexItem36, { children: /* @__PURE__ */ jsx254(
             EuiText35,
             {
@@ -17531,7 +17654,7 @@ var WfoSearchResultItem = ({
               children: result.entity_title
             }
           ) }),
-          matchingField && /* @__PURE__ */ jsxs133(Fragment62, { children: [
+          matchingField && /* @__PURE__ */ jsxs134(Fragment62, { children: [
             matchingField.path && /* @__PURE__ */ jsx254(EuiFlexItem36, { children: /* @__PURE__ */ jsx254(
               WfoPathBreadcrumb,
               {
@@ -17561,7 +17684,7 @@ var WfoSearchResultItem = ({
             /* @__PURE__ */ jsx254(EuiSpacer32, { size: "xs" })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx254(EuiFlexItem36, { grow: false, children: /* @__PURE__ */ jsxs133(EuiFlexGroup38, { direction: "column", alignItems: "flexEnd", gutterSize: "xs", children: [
+        /* @__PURE__ */ jsx254(EuiFlexItem36, { grow: false, children: /* @__PURE__ */ jsxs134(EuiFlexGroup38, { direction: "column", alignItems: "flexEnd", gutterSize: "xs", children: [
           /* @__PURE__ */ jsx254(EuiFlexItem36, { children: /* @__PURE__ */ jsx254(WfoBadge, { color: theme.colors.primary, textColor: theme.colors.textGhost, children: "score" in result && result.score ? result.score.toFixed(4) : "N/A" }) }),
           /* @__PURE__ */ jsx254(EuiFlexItem36, { children: /* @__PURE__ */ jsx254(
             EuiButtonIcon15,
@@ -17620,7 +17743,7 @@ var WfoSearchMetadataHeader = ({ search_metadata }) => {
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchPaginationInfo.tsx
 import { useTranslations as useTranslations87 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon16, EuiFlexGroup as EuiFlexGroup40, EuiFlexItem as EuiFlexItem37, EuiText as EuiText36 } from "@elastic/eui";
-import { jsx as jsx257, jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx257, jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
 var WfoSearchPaginationInfo = ({
   has_next_page,
   next_page_cursor,
@@ -17640,7 +17763,7 @@ var WfoSearchPaginationInfo = ({
     if (!isLoading && onPrevPage) onPrevPage();
   };
   if (!has_next_page && !hasPrevPage) return null;
-  return /* @__PURE__ */ jsxs134(
+  return /* @__PURE__ */ jsxs135(
     EuiFlexGroup40,
     {
       justifyContent: "flexEnd",
@@ -17667,7 +17790,7 @@ var WfoSearchPaginationInfo = ({
             size: "s"
           }
         ) }),
-        /* @__PURE__ */ jsx257(EuiFlexItem37, { grow: false, children: /* @__PURE__ */ jsxs134(EuiText36, { size: "xs", color: theme.colors.textSubdued, children: [
+        /* @__PURE__ */ jsx257(EuiFlexItem37, { grow: false, children: /* @__PURE__ */ jsxs135(EuiText36, { size: "xs", color: theme.colors.textSubdued, children: [
           t("page"),
           " ",
           currentPage
@@ -17817,7 +17940,7 @@ import {
   EuiIcon as EuiIcon6,
   EuiText as EuiText37
 } from "@elastic/eui";
-import { Fragment as Fragment63, jsx as jsx258, jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment63, jsx as jsx258, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
 var ValueControl = ({ pathInfo, operator, value, onChange }) => {
   const t = useTranslations88("search.page");
   const { theme } = useOrchestratorTheme();
@@ -17838,7 +17961,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
       };
       const currentValue = String(value || "");
       const hasWildcards = currentValue.includes("%") || currentValue.includes("_");
-      return /* @__PURE__ */ jsxs135(Fragment63, { children: [
+      return /* @__PURE__ */ jsxs136(Fragment63, { children: [
         /* @__PURE__ */ jsx258(
           EuiFieldText2,
           {
@@ -17854,14 +17977,14 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
             prepend: /* @__PURE__ */ jsx258(EuiIcon6, { type: "search" })
           }
         ),
-        /* @__PURE__ */ jsx258(EuiFormHelpText, { children: hasWildcards ? /* @__PURE__ */ jsxs135("span", { children: [
+        /* @__PURE__ */ jsx258(EuiFormHelpText, { children: hasWildcards ? /* @__PURE__ */ jsxs136("span", { children: [
           /* @__PURE__ */ jsx258(EuiIcon6, { type: "checkInCircleFilled", color: "success", size: "s" }),
           " Pattern with wildcards:",
           " ",
           /* @__PURE__ */ jsx258("strong", { children: currentValue })
-        ] }) : /* @__PURE__ */ jsxs135("span", { children: [
+        ] }) : /* @__PURE__ */ jsxs136("span", { children: [
           "Will search for: ",
-          /* @__PURE__ */ jsxs135("strong", { children: [
+          /* @__PURE__ */ jsxs136("strong", { children: [
             "%",
             currentValue || "your-text",
             "%"
@@ -17899,7 +18022,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
   if (pathInfo.type === "number") {
     if (operator === "between") {
       const betweenValue = value || { start: "", end: "" };
-      return /* @__PURE__ */ jsxs135(EuiFlexGroup41, { gutterSize: "s", alignItems: "center", children: [
+      return /* @__PURE__ */ jsxs136(EuiFlexGroup41, { gutterSize: "s", alignItems: "center", children: [
         /* @__PURE__ */ jsx258(EuiFlexItem38, { children: /* @__PURE__ */ jsx258(
           EuiFieldNumber2,
           {
@@ -17937,7 +18060,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
   if (pathInfo.type === "datetime") {
     if (operator === "between") {
       const betweenValue = value || { start: null, end: null };
-      return /* @__PURE__ */ jsxs135(EuiFlexGroup41, { gutterSize: "s", alignItems: "center", children: [
+      return /* @__PURE__ */ jsxs136(EuiFlexGroup41, { gutterSize: "s", alignItems: "center", children: [
         /* @__PURE__ */ jsx258(EuiFlexItem38, { children: /* @__PURE__ */ jsx258(
           EuiDatePicker2,
           {
@@ -18023,14 +18146,14 @@ var WfoFieldSelector = ({
 // src/components/WfoSearchPage/WfoConditionRow/WfoOperatorSelector.tsx
 import { useTranslations as useTranslations90 } from "next-intl";
 import { EuiButton as EuiButton22, EuiFlexGroup as EuiFlexGroup42, EuiFlexItem as EuiFlexItem39, EuiFormRow as EuiFormRow7, EuiText as EuiText38 } from "@elastic/eui";
-import { jsx as jsx260, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx260, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
 var WfoOperatorSelector = ({ selectedPathInfo, condition, onOperatorChange }) => {
   const t = useTranslations90("search.page");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx260(EuiFormRow7, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs136(EuiFlexGroup42, { gutterSize: "xs", wrap: true, children: [
+  return /* @__PURE__ */ jsx260(EuiFormRow7, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs137(EuiFlexGroup42, { gutterSize: "xs", wrap: true, children: [
     selectedPathInfo?.operators?.map((operator) => {
       const { symbol, description } = getOperatorDisplay(operator, selectedPathInfo);
-      const tooltipContent = operator === "like" ? /* @__PURE__ */ jsxs136("div", { children: [
+      const tooltipContent = operator === "like" ? /* @__PURE__ */ jsxs137("div", { children: [
         /* @__PURE__ */ jsx260("strong", { children: description }),
         /* @__PURE__ */ jsx260("br", {}),
         /* @__PURE__ */ jsx260("br", {}),
@@ -18081,11 +18204,11 @@ var WfoOperatorSelector = ({ selectedPathInfo, condition, onOperatorChange }) =>
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoPathChips.tsx
 import { EuiIcon as EuiIcon7 } from "@elastic/eui";
-import { jsx as jsx261, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx261, jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
 var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
   const { theme } = useOrchestratorTheme();
   if (isAnyPath) {
-    return /* @__PURE__ */ jsx261(WfoToolTip, { tooltipContent: label, children: /* @__PURE__ */ jsxs137(
+    return /* @__PURE__ */ jsx261(WfoToolTip, { tooltipContent: label, children: /* @__PURE__ */ jsxs138(
       "div",
       {
         style: {
@@ -18144,7 +18267,7 @@ var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
   const completePath = fullPath || label;
   const allSegments = completePath.split(".").filter((segment) => segment && !segment.match(/^\d+$/) && !segment.includes("("));
   const pathSegments = allSegments.slice(-2);
-  return /* @__PURE__ */ jsx261(WfoToolTip, { tooltipContent: completePath, children: /* @__PURE__ */ jsxs137(
+  return /* @__PURE__ */ jsx261(WfoToolTip, { tooltipContent: completePath, children: /* @__PURE__ */ jsxs138(
     "div",
     {
       style: {
@@ -18272,15 +18395,15 @@ var WfoPathSelector = ({
 // src/components/WfoSearchPage/WfoConditionRow/WfoRenderFunctions.tsx
 import { useTranslations as useTranslations92 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup43, EuiFlexItem as EuiFlexItem40, EuiText as EuiText39 } from "@elastic/eui";
-import { Fragment as Fragment64, jsx as jsx263, jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment64, jsx as jsx263, jsxs as jsxs139 } from "@emotion/react/jsx-runtime";
 var WfoRenderPathOption = ({ option, contentClassName, paths }) => {
   const t = useTranslations92("search.page");
   const { theme } = useOrchestratorTheme();
   const pathInfo = option.value ? paths.find(({ path }) => path === option.value) : null;
   if (!pathInfo) return /* @__PURE__ */ jsx263(Fragment64, { children: option.label });
-  return /* @__PURE__ */ jsxs138(EuiFlexGroup43, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
+  return /* @__PURE__ */ jsxs139(EuiFlexGroup43, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
     /* @__PURE__ */ jsx263(EuiFlexItem40, { grow: true, children: /* @__PURE__ */ jsx263(EuiText39, { size: "s", children: pathInfo.displayLabel || pathInfo.path }) }),
-    /* @__PURE__ */ jsx263(EuiFlexItem40, { grow: false, children: /* @__PURE__ */ jsxs138(EuiFlexGroup43, { gutterSize: "xs", alignItems: "center", responsive: false, children: [
+    /* @__PURE__ */ jsx263(EuiFlexItem40, { grow: false, children: /* @__PURE__ */ jsxs139(EuiFlexGroup43, { gutterSize: "xs", alignItems: "center", responsive: false, children: [
       pathInfo.group === "leaf" && pathInfo.pathCount && pathInfo.pathCount > 1 && /* @__PURE__ */ jsx263(EuiFlexItem40, { grow: false, children: /* @__PURE__ */ jsx263(WfoBadge, { color: "default", textColor: theme.colors.textInk, size: "xs", children: t("pathsCount", {
         count: pathInfo.pathCount
       }) }) }),
@@ -18294,7 +18417,7 @@ var WfoRenderPathSelectionOption = ({
   fieldType
 }) => {
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx263(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */ jsxs138(EuiFlexGroup43, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
+  return /* @__PURE__ */ jsx263(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */ jsxs139(EuiFlexGroup43, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
     /* @__PURE__ */ jsx263(EuiFlexItem40, { grow: true, children: /* @__PURE__ */ jsx263(EuiText39, { size: "s", children: option.label }) }),
     /* @__PURE__ */ jsx263(EuiFlexItem40, { grow: false, children: /* @__PURE__ */ jsx263(WfoBadge, { color: getTypeColor(fieldType, theme), textColor: theme.colors.textInk, size: "xs", children: fieldType }) })
   ] }) });
@@ -18338,7 +18461,7 @@ var getPathSelectionOptions = (selectedFieldName, paths) => {
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoSelectedPathDisplay.tsx
-import { jsx as jsx264, jsxs as jsxs139 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx264, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
 var WfoSelectedPathDisplay = ({ condition, onEdit }) => {
   const { theme } = useOrchestratorTheme();
   const isFullPath = condition.path.includes(".");
@@ -18356,8 +18479,8 @@ var WfoSelectedPathDisplay = ({ condition, onEdit }) => {
         display: "flex",
         alignItems: "center"
       },
-      children: /* @__PURE__ */ jsx264(EuiFlexGroup44, { alignItems: "center", gutterSize: "s", responsive: false, justifyContent: "spaceBetween", children: /* @__PURE__ */ jsx264(EuiFlexItem41, { grow: true, children: isFullPath ? /* @__PURE__ */ jsxs139(EuiFlexGroup44, { gutterSize: "none", alignItems: "center", responsive: false, children: [
-        /* @__PURE__ */ jsx264(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsxs139(EuiText40, { size: "s", color: theme.colors.textParagraph, children: [
+      children: /* @__PURE__ */ jsx264(EuiFlexGroup44, { alignItems: "center", gutterSize: "s", responsive: false, justifyContent: "spaceBetween", children: /* @__PURE__ */ jsx264(EuiFlexItem41, { grow: true, children: isFullPath ? /* @__PURE__ */ jsxs140(EuiFlexGroup44, { gutterSize: "none", alignItems: "center", responsive: false, children: [
+        /* @__PURE__ */ jsx264(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsxs140(EuiText40, { size: "s", color: theme.colors.textParagraph, children: [
           getFieldNameFromFullPath(condition.path),
           ":"
         ] }) }),
@@ -18381,7 +18504,7 @@ var WfoSelectedPathDisplay = ({ condition, onEdit }) => {
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx
-import { jsx as jsx265, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx265, jsxs as jsxs141 } from "@emotion/react/jsx-runtime";
 var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
   const t = useTranslations93("search.page");
   const { theme } = useOrchestratorTheme();
@@ -18524,8 +18647,8 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
       }
     );
   };
-  return /* @__PURE__ */ jsx265(EuiPanel18, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs140(EuiFlexGroup45, { direction: "column", gutterSize: "m", children: [
-    /* @__PURE__ */ jsx265(EuiFlexItem42, { children: /* @__PURE__ */ jsx265(EuiFormRow8, { label: t("fieldLabel"), error, isInvalid: !!error, children: /* @__PURE__ */ jsxs140(EuiFlexGroup45, { gutterSize: "s", alignItems: "center", children: [
+  return /* @__PURE__ */ jsx265(EuiPanel18, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs141(EuiFlexGroup45, { direction: "column", gutterSize: "m", children: [
+    /* @__PURE__ */ jsx265(EuiFlexItem42, { children: /* @__PURE__ */ jsx265(EuiFormRow8, { label: t("fieldLabel"), error, isInvalid: !!error, children: /* @__PURE__ */ jsxs141(EuiFlexGroup45, { gutterSize: "s", alignItems: "center", children: [
       /* @__PURE__ */ jsx265(EuiFlexItem42, { children: showPathSelection ? /* @__PURE__ */ jsx265(
         WfoPathSelector,
         {
@@ -18578,7 +18701,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
       ) }),
       condition.path && selectedPathInfo?.ui_types && selectedPathInfo.ui_types.length > 0 && /* @__PURE__ */ jsx265(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx265(EuiFlexGroup45, { gutterSize: "xs", alignItems: "center", responsive: false, children: selectedPathInfo.ui_types.map((type, index) => /* @__PURE__ */ jsx265(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx265(WfoBadge, { color: getTypeColor(type, theme), textColor: theme.colors.textInk, size: "s", children: type }) }, index)) }) })
     ] }) }) }),
-    /* @__PURE__ */ jsx265(EuiFlexItem42, { children: /* @__PURE__ */ jsxs140(EuiFlexGroup45, { gutterSize: "s", alignItems: "flexEnd", children: [
+    /* @__PURE__ */ jsx265(EuiFlexItem42, { children: /* @__PURE__ */ jsxs141(EuiFlexGroup45, { gutterSize: "s", alignItems: "flexEnd", children: [
       /* @__PURE__ */ jsx265(EuiFlexItem42, { children: /* @__PURE__ */ jsx265(
         WfoOperatorSelector,
         {
@@ -18611,7 +18734,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
 };
 
 // src/components/WfoSearchPage/WfoFilterGroup/WfoFilterGroup.tsx
-import { Fragment as Fragment65, jsx as jsx266, jsxs as jsxs141 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment65, jsx as jsx266, jsxs as jsxs142 } from "@emotion/react/jsx-runtime";
 var FilterGroup = ({
   group,
   entityType,
@@ -18665,21 +18788,21 @@ var FilterGroup = ({
       op: group.op === "AND" ? "OR" : "AND"
     });
   };
-  return /* @__PURE__ */ jsxs141(EuiPanel19, { paddingSize: "m", color: depth % 2 === 0 ? "primary" : "plain", hasBorder: true, children: [
-    /* @__PURE__ */ jsxs141(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", justifyContent: "spaceBetween", children: [
-      /* @__PURE__ */ jsx266(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsxs141(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
+  return /* @__PURE__ */ jsxs142(EuiPanel19, { paddingSize: "m", color: depth % 2 === 0 ? "primary" : "plain", hasBorder: true, children: [
+    /* @__PURE__ */ jsxs142(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", justifyContent: "spaceBetween", children: [
+      /* @__PURE__ */ jsx266(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsxs142(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
         /* @__PURE__ */ jsx266(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx266(EuiText41, { size: "s", children: /* @__PURE__ */ jsx266("strong", { children: t("groupLabel") }) }) }),
         /* @__PURE__ */ jsx266(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx266(EuiButton23, { size: "s", fill: true, color: "primary", onClick: toggleOperator, children: group.op }) })
       ] }) }),
-      /* @__PURE__ */ jsx266(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsxs141(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
+      /* @__PURE__ */ jsx266(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsxs142(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
         /* @__PURE__ */ jsx266(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx266(EuiButton23, { size: "s", iconType: "plusInCircle", onClick: addCondition, children: t("addCondition") }) }),
         /* @__PURE__ */ jsx266(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx266(WfoToolTip, { tooltipContent: !canAddGroup ? t("maxNestingDepth") : t("addNestedGroup"), children: /* @__PURE__ */ jsx266(EuiButton23, { size: "s", iconType: "nested", onClick: addGroup, disabled: !canAddGroup, children: t("addGroup") }) }) }),
         !isRoot && onRemove && /* @__PURE__ */ jsx266(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx266(EuiButtonIcon18, { iconType: "trash", color: "danger", onClick: onRemove, "aria-label": t("removeGroup") }) })
       ] }) })
     ] }),
-    group.children.length > 0 && /* @__PURE__ */ jsxs141(Fragment65, { children: [
+    group.children.length > 0 && /* @__PURE__ */ jsxs142(Fragment65, { children: [
       /* @__PURE__ */ jsx266(EuiSpacer33, { size: "m" }),
-      /* @__PURE__ */ jsx266(EuiPanel19, { paddingSize: isRoot ? "none" : "s", color: "transparent", hasShadow: false, children: group.children.map((child, index) => /* @__PURE__ */ jsxs141("div", { children: [
+      /* @__PURE__ */ jsx266(EuiPanel19, { paddingSize: isRoot ? "none" : "s", color: "transparent", hasShadow: false, children: group.children.map((child, index) => /* @__PURE__ */ jsxs142("div", { children: [
         index > 0 && /* @__PURE__ */ jsx266(EuiFlexGroup46, { gutterSize: "none", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx266(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx266(EuiText41, { size: "s", color: theme.colors.textSubdued, textAlign: "center", children: /* @__PURE__ */ jsx266(EuiCode2, { children: group.op }) }) }) }),
         /* @__PURE__ */ jsx266(EuiSpacer33, { size: "s" }),
         isCondition(child) ? /* @__PURE__ */ jsx266(
@@ -18703,7 +18826,7 @@ var FilterGroup = ({
         /* @__PURE__ */ jsx266(EuiSpacer33, { size: "s" })
       ] }, index)) })
     ] }),
-    group.children.length === 0 && /* @__PURE__ */ jsxs141(Fragment65, { children: [
+    group.children.length === 0 && /* @__PURE__ */ jsxs142(Fragment65, { children: [
       /* @__PURE__ */ jsx266(EuiSpacer33, { size: "s" }),
       /* @__PURE__ */ jsx266(EuiCallOut5, { title: t("emptyGroupTitle"), color: "primary", iconType: "info", size: "s", children: /* @__PURE__ */ jsx266("p", { children: t("emptyGroupDescription") }) })
     ] })
@@ -18711,7 +18834,7 @@ var FilterGroup = ({
 };
 
 // src/components/WfoAgent/WfoAgent/WfoAgent.tsx
-import { useCallback as useCallback14, useRef as useRef12 } from "react";
+import { useCallback as useCallback15, useRef as useRef12 } from "react";
 import { useTranslations as useTranslations99 } from "next-intl";
 import { useRenderToolCall } from "@copilotkit/react-core";
 import { CopilotChat } from "@copilotkit/react-ui";
@@ -18929,7 +19052,7 @@ var getExportButtonStyles = ({ theme }) => {
 };
 
 // src/components/WfoAgent/ExportButton/ExportButton.tsx
-import { jsx as jsx267, jsxs as jsxs142 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx267, jsxs as jsxs143 } from "@emotion/react/jsx-runtime";
 function ExportButton({ artifact }) {
   const { showToastMessage } = useShowToastMessage();
   const tError = useTranslations95("errors");
@@ -18966,10 +19089,10 @@ function ExportButton({ artifact }) {
     );
     await handleExport();
   };
-  return /* @__PURE__ */ jsx267("div", { css: containerStyle2, children: /* @__PURE__ */ jsxs142("div", { css: buttonWrapperStyle, children: [
+  return /* @__PURE__ */ jsx267("div", { css: containerStyle2, children: /* @__PURE__ */ jsxs143("div", { css: buttonWrapperStyle, children: [
     artifact.description && /* @__PURE__ */ jsx267("div", { css: titleStyle, children: artifact.description }),
-    /* @__PURE__ */ jsxs142("div", { css: fileRowStyle, onClick: onDownloadClick, children: [
-      /* @__PURE__ */ jsxs142("div", { css: fileInfoStyle, children: [
+    /* @__PURE__ */ jsxs143("div", { css: fileRowStyle, onClick: onDownloadClick, children: [
+      /* @__PURE__ */ jsxs143("div", { css: fileInfoStyle, children: [
         /* @__PURE__ */ jsx267(EuiIcon8, { type: "document", size: "m" }),
         /* @__PURE__ */ jsx267("span", { css: filenameStyle, children: filename })
       ] }),
@@ -19038,7 +19161,7 @@ var getWfoPlanProgressStyles = ({ theme }) => {
 };
 
 // src/components/WfoAgent/WfoPlanProgress/WfoPlanProgress.tsx
-import { jsx as jsx268, jsxs as jsxs143 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx268, jsxs as jsxs144 } from "@emotion/react/jsx-runtime";
 var WfoPlanProgress = ({ executionState }) => {
   const [expandedSteps, setExpandedSteps] = useState52(/* @__PURE__ */ new Set());
   const t = useTranslations96("agent.page.planProgress");
@@ -19069,25 +19192,25 @@ var WfoPlanProgress = ({ executionState }) => {
       return /* @__PURE__ */ jsx268(WfoMinusCircleOutline, { color: theme.colors.textSubdued, width: iconSize, height: iconSize });
     return /* @__PURE__ */ jsx268(EuiLoadingSpinner4, { size: "s" });
   };
-  return /* @__PURE__ */ jsxs143(EuiPanel20, { hasBorder: true, paddingSize: "s", css: containerStyle2, children: [
-    /* @__PURE__ */ jsxs143("div", { css: headerStyle, children: [
+  return /* @__PURE__ */ jsxs144(EuiPanel20, { hasBorder: true, paddingSize: "s", css: containerStyle2, children: [
+    /* @__PURE__ */ jsxs144("div", { css: headerStyle, children: [
       allDone ? /* @__PURE__ */ jsx268(WfoCheckmarkCircleFill, { color: theme.colors.success, width: iconSize, height: iconSize }) : /* @__PURE__ */ jsx268(EuiLoadingSpinner4, { size: "s" }),
       /* @__PURE__ */ jsx268("span", { children: headerLabel })
     ] }),
     executionState.steps.map((step) => {
       const isExpanded = expandedSteps.has(step.step_name);
       const hasToolCalls = step.tool_calls.length > 0;
-      return /* @__PURE__ */ jsxs143("div", { children: [
-        /* @__PURE__ */ jsxs143("div", { css: rowStyle, children: [
+      return /* @__PURE__ */ jsxs144("div", { children: [
+        /* @__PURE__ */ jsxs144("div", { css: rowStyle, children: [
           /* @__PURE__ */ jsx268(StatusIcon, { status: step.status }),
           /* @__PURE__ */ jsx268(EuiText42, { size: "s", color: step.status === "pending" ? "subdued" : void 0, children: step.step_name }),
-          hasToolCalls && /* @__PURE__ */ jsxs143("span", { css: toolCallsToggleStyle, onClick: () => toggleStep(step.step_name), children: [
+          hasToolCalls && /* @__PURE__ */ jsxs144("span", { css: toolCallsToggleStyle, onClick: () => toggleStep(step.step_name), children: [
             step.tool_calls.length,
             isExpanded ? /* @__PURE__ */ jsx268(WfoChevronUp, { width: iconSize, height: iconSize }) : /* @__PURE__ */ jsx268(WfoChevronDown, { width: iconSize, height: iconSize })
           ] })
         ] }),
         step.reasoning && /* @__PURE__ */ jsx268(EuiText42, { size: "xs", color: "subdued", css: reasoningStyle, children: step.reasoning }),
-        isExpanded && hasToolCalls && /* @__PURE__ */ jsx268("div", { css: toolCallsListStyle, children: step.tool_calls.map((tc) => /* @__PURE__ */ jsxs143(EuiText42, { size: "xs", css: rowStyle, children: [
+        isExpanded && hasToolCalls && /* @__PURE__ */ jsx268("div", { css: toolCallsListStyle, children: step.tool_calls.map((tc) => /* @__PURE__ */ jsxs144(EuiText42, { size: "xs", css: rowStyle, children: [
           /* @__PURE__ */ jsx268(StatusIcon, { status: tc.status === "complete" ? "completed" : "active" }),
           /* @__PURE__ */ jsx268("span", { children: tc.name })
         ] }, tc.id)) })
@@ -19108,7 +19231,7 @@ import { EuiText as EuiText43 } from "@elastic/eui";
 import { Axis, Chart, DARK_THEME, LIGHT_THEME, LineSeries, Position, Settings } from "@elastic/charts";
 import "@elastic/charts/dist/theme_only_dark.css";
 import "@elastic/charts/dist/theme_only_light.css";
-import { jsx as jsx269, jsxs as jsxs144 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx269, jsxs as jsxs145 } from "@emotion/react/jsx-runtime";
 function WfoAgentLineChart({ aggregationData }) {
   const { results } = aggregationData;
   const { isDarkModeActive, multiplyByBaseUnit } = useOrchestratorTheme();
@@ -19122,7 +19245,7 @@ function WfoAgentLineChart({ aggregationData }) {
     xLabel: result.group_values[xKey],
     ...result.aggregations
   }));
-  return /* @__PURE__ */ jsxs144(Chart, { size: { height: multiplyByBaseUnit(30) }, children: [
+  return /* @__PURE__ */ jsxs145(Chart, { size: { height: multiplyByBaseUnit(30) }, children: [
     /* @__PURE__ */ jsx269(Settings, { showLegend: true, baseTheme: chartBaseTheme }),
     /* @__PURE__ */ jsx269(
       Axis,
@@ -19161,7 +19284,7 @@ var containerStyle = css46({
 });
 
 // src/components/WfoAgent/WfoAgentChart/WfoAgentPieChart.tsx
-import { jsx as jsx270, jsxs as jsxs145 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx270, jsxs as jsxs146 } from "@emotion/react/jsx-runtime";
 function WfoAgentPieChart({ aggregationData }) {
   const { results } = aggregationData;
   const { isDarkModeActive, multiplyByBaseUnit } = useOrchestratorTheme();
@@ -19175,7 +19298,7 @@ function WfoAgentPieChart({ aggregationData }) {
     label: result.group_values[groupKey],
     value: result.aggregations[aggKey]
   }));
-  return /* @__PURE__ */ jsx270("div", { css: containerStyle, children: /* @__PURE__ */ jsxs145(Chart2, { size: { height: multiplyByBaseUnit(25) }, children: [
+  return /* @__PURE__ */ jsx270("div", { css: containerStyle, children: /* @__PURE__ */ jsxs146(Chart2, { size: { height: multiplyByBaseUnit(25) }, children: [
     /* @__PURE__ */ jsx270(Settings2, { showLegend: true, legendPosition: Position2.Right, baseTheme: chartBaseTheme }),
     /* @__PURE__ */ jsx270(
       Partition,
@@ -19199,15 +19322,15 @@ function WfoAgentPieChart({ aggregationData }) {
 }
 
 // src/components/WfoAgent/WfoAgentTable/WfoAgentTable.tsx
-import React80 from "react";
+import React81 from "react";
 import { EuiBasicTable } from "@elastic/eui";
 import { jsx as jsx271 } from "@emotion/react/jsx-runtime";
 var formatColumnName = (key) => key.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
 function WfoAgentTable({ aggregationData }) {
   const { results } = aggregationData;
-  const [pageIndex, setPageIndex] = React80.useState(0);
-  const [pageSize, setPageSize] = React80.useState(5);
-  const columns = React80.useMemo(() => {
+  const [pageIndex, setPageIndex] = React81.useState(0);
+  const [pageSize, setPageSize] = React81.useState(5);
+  const columns = React81.useMemo(() => {
     if (results.length === 0) return [];
     const firstResult = results[0];
     const groupKeys = Object.keys(firstResult.group_values);
@@ -19297,7 +19420,7 @@ function WfoQueryArtifact({ artifact }) {
 }
 
 // src/components/WfoAgent/WfoAgent/WfoAgent.tsx
-import { Fragment as Fragment66, jsx as jsx274, jsxs as jsxs146 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment66, jsx as jsx274, jsxs as jsxs147 } from "@emotion/react/jsx-runtime";
 function WfoAgent() {
   const tPage = useTranslations99("agent.page");
   const { NAVIGATION_HEIGHT } = useWithOrchestratorTheme(getPageTemplateStyles);
@@ -19305,7 +19428,7 @@ function WfoAgent() {
   const planProgress = useAgentPlanEvents();
   const planProgressRef = useRef12(planProgress);
   planProgressRef.current = planProgress;
-  const RenderMessage = useCallback14(
+  const RenderMessage = useCallback15(
     ({
       message,
       messages,
@@ -19326,7 +19449,7 @@ function WfoAgent() {
         const lastUserIndex = [...messages].reverse().findIndex((msg) => msg.role === "user");
         const firstAssistantAfterUser = lastUserIndex >= 0 ? messages.length - lastUserIndex : -1;
         const showPlanProgress = index === firstAssistantAfterUser && (progress.planning || progress.steps.length > 0);
-        return /* @__PURE__ */ jsxs146(Fragment66, { children: [
+        return /* @__PURE__ */ jsxs147(Fragment66, { children: [
           showPlanProgress && /* @__PURE__ */ jsx274(WfoPlanProgress, { executionState: progress }),
           AssistantMessage && /* @__PURE__ */ jsx274(
             AssistantMessage,
@@ -19368,7 +19491,7 @@ function WfoAgent() {
       return /* @__PURE__ */ jsx274(ExportButton, { artifact: result });
     }
   });
-  return /* @__PURE__ */ jsx274(WfoAvailabilityCheck, { featureType: "agent", availability: agentAvailability, children: /* @__PURE__ */ jsxs146("div", { style: { height: `calc(90vh - ${NAVIGATION_HEIGHT}px)` }, children: [
+  return /* @__PURE__ */ jsx274(WfoAvailabilityCheck, { featureType: "agent", availability: agentAvailability, children: /* @__PURE__ */ jsxs147("div", { style: { height: `calc(90vh - ${NAVIGATION_HEIGHT}px)` }, children: [
     /* @__PURE__ */ jsx274("style", { children: `
                 .copilotKitChat {
                     height: 100%;
@@ -19408,7 +19531,7 @@ function WfoAgent() {
 }
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
-import { useCallback as useCallback15, useEffect as useEffect36, useState as useState53 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect36, useState as useState53 } from "react";
 import { EuiFlexItem as EuiFlexItem44 } from "@elastic/eui";
 import Editor from "@monaco-editor/react";
 
@@ -19438,7 +19561,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
   const [monacoInstance, setMonacoInstance] = useState53(void 0);
   const json = JSON.stringify(data, null, 4);
   const [editorHeight, setEditorHeight] = useState53(0);
-  const addThemeToEditor = useCallback15(
+  const addThemeToEditor = useCallback16(
     (monaco) => {
       monaco.editor.defineTheme("wfoTheme", {
         base: isDarkModeActive ? MONACO_THEME.dark : MONACO_THEME.light,
@@ -19524,10 +19647,10 @@ var getWfoLogoSpinnerStyles = () => {
 };
 
 // src/components/WfoLogoSpinner/WfoLogoSpinner.tsx
-import { jsx as jsx276, jsxs as jsxs147 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx276, jsxs as jsxs148 } from "@emotion/react/jsx-runtime";
 var WfoLogoSpinner = () => {
   const { spinContainerCss, spinCenteringCss, spinPathCss } = getWfoLogoSpinnerStyles();
-  return /* @__PURE__ */ jsx276("div", { css: spinCenteringCss, children: /* @__PURE__ */ jsx276("div", { css: spinContainerCss, children: /* @__PURE__ */ jsxs147("svg", { width: "64", height: "64", viewBox: "0 0 640 640", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  return /* @__PURE__ */ jsx276("div", { css: spinCenteringCss, children: /* @__PURE__ */ jsx276("div", { css: spinContainerCss, children: /* @__PURE__ */ jsxs148("svg", { width: "64", height: "64", viewBox: "0 0 640 640", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ jsx276(
       "path",
       {
@@ -20007,6 +20130,8 @@ var en_GB_default = {
       subscriptionId: "Subscription ID",
       description: "Description",
       startDate: "Start date",
+      lastRunValidation: "Most recent validate",
+      noValidateWorkflows: "No validate workflows have been run recently",
       insync: "In sync",
       customer: "Customer",
       customerUuid: "Customer UUID",
@@ -20657,6 +20782,8 @@ var nl_NL_default = {
       subscriptionId: "Subscription ID",
       description: "Beschrijving",
       startDate: "Startdatum",
+      lastRunValidation: "Meest recente validate",
+      noValidateWorkflows: "Er zijn recentelijk geen validate workflows uitgevoerd",
       insync: "In sync",
       customer: "Klant",
       customerUuid: "Klant UUID",
@@ -21066,6 +21193,8 @@ export {
   WfoResourceTypesPage,
   WfoRowContextMenu,
   WfoScheduleTaskFormPage,
+  WfoScheduleTaskFormPageBackend,
+  WfoScheduleTaskFormPageHardCoded,
   WfoScheduledTaskOnce,
   WfoScheduledTaskRecurring,
   WfoScheduledTaskRecurringSvg,