npm - @orchestrator-ui/orchestrator-ui-components - Versions diffs - 7.6.0 → 7.7.0 - Mend

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

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

Files changed (24) hide show

package/.turbo/turbo-build.log +7 -7
package/.turbo/turbo-lint.log +1 -1
package/.turbo/turbo-test.log +7 -7
package/CHANGELOG.md +12 -0
package/dist/index.d.ts +63 -45
package/dist/index.js +766 -639
package/dist/index.js.map +1 -1
package/package.json +1 -1
package/src/components/WfoBadges/WfoEngineStatusBadge/WfoEngineStatusBadge.tsx +3 -1
package/src/components/WfoBadges/WfoWebsocketStatusBadge/WfoWebsocketStatusBadge.tsx +9 -3
package/src/components/WfoSubscription/WfoSubscriptionGeneralSections/WfoSubscriptionDetailSection.tsx +34 -3
package/src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx +3 -2
package/src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx +57 -40
package/src/components/WfoWorkflowSteps/WfoStep/useStepDetailOverride.ts +9 -0
package/src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx +0 -1
package/src/configuration/version.ts +1 -1
package/src/messages/en-GB.json +2 -0
package/src/messages/nl-NL.json +2 -0
package/src/pages/metadata/WfoScheduleTaskFormPage.tsx +153 -35
package/src/rtk/endpoints/forms.ts +1 -1
package/src/rtk/endpoints/metadata/scheduledTasks.ts +9 -17
package/src/rtk/endpoints/streamMessages.ts +10 -23
package/src/rtk/slices/orchestratorComponentOverride.ts +5 -1
package/src/utils/compareVersions.ts +1 -1

package/dist/index.js CHANGED Viewed

@@ -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 = "7.7.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({
@@ -6503,9 +6484,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 +6602,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 +7383,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 +7428,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 +7536,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 +7552,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 +7687,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 +7729,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 +7750,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 +7790,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 +7855,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 +7863,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 +7878,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 +7921,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 +7932,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 +8362,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 +8377,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 +8526,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 +8552,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 +8585,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 +8612,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 +8660,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 +8746,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 +8766,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 +8809,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 +8869,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 +8879,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 +8936,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 +9128,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 +9154,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 +9234,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 +9272,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 +9316,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 +9376,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 +9392,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 +9423,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 +9442,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 +9454,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 +9474,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 +9491,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 +9524,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 +9543,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 +9556,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 +9623,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 +9637,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 +9659,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 +9676,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 +9722,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 +9746,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 +9828,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 +9856,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 +9882,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 +9899,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 +9942,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 +9963,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 +10003,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 +10019,7 @@ var WfoButtonComboBox = ({
       setOptionsState(options);
     }
   }, [isPopoverOpen, options]);
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs80(
     EuiPopover4,
     {
       initialFocus: `.euiSelectable .euiFieldSearch`,
@@ -10014,7 +10027,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 +10043,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 +10127,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 +10142,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 +10168,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 +10176,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 +10191,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 +10204,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 +10281,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 +10359,7 @@ var WfoSubscriptionDetailTree = ({
     expandAll();
     return shouldAddIds ? selectIds(data.ids) : deselectIds(data.ids);
   };
-  return /* @__PURE__ */ jsxs84(
+  return /* @__PURE__ */ jsxs85(
     EuiFlexGroup17,
     {
       css: {
@@ -10364,10 +10377,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 +10399,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 +10414,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 +10427,7 @@ var WfoSubscriptionDetailTree = ({
                   size: "m",
                   title: t("noProductBlockSelected"),
                   iconType: "inspect",
-                  children: /* @__PURE__ */ jsxs84(EuiText15, { children: [
+                  children: /* @__PURE__ */ jsxs85(EuiText15, { children: [
                     t("ctaSelectProductBlock"),
                     " "
                   ] })
@@ -10634,7 +10647,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 +10681,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 +10719,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 +10747,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 +10782,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 +10926,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 +10978,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 +11062,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 +11139,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 +11527,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 +11545,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 +11582,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 +11591,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 +11673,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 +11702,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 +11790,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 +11871,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 +11939,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 +12018,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 +12037,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 +12148,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 +12232,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 +12346,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 +12471,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 +12568,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 +12629,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 +12717,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 +13056,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 +13073,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 +13193,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 +13207,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 +13312,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 +13337,7 @@ var WfoProcessListSubscriptionsCell = ({
           },
           subscription.subscriptionId
         )),
-        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsxs98(
+        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsxs101(
           WfoBadge,
           {
             textColor: theme.colors.textPrimary,
@@ -13114,10 +13361,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 +13431,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 +13446,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 +13465,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 +13483,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 +13542,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 +13581,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 +13610,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 +13621,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 +13637,8 @@ var WfoProcessDetail = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx194(EuiSpacer20, { size: "s" }),
-    /* @__PURE__ */ jsx194(
+    /* @__PURE__ */ jsx196(EuiSpacer20, { size: "s" }),
+    /* @__PURE__ */ jsx196(
       WfoTimeline,
       {
         timelineItems,
@@ -13404,7 +13651,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 +13672,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 +13683,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 +13696,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 +13729,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 +13767,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 +13784,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 +13897,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 +13938,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 +13970,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 +14014,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 +14036,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 +14065,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 +14077,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 +14107,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 +14141,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 +14150,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 +14171,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 +14273,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 +14296,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 +14342,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 +14355,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 +14380,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 +14436,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 +14468,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 +14522,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 +14594,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 +14626,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 +14644,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 +14673,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 +14708,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 +14755,7 @@ var WfoStartProcessPage = ({ processName, isTask = false }) => {
       processDetail,
       timelineItems: timeLineItems,
       isLoading,
-      children: /* @__PURE__ */ jsxs110(
+      children: /* @__PURE__ */ jsxs111(
         EuiPanel4,
         {
           css: {
@@ -14642,9 +14763,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 +14782,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 +14803,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 +14818,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 +14827,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 +14851,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 +14872,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 +14907,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 +14925,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 +14948,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 +14967,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 +14999,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 +15030,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 +15057,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 +15125,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 +15176,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 +15194,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 +15300,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 +15336,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 +15458,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 +15476,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 +15529,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 +15703,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 +15729,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 +15768,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 +15791,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 +15815,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 +15855,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 +15873,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 +15907,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 +16038,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 +16079,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 +16255,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 +16265,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 +16279,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 +16305,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 +16362,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 +16376,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 +16419,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 +16463,7 @@ var WfoSummaryCard = ({
         };
     }
   };
-  return /* @__PURE__ */ jsxs128(EuiFlexItem30, { css: cardContainerStyle, children: [
+  return /* @__PURE__ */ jsxs129(EuiFlexItem30, { css: cardContainerStyle, children: [
     /* @__PURE__ */ jsx237(
       WfoSummaryCardHeader,
       {
@@ -16602,7 +16723,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 +16735,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 +16765,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 +17080,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 +17146,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 +17161,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 +17178,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 +17217,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 +17258,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 +17376,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 +17397,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 +17428,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 +17455,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 +17487,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 +17538,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 +17551,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 +17578,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 +17597,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 +17640,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 +17652,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 +17682,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 +17741,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 +17761,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 +17788,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 +17938,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 +17959,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 +17975,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 +18020,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 +18058,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 +18144,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 +18202,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 +18265,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 +18393,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 +18415,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 +18459,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 +18477,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 +18502,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 +18645,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 +18699,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 +18732,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 +18786,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 +18824,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 +18832,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 +19050,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 +19087,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 +19159,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 +19190,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 +19229,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 +19243,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 +19282,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 +19296,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 +19320,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 +19418,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 +19426,7 @@ function WfoAgent() {
   const planProgress = useAgentPlanEvents();
   const planProgressRef = useRef12(planProgress);
   planProgressRef.current = planProgress;
-  const RenderMessage = useCallback14(
+  const RenderMessage = useCallback15(
     ({
       message,
       messages,
@@ -19326,7 +19447,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 +19489,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 +19529,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 +19559,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 +19645,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 +20128,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 +20780,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 +21191,8 @@ export {
   WfoResourceTypesPage,
   WfoRowContextMenu,
   WfoScheduleTaskFormPage,
+  WfoScheduleTaskFormPageBackend,
+  WfoScheduleTaskFormPageHardCoded,
   WfoScheduledTaskOnce,
   WfoScheduledTaskRecurring,
   WfoScheduledTaskRecurringSvg,