@orchestrator-ui/orchestrator-ui-components 8.4.2 → 8.4.4

package/dist/index.js

@@ -64,7 +64,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.4.2";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.4.4";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus2) => {
@@ -81,9 +81,9 @@ var WorkerTypes = /* @__PURE__ */ ((WorkerTypes3) => {
 })(WorkerTypes || {});
 var ProductLifecycleStatus = /* @__PURE__ */ ((ProductLifecycleStatus2) => {
   ProductLifecycleStatus2["ACTIVE"] = "active";
-  ProductLifecycleStatus2["PRE_PRODUCTION"] = "pre production";
-  ProductLifecycleStatus2["PHASE_OUT"] = "phase out";
-  ProductLifecycleStatus2["END_OF_LIFE"] = "end of life";
+  ProductLifecycleStatus2["PRE_PRODUCTION"] = "pre_production";
+  ProductLifecycleStatus2["PHASE_OUT"] = "phase_out";
+  ProductLifecycleStatus2["END_OF_LIFE"] = "end_of_life";
   return ProductLifecycleStatus2;
 })(ProductLifecycleStatus || {});
 var BadgeType = /* @__PURE__ */ ((BadgeType2) => {
@@ -4602,6 +4602,9 @@ var getStyles = ({ theme }) => {
 
 // src/components/WfoStartButton/WfoStartButtonComboBox.tsx
 import { Fragment as Fragment3, jsx as jsx68, jsxs as jsxs41 } from "@emotion/react/jsx-runtime";
+var formatProductStatusLabel = (productStatus) => {
+  return capitalize(productStatus.replace(/_/g, " "));
+};
 var WfoStartButtonComboBox = ({
   buttonText,
   options,
@@ -4642,7 +4645,7 @@ var WfoStartButtonComboBox = ({
             iconSide: "right",
             iconType: () => /* @__PURE__ */ jsx68(WfoChevronDown, { height: 18, width: 18, color: "currentColor" }),
             onClick: () => setFilterPopoverOpen((v) => !v),
-            children: /* @__PURE__ */ jsx68("b", { children: capitalize(selectedProductStatus) })
+            children: /* @__PURE__ */ jsx68("b", { children: formatProductStatusLabel(selectedProductStatus ?? "active" /* ACTIVE */) })
           }
         ),
         isOpen: isFilterPopoverOpen,
@@ -4653,10 +4656,10 @@ var WfoStartButtonComboBox = ({
           {
             size: "xs",
             onClick: () => {
-              setSelectedProductStatus(productStatus);
+              setSelectedProductStatus(productStatus.toUpperCase());
               setFilterPopoverOpen(false);
             },
-            children: capitalize(productStatus)
+            children: formatProductStatusLabel(productStatus ?? "active" /* ACTIVE */)
           },
           productStatus
         ) }, productStatus))
@@ -5647,7 +5650,7 @@ var WfoRadio = ({ pydanticFormField, onChange, value, disabled }) => {
 };
 
 // src/components/WfoPydanticForm/fields/WfoInteger.tsx
-import React12, { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect3, useState as useState8 } from "react";
 import _2 from "lodash";
 import { getFormFieldIdWithPath as getFormFieldIdWithPath2 } from "pydantic-forms";
 import { EuiFieldNumber } from "@elastic/eui";
@@ -5669,7 +5672,7 @@ var WfoInteger = ({ pydanticFormField, onChange, value, disabled }) => {
   const { formFieldBaseStyle } = useWithOrchestratorTheme(getFormFieldsBaseStyle2);
   const fieldName = getFormFieldIdWithPath2(pydanticFormField.id);
   const fieldValue = _2.isObject(value) && _2.has(value, fieldName) ? _2.get(value, fieldName) : value;
-  const [userInput, setUserInput] = React12.useState("");
+  const [userInput, setUserInput] = useState8("");
   useEffect3(() => {
     if (fieldValue !== void 0 && fieldValue !== null) {
       setUserInput(fieldValue);
@@ -5702,7 +5705,7 @@ var WfoInteger = ({ pydanticFormField, onChange, value, disabled }) => {
 };
 
 // src/components/WfoPydanticForm/fields/WfoReactSelect/WfoReactSelect.tsx
-import { useEffect as useEffect4, useState as useState8 } from "react";
+import { useEffect as useEffect4, useState as useState9 } from "react";
 import ReactSelect, { components } from "react-select";
 import { EuiButtonIcon as EuiButtonIcon3 } from "@elastic/eui";
 
@@ -5794,7 +5797,7 @@ var WfoReactSelect = ({
   refetch
 }) => {
   const initialValue = options.find((option) => option.value === value);
-  const [selectedValue, setSelectedValue] = useState8(initialValue || null);
+  const [selectedValue, setSelectedValue] = useState9(initialValue || null);
   useEffect4(() => {
     const preSelectedValue = options.find((option) => option.value === value);
     if (preSelectedValue !== selectedValue) {
@@ -5868,7 +5871,7 @@ var WfoDropdown = ({ onChange, pydanticFormField, value }) => {
 };
 
 // src/components/WfoPydanticForm/fields/WfoMultiCheckboxField.tsx
-import { useEffect as useEffect5, useState as useState9 } from "react";
+import { useEffect as useEffect5, useState as useState10 } from "react";
 import { EuiCheckboxGroup } from "@elastic/eui";
 import { jsx as jsx87 } from "@emotion/react/jsx-runtime";
 var WfoMultiCheckboxField = ({ pydanticFormField, onChange, value }) => {
@@ -5882,7 +5885,7 @@ var WfoMultiCheckboxField = ({ pydanticFormField, onChange, value }) => {
     };
     setCheckboxIdToSelectedMap(getInitialMap());
   }, [value]);
-  const [checkboxIdToSelectedMap, setCheckboxIdToSelectedMap] = useState9({});
+  const [checkboxIdToSelectedMap, setCheckboxIdToSelectedMap] = useState10({});
   const { options, id } = pydanticFormField;
   const checkboxes = options?.map((option, index) => ({
     label: option.label,
@@ -6540,7 +6543,7 @@ var WfoProductStatusBadge = ({ status }) => {
           badgeColor: toSecondaryColor(success),
           textColor: textSuccess
         };
-      case "end of life" /* END_OF_LIFE */:
+      case "end_of_life" /* END_OF_LIFE */:
         return {
           badgeColor: borderBaseSubdued,
           textColor: textParagraph
@@ -7098,7 +7101,7 @@ var WfoValueOnlyTable = ({ values, showCopyToClipboardIcon = false }) => {
 };
 
 // src/components/WfoSearchBar/WfoSearchField.tsx
-import { useEffect as useEffect7, useRef as useRef2, useState as useState10 } from "react";
+import { useEffect as useEffect7, useRef as useRef2, useState as useState11 } from "react";
 import { useTranslations as useTranslations18 } from "next-intl";
 import { EuiFieldSearch, EuiFormRow as EuiFormRow3 } from "@elastic/eui";
 import { jsx as jsx117 } from "@emotion/react/jsx-runtime";
@@ -7107,7 +7110,7 @@ var WfoSearchField = ({ queryString, queryIsValid = true, onUpdateQueryString })
   const tError = useTranslations18("errors");
   const { formFieldBaseStyle } = useWithOrchestratorTheme(getFormFieldsBaseStyle);
   const handleSearch = useRef2((queryText) => onUpdateQueryString?.(queryText));
-  const [currentQuery, setCurrentQuery] = useState10(queryString ?? "");
+  const [currentQuery, setCurrentQuery] = useState11(queryString ?? "");
   useEffect7(() => {
     setCurrentQuery(queryString ?? "");
   }, [queryString]);
@@ -7551,7 +7554,7 @@ var SubscriptionKeyValueBlock = ({ title, keyValues }) => {
 };
 
 // src/components/WfoSubscription/WfoInSyncField/WfoInSyncField.tsx
-import { useContext as useContext5, useEffect as useEffect8, useState as useState11 } from "react";
+import { useContext as useContext5, useEffect as useEffect8, useState as useState12 } from "react";
 import { useTranslations as useTranslations24 } from "next-intl";
 import Link6 from "next/link";
 import { EuiButton as EuiButton7, EuiContextMenuItem, EuiLoadingSpinner, EuiToolTip as EuiToolTip6 } from "@elastic/eui";
@@ -7700,7 +7703,7 @@ var WfoInSyncField = ({ subscriptionDetail, compactMode = false, setPopover }) =
     secondaryIconStyle,
     spinnerSecondaryIconStyle
   } = useWithOrchestratorTheme(getSubscriptionActionStyles);
-  const [inSync, setInSync] = useState11(subscriptionDetail.insync);
+  const [inSync, setInSync] = useState12(subscriptionDetail.insync);
   const lastTaskRunDate = getLatestTaskDate(subscriptionDetail.processes?.page);
   const lastUncompletedProcess = getLastUncompletedProcess(subscriptionDetail?.processes?.page);
   const [setSubscriptionInSync, { isLoading }] = useSetSubscriptionInSyncMutation();
@@ -7935,7 +7938,7 @@ var WfoProcessesTimeline = ({ subscriptionDetailProcesses }) => {
 };
 
 // src/components/WfoSubscription/WfoRelatedSubscriptions.tsx
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { useTranslations as useTranslations30 } from "next-intl";
 import Link8 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup12, EuiFlexItem as EuiFlexItem8, EuiSpacer as EuiSpacer14, EuiSwitch } from "@elastic/eui";
@@ -7973,7 +7976,7 @@ var graphQlRelatedSubscriptionsTerminatedSubscriptionsFilterMapper = (data) => d
 } : void 0;
 
 // src/components/WfoTable/WfoTable/WfoTable.tsx
-import { useRef as useRef5, useState as useState14 } from "react";
+import { useRef as useRef5, useState as useState15 } from "react";
 import { useTranslations as useTranslations27 } from "next-intl";
 import { EuiSpacer as EuiSpacer12, EuiTablePagination, useEuiScrollBar } from "@elastic/eui";
 import { useVirtualizer } from "@tanstack/react-virtual";
@@ -8429,13 +8432,13 @@ var WfoTableDataRows = ({
 import { useRef as useRef4 } from "react";
 
 // src/components/WfoTable/WfoTable/WfoDragHandler.tsx
-import { useState as useState12 } from "react";
+import { useState as useState13 } from "react";
 import Draggable from "react-draggable";
 import { jsx as jsx132 } from "@emotion/react/jsx-runtime";
 var MINIMUM_COLUMN_WIDTH = 50;
 var WfoDragHandler = ({ headerRowRef, fieldName, onUpdateColumWidth }) => {
-  const [position, setPosition] = useState12({ x: 0, y: 0 });
-  const [isDragging, setIsDragging] = useState12(false);
+  const [position, setPosition] = useState13({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = useState13(false);
   const { dragAndDropStyle } = useWithOrchestratorTheme(getWfoTableStyles);
   const resetPosition = () => {
     setPosition({ x: 0, y: 0 });
@@ -8497,7 +8500,7 @@ var WfoSortDirectionIcon = ({ sortDirection }) => {
 };
 
 // src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoTableHeaderCell.tsx
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import { EuiHorizontalRule as EuiHorizontalRule3, EuiPopover as EuiPopover3, EuiText as EuiText9, useGeneratedHtmlId } from "@elastic/eui";
 
 // src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoPopoverContent.tsx
@@ -8552,7 +8555,7 @@ var WfoTableHeaderCell = ({
   const smallContextMenuPopoverId = useGeneratedHtmlId({
     prefix: "smallContextMenuPopover"
   });
-  const [isPopoverOpen, setPopover] = useState13(false);
+  const [isPopoverOpen, setPopover] = useState14(false);
   const handleButtonClick = () => setPopover(!isPopoverOpen);
   const closePopover = () => setPopover(false);
   const WfoHeaderCellContentButton = () => /* @__PURE__ */ jsx135("button", { onClick: handleButtonClick, disabled: !isFilterable, children: /* @__PURE__ */ jsx135("div", { css: getHeaderCellContentStyle(isFilterable), children }) });
@@ -8690,7 +8693,7 @@ var WfoTable = ({
   isVirtualized = false,
   height
 }) => {
-  const [localColumnWidths, setLocalColumnWidths] = useState14(
+  const [localColumnWidths, setLocalColumnWidths] = useState15(
     getColumnWidthsFromConfig(columnConfig)
   );
   const dataLength = data.length;
@@ -8836,7 +8839,7 @@ import { useTranslations as useTranslations29 } from "next-intl";
 import { EuiButtonEmpty as EuiButtonEmpty4, EuiFlexGroup as EuiFlexGroup11, EuiSpacer as EuiSpacer13 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/useGroupedTableConfig.tsx
-import { useEffect as useEffect10, useRef as useRef6, useState as useState15 } from "react";
+import { useEffect as useEffect10, useRef as useRef6, useState as useState16 } from "react";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandableRow.tsx
 import { useTranslations as useTranslations28 } from "next-intl";
@@ -9010,10 +9013,10 @@ var useGroupedTableConfig = ({
   notifyParent
 }) => {
   const groupReferences = useRef6(/* @__PURE__ */ new Map());
-  const [expandedRowIds, setExpandedRowIds] = useState15([]);
-  const [isAllGroupsExpanded, setIsAllGroupsExpanded] = useState15(false);
-  const [isAllSubgroupsExpanded, setIsAllSubgroupsExpanded] = useState15([]);
-  const [isExpanding, setIsExpanding] = useState15(false);
+  const [expandedRowIds, setExpandedRowIds] = useState16([]);
+  const [isAllGroupsExpanded, setIsAllGroupsExpanded] = useState16(false);
+  const [isAllSubgroupsExpanded, setIsAllSubgroupsExpanded] = useState16([]);
+  const [isExpanding, setIsExpanding] = useState16(false);
   const groups = getObjectKeys(data).map((key) => ({
     groupName: key.toString()
   }));
@@ -9244,7 +9247,7 @@ var WfoRelatedSubscriptions = ({
   subscriptionId,
   subscriptionPath = PATH_SUBSCRIPTIONS
 }) => {
-  const [hideTerminatedSubscriptions, setHideTerminatedSubscriptions] = useState16(true);
+  const [hideTerminatedSubscriptions, setHideTerminatedSubscriptions] = useState17(true);
   const t = useTranslations30("subscriptions.detail");
   const { theme } = useOrchestratorTheme();
   const terminatedSubscriptionsFilter = {
@@ -9435,7 +9438,7 @@ var WfoSubscription = ({ subscriptionId }) => {
 };
 
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActions.tsx
-import { useState as useState19 } from "react";
+import { useState as useState20 } from "react";
 import { useTranslations as useTranslations33 } from "next-intl";
 import { useRouter as useRouter6 } from "next/router";
 import { EuiButton as EuiButton8, EuiButtonIcon as EuiButtonIcon8, EuiLoadingSpinner as EuiLoadingSpinner3, EuiTitle } from "@elastic/eui";
@@ -9445,7 +9448,7 @@ import { useTranslations as useTranslations32 } from "next-intl";
 import { EuiContextMenuItem as EuiContextMenuItem2, EuiLoadingSpinner as EuiLoadingSpinner2, EuiToolTip as EuiToolTip8 } from "@elastic/eui";
 
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionExpandableMenuItem.tsx
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 import { useTranslations as useTranslations31 } from "next-intl";
 import Link9 from "next/link";
 import { EuiButtonIcon as EuiButtonIcon7, EuiText as EuiText11 } from "@elastic/eui";
@@ -9457,7 +9460,7 @@ var WfoSubscriptionActionExpandableMenuItem = ({
 }) => {
   const t = useTranslations31("subscriptions.detail.actions");
   const { clickableStyle, expandableMenuItemStyle, expandButtonStyle, expandedContentStyle, linkStyle } = useWithOrchestratorTheme(getSubscriptionActionStyles);
-  const [isExpanded, setIsExpanded] = useState17(false);
+  const [isExpanded, setIsExpanded] = useState18(false);
   const { locked_relations: lockedRelations } = subscriptionAction;
   return /* @__PURE__ */ jsxs74("div", { children: [
     /* @__PURE__ */ jsxs74(
@@ -9553,11 +9556,11 @@ var WfoSubscriptionActionsMenuItem = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionActions/utils.ts
-import { useEffect as useEffect11, useState as useState18 } from "react";
+import { useEffect as useEffect11, useState as useState19 } from "react";
 var useActiveProcess = (processes) => {
   const lastProcess = processes?.[processes.length - 1];
   const isLastProcessRunning = lastProcess?.lastStatus.toLowerCase() === "running" /* RUNNING */;
-  const [processId, setProcessId] = useState18(null);
+  const [processId, setProcessId] = useState19(null);
   useEffect11(() => {
     if (isLastProcessRunning) {
       setProcessId(lastProcess.processId);
@@ -9595,7 +9598,7 @@ var WfoSubscriptionActions = ({
 }) => {
   const t = useTranslations33("subscriptions.detail.actions");
   const { theme } = useOrchestratorTheme();
-  const [isPopoverOpen, setPopover] = useState19(false);
+  const [isPopoverOpen, setPopover] = useState20(false);
   const router = useRouter6();
   const disableQuery = isLoading || !isPopoverOpen && compactMode;
   const { isAllowed } = usePolicy();
@@ -9746,7 +9749,7 @@ var WfoSubscriptionActions = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoSubscriptionProductBlock.tsx
-import { useState as useState20 } from "react";
+import { useState as useState21 } from "react";
 import { useTranslations as useTranslations35 } from "next-intl";
 import {
   EuiBadge as EuiBadge2,
@@ -9885,7 +9888,7 @@ var WfoSubscriptionProductBlock = ({
     outsideSubscriptionIdTextStyle,
     rowStyle
   } = useWithOrchestratorTheme(getStyles6);
-  const [showDetails, setShowDetails] = useState20(false);
+  const [showDetails, setShowDetails] = useState21(false);
   const ownerSubscriptionId = productBlock.subscription.subscriptionId;
   const isOutsideCurrentSubscription = ownerSubscriptionId !== subscriptionId;
   const inUseByRelations = productBlock.inUseByRelations.filter(
@@ -10009,12 +10012,12 @@ var WfoProductBlockKeyValueRow = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionDetailTree.tsx
-import React42, { useState as useState22 } from "react";
+import React42, { useState as useState23 } from "react";
 import { useTranslations as useTranslations37 } from "next-intl";
 import { EuiCallOut as EuiCallOut4, EuiFlexGroup as EuiFlexGroup17, EuiFlexItem as EuiFlexItem13, EuiText as EuiText15 } from "@elastic/eui";
 
 // src/components/WfoButtonComboBox/WfoButtonComboBox.tsx
-import { useEffect as useEffect12, useState as useState21 } from "react";
+import { useEffect as useEffect12, useState as useState22 } from "react";
 import { EuiPopover as EuiPopover4, EuiSelectable as EuiSelectable2, EuiSpacer as EuiSpacer16, EuiText as EuiText13 } from "@elastic/eui";
 
 // src/components/WfoButtonComboBox/styles.ts
@@ -10050,8 +10053,8 @@ var WfoButtonComboBox = ({
   children,
   className
 }) => {
-  const [isPopoverOpen, setPopoverOpen] = useState21(false);
-  const [optionsState, setOptionsState] = useState21(options);
+  const [isPopoverOpen, setPopoverOpen] = useState22(false);
+  const [optionsState, setOptionsState] = useState22(options);
   const { selectableStyle, titleStyle } = useWithOrchestratorTheme(getWfoButtonComboBoxStyles);
   useEffect12(() => {
     if (!isPopoverOpen) {
@@ -10329,7 +10332,7 @@ var WfoSubscriptionDetailTree = ({
 }) => {
   const t = useTranslations37("subscriptions.detail");
   const { theme } = useOrchestratorTheme();
-  const [, setSelectedTreeNode] = useState22(-1);
+  const [, setSelectedTreeNode] = useState23(-1);
   const { productBlockTreeWidth } = useWithOrchestratorTheme(getSubscriptionDetailStyles);
   const { selectedIds, expandAll, resetSelection, selectAll, selectIds, deselectIds } = React42.useContext(
     TreeContext
@@ -10578,13 +10581,13 @@ var customerDescriptionsApi = orchestratorApi.injectEndpoints({
 var { useSetCustomerDescriptionMutation, useUpdateCustomerDescriptionMutation } = customerDescriptionsApi;
 
 // src/components/WfoInlineEdit/WfoInlineEdit.tsx
-import { useEffect as useEffect14, useState as useState23 } from "react";
+import { useEffect as useEffect14, useState as useState24 } from "react";
 import { EuiInlineEditText } from "@elastic/eui";
 import { jsx as jsx165 } from "@emotion/react/jsx-runtime";
 var WfoInlineEdit = ({ value, onlyShowOnHover = false, onSave = () => {
 } }) => {
-  const [note, setValue] = useState23(value);
-  const [isTooltipVisible, setIsTooltipVisible] = useState23(true);
+  const [note, setValue] = useState24(value);
+  const [isTooltipVisible, setIsTooltipVisible] = useState24(true);
   const handleSave = () => {
     onSave(note.startsWith(INVISIBLE_CHARACTER) ? note.replace(INVISIBLE_CHARACTER, "") : note);
     setIsTooltipVisible(true);
@@ -10765,7 +10768,7 @@ var WfoCustomerDescriptionsField = ({
 };
 
 // src/components/WfoTable/WfoTableSettingsModal/WfoTableSettingsModal.tsx
-import { useState as useState24 } from "react";
+import { useState as useState25 } from "react";
 import { useTranslations as useTranslations38 } from "next-intl";
 import { EuiForm as EuiForm2, EuiFormRow as EuiFormRow5, EuiHorizontalRule as EuiHorizontalRule4, EuiSelect, EuiSpacer as EuiSpacer17, EuiSwitch as EuiSwitch2 } from "@elastic/eui";
 
@@ -10796,8 +10799,8 @@ var TableSettingsModal = ({
 }) => {
   const t = useTranslations38("main");
   const { formRowStyle, selectFieldStyle } = useWithOrchestratorTheme(getWfoTableSettingsModalStyles);
-  const [columns, setColumns] = useState24(tableConfig.columns);
-  const [selectedPageSize, setSelectedPageSize] = useState24(tableConfig.selectedPageSize);
+  const [columns, setColumns] = useState25(tableConfig.columns);
+  const [selectedPageSize, setSelectedPageSize] = useState25(tableConfig.selectedPageSize);
   const options = pageSizeOptions.map((pageSizeOption) => ({
     value: pageSizeOption,
     text: pageSizeOption.toString()
@@ -11038,11 +11041,11 @@ var WfoInlineJson = ({ data }) => {
 };
 
 // src/components/WfoTable/WfoRowContextMenu/WfoRowContextMenu.tsx
-import { useEffect as useEffect15, useRef as useRef7, useState as useState25 } from "react";
+import { useEffect as useEffect15, useRef as useRef7, useState as useState26 } from "react";
 import { EuiButtonIcon as EuiButtonIcon10, EuiContextMenu as EuiContextMenu2, EuiPopover as EuiPopover5 } from "@elastic/eui";
 import { jsx as jsx173 } from "@emotion/react/jsx-runtime";
 var WfoRowContextMenu = ({ items, onOpenContextMenu }) => {
-  const [isOpen, setIsOpen] = useState25(false);
+  const [isOpen, setIsOpen] = useState26(false);
   const onOpenContextMenuRef = useRef7(onOpenContextMenu);
   useEffect15(() => {
     if (isOpen) {
@@ -11098,7 +11101,7 @@ var toSortedTableColumnConfig = (columnConfig, columnKeys) => columnKeys.reduce(
 }, {});
 
 // src/components/WfoTable/WfoAdvancedTable/WfoAdvancedTable.tsx
-import { useEffect as useEffect16, useState as useState26 } from "react";
+import { useEffect as useEffect16, useState as useState27 } 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 jsx175, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
@@ -11118,10 +11121,10 @@ var WfoAdvancedTable = ({
   ...tableProps
 }) => {
   const { theme } = useOrchestratorTheme();
-  const [hiddenColumns, setHiddenColumns] = useState26(defaultHiddenColumns);
-  const [showSettingsModal, setShowSettingsModal] = useState26(false);
-  const [selectedDataForDetailModal, setSelectedDataForDetailModal] = useState26(void 0);
-  const [showSearchModal, setShowSearchModal] = useState26(false);
+  const [hiddenColumns, setHiddenColumns] = useState27(defaultHiddenColumns);
+  const [showSettingsModal, setShowSettingsModal] = useState27(false);
+  const [selectedDataForDetailModal, setSelectedDataForDetailModal] = useState27(void 0);
+  const [showSearchModal, setShowSearchModal] = useState27(false);
   const t = useTranslations39("common");
   useEffect16(() => {
     if (defaultHiddenColumns) {
@@ -11514,12 +11517,12 @@ var WfoIsAllowedToRender = ({ resource, children }) => {
 };
 
 // src/components/WfoDropdownButton/WfoDropdownButton.tsx
-import { useState as useState27 } from "react";
+import { useState as useState28 } from "react";
 import { EuiButtonGroup, EuiPopover as EuiPopover6 } from "@elastic/eui";
 import { jsx as jsx184 } from "@emotion/react/jsx-runtime";
 var WfoDropdownButton = ({ label, isDisabled = false, children }) => {
-  const [isHovered, setIsHovered] = useState27(false);
-  const [isPopoverOpen, setPopoverOpen] = useState27(false);
+  const [isHovered, setIsHovered] = useState28(false);
+  const [isPopoverOpen, setPopoverOpen] = useState28(false);
   const buttonOptions = [
     {
       id: "id_1",
@@ -11577,7 +11580,7 @@ import Link13 from "next/link";
 import { useRouter as useRouter17 } from "next/router";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { useEffect as useEffect17, useState as useState28 } from "react";
+import { useEffect as useEffect17, useState as useState29 } from "react";
 import { useTranslations as useTranslations42 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup2 } from "@elastic/eui";
 
@@ -11643,7 +11646,7 @@ var WfoProductBlocksPage = () => {
   const t = useTranslations42("metadata.productBlocks");
   const tError = useTranslations42("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState28();
+  const [tableDefaults, setTableDefaults] = useState29();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_PRODUCT_BLOCKS_TABLE_LOCAL_STORAGE_KEY
   );
@@ -11833,7 +11836,7 @@ var WfoProductBlocksPage = () => {
 };
 
 // src/pages/metadata/WfoResourceTypesPage.tsx
-import { useEffect as useEffect18, useState as useState29 } from "react";
+import { useEffect as useEffect18, useState as useState30 } from "react";
 import { useTranslations as useTranslations43 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup3 } from "@elastic/eui";
 import { Fragment as Fragment39, jsx as jsx188, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
@@ -11842,7 +11845,7 @@ var WfoResourceTypesPage = () => {
   const t = useTranslations43("metadata.resourceTypes");
   const tError = useTranslations43("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState29();
+  const [tableDefaults, setTableDefaults] = useState30();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY
   );
@@ -11983,11 +11986,11 @@ var WfoResourceTypesPage = () => {
 };
 
 // src/pages/metadata/WfoProductsPage.tsx
-import { useEffect as useEffect19, useState as useState31 } from "react";
+import { useEffect as useEffect19, useState as useState32 } from "react";
 import { useTranslations as useTranslations44 } from "next-intl";
 
 // src/components/WfoMetadata/WfoMetadataStatusField.tsx
-import { useState as useState30 } from "react";
+import { useState as useState31 } from "react";
 import { EuiButtonEmpty as EuiButtonEmpty6 } from "@elastic/eui";
 
 // src/components/WfoPopover/WfoPopover.tsx
@@ -12011,7 +12014,7 @@ var WfoPopover = ({ id, isLoading, PopoverContent, button, isPopoverOpen, closeP
 // src/components/WfoMetadata/WfoMetadataStatusField.tsx
 import { jsx as jsx190 } from "@emotion/react/jsx-runtime";
 var WfoMetadataStatusField = ({ onSave, currentStatus }) => {
-  const [isPopoverOpen, setPopover] = useState30(false);
+  const [isPopoverOpen, setPopover] = useState31(false);
   const onButtonClick = () => setPopover(!isPopoverOpen);
   const button = /* @__PURE__ */ jsx190(EuiButtonEmpty6, { iconType: "arrowDown", iconSide: "right", onClick: onButtonClick, color: "text", children: /* @__PURE__ */ jsx190(WfoProductStatusBadge, { status: currentStatus }) });
   const wrappedButton = /* @__PURE__ */ jsx190(
@@ -12055,7 +12058,7 @@ var WfoProductsPage = () => {
   const t = useTranslations44("metadata.products");
   const tError = useTranslations44("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState31();
+  const [tableDefaults, setTableDefaults] = useState32();
   const getStoredTableConfig = useStoredTableConfig(METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY);
   const [updateProductDescription] = useUpdateProductDescriptionMutation();
   const [updateProductStatus] = useUpdateProductStatusMutation();
@@ -12237,7 +12240,7 @@ var WfoProductsPage = () => {
 };
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { useEffect as useEffect20, useState as useState32 } from "react";
+import { useEffect as useEffect20, useState as useState33 } from "react";
 import { useTranslations as useTranslations45 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup4 } from "@elastic/eui";
 
@@ -12273,7 +12276,7 @@ var WfoWorkflowsPage = () => {
   const t = useTranslations45("metadata.workflows");
   const tError = useTranslations45("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState32();
+  const [tableDefaults, setTableDefaults] = useState33();
   const getStoredTableConfig = useStoredTableConfig(METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY);
   const [updateWorkflow] = useUpdateWorkflowMutation();
   useEffect20(() => {
@@ -12431,7 +12434,7 @@ var WfoWorkflowsPage = () => {
 };
 
 // src/pages/metadata/WfoTasksPage.tsx
-import { useEffect as useEffect21, useState as useState33 } from "react";
+import { useEffect as useEffect21, useState as useState34 } from "react";
 import { useTranslations as useTranslations46 } from "next-intl";
 import { useRouter as useRouter8 } from "next/router";
 import { EuiBadgeGroup as EuiBadgeGroup5, EuiButtonIcon as EuiButtonIcon12, EuiContextMenuItem as EuiContextMenuItem3 } from "@elastic/eui";
@@ -12468,7 +12471,7 @@ var graphQlTaskListMapper = ({ field, order }) => ({
 // src/pages/metadata/WfoTasksPage.tsx
 import { Fragment as Fragment42, jsx as jsx193, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
 var ScheduleTaskPopoverMenu = ({ workflowId }) => {
-  const [isPopoverOpen, setIsPopoverOpen] = useState33(false);
+  const [isPopoverOpen, setIsPopoverOpen] = useState34(false);
   const button = /* @__PURE__ */ jsx193(
     EuiButtonIcon12,
     {
@@ -12512,7 +12515,7 @@ var WfoTasksPage = () => {
   const t = useTranslations46("metadata.tasks");
   const tError = useTranslations46("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState33();
+  const [tableDefaults, setTableDefaults] = useState34();
   const getStoredTableConfig = useStoredTableConfig(METADATA_TASKS_TABLE_LOCAL_STORAGE_KEY);
   const [updateWorkflow] = useUpdateWorkflowMutation();
   useEffect21(() => {
@@ -12684,7 +12687,7 @@ var WfoTasksPage = () => {
 };
 
 // src/pages/metadata/WfoScheduledTasksPage.tsx
-import { useEffect as useEffect22, useState as useState34 } from "react";
+import { useEffect as useEffect22, useState as useState35 } 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";
@@ -12699,7 +12702,7 @@ var WfoScheduledTasksPage = () => {
   const tError = useTranslations47("errors");
   const { showToastMessage } = useShowToastMessage();
   const router = useRouter9();
-  const [tableDefaults, setTableDefaults] = useState34();
+  const [tableDefaults, setTableDefaults] = useState35();
   const [deleteScheduledTask, mutationState] = useDeleteScheduledTaskMutation();
   const getStoredTableConfig = useStoredTableConfig(METADATA_SCHEDULES_LOCAL_STORAGE_KEY);
   if (mutationState.isError) {
@@ -13486,7 +13489,7 @@ var WfoProcessDetailPage = ({ processId }) => {
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useMemo as useMemo6, useState as useState40 } from "react";
+import { useMemo as useMemo6, useState as useState41 } from "react";
 import { useTranslations as useTranslations59 } from "next-intl";
 import { useRouter as useRouter13 } from "next/router";
 import { EuiFlexGroup as EuiFlexGroup26, EuiFlexItem as EuiFlexItem21, EuiHorizontalRule as EuiHorizontalRule7, EuiPanel as EuiPanel5, EuiText as EuiText23 } from "@elastic/eui";
@@ -13568,7 +13571,7 @@ var WfoPydanticForm = ({ processName, startProcessPayload, isTask }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React63, { useCallback as useCallback11, useState as useState36 } from "react";
+import React63, { useCallback as useCallback11, useState as useState37 } from "react";
 import { useTranslations as useTranslations54 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup23, EuiFlexItem as EuiFlexItem19, EuiPanel as EuiPanel4, EuiText as EuiText18 } from "@elastic/eui";
 
@@ -13754,7 +13757,7 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoCodeViewSelector.tsx
-import { useCallback as useCallback9, useState as useState35 } from "react";
+import { useCallback as useCallback9, useState as useState36 } from "react";
 import { useTranslations as useTranslations52 } from "next-intl";
 import { EuiButtonGroup as EuiButtonGroup2 } from "@elastic/eui";
 import { jsx as jsx203 } from "@emotion/react/jsx-runtime";
@@ -13762,7 +13765,7 @@ var WfoCodeViewSelector = ({ codeView, handleCodeViewChange }) => {
   const t = useTranslations52("processes.steps");
   const { theme, toSecondaryColor } = useOrchestratorTheme();
   const isSelected = (buttonView) => buttonView === codeView;
-  const [showTooltips, setShowTooltips] = useState35(true);
+  const [showTooltips, setShowTooltips] = useState36(true);
   const codeViewOptions = [
     {
       id: "json" /* JSON */,
@@ -13914,7 +13917,7 @@ var WfoStep = React63.forwardRef(
     userPermissions
   }, ref) => {
     const { isExpanded, step, userInputForm } = stepListItem;
-    const [codeView, setCodeView] = useState36("json" /* JSON */);
+    const [codeView, setCodeView] = useState37("json" /* JSON */);
     const { theme } = useOrchestratorTheme();
     const {
       stepEmailContainerStyle,
@@ -14081,11 +14084,11 @@ var WfoStepList = React64.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React66, { useEffect as useEffect26, useState as useState38 } from "react";
+import React66, { useEffect as useEffect26, useState as useState39 } from "react";
 import { useTranslations as useTranslations57 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
-import { useCallback as useCallback12, useEffect as useEffect25, useMemo as useMemo5, useState as useState37 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect25, useMemo as useMemo5, useState as useState38 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
 import { useTranslations as useTranslations55 } from "next-intl";
@@ -14144,10 +14147,10 @@ var getSubscriptionDiffTexts = (data) => {
 };
 var WfoDiff = ({ oldText, newText, syntax }) => {
   const t = useTranslations55("processes.delta");
-  const [showSplit, setShowSplit] = useState37(true);
-  const [showFull, setShowFull] = useState37(false);
+  const [showSplit, setShowSplit] = useState38(true);
+  const [showFull, setShowFull] = useState38(false);
   const { diffStyle } = useWithOrchestratorTheme(getWfoDiffStyles);
-  const [{ type, hunks }, setDiff] = useState37({
+  const [{ type, hunks }, setDiff] = useState38({
     type: "modify",
     hunks: []
   });
@@ -14255,16 +14258,16 @@ var WfoProcessSubscriptionDelta = ({ processId }) => {
 };
 var WfoWorkflowStepList = React66.forwardRef(
   ({ steps = [], lastStatus, traceBack, processId, isTask, userInputForm, userPermissions }, reference) => {
-    const [showHiddenKeys, setShowHiddenKeys] = useState38(false);
-    const [showRaw, setShowRaw] = useState38(false);
-    const [showDelta, setShowDelta] = useState38(false);
-    const [showTraceback, setShowTraceback] = useState38(false);
+    const [showHiddenKeys, setShowHiddenKeys] = useState39(false);
+    const [showRaw, setShowRaw] = useState39(false);
+    const [showDelta, setShowDelta] = useState39(false);
+    const [showTraceback, setShowTraceback] = useState39(false);
     const t = useTranslations57("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
     }));
-    const [stepListItems, setStepListItems] = useState38(initialStepListItems);
+    const [stepListItems, setStepListItems] = useState39(initialStepListItems);
     const persistStepListItemState = (previousStepListItems, updatedSteps, userInputForm2) => {
       const reversedSteps = [...updatedSteps].reverse();
       const lastStepWithSuspendStatusStepId = reversedSteps.find((step) => step.status === "suspend" /* SUSPEND */)?.stepId;
@@ -14348,7 +14351,7 @@ var WfoWorkflowStepList = React66.forwardRef(
 WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { useState as useState39 } from "react";
+import { useState as useState40 } from "react";
 import { useTranslations as useTranslations58 } from "next-intl";
 import { EuiButton as EuiButton14, EuiFlexGroup as EuiFlexGroup25, EuiForm as EuiForm3, EuiFormRow as EuiFormRow6, EuiPopover as EuiPopover8, EuiSwitch as EuiSwitch3, EuiText as EuiText22 } from "@elastic/eui";
 
@@ -14398,7 +14401,7 @@ var WfoStepListHeader = ({
   const t = useTranslations58("processes.steps");
   const { theme } = useOrchestratorTheme();
   const { stepListHeaderStyle, stepListContentStyle, stepListContentBoldTextStyle, stepListOptionsContainerStyle } = useWithOrchestratorTheme(getWorkflowStepsStyles);
-  const [isViewOptionOpen, setIsViewOptionOpen] = useState39(false);
+  const [isViewOptionOpen, setIsViewOptionOpen] = useState40(false);
   const onViewOptionClick = () => setIsViewOptionOpen((isViewOptionOpen2) => !isViewOptionOpen2);
   const closeViewOption = () => setIsViewOptionOpen(false);
   const viewOptionButton = /* @__PURE__ */ jsx212(
@@ -14477,7 +14480,7 @@ var getInitialProcessPayload = ({
 var WfoStartProcessPage = ({ processName, isTask = false }) => {
   const t = useTranslations59("processes.steps");
   const router = useRouter13();
-  const [hasError, setHasError] = useState40(false);
+  const [hasError, setHasError] = useState41(false);
   const { theme } = useOrchestratorTheme();
   const { productId, subscriptionId } = router.query;
   const {
@@ -14780,14 +14783,14 @@ var WfoSubscriptionDetailPage = () => {
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect27, useState as useState41 } from "react";
+import { useEffect as useEffect27, useState as useState42 } from "react";
 import { useTranslations as useTranslations64 } 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 Fragment53, jsx as jsx219, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   const t = useTranslations64("subscriptions.detail");
-  const [tableDefaults, setTableDefaults] = useState41();
+  const [tableDefaults, setTableDefaults] = useState42();
   const getStoredTableConfig = useStoredTableConfig(SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY);
   useEffect27(() => {
     const storedConfig = getStoredTableConfig();
@@ -14840,7 +14843,7 @@ var WfoSubscriptionsListPage = () => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext10, useEffect as useEffect28, useState as useState42 } from "react";
+import { useContext as useContext10, useEffect as useEffect28, useState as useState43 } from "react";
 import { useTranslations as useTranslations65 } from "next-intl";
 import Link12 from "next/link";
 import { useRouter as useRouter15 } from "next/router";
@@ -14915,7 +14918,7 @@ var WfoTasksListPage = () => {
   const router = useRouter15();
   const t = useTranslations65("tasks.page");
   const [activeTab, setActiveTab] = useQueryParam4("activeTab", withDefault5(StringParam5, "ACTIVE" /* ACTIVE */));
-  const [tableDefaults, setTableDefaults] = useState42();
+  const [tableDefaults, setTableDefaults] = useState43();
   const selectedTasksListTab = getTasksListTabTypeFromString(activeTab);
   const localStorageKey = selectedTasksListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY;
   const getStoredTableConfig = useStoredTableConfig(localStorageKey);
@@ -15016,7 +15019,7 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect29, useState as useState43 } from "react";
+import { useEffect as useEffect29, useState as useState44 } from "react";
 import { useTranslations as useTranslations66 } from "next-intl";
 import { useRouter as useRouter16 } from "next/router";
 import { StringParam as StringParam6, useQueryParam as useQueryParam5, withDefault as withDefault6 } from "use-query-params";
@@ -15093,7 +15096,7 @@ var WfoWorkflowsListPage = () => {
     "activeTab",
     withDefault6(StringParam6, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState43();
+  const [tableDefaults, setTableDefaults] = useState44();
   const selectedWorkflowsListTab = getWorkflowsListTabTypeFromString(activeTab);
   const localStorageKey = selectedWorkflowsListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY;
   const getStoredTableConfig = useStoredTableConfig(localStorageKey);
@@ -15147,7 +15150,7 @@ var WfoWorkflowsListPage = () => {
 };
 
 // src/components/WfoProcessList/WfoProcessListDeltaPopover.tsx
-import { useState as useState44 } from "react";
+import { useState as useState45 } from "react";
 import { useTranslations as useTranslations67 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon15, EuiLoadingSpinner as EuiLoadingSpinner5, EuiPanel as EuiPanel8, EuiPopover as EuiPopover9 } from "@elastic/eui";
 
@@ -15183,7 +15186,7 @@ var WfoProcessListDeltaPopover = ({ processListItem }) => {
     getWfoProcessListDeltaPopoverStyles
   );
   const t = useTranslations67("processes.steps");
-  const [isPopoverOpen, setPopoverOpen] = useState44(false);
+  const [isPopoverOpen, setPopoverOpen] = useState45(false);
   const { processId, workflowTarget } = processListItem;
   const { data, isFetching } = useGetRawProcessDetailQuery({ processId }, { skip: !isPopoverOpen });
   if (workflowTarget.toUpperCase() !== "modify" /* MODIFY */.toUpperCase()) {
@@ -15547,7 +15550,7 @@ var WfoJsonCodeBlock = ({ data, isBasicStyle = false }) => {
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { useState as useState45 } from "react";
+import { useState as useState46 } from "react";
 import { useTranslations as useTranslations69 } from "next-intl";
 import { EuiButton as EuiButton17, EuiComboBox, EuiPanel as EuiPanel9, EuiSpacer as EuiSpacer27, EuiText as EuiText27 } from "@elastic/eui";
 
@@ -15580,7 +15583,7 @@ var WfoFlushSettings = () => {
   const { comboboxStyle } = useWithOrchestratorTheme(getWfoFlushSettingsStyle);
   const [clearCache] = useClearCacheMutation();
   const t = useTranslations69("settings.page");
-  const [selectedOptions, setSelected] = useState45([]);
+  const [selectedOptions, setSelected] = useState46([]);
   const { showToastMessage } = useShowToastMessage();
   const onChange = (selectedOptions2) => {
     setSelected(selectedOptions2);
@@ -16648,11 +16651,11 @@ var WfoTitleWithWebsocketBadge = ({ title, wsUrl = void 0 }) => {
 };
 
 // src/components/WfoRadioDropdown/WfoRadioDropdown.tsx
-import { useState as useState46 } from "react";
+import { useState as useState47 } from "react";
 import { EuiButtonEmpty as EuiButtonEmpty7, EuiFlexGroup as EuiFlexGroup34, EuiPopover as EuiPopover10, EuiRadioGroup as EuiRadioGroup2 } from "@elastic/eui";
 import { jsx as jsx249 } from "@emotion/react/jsx-runtime";
 var WfoRadioDropdown = ({ options, onUpdateOption, selectedOption }) => {
-  const [isOpen, setIsOpen] = useState46(false);
+  const [isOpen, setIsOpen] = useState47(false);
   const handleClose = () => {
     if (isOpen) {
       setIsOpen(false);
@@ -16824,11 +16827,11 @@ var WfoSubscriptionDetailNoteEdit = ({
 };
 
 // src/components/WfoInlineNoteEdit/WfoProcessListNoteEdit.tsx
-import { useEffect as useEffect30, useState as useState47 } from "react";
+import { useEffect as useEffect30, useState as useState48 } from "react";
 import { jsx as jsx252 } from "@emotion/react/jsx-runtime";
 var WfoProcessListNoteEdit = ({ processId, note }) => {
   const [patchProcess] = usePatchProcessMutation();
-  const [noteValue, setNoteValue] = useState47(note);
+  const [noteValue, setNoteValue] = useState48(note);
   useEffect30(() => {
     if (note !== noteValue) {
       setNoteValue(note);
@@ -16875,7 +16878,7 @@ var WfoTableCodeBlock = ({ stepState: data }) => {
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { useEffect as useEffect34, useState as useState52 } from "react";
+import { useEffect as useEffect34, useState as useState53 } from "react";
 import { useTranslations as useTranslations83 } from "next-intl";
 import {
   EuiButton as EuiButton21,
@@ -16892,9 +16895,9 @@ import {
 } from "@elastic/eui";
 
 // src/hooks/useDebounce.ts
-import { useEffect as useEffect31, useState as useState48 } from "react";
+import { useEffect as useEffect31, useState as useState49 } from "react";
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = useState48(value);
+  const [debouncedValue, setDebouncedValue] = useState49(value);
   useEffect31(() => {
     if (delay <= 0) {
       setDebouncedValue(value);
@@ -16911,9 +16914,9 @@ function useDebounce(value, delay) {
 }
 
 // src/hooks/useSearch.ts
-import { useEffect as useEffect32, useState as useState49 } from "react";
+import { useEffect as useEffect32, useState as useState50 } from "react";
 var useSearch = (query, entityType, filterGroup, limit, retriever = "auto" /* Auto */) => {
-  const [results, setResults] = useState49({
+  const [results, setResults] = useState50({
     data: [],
     page_info: { has_next_page: false, next_page_cursor: null },
     search_metadata: { search_type: null, description: null }
@@ -16970,12 +16973,12 @@ var useSearch = (query, entityType, filterGroup, limit, retriever = "auto" /* Au
 };
 
 // src/hooks/useSearchPagination.ts
-import { useCallback as useCallback13, useState as useState50 } from "react";
+import { useCallback as useCallback13, useState as useState51 } from "react";
 var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageSize, results, setResults, retriever) => {
-  const [currentPage, setCurrentPage] = useState50(1);
-  const [pageHistory, setPageHistory] = useState50([]);
-  const [error, setError] = useState50(null);
-  const [isLoadingMore, setIsLoadingMore] = useState50(false);
+  const [currentPage, setCurrentPage] = useState51(1);
+  const [pageHistory, setPageHistory] = useState51([]);
+  const [error, setError] = useState51(null);
+  const [isLoadingMore, setIsLoadingMore] = useState51(false);
   const [triggerSearchPagination] = useSearchWithPaginationMutation();
   const handleNextPage = useCallback13(
     async (nextPageCursor) => {
@@ -17068,7 +17071,7 @@ var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageS
 };
 
 // src/hooks/useUrlParams.ts
-import { useCallback as useCallback14, useEffect as useEffect33, useState as useState51 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect33, useState as useState52 } from "react";
 
 // src/components/WfoSearchPage/constants.ts
 var DEFAULT_PAGE_SIZE2 = 5;
@@ -17083,28 +17086,28 @@ var DEFAULT_ENTITY_TAB = "SUBSCRIPTION";
 
 // src/hooks/useUrlParams.ts
 var useUrlParams = () => {
-  const [urlParams, setUrlParams] = useState51(() => {
+  const [urlParams, setUrlParams] = useState52(() => {
     if (typeof window !== "undefined") {
       return new URLSearchParams(window.location.search);
     }
     return new URLSearchParams();
   });
-  const [query, setQuery] = useState51(() => {
+  const [query, setQuery] = useState52(() => {
     const queryParam = urlParams.get("q");
     return queryParam || "";
   });
-  const [selectedEntityTab, setSelectedEntityTab] = useState51(() => {
+  const [selectedEntityTab, setSelectedEntityTab] = useState52(() => {
     const tabParam = urlParams.get("tab");
     return tabParam && VALID_ENTITY_TYPES.includes(tabParam) ? tabParam : DEFAULT_ENTITY_TAB;
   });
-  const [showFilters, setShowFilters] = useState51(() => {
+  const [showFilters, setShowFilters] = useState52(() => {
     return urlParams.get("filters") === "true";
   });
-  const [selectedRecordIndex, setSelectedRecordIndex] = useState51(() => {
+  const [selectedRecordIndex, setSelectedRecordIndex] = useState52(() => {
     const indexParam = urlParams.get("selected");
     return indexParam ? parseInt(indexParam, 10) || 0 : 0;
   });
-  const [selectedRecordId, setSelectedRecordId] = useState51(() => {
+  const [selectedRecordId, setSelectedRecordId] = useState52(() => {
     return urlParams.get("id") || null;
   });
   const updateUrl = useCallback14(() => {
@@ -17166,12 +17169,12 @@ var WfoSearch = () => {
     setSelectedRecordId
   } = useUrlParams();
   const pageSize = DEFAULT_PAGE_SIZE2;
-  const [filterGroup, setFilterGroup] = useState52({
+  const [filterGroup, setFilterGroup] = useState53({
     op: "AND",
     children: []
   });
-  const [showDetailPanel, setShowDetailPanel] = useState52(false);
-  const [retrieverType, setRetrieverType] = useState52("auto" /* Auto */);
+  const [showDetailPanel, setShowDetailPanel] = useState53(false);
+  const [retrieverType, setRetrieverType] = useState53("auto" /* Auto */);
   const debouncedQuery = useDebounce(query, DEFAULT_DEBOUNCE_DELAY);
   const { results, loading, setResults } = useSearch(
     debouncedQuery,
@@ -17180,7 +17183,7 @@ var WfoSearch = () => {
     pageSize,
     retrieverType
   );
-  const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState52(false);
+  const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState53(false);
   useEffect34(() => {
     const queryText = typeof debouncedQuery === "string" ? debouncedQuery : debouncedQuery?.text?.trim() || "";
     const hasFilters = filterGroup && filterGroup.children.length > 0;
@@ -17191,7 +17194,7 @@ var WfoSearch = () => {
     }
   }, [debouncedQuery, filterGroup]);
   const { currentPage, error, isLoadingMore, handleNextPage, handlePrevPage, resetPagination, setError } = useSearchPagination(debouncedQuery, selectedEntityTab, filterGroup, pageSize, results, setResults, retrieverType);
-  const [searchValue, setSearchValue] = useState52(() => {
+  const [searchValue, setSearchValue] = useState53(() => {
     if (typeof query === "string") {
       return query;
     }
@@ -17716,12 +17719,12 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx
-import { useState as useState54 } from "react";
+import { useState as useState55 } from "react";
 import { useTranslations as useTranslations93 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon18, EuiFlexGroup as EuiFlexGroup46, EuiFlexItem as EuiFlexItem43, EuiFormRow as EuiFormRow8, EuiPanel as EuiPanel20 } from "@elastic/eui";
 
 // src/hooks/usePathAutoComplete.ts
-import { useEffect as useEffect36, useState as useState53 } from "react";
+import { useEffect as useEffect36, useState as useState54 } from "react";
 var FALLBACK_DEFINITIONS = {
   string: {
     operators: ["eq", "neq"],
@@ -17761,7 +17764,7 @@ var FALLBACK_DEFINITIONS = {
   }
 };
 var usePathAutocomplete = (prefix, entityType) => {
-  const [paths, setPaths] = useState53([]);
+  const [paths, setPaths] = useState54([]);
   const debouncedPrefix = useDebounce(prefix, 300);
   const { data: definitions = FALLBACK_DEFINITIONS, isError: defError } = useSearchDefinitionsQuery();
   const {
@@ -18396,9 +18399,9 @@ import { jsx as jsx270, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
 var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
   const t = useTranslations93("search.page");
   const { theme } = useOrchestratorTheme();
-  const [searchValue, setSearchValue] = useState54(condition.path);
-  const [showPathSelection, setShowPathSelection] = useState54(false);
-  const [selectedFieldName, setSelectedFieldName] = useState54("");
+  const [searchValue, setSearchValue] = useState55(condition.path);
+  const [showPathSelection, setShowPathSelection] = useState55(false);
+  const [selectedFieldName, setSelectedFieldName] = useState55("");
   const { paths, loading, error } = usePathAutocomplete(searchValue, entityType);
   const selectedPathInfo = (() => {
     if (!condition.path) return null;
@@ -18722,7 +18725,7 @@ var FilterGroup = ({
 };
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
-import { useCallback as useCallback15, useEffect as useEffect37, useState as useState55 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect37, useState as useState56 } from "react";
 import { EuiFlexItem as EuiFlexItem45 } from "@elastic/eui";
 import Editor from "@monaco-editor/react";
 
@@ -18749,9 +18752,9 @@ var MONACO_THEME = {
 var WfoMonacoCodeBlock = ({ data }) => {
   const { theme, isDarkModeActive } = useOrchestratorTheme();
   const { monacoEditorStyle } = useWithOrchestratorTheme(getStyles15);
-  const [monacoInstance, setMonacoInstance] = useState55(void 0);
+  const [monacoInstance, setMonacoInstance] = useState56(void 0);
   const json = JSON.stringify(data, null, 4);
-  const [editorHeight, setEditorHeight] = useState55(0);
+  const [editorHeight, setEditorHeight] = useState56(0);
   const addThemeToEditor = useCallback15(
     (monaco) => {
       monaco.editor.defineTheme("wfoTheme", {