@orchestrator-ui/orchestrator-ui-components 6.7.8 → 6.8.0

package/dist/index.js

@@ -65,7 +65,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "6.7.8";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "6.8.0";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -1909,6 +1909,7 @@ var workflowOptionsQuery = `
                     productId
                     name
                     tag
+                    status
                 }
             }
         }
@@ -1931,12 +1932,15 @@ var startButtonOptionsApi = orchestratorApi.injectEndpoints({
       query: () => ({
         document: workflowOptionsQuery
       }),
-      transformResponse: (response) => {
+      transformResponse: (response, _5, productStatus) => {
+        const statusToMatch = (productStatus ?? "active" /* ACTIVE */).toLowerCase();
         const startOptions = [];
         const workflows = response?.workflows?.page || [];
         workflows.forEach((workflow) => {
           const workflowName = workflow.name;
-          workflow.products.forEach((product) => {
+          workflow.products.filter(
+            (product) => product.status.toLowerCase() === statusToMatch
+          ).forEach((product) => {
             startOptions.push({
               workflowName,
               isAllowed: workflow.isAllowed,
@@ -5412,6 +5416,7 @@ var WfoPageTemplate = ({
   children,
   getAppLogo,
   overrideMenuItems,
+  overrideStartWorkflowFilters,
   onThemeSwitch
 }) => {
   const { getSidebarStyle, NAVIGATION_HEIGHT } = useWithOrchestratorTheme(
@@ -5440,7 +5445,13 @@ var WfoPageTemplate = ({
             EuiPageTemplate.Sidebar,
             {
               css: getSidebarStyle(NAVIGATION_HEIGHT),
-              children: /* @__PURE__ */ jsx65(WfoSidebar, { overrideMenuItems })
+              children: /* @__PURE__ */ jsx65(
+                WfoSidebar,
+                {
+                  overrideMenuItems,
+                  overrideStartWorkflowFilters
+                }
+              )
             }
           ),
           /* @__PURE__ */ jsx65(
@@ -5586,12 +5597,21 @@ var getMenuItemStyles = ({ theme, isDarkThemeActive }) => {
 };
 
 // src/components/WfoStartButton/WfoStartWorkflowComboBox.tsx
+import React9 from "react";
 import { useTranslations as useTranslations6 } from "next-intl";
 import { useRouter } from "next/router";
 
 // src/components/WfoStartButton/WfoStartButtonComboBox.tsx
-import { useState as useState6 } from "react";
-import { EuiButton as EuiButton2, EuiPopover as EuiPopover2, EuiSelectable, EuiSpacer as EuiSpacer2 } from "@elastic/eui";
+import React8, { useState as useState6 } from "react";
+import { capitalize } from "lodash";
+import {
+  EuiButton as EuiButton2,
+  EuiButtonEmpty,
+  EuiFlexGroup,
+  EuiPopover as EuiPopover2,
+  EuiSelectable,
+  EuiSpacer as EuiSpacer2
+} from "@elastic/eui";
 
 // src/components/WfoStartButton/styles.ts
 import { css as css5 } from "@emotion/react";
@@ -5620,7 +5640,10 @@ var WfoStartButtonComboBox = ({
   options,
   onOptionChange,
   isProcess,
-  className
+  className,
+  selectedProductStatus,
+  setSelectedProductStatus,
+  startWorkflowFilters
 }) => {
   const [isPopoverOpen, setPopoverOpen] = useState6(false);
   const { theme, isDarkThemeActive } = useOrchestratorTheme();
@@ -5635,40 +5658,91 @@ var WfoStartButtonComboBox = ({
       children: buttonText
     }
   );
-  return /* @__PURE__ */ jsx66(
+  const [isFilterPopoverOpen, setFilterPopoverOpen] = React8.useState(false);
+  const ProductStatePicker = () => {
+    return setSelectedProductStatus ? /* @__PURE__ */ jsx66(EuiFlexGroup, { justifyContent: "flexEnd", gutterSize: "none", children: /* @__PURE__ */ jsx66(
+      EuiPopover2,
+      {
+        button: /* @__PURE__ */ jsx66(
+          EuiButtonEmpty,
+          {
+            css: {
+              ".euiButtonEmpty__content": {
+                gap: theme.size.xxs
+              }
+            },
+            size: "xs",
+            iconSide: "right",
+            iconType: () => /* @__PURE__ */ jsx66(
+              WfoChevronDown,
+              {
+                height: 18,
+                width: 18,
+                color: "currentColor"
+              }
+            ),
+            onClick: () => setFilterPopoverOpen((v) => !v),
+            children: /* @__PURE__ */ jsx66("b", { children: capitalize(selectedProductStatus) })
+          }
+        ),
+        isOpen: isFilterPopoverOpen,
+        closePopover: () => setFilterPopoverOpen(false),
+        anchorPosition: "downRight",
+        children: startWorkflowFilters?.map((productStatus) => /* @__PURE__ */ jsx66("div", { children: /* @__PURE__ */ jsx66(
+          EuiButtonEmpty,
+          {
+            size: "xs",
+            onClick: () => {
+              setSelectedProductStatus(productStatus);
+              setFilterPopoverOpen(false);
+            },
+            children: capitalize(productStatus)
+          },
+          productStatus
+        ) }, productStatus))
+      }
+    ) }) : /* @__PURE__ */ jsx66(Fragment3, {});
+  };
+  return /* @__PURE__ */ jsxs41(
     EuiPopover2,
     {
       initialFocus: `.euiSelectable .euiFieldSearch`,
       button: Button,
       isOpen: isPopoverOpen,
       closePopover: () => setPopoverOpen(false),
-      children: /* @__PURE__ */ jsx66(
-        EuiSelectable,
-        {
-          className,
-          css: selectableStyle,
-          searchable: true,
-          options,
-          onChange: (_5, __, changedOption) => onOptionChange(changedOption),
-          height: 200,
-          children: (list, search) => /* @__PURE__ */ jsxs41(Fragment3, { children: [
-            search,
-            /* @__PURE__ */ jsx66(EuiSpacer2, { size: "s" }),
-            list
-          ] })
-        }
-      )
+      children: [
+        startWorkflowFilters && /* @__PURE__ */ jsx66(ProductStatePicker, {}),
+        /* @__PURE__ */ jsx66(
+          EuiSelectable,
+          {
+            className,
+            css: selectableStyle,
+            searchable: true,
+            options,
+            onChange: (_5, __, changedOption) => onOptionChange(changedOption),
+            height: 200,
+            children: (list, search) => /* @__PURE__ */ jsxs41(Fragment3, { children: [
+              search,
+              /* @__PURE__ */ jsx66(EuiSpacer2, { size: "s" }),
+              list
+            ] })
+          }
+        )
+      ]
     }
   );
 };
 
 // src/components/WfoStartButton/WfoStartWorkflowComboBox.tsx
 import { jsx as jsx67 } from "@emotion/react/jsx-runtime";
-var WfoStartWorkflowButtonComboBox = () => {
+var WfoStartWorkflowButtonComboBox = ({
+  startWorkflowFilters
+}) => {
   const router = useRouter();
   const t = useTranslations6("common");
   const { isEngineRunningNow } = useCheckEngineStatus();
-  const { data } = useGetWorkflowOptionsQuery();
+  const [selectedProductStatus, setSelectedProductStatus] = React9.useState("active" /* ACTIVE */);
+  const { data } = useGetWorkflowOptionsQuery(selectedProductStatus);
   const workflowOptions = data?.startOptions || [];
   const comboBoxOptions = [...workflowOptions].sort(
     (workflowA, workflowB) => workflowA.productName.localeCompare(workflowB.productName)
@@ -5696,7 +5770,10 @@ var WfoStartWorkflowButtonComboBox = () => {
       options: comboBoxOptions,
       onOptionChange: handleOptionChange,
       isProcess: true,
-      css: { width: "300px" }
+      css: { width: "300px" },
+      selectedProductStatus,
+      setSelectedProductStatus,
+      startWorkflowFilters
     }
   );
 };
@@ -5742,7 +5819,10 @@ var createSideNavDivider = () => ({
   id: htmlIdGenerator("menuDivider")(),
   renderItem: () => /* @__PURE__ */ jsx69(EuiHorizontalRule, { margin: "xs" })
 });
-var WfoSidebar = ({ overrideMenuItems }) => {
+var WfoSidebar = ({
+  overrideMenuItems,
+  overrideStartWorkflowFilters
+}) => {
   const { menuStyle } = useWithOrchestratorTheme(getMenuStyles);
   const t = useTranslations7("main");
   const router = useRouter2();
@@ -5923,7 +6003,12 @@ var WfoSidebar = ({ overrideMenuItems }) => {
           WfoIsAllowedToRender,
           {
             resource: "/orchestrator/processes/create/process/menu" /* SUBSCRIPTION_CREATE */,
-            children: /* @__PURE__ */ jsx69(WfoStartWorkflowButtonComboBox, {})
+            children: /* @__PURE__ */ jsx69(
+              WfoStartWorkflowButtonComboBox,
+              {
+                startWorkflowFilters: overrideStartWorkflowFilters
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsx69(EuiSpacer3, { size: "xl" }),
@@ -6854,7 +6939,7 @@ var WfoAvailabilityCheck = ({
 
 // src/components/WfoContentHeader/WfoContentHeader.tsx
 import {
-  EuiFlexGroup,
+  EuiFlexGroup as EuiFlexGroup2,
   EuiFlexItem,
   EuiPageHeader,
   EuiSpacer as EuiSpacer5
@@ -6865,7 +6950,7 @@ var WfoContentHeader = ({
   subtitle,
   children
 }) => /* @__PURE__ */ jsxs46(Fragment9, { children: [
-  /* @__PURE__ */ jsxs46(EuiFlexGroup, { children: [
+  /* @__PURE__ */ jsxs46(EuiFlexGroup2, { children: [
     /* @__PURE__ */ jsxs46(EuiFlexItem, { children: [
       /* @__PURE__ */ jsx84(
         WfoRenderElementOrString,
@@ -6880,7 +6965,7 @@ var WfoContentHeader = ({
       ] })
     ] }),
     children && /* @__PURE__ */ jsx84(EuiFlexItem, { grow: 0, children: /* @__PURE__ */ jsx84(
-      EuiFlexGroup,
+      EuiFlexGroup2,
       {
         justifyContent: "flexEnd",
         alignItems: "flexStart",
@@ -6942,7 +7027,7 @@ import { useRouter as useRouter4 } from "next/router";
 import {
   EuiBreadcrumbs,
   EuiButtonIcon as EuiButtonIcon4,
-  EuiFlexGroup as EuiFlexGroup2,
+  EuiFlexGroup as EuiFlexGroup3,
   EuiFlexItem as EuiFlexItem2,
   EuiSpacer as EuiSpacer6
 } from "@elastic/eui";
@@ -6981,7 +7066,7 @@ var WfoBreadcrumbs = ({
   });
   return /* @__PURE__ */ jsxs48(Fragment11, { children: [
     /* @__PURE__ */ jsxs48(
-      EuiFlexGroup2,
+      EuiFlexGroup3,
       {
         direction: "row",
         alignItems: "center",
@@ -7153,7 +7238,7 @@ var WfoKeyCell = ({ value, rowNumber }) => {
 };
 
 // src/components/WfoKeyValueTable/WfoValueCell.tsx
-import React12 from "react";
+import React13 from "react";
 import { EuiCopy } from "@elastic/eui";
 
 // src/icons/WfoClipboardCopy.tsx
@@ -7211,7 +7296,7 @@ var WfoValueCell = ({
     valueCellStyle
   } = useWithOrchestratorTheme(getStyles5);
   const shouldRenderCopyColumn = enableCopyIcon && textToCopy;
-  const valueToRender = typeof value === "string" || typeof value === "number" || React12.isValidElement(value) ? value : JSON.stringify(value);
+  const valueToRender = typeof value === "string" || typeof value === "number" || React13.isValidElement(value) ? value : JSON.stringify(value);
   const copyText = typeof textToCopy === "object" ? JSON.stringify(textToCopy) : textToCopy;
   return /* @__PURE__ */ jsxs50("div", { css: [getBackgroundColorStyleForRow(rowNumber), valueColumnStyle], children: [
     /* @__PURE__ */ jsx90("div", { css: valueCellStyle, children: valueToRender }),
@@ -7482,8 +7567,8 @@ var WfoInformationModal = ({
 import { useTranslations as useTranslations17 } from "next-intl";
 import {
   EuiButton as EuiButton5,
-  EuiButtonEmpty,
-  EuiFlexGroup as EuiFlexGroup3,
+  EuiButtonEmpty as EuiButtonEmpty2,
+  EuiFlexGroup as EuiFlexGroup4,
   EuiModal as EuiModal3,
   EuiModalBody as EuiModalBody3,
   EuiModalFooter as EuiModalFooter3,
@@ -7504,8 +7589,8 @@ var WfoSettingsModal = ({
     /* @__PURE__ */ jsx95(EuiModalHeader3, { children: /* @__PURE__ */ jsx95(EuiModalHeaderTitle3, { size: "xs", children: title }) }),
     /* @__PURE__ */ jsx95(EuiSpacer8, { size: "s" }),
     /* @__PURE__ */ jsx95(EuiModalBody3, { children }),
-    /* @__PURE__ */ jsx95(EuiModalFooter3, { children: /* @__PURE__ */ jsxs53(EuiFlexGroup3, { justifyContent: "spaceBetween", children: [
-      /* @__PURE__ */ jsx95(EuiButtonEmpty, { onClick: onResetToDefaults, flush: "left", children: t("resetToDefault") }),
+    /* @__PURE__ */ jsx95(EuiModalFooter3, { children: /* @__PURE__ */ jsxs53(EuiFlexGroup4, { justifyContent: "spaceBetween", children: [
+      /* @__PURE__ */ jsx95(EuiButtonEmpty2, { onClick: onResetToDefaults, flush: "left", children: t("resetToDefault") }),
       /* @__PURE__ */ jsx95(EuiButton5, { onClick: onUpdateTableConfig, fill: true, children: t("savePreferences") })
     ] }) })
   ] });
@@ -7514,8 +7599,8 @@ var WfoSettingsModal = ({
 // src/components/WfoSettingsModal/WfoSubmitModal.tsx
 import {
   EuiButton as EuiButton6,
-  EuiButtonEmpty as EuiButtonEmpty2,
-  EuiFlexGroup as EuiFlexGroup4,
+  EuiButtonEmpty as EuiButtonEmpty3,
+  EuiFlexGroup as EuiFlexGroup5,
   EuiFlexItem as EuiFlexItem3,
   EuiModal as EuiModal4,
   EuiModalBody as EuiModalBody4,
@@ -7538,8 +7623,8 @@ var WfoSubmitModal = ({
     /* @__PURE__ */ jsx96(EuiModalHeader4, { children: /* @__PURE__ */ jsx96(EuiModalHeaderTitle4, { size: "xs", children: title }) }),
     /* @__PURE__ */ jsx96(EuiSpacer9, { size: "s" }),
     /* @__PURE__ */ jsx96(EuiModalBody4, { children }),
-    /* @__PURE__ */ jsx96(EuiModalFooter4, { children: /* @__PURE__ */ jsxs54(EuiFlexGroup4, { justifyContent: "spaceBetween", children: [
-      /* @__PURE__ */ jsx96(EuiFlexItem3, { grow: false, children: /* @__PURE__ */ jsx96(EuiButtonEmpty2, { onClick: onClose, children: "Close" }) }),
+    /* @__PURE__ */ jsx96(EuiModalFooter4, { children: /* @__PURE__ */ jsxs54(EuiFlexGroup5, { justifyContent: "spaceBetween", children: [
+      /* @__PURE__ */ jsx96(EuiFlexItem3, { grow: false, children: /* @__PURE__ */ jsx96(EuiButtonEmpty3, { onClick: onClose, children: "Close" }) }),
       /* @__PURE__ */ jsx96(EuiFlexItem3, { grow: false, children: /* @__PURE__ */ jsx96(
         EuiButton6,
         {
@@ -7896,7 +7981,7 @@ var WfoSubscriptionProductInfoSection = ({
 };
 
 // src/components/WfoSubscription/SubscriptionKeyValueBlock.tsx
-import { EuiFlexGroup as EuiFlexGroup5, EuiFlexItem as EuiFlexItem4, EuiSpacer as EuiSpacer10, EuiText as EuiText4 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup6, EuiFlexItem as EuiFlexItem4, EuiSpacer as EuiSpacer10, EuiText as EuiText4 } from "@elastic/eui";
 import { Fragment as Fragment13, jsx as jsx101, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
 var SubscriptionKeyValueBlock = ({
   title,
@@ -7906,7 +7991,7 @@ var SubscriptionKeyValueBlock = ({
   return /* @__PURE__ */ jsxs55(Fragment13, { children: [
     /* @__PURE__ */ jsx101(EuiSpacer10, { size: "m" }),
     /* @__PURE__ */ jsx101("div", { children: /* @__PURE__ */ jsxs55("div", { style: { marginTop: 5 }, children: [
-      /* @__PURE__ */ jsx101(EuiFlexGroup5, { justifyContent: "spaceBetween", children: /* @__PURE__ */ jsx101(EuiFlexItem4, { children: /* @__PURE__ */ jsx101(
+      /* @__PURE__ */ jsx101(EuiFlexGroup6, { justifyContent: "spaceBetween", children: /* @__PURE__ */ jsx101(EuiFlexItem4, { children: /* @__PURE__ */ jsx101(
         EuiText4,
         {
           grow: false,
@@ -8222,13 +8307,13 @@ var WfoInSyncField = ({
 };
 
 // src/components/WfoSubscription/WfoProcessesTimeline.tsx
-import React16 from "react";
+import React17 from "react";
 import { useTranslations as useTranslations23 } from "next-intl";
 import Link6 from "next/link";
 import {
   EuiComment,
   EuiCommentList,
-  EuiFlexGroup as EuiFlexGroup6,
+  EuiFlexGroup as EuiFlexGroup7,
   EuiFlexItem as EuiFlexItem5,
   EuiSpacer as EuiSpacer11,
   EuiText as EuiText5
@@ -8338,7 +8423,7 @@ var WfoProcessCard = ({ subscriptionDetailProcess }) => {
       content: subscriptionDetailProcess.createdBy
     }
   ];
-  return /* @__PURE__ */ jsx105("div", { css: tableStyle, children: rows.map(({ label, content }, idx) => /* @__PURE__ */ jsx105("div", { css: rowStyle, children: /* @__PURE__ */ jsx105("div", { className: "border", css: borderStyle, children: /* @__PURE__ */ jsxs58(EuiFlexGroup6, { css: cellGroupStyle, children: [
+  return /* @__PURE__ */ jsx105("div", { css: tableStyle, children: rows.map(({ label, content }, idx) => /* @__PURE__ */ jsx105("div", { css: rowStyle, children: /* @__PURE__ */ jsx105("div", { className: "border", css: borderStyle, children: /* @__PURE__ */ jsxs58(EuiFlexGroup7, { css: cellGroupStyle, children: [
     /* @__PURE__ */ jsx105(EuiFlexItem5, { css: labelCellStyle, grow: 2, children: label }),
     /* @__PURE__ */ jsx105(EuiFlexItem5, { grow: 9, children: content })
   ] }, label) }) }, idx)) });
@@ -8362,7 +8447,7 @@ var WfoRenderSubscriptionProcess = ({
       ),
       children: [
         /* @__PURE__ */ jsxs58(
-          EuiFlexGroup6,
+          EuiFlexGroup7,
           {
             alignItems: "center",
             gutterSize: "s",
@@ -8402,7 +8487,7 @@ var WfoProcessesTimeline = ({
       value: "DESC" /* DESC */
     }
   ];
-  const [selectedOption, setSelectedOption] = React16.useState(options[0]);
+  const [selectedOption, setSelectedOption] = React17.useState(options[0]);
   const handleOnSelectOption = (option) => {
     setSelectedOption(option);
   };
@@ -8435,7 +8520,7 @@ var WfoProcessesTimeline = ({
 import { useState as useState14 } from "react";
 import { useTranslations as useTranslations28 } from "next-intl";
 import Link7 from "next/link";
-import { EuiFlexGroup as EuiFlexGroup8, EuiFlexItem as EuiFlexItem6, EuiSpacer as EuiSpacer14, EuiSwitch } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup9, EuiFlexItem as EuiFlexItem6, EuiSpacer as EuiSpacer14, EuiSwitch } from "@elastic/eui";
 
 // src/components/WfoSubscription/utils/relatedSubscriptionsListItemsObjectMappers.ts
 var mapRelatedSubscriptionsResponseToRelatedSubscriptionsListItems = (input) => input?.relatedSubscriptions.map(
@@ -9388,7 +9473,7 @@ var WfoTable = ({
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoGroupedTable.tsx
 import { useTranslations as useTranslations27 } from "next-intl";
-import { EuiButtonEmpty as EuiButtonEmpty3, EuiFlexGroup as EuiFlexGroup7, EuiSpacer as EuiSpacer13 } from "@elastic/eui";
+import { EuiButtonEmpty as EuiButtonEmpty4, EuiFlexGroup as EuiFlexGroup8, EuiSpacer as EuiSpacer13 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/useGroupedTableConfig.tsx
 import { useEffect as useEffect4, useRef as useRef5, useState as useState13 } from "react";
@@ -9464,12 +9549,12 @@ var WfoExpandableRow = ({
 };
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandedGroupRow.tsx
-import React25 from "react";
+import React26 from "react";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoGroupedTableGroups.tsx
-import React24, { useImperativeHandle } from "react";
+import React25, { useImperativeHandle } from "react";
 import { jsx as jsx115 } from "@emotion/react/jsx-runtime";
-var WfoGroupedTableGroups = React24.forwardRef(
+var WfoGroupedTableGroups = React25.forwardRef(
   ({
     data,
     groupNameLabel,
@@ -9518,7 +9603,7 @@ WfoGroupedTableGroups.displayName = "WfoGroupedTableGroups";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandedGroupRow.tsx
 import { Fragment as Fragment20, jsx as jsx116, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
-var WfoExpandedGroupRow = React25.forwardRef(
+var WfoExpandedGroupRow = React26.forwardRef(
   ({
     data,
     columnConfig,
@@ -9767,7 +9852,7 @@ var WfoGroupedTable = ({
     columnConfig
   });
   const ExpandCollapseButton = () => /* @__PURE__ */ jsx118(
-    EuiButtonEmpty3,
+    EuiButtonEmpty4,
     {
       size: "xs",
       onClick: () => isAllGroupsAndSubgroupsExpanded ? collapseAllRows() : expandAllRows(),
@@ -9775,7 +9860,7 @@ var WfoGroupedTable = ({
     }
   );
   return /* @__PURE__ */ jsxs65(Fragment21, { children: [
-    /* @__PURE__ */ jsx118(EuiFlexGroup7, { justifyContent: "flexEnd", children: overrideHeaderSection ? overrideHeaderSection(/* @__PURE__ */ jsx118(ExpandCollapseButton, {})) : /* @__PURE__ */ jsx118(ExpandCollapseButton, {}) }),
+    /* @__PURE__ */ jsx118(EuiFlexGroup8, { justifyContent: "flexEnd", children: overrideHeaderSection ? overrideHeaderSection(/* @__PURE__ */ jsx118(ExpandCollapseButton, {})) : /* @__PURE__ */ jsx118(ExpandCollapseButton, {}) }),
     /* @__PURE__ */ jsx118(EuiSpacer13, { size: "xs" }),
     /* @__PURE__ */ jsx118(
       WfoTable,
@@ -9963,7 +10048,7 @@ var WfoRelatedSubscriptions = ({
   };
   return /* @__PURE__ */ jsxs66(Fragment23, { children: [
     /* @__PURE__ */ jsx123(EuiSpacer14, { size: "xl" }),
-    /* @__PURE__ */ jsx123(EuiFlexGroup8, { justifyContent: "flexEnd", children: /* @__PURE__ */ jsx123(EuiFlexItem6, { grow: 0, children: /* @__PURE__ */ jsx123(
+    /* @__PURE__ */ jsx123(EuiFlexGroup9, { justifyContent: "flexEnd", children: /* @__PURE__ */ jsx123(EuiFlexItem6, { grow: 0, children: /* @__PURE__ */ jsx123(
       EuiSwitch,
       {
         showLabel: true,
@@ -10006,12 +10091,12 @@ import { StringParam as StringParam2, useQueryParam, withDefault as withDefault2
 
 // src/components/WfoError/WfoError.tsx
 import { useTranslations as useTranslations29 } from "next-intl";
-import { EuiFlexGroup as EuiFlexGroup9, EuiText as EuiText8 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup10, EuiText as EuiText8 } from "@elastic/eui";
 import { Fragment as Fragment24, jsx as jsx124, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
 var WfoError = () => {
   const t = useTranslations29("common");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsxs67(EuiFlexGroup9, { direction: "row", alignItems: "center", gutterSize: "s", children: [
+  return /* @__PURE__ */ jsxs67(EuiFlexGroup10, { direction: "row", alignItems: "center", gutterSize: "s", children: [
     /* @__PURE__ */ jsx124(WfoXCircleFill, { color: theme.colors.danger }),
     /* @__PURE__ */ jsx124("h1", { children: t("errorMessage") })
   ] });
@@ -10020,7 +10105,7 @@ var WfoErrorWithMessage = ({ error }) => {
   const t = useTranslations29("common");
   const { theme } = useOrchestratorTheme();
   const message = error && error.length > 0 ? error.map((err) => err.message).join(", ") : t("unknownError");
-  return /* @__PURE__ */ jsx124(Fragment24, { children: /* @__PURE__ */ jsxs67(EuiFlexGroup9, { direction: "row", alignItems: "center", gutterSize: "s", children: [
+  return /* @__PURE__ */ jsx124(Fragment24, { children: /* @__PURE__ */ jsxs67(EuiFlexGroup10, { direction: "row", alignItems: "center", gutterSize: "s", children: [
     /* @__PURE__ */ jsx124(WfoXCircleFill, { color: theme.colors.danger }),
     /* @__PURE__ */ jsxs67(EuiText8, { color: theme.colors.dangerText, children: [
       t("errorMessage"),
@@ -10032,23 +10117,23 @@ var WfoErrorWithMessage = ({ error }) => {
 };
 
 // src/components/WfoSubscription/subscriptionDetailTabs.tsx
-import { EuiFlexGroup as EuiFlexGroup10, EuiFlexItem as EuiFlexItem7 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup11, EuiFlexItem as EuiFlexItem7 } from "@elastic/eui";
 import { jsx as jsx125 } from "@emotion/react/jsx-runtime";
 var subscriptionDetailTabs = [
   {
     id: "service-configuration" /* SERVICE_CONFIGURATION_TAB */,
     translationKey: "serviceConfiguration",
-    prepend: /* @__PURE__ */ jsx125(EuiFlexGroup10, { justifyContent: "center", children: /* @__PURE__ */ jsx125(EuiFlexItem7, { children: /* @__PURE__ */ jsx125(WfoCogFill, { width: "16", height: "16", color: "currentColor" }) }) })
+    prepend: /* @__PURE__ */ jsx125(EuiFlexGroup11, { justifyContent: "center", children: /* @__PURE__ */ jsx125(EuiFlexItem7, { children: /* @__PURE__ */ jsx125(WfoCogFill, { width: "16", height: "16", color: "currentColor" }) }) })
   },
   {
     id: "general" /* GENERAL_TAB */,
     translationKey: "general",
-    prepend: /* @__PURE__ */ jsx125(EuiFlexGroup10, { justifyContent: "center", children: /* @__PURE__ */ jsx125(EuiFlexItem7, { children: /* @__PURE__ */ jsx125(WfoCubeSolid, { width: "18", height: "18", color: "currentColor" }) }) })
+    prepend: /* @__PURE__ */ jsx125(EuiFlexGroup11, { justifyContent: "center", children: /* @__PURE__ */ jsx125(EuiFlexItem7, { children: /* @__PURE__ */ jsx125(WfoCubeSolid, { width: "18", height: "18", color: "currentColor" }) }) })
   },
   {
     id: "processes" /* PROCESSES_TAB */,
     translationKey: "workflows",
-    prepend: /* @__PURE__ */ jsx125(EuiFlexGroup10, { justifyContent: "center", children: /* @__PURE__ */ jsx125(EuiFlexItem7, { children: /* @__PURE__ */ jsx125(
+    prepend: /* @__PURE__ */ jsx125(EuiFlexGroup11, { justifyContent: "center", children: /* @__PURE__ */ jsx125(EuiFlexItem7, { children: /* @__PURE__ */ jsx125(
       WfoPlayCircle,
       {
         width: "18",
@@ -10060,7 +10145,7 @@ var subscriptionDetailTabs = [
   {
     id: "related-subscriptions" /* RELATED_SUBSCRIPTIONS_TAB */,
     translationKey: "relatedSubscriptions",
-    prepend: /* @__PURE__ */ jsx125(EuiFlexGroup10, { justifyContent: "center", children: /* @__PURE__ */ jsx125(EuiFlexItem7, { children: /* @__PURE__ */ jsx125(WfoShare, { width: "16", height: "16", color: "currentColor" }) }) })
+    prepend: /* @__PURE__ */ jsx125(EuiFlexGroup11, { justifyContent: "center", children: /* @__PURE__ */ jsx125(EuiFlexItem7, { children: /* @__PURE__ */ jsx125(WfoShare, { width: "16", height: "16", color: "currentColor" }) }) })
   }
 ];
 
@@ -10525,8 +10610,8 @@ import { useState as useState17 } from "react";
 import { useTranslations as useTranslations34 } from "next-intl";
 import {
   EuiBadge as EuiBadge2,
-  EuiButtonEmpty as EuiButtonEmpty4,
-  EuiFlexGroup as EuiFlexGroup11,
+  EuiButtonEmpty as EuiButtonEmpty5,
+  EuiFlexGroup as EuiFlexGroup12,
   EuiFlexItem as EuiFlexItem8,
   EuiIcon,
   EuiPanel as EuiPanel2,
@@ -10705,7 +10790,7 @@ var WfoSubscriptionProductBlock = ({
         hasShadow: false,
         css: isOutsideCurrentSubscription ? panelStyleOutsideCurrentSubscription : panelStyle,
         children: [
-          /* @__PURE__ */ jsxs73(EuiFlexGroup11, { children: [
+          /* @__PURE__ */ jsxs73(EuiFlexGroup12, { children: [
             /* @__PURE__ */ jsx132(EuiFlexItem8, { grow: false, children: /* @__PURE__ */ jsx132(
               "div",
               {
@@ -10723,7 +10808,7 @@ var WfoSubscriptionProductBlock = ({
               ) })
             ] }),
             /* @__PURE__ */ jsx132(EuiFlexItem8, { grow: false, children: /* @__PURE__ */ jsx132(
-              EuiButtonEmpty4,
+              EuiButtonEmpty5,
               {
                 "aria-label": showDetails ? t("hideDetails") : t("showDetails"),
                 size: "m",
@@ -10845,11 +10930,11 @@ var WfoProductBlockKeyValueRow = ({ fieldValue, allFieldValues, className }) =>
 };
 
 // src/components/WfoSubscription/WfoSubscriptionDetailTree.tsx
-import React36, { useState as useState19 } from "react";
+import React37, { useState as useState19 } from "react";
 import { useTranslations as useTranslations36 } from "next-intl";
 import {
   EuiCallOut as EuiCallOut2,
-  EuiFlexGroup as EuiFlexGroup14,
+  EuiFlexGroup as EuiFlexGroup15,
   EuiFlexItem as EuiFlexItem11,
   EuiText as EuiText13
 } from "@elastic/eui";
@@ -10957,22 +11042,22 @@ function getTokenName(name) {
 }
 
 // src/components/WfoTree/WfoTree.tsx
-import React35, { useEffect as useEffect6 } from "react";
+import React36, { useEffect as useEffect6 } from "react";
 
 // src/components/WfoTree/WfoTreeBranch.tsx
-import React34 from "react";
+import React35 from "react";
 import { EuiListGroup } from "@elastic/eui";
 
 // src/components/WfoTree/WfoTreeNode.tsx
-import React33 from "react";
-import { EuiFlexGroup as EuiFlexGroup13, EuiFlexItem as EuiFlexItem10, EuiIcon as EuiIcon2, EuiToken } from "@elastic/eui";
+import React34 from "react";
+import { EuiFlexGroup as EuiFlexGroup14, EuiFlexItem as EuiFlexItem10, EuiIcon as EuiIcon2, EuiToken } from "@elastic/eui";
 
 // src/components/WfoTree/WfoTreeNodeListItem.tsx
 import { useContext as useContext6 } from "react";
 import { useTranslations as useTranslations35 } from "next-intl";
 import {
   EuiButtonIcon as EuiButtonIcon8,
-  EuiFlexGroup as EuiFlexGroup12,
+  EuiFlexGroup as EuiFlexGroup13,
   EuiFlexItem as EuiFlexItem9,
   EuiText as EuiText12,
   EuiTextTruncate
@@ -11063,7 +11148,7 @@ var WfoTreeNodeListItem = ({
   const { isOutsideCurrentSubscription, id, label } = item;
   const textLabel = label.toString();
   return /* @__PURE__ */ jsxs77(
-    EuiFlexGroup12,
+    EuiFlexGroup13,
     {
       alignItems: "center",
       css: selected ? selectedTreeItemStyle(isOutsideCurrentSubscription) : treeItemStyle(isOutsideCurrentSubscription),
@@ -11096,11 +11181,11 @@ var WfoTreeNode = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { expandIconContainerStyle, treeContainerStyle } = useWithOrchestratorTheme(getStyles7);
-  const { expandedIds, collapseNode, expandNode, selectedIds } = React33.useContext(TreeContext);
+  const { expandedIds, collapseNode, expandNode, selectedIds } = React34.useContext(TreeContext);
   const expanded = expandedIds.includes(item.id);
   const selected = selectedIds.includes(item.id);
   const expandIcon = expanded ? "arrowDown" : "arrowRight";
-  return /* @__PURE__ */ jsx137("div", { style: { paddingLeft: `${level * parseInt(theme.size.m)}px` }, children: /* @__PURE__ */ jsxs78(EuiFlexGroup13, { children: [
+  return /* @__PURE__ */ jsx137("div", { style: { paddingLeft: `${level * parseInt(theme.size.m)}px` }, children: /* @__PURE__ */ jsxs78(EuiFlexGroup14, { children: [
     /* @__PURE__ */ jsx137(EuiFlexItem10, { grow: false, css: treeContainerStyle, children: hasChildren ? /* @__PURE__ */ jsx137(
       EuiIcon2,
       {
@@ -11117,7 +11202,7 @@ var WfoTreeNode = ({
 // src/components/WfoTree/WfoTreeBranch.tsx
 import { Fragment as Fragment31, jsx as jsx138, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
 var WfoTreeBranch = ({ item, level }) => {
-  const { expandedIds } = React34.useContext(TreeContext);
+  const { expandedIds } = React35.useContext(TreeContext);
   const selected = expandedIds.includes(item.id);
   const { productBlockTreeWidth } = useWithOrchestratorTheme(
     getSubscriptionDetailStyles
@@ -11154,7 +11239,7 @@ var WfoTreeBranch = ({ item, level }) => {
 // src/components/WfoTree/WfoTree.tsx
 import { jsx as jsx139 } from "@emotion/react/jsx-runtime";
 var WfoTree = ({ treeBlocks, depthList }) => {
-  const { setDepths } = React35.useContext(TreeContext);
+  const { setDepths } = React36.useContext(TreeContext);
   useEffect6(() => {
     setDepths(depthList);
   }, [setDepths, TreeContext]);
@@ -11242,7 +11327,7 @@ var WfoSubscriptionDetailTree = ({
     selectAll,
     selectIds,
     deselectIds
-  } = React36.useContext(TreeContext);
+  } = React37.useContext(TreeContext);
   let tree = null;
   const depthList = [];
   const idToNodeMap = {};
@@ -11315,7 +11400,7 @@ var WfoSubscriptionDetailTree = ({
     return shouldAddIds ? selectIds(data.ids) : deselectIds(data.ids);
   };
   return /* @__PURE__ */ jsxs80(
-    EuiFlexGroup14,
+    EuiFlexGroup15,
     {
       css: {
         marginTop: 15,
@@ -11332,15 +11417,15 @@ var WfoSubscriptionDetailTree = ({
               overflowY: "auto"
             },
             grow: true,
-            children: /* @__PURE__ */ jsxs80(EuiFlexGroup14, { direction: "column", children: [
+            children: /* @__PURE__ */ jsxs80(EuiFlexGroup15, { direction: "column", children: [
               /* @__PURE__ */ jsx140(EuiFlexItem11, { grow: false, children: /* @__PURE__ */ jsxs80(
-                EuiFlexGroup14,
+                EuiFlexGroup15,
                 {
                   justifyContent: "spaceBetween",
                   alignItems: "center",
                   children: [
                     /* @__PURE__ */ jsx140(EuiFlexItem11, { children: /* @__PURE__ */ jsx140(EuiText13, { children: /* @__PURE__ */ jsx140("h3", { children: t("productBlocks") }) }) }),
-                    /* @__PURE__ */ jsx140(EuiFlexItem11, { grow: false, children: /* @__PURE__ */ jsxs80(EuiFlexGroup14, { children: [
+                    /* @__PURE__ */ jsx140(EuiFlexItem11, { grow: false, children: /* @__PURE__ */ jsxs80(EuiFlexGroup15, { children: [
                       /* @__PURE__ */ jsx140(
                         WfoTextAnchor,
                         {
@@ -12169,7 +12254,7 @@ import { useTranslations as useTranslations38 } from "next-intl";
 import {
   EuiButton as EuiButton9,
   EuiButtonIcon as EuiButtonIcon10,
-  EuiFlexGroup as EuiFlexGroup15,
+  EuiFlexGroup as EuiFlexGroup16,
   EuiFlexItem as EuiFlexItem13,
   EuiSpacer as EuiSpacer18,
   EuiText as EuiText14
@@ -12259,7 +12344,7 @@ var WfoAdvancedTable = ({
     b: (chunks) => /* @__PURE__ */ jsx152("b", { children: chunks })
   });
   return /* @__PURE__ */ jsxs85(Fragment33, { children: [
-    /* @__PURE__ */ jsxs85(EuiFlexGroup15, { alignItems: "center", children: [
+    /* @__PURE__ */ jsxs85(EuiFlexGroup16, { alignItems: "center", children: [
       /* @__PURE__ */ jsx152(EuiFlexItem13, { children: /* @__PURE__ */ jsx152(
         WfoSearchField,
         {
@@ -12631,7 +12716,7 @@ import { JSONSchemaBridge } from "uniforms-bridge-json-schema";
 import { AutoField as AutoField6, AutoForm } from "uniforms-unstyled";
 import {
   EuiButton as EuiButton10,
-  EuiFlexGroup as EuiFlexGroup18,
+  EuiFlexGroup as EuiFlexGroup19,
   EuiHorizontalRule as EuiHorizontalRule5
 } from "@elastic/eui";
 
@@ -14038,7 +14123,7 @@ var ContactPersonAutocomplete = ({
 };
 
 // src/components/WfoForms/formFields/deprecated/ContactPersonNameField.tsx
-import React46, { useEffect as useEffect13, useState as useState25 } from "react";
+import React47, { useEffect as useEffect13, useState as useState25 } from "react";
 import { isFunction } from "lodash";
 import get3 from "lodash/get";
 import { useTranslations as useTranslations44 } from "next-intl";
@@ -14066,7 +14151,7 @@ filterDOMProps17.register(
 function ContactPersonName({
   disabled,
   id,
-  inputRef = React46.createRef(),
+  inputRef = React47.createRef(),
   label,
   description,
   name,
@@ -15191,7 +15276,7 @@ import {
 } from "uniforms";
 import {
   EuiButtonIcon as EuiButtonIcon11,
-  EuiFlexGroup as EuiFlexGroup16,
+  EuiFlexGroup as EuiFlexGroup17,
   EuiFlexItem as EuiFlexItem20,
   EuiFormRow as EuiFormRow18,
   EuiText as EuiText32
@@ -15362,7 +15447,7 @@ function SubscriptionFieldDefinition({
           fullWidth: true,
           children: /* @__PURE__ */ jsxs98("div", { children: [
             !disabled && /* @__PURE__ */ jsx185(
-              EuiFlexGroup16,
+              EuiFlexGroup17,
               {
                 alignItems: "center",
                 gutterSize: "none",
@@ -15418,7 +15503,7 @@ import { connectField as connectField25, filterDOMProps as filterDOMProps25, joi
 import { AutoField as AutoField3 } from "uniforms-unstyled";
 import {
   EuiDescribedFormGroup,
-  EuiFlexGroup as EuiFlexGroup17,
+  EuiFlexGroup as EuiFlexGroup18,
   EuiFlexItem as EuiFlexItem21,
   EuiText as EuiText33
 } from "@elastic/eui";
@@ -15440,7 +15525,7 @@ function Nest({
   const itemIndex = isInList ? parseInt(lastNamePart) : 0;
   if (isInList) {
     return /* @__PURE__ */ jsxs99(
-      EuiFlexGroup17,
+      EuiFlexGroup18,
       {
         ...filterDOMProps25(props),
         className: `${className} nest-field`,
@@ -16225,7 +16310,7 @@ function WfoUserInputForm({
     );
     return /* @__PURE__ */ jsxs102(Fragment40, { children: [
       /* @__PURE__ */ jsx191(EuiHorizontalRule5, {}),
-      /* @__PURE__ */ jsxs102(EuiFlexGroup18, { justifyContent: "spaceBetween", children: [
+      /* @__PURE__ */ jsxs102(EuiFlexGroup19, { justifyContent: "spaceBetween", children: [
         prevButton,
         nextButton
       ] })
@@ -17654,7 +17739,7 @@ var WfoTasksPage = () => {
 // src/pages/processes/WfoProcessListSubscriptionsCell.tsx
 import { useTranslations as useTranslations60 } from "next-intl";
 import Link10 from "next/link";
-import { EuiFlexGroup as EuiFlexGroup19 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup20 } from "@elastic/eui";
 import { Fragment as Fragment49, jsx as jsx207, jsxs as jsxs109 } from "@emotion/react/jsx-runtime";
 var RENDER_ALL = "RENDER_ALL";
 var RenderDirection = /* @__PURE__ */ ((RenderDirection2) => {
@@ -17678,7 +17763,7 @@ var WfoProcessListSubscriptionsCell = ({
   const visibleSubscriptions = numberOfSubscriptionsToRender === RENDER_ALL ? subscriptions : subscriptions.slice(0, numberOfSubscriptionsToRender);
   const numberOfNotVisibleSubscriptions = length - visibleSubscriptions.length;
   return /* @__PURE__ */ jsx207(Fragment49, { children: /* @__PURE__ */ jsxs109(
-    EuiFlexGroup19,
+    EuiFlexGroup20,
     {
       direction: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "row" : "column",
       gutterSize: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "s" : "xs",
@@ -17724,7 +17809,7 @@ import { useTranslations as useTranslations61 } from "next-intl";
 import { useRouter as useRouter8 } from "next/router";
 import {
   EuiButton as EuiButton11,
-  EuiFlexGroup as EuiFlexGroup20,
+  EuiFlexGroup as EuiFlexGroup21,
   EuiPanel as EuiPanel3,
   EuiSpacer as EuiSpacer20,
   EuiText as EuiText35
@@ -17812,7 +17897,7 @@ var ProcessHeaderValue = ({
   const t = useTranslations61("processes.detail");
   const { theme } = useOrchestratorTheme();
   return /* @__PURE__ */ jsxs110(
-    EuiFlexGroup20,
+    EuiFlexGroup21,
     {
       direction: "column",
       gutterSize: "xs",
@@ -18005,7 +18090,7 @@ var WfoProcessDetail = ({
         hasBorder: false,
         color: "subdued",
         element: "div",
-        children: isLoading && !hasError && /* @__PURE__ */ jsx208(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs110(EuiFlexGroup20, { direction: "row", gutterSize: "m", children: [
+        children: isLoading && !hasError && /* @__PURE__ */ jsx208(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs110(EuiFlexGroup21, { direction: "row", gutterSize: "m", children: [
           /* @__PURE__ */ jsx208(
             ProcessHeaderValue,
             {
@@ -18055,7 +18140,7 @@ var WfoProcessDetail = ({
           process && isAllowed(
             "/orchestrator/subscriptions/view/from-process" /* PROCESS_RELATED_SUBSCRIPTIONS */
           ) && processDetail.subscriptions && /* @__PURE__ */ jsxs110(
-            EuiFlexGroup20,
+            EuiFlexGroup21,
             {
               gutterSize: "xs",
               direction: "column",
@@ -18168,7 +18253,7 @@ import { useCallback as useCallback11, useEffect as useEffect31, useMemo as useM
 import { useTranslations as useTranslations72 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
 import {
-  EuiFlexGroup as EuiFlexGroup26,
+  EuiFlexGroup as EuiFlexGroup27,
   EuiFlexItem as EuiFlexItem30,
   EuiHorizontalRule as EuiHorizontalRule9,
   EuiPanel as EuiPanel5,
@@ -18191,7 +18276,7 @@ import {
 // src/components/WfoPydanticForm/Footer.tsx
 import { useContext as useContext10 } from "react";
 import { useTranslations as useTranslations63 } from "next-intl";
-import { EuiButton as EuiButton12, EuiFlexGroup as EuiFlexGroup21, EuiHorizontalRule as EuiHorizontalRule6 } from "@elastic/eui";
+import { EuiButton as EuiButton12, EuiFlexGroup as EuiFlexGroup22, EuiHorizontalRule as EuiHorizontalRule6 } from "@elastic/eui";
 
 // src/components/WfoPydanticForm/RenderFormErrors.tsx
 import { useTranslations as useTranslations62 } from "next-intl";
@@ -18302,7 +18387,7 @@ var Footer = ({
     );
   };
   const PreviousCancelButtonGroup = () => {
-    return /* @__PURE__ */ jsxs112(EuiFlexGroup21, { gutterSize: "xl", children: [
+    return /* @__PURE__ */ jsxs112(EuiFlexGroup22, { gutterSize: "xl", children: [
       /* @__PURE__ */ jsx211(PreviousButton, {}),
       /* @__PURE__ */ jsx211(CancelButton, {})
     ] });
@@ -18473,7 +18558,7 @@ var WfoCheckbox = ({
 };
 
 // src/components/WfoPydanticForm/fields/WfoSummary.tsx
-import { capitalize } from "lodash";
+import { capitalize as capitalize2 } from "lodash";
 import { EuiFlexItem as EuiFlexItem24, EuiFormRow as EuiFormRow22, EuiText as EuiText37 } from "@elastic/eui";
 import { jsx as jsx219, jsxs as jsxs114 } from "@emotion/react/jsx-runtime";
 var WfoSummary = ({ pydanticFormField }) => {
@@ -18501,7 +18586,7 @@ var WfoSummary = ({ pydanticFormField }) => {
     labels && /* @__PURE__ */ jsx219("th", {}),
     headers.map((header, idx) => /* @__PURE__ */ jsx219("th", { children: header }, idx))
   ] });
-  const formattedTitle = snakeToHuman(capitalize(title ?? ""));
+  const formattedTitle = snakeToHuman(capitalize2(title ?? ""));
   return /* @__PURE__ */ jsx219(EuiFlexItem24, { "data-testid": id, css: [summaryFieldStyle, formRowStyle], children: /* @__PURE__ */ jsx219("section", { children: /* @__PURE__ */ jsx219(
     EuiFormRow22,
     {
@@ -18524,7 +18609,7 @@ import {
   getPydanticFormComponents,
   useGetConfig
 } from "pydantic-forms";
-import { EuiFlexGroup as EuiFlexGroup22 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup23 } from "@elastic/eui";
 
 // src/components/WfoPydanticForm/fields/WfoObjectField/styles.ts
 import { css as css37 } from "@emotion/react";
@@ -18560,7 +18645,7 @@ var WfoObjectField = ({
     });
   }
   return /* @__PURE__ */ jsx220(
-    EuiFlexGroup22,
+    EuiFlexGroup23,
     {
       "data-testid": pydanticFormField.id,
       css: wfoObjectFieldStyles,
@@ -19027,12 +19112,12 @@ var WfoMultiCheckboxField = ({
 };
 
 // src/components/WfoPydanticForm/fields/wfoPydanticFormUtils.ts
-import { capitalize as capitalize2 } from "lodash";
+import { capitalize as capitalize3 } from "lodash";
 var getNestedSummaryLabel = (labels, index) => {
   const value = labels[index];
   if (typeof value === "object" && value !== null) {
     const firstKey = Object.keys(value)[0] ?? "";
-    return capitalize2(firstKey);
+    return capitalize3(firstKey);
   }
   return String(value);
 };
@@ -19325,9 +19410,9 @@ var WfoPydanticForm = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React73, { useCallback as useCallback9, useState as useState45 } from "react";
+import React74, { useCallback as useCallback9, useState as useState45 } from "react";
 import { useTranslations as useTranslations67 } from "next-intl";
-import { EuiFlexGroup as EuiFlexGroup23, EuiFlexItem as EuiFlexItem28, EuiPanel as EuiPanel4, EuiText as EuiText38 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup24, EuiFlexItem as EuiFlexItem28, EuiPanel as EuiPanel4, EuiText as EuiText38 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepFormOld.tsx
 import { useState as useState43 } from "react";
@@ -19805,7 +19890,7 @@ var WfoStepForm = ({
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
 import { Fragment as Fragment53, jsx as jsx234, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
-var WfoStep = React73.forwardRef(
+var WfoStep = React74.forwardRef(
   ({
     stepListItem,
     onToggleStepDetail,
@@ -19881,7 +19966,7 @@ var WfoStep = React73.forwardRef(
     );
     return /* @__PURE__ */ jsx234("div", { ref, children: /* @__PURE__ */ jsxs119(EuiPanel4, { children: [
       /* @__PURE__ */ jsxs119(
-        EuiFlexGroup23,
+        EuiFlexGroup24,
         {
           css: getStepHeaderStyle(hasStepContent),
           onClick: () => hasStepContent && onToggleStepDetail(),
@@ -19901,7 +19986,7 @@ var WfoStep = React73.forwardRef(
                 step.completed && `- ${formatDate(step.completed)}`
               ] })
             ] }),
-            /* @__PURE__ */ jsx234(EuiFlexGroup23, { css: stepRowStyle, children: step.completed && /* @__PURE__ */ jsxs119(Fragment53, { children: [
+            /* @__PURE__ */ jsx234(EuiFlexGroup24, { css: stepRowStyle, children: step.completed && /* @__PURE__ */ jsxs119(Fragment53, { children: [
               isExpanded && /* @__PURE__ */ jsx234(
                 WfoCodeViewSelector,
                 {
@@ -19974,9 +20059,9 @@ var WfoStep = React73.forwardRef(
 WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
-import React74, { useImperativeHandle as useImperativeHandle2, useRef as useRef10 } from "react";
+import React75, { useImperativeHandle as useImperativeHandle2, useRef as useRef10 } from "react";
 import { Fragment as Fragment54, jsx as jsx235, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
-var WfoStepList = React74.forwardRef(
+var WfoStepList = React75.forwardRef(
   ({
     stepListItems,
     showHiddenKeys,
@@ -20056,7 +20141,7 @@ var WfoStepList = React74.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React76, { useEffect as useEffect30, useState as useState47 } from "react";
+import React77, { useEffect as useEffect30, useState as useState47 } from "react";
 import { useTranslations as useTranslations70 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
@@ -20069,7 +20154,7 @@ import * as refractor from "refractor";
 import { diffLines, formatLines } from "unidiff";
 import {
   EuiButtonIcon as EuiButtonIcon13,
-  EuiFlexGroup as EuiFlexGroup24,
+  EuiFlexGroup as EuiFlexGroup25,
   EuiFlexItem as EuiFlexItem29,
   EuiSpacer as EuiSpacer21,
   EuiText as EuiText39
@@ -20151,7 +20236,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
     updateDiffText();
   }, [updateDiffText, showFull]);
   return /* @__PURE__ */ jsxs121("div", { children: [
-    /* @__PURE__ */ jsxs121(EuiFlexGroup24, { gutterSize: "xs", children: [
+    /* @__PURE__ */ jsxs121(EuiFlexGroup25, { gutterSize: "xs", children: [
       /* @__PURE__ */ jsx236(EuiFlexItem29, { grow: false, children: /* @__PURE__ */ jsx236(EuiText39, { children: /* @__PURE__ */ jsx236("h3", { children: t("title") }) }) }),
       /* @__PURE__ */ jsx236(EuiFlexItem29, { grow: false, children: /* @__PURE__ */ jsx236(
         EuiButtonIcon13,
@@ -20244,7 +20329,7 @@ var WfoProcessSubscriptionDelta = ({
     }
   );
 };
-var WfoWorkflowStepList = React76.forwardRef(
+var WfoWorkflowStepList = React77.forwardRef(
   ({
     steps = [],
     lastStatus,
@@ -20363,7 +20448,7 @@ import { useState as useState48 } from "react";
 import { useTranslations as useTranslations71 } from "next-intl";
 import {
   EuiButton as EuiButton14,
-  EuiFlexGroup as EuiFlexGroup25,
+  EuiFlexGroup as EuiFlexGroup26,
   EuiForm as EuiForm3,
   EuiFormRow as EuiFormRow23,
   EuiPopover as EuiPopover8,
@@ -20435,8 +20520,8 @@ var WfoStepListHeader = ({
       children: t("viewOptions")
     }
   );
-  return /* @__PURE__ */ jsxs124(EuiFlexGroup25, { css: stepListHeaderStyle, children: [
-    /* @__PURE__ */ jsxs124(EuiFlexGroup25, { css: stepListContentStyle, children: [
+  return /* @__PURE__ */ jsxs124(EuiFlexGroup26, { css: stepListHeaderStyle, children: [
+    /* @__PURE__ */ jsxs124(EuiFlexGroup26, { css: stepListContentStyle, children: [
       /* @__PURE__ */ jsx240(EuiText42, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
       !showRaw && /* @__PURE__ */ jsx240(
         WfoTextAnchor,
@@ -20447,7 +20532,7 @@ var WfoStepListHeader = ({
       )
     ] }),
     /* @__PURE__ */ jsxs124(
-      EuiFlexGroup25,
+      EuiFlexGroup26,
       {
         justifyContent: "flexEnd",
         direction: "row",
@@ -20667,7 +20752,7 @@ var WfoStartProcessPage = ({
       timelineItems: timeLineItems,
       isLoading,
       children: /* @__PURE__ */ jsxs125(EuiPanel5, { css: { marginTop: theme.base * 3 }, children: [
-        /* @__PURE__ */ jsxs125(EuiFlexGroup26, { css: getStepHeaderStyle(false), children: [
+        /* @__PURE__ */ jsxs125(EuiFlexGroup27, { css: getStepHeaderStyle(false), children: [
           /* @__PURE__ */ jsx241(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
           /* @__PURE__ */ jsxs125(EuiFlexItem30, { grow: 0, children: [
             /* @__PURE__ */ jsx241(EuiText43, { css: stepListContentBoldTextStyle, children: t("userInput") }),
@@ -20703,7 +20788,7 @@ var WfoStartProcessPage = ({
 
 // src/pages/processes/WfoProductInformationWithLink.tsx
 import { useTranslations as useTranslations73 } from "next-intl";
-import { EuiButtonIcon as EuiButtonIcon14, EuiFlexGroup as EuiFlexGroup27, EuiText as EuiText44, EuiToolTip as EuiToolTip9 } from "@elastic/eui";
+import { EuiButtonIcon as EuiButtonIcon14, EuiFlexGroup as EuiFlexGroup28, EuiText as EuiText44, EuiToolTip as EuiToolTip9 } from "@elastic/eui";
 import { jsx as jsx242, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
 var WfoProductInformationWithLink = ({
   workflowName,
@@ -20712,7 +20797,7 @@ var WfoProductInformationWithLink = ({
   const { workflowInformationLinkUrl, showWorkflowInformationLink } = useGetOrchestratorConfig();
   const t = useTranslations73("processes.detail");
   const docsUrl = workflowInformationLinkUrl + workflowName;
-  return /* @__PURE__ */ jsxs126(EuiFlexGroup27, { gutterSize: "s", alignItems: "center", children: [
+  return /* @__PURE__ */ jsxs126(EuiFlexGroup28, { gutterSize: "s", alignItems: "center", children: [
     showWorkflowInformationLink && /* @__PURE__ */ jsx242(EuiToolTip9, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx242("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx242(
       EuiButtonIcon14,
       {
@@ -21844,7 +21929,7 @@ var WfoModifySettings = () => {
 
 // src/components/WfoSettings/WfoEngineStatus.tsx
 import { useTranslations as useTranslations84 } from "next-intl";
-import { EuiFlexGroup as EuiFlexGroup28, EuiFlexItem as EuiFlexItem34, EuiPanel as EuiPanel10, EuiText as EuiText49 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup29, EuiFlexItem as EuiFlexItem34, EuiPanel as EuiPanel10, EuiText as EuiText49 } from "@elastic/eui";
 import { jsx as jsx255, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatus = () => {
   const { theme } = useOrchestratorTheme();
@@ -21852,7 +21937,7 @@ var WfoEngineStatus = () => {
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
   const t = useTranslations84("settings.page");
-  return /* @__PURE__ */ jsx255(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs136(EuiFlexGroup28, { direction: "column", gutterSize: "s", children: [
+  return /* @__PURE__ */ jsx255(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs136(EuiFlexGroup29, { direction: "column", gutterSize: "s", children: [
     /* @__PURE__ */ jsx255(EuiFlexItem34, { children: /* @__PURE__ */ jsx255(EuiText49, { size: "s", children: /* @__PURE__ */ jsx255("h4", { children: t("engineStatusTitle") }) }) }),
     /* @__PURE__ */ jsxs136(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx255(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
@@ -21873,7 +21958,7 @@ var WfoEngineStatus = () => {
 
 // src/components/WfoSettings/WfoWorkerStatus.tsx
 import { useTranslations as useTranslations85 } from "next-intl";
-import { EuiFlexGroup as EuiFlexGroup29, EuiFlexItem as EuiFlexItem35, EuiPanel as EuiPanel11, EuiText as EuiText50 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup30, EuiFlexItem as EuiFlexItem35, EuiPanel as EuiPanel11, EuiText as EuiText50 } from "@elastic/eui";
 import { jsx as jsx256, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
 var WfoWorkerStatus = () => {
   const { data } = useGetWorkerStatusQuery();
@@ -21884,7 +21969,7 @@ var WfoWorkerStatus = () => {
     numberOfWorkersOnline
   } = data || {};
   const t = useTranslations85("settings.page");
-  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx256(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs137(EuiFlexGroup29, { direction: "column", gutterSize: "s", children: [
+  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx256(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs137(EuiFlexGroup30, { direction: "column", gutterSize: "s", children: [
     /* @__PURE__ */ jsx256(EuiFlexItem35, { children: /* @__PURE__ */ jsx256(EuiText50, { size: "s", children: /* @__PURE__ */ jsx256("h4", { children: t("workerStatusTitle") }) }) }),
     /* @__PURE__ */ jsxs137(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx256(EuiText50, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
@@ -21940,9 +22025,9 @@ var WfoInsyncIcon = ({ inSync }) => {
 };
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
-import React84 from "react";
+import React85 from "react";
 import { jsx as jsx259, jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
-var WfoErrorBoundary = class extends React84.Component {
+var WfoErrorBoundary = class extends React85.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -21969,7 +22054,7 @@ var WfoErrorBoundary = class extends React84.Component {
 };
 
 // src/components/WfoNoResults/WfoNoResults.tsx
-import { EuiFlexGroup as EuiFlexGroup30 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup31 } from "@elastic/eui";
 
 // src/components/WfoNoResults/styles.ts
 import { css as css48 } from "@emotion/react";
@@ -21996,7 +22081,7 @@ var getStyles13 = ({ theme }) => {
 import { jsxs as jsxs139 } from "@emotion/react/jsx-runtime";
 var WfoNoResults = ({ text, icon }) => {
   const { panelStyle } = useWithOrchestratorTheme(getStyles13);
-  return /* @__PURE__ */ jsxs139(EuiFlexGroup30, { css: panelStyle, children: [
+  return /* @__PURE__ */ jsxs139(EuiFlexGroup31, { css: panelStyle, children: [
     icon,
     " ",
     text
@@ -22343,7 +22428,7 @@ var getNumberOfColumns = (currentBreakpoint) => {
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
 import {
   EuiAvatar,
-  EuiFlexGroup as EuiFlexGroup31,
+  EuiFlexGroup as EuiFlexGroup32,
   EuiFlexItem as EuiFlexItem36,
   EuiLoadingSpinner as EuiLoadingSpinner3,
   EuiPanel as EuiPanel12,
@@ -22384,7 +22469,7 @@ var WfoSummaryCardHeader = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { avatarStyle, totalSectionStyle, valueStyle } = useWithOrchestratorTheme(getWfoSummaryCardHeaderStyles);
-  return /* @__PURE__ */ jsx263(EuiFlexItem36, { grow: 0, children: /* @__PURE__ */ jsx263(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs140(EuiFlexGroup31, { alignItems: "center", children: [
+  return /* @__PURE__ */ jsx263(EuiFlexItem36, { grow: 0, children: /* @__PURE__ */ jsx263(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs140(EuiFlexGroup32, { alignItems: "center", children: [
     /* @__PURE__ */ jsx263(
       EuiAvatar,
       {
@@ -22400,7 +22485,7 @@ var WfoSummaryCardHeader = ({
     ),
     /* @__PURE__ */ jsxs140("div", { css: totalSectionStyle, children: [
       /* @__PURE__ */ jsx263(EuiText51, { color: "subdued", children: text }),
-      /* @__PURE__ */ jsxs140(EuiFlexGroup31, { gutterSize: "s", alignItems: "center", children: [
+      /* @__PURE__ */ jsxs140(EuiFlexGroup32, { gutterSize: "s", alignItems: "center", children: [
         /* @__PURE__ */ jsx263(EuiText51, { css: valueStyle, children: value }),
         isFetching && /* @__PURE__ */ jsx263(EuiLoadingSpinner3, {})
       ] })
@@ -22421,7 +22506,7 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { EuiFlexGroup as EuiFlexGroup32, EuiFlexItem as EuiFlexItem37, EuiIcon as EuiIcon6, EuiTextColor } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup33, EuiFlexItem as EuiFlexItem37, EuiIcon as EuiIcon6, EuiTextColor } from "@elastic/eui";
 
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
 import Link14 from "next/link";
@@ -22496,7 +22581,7 @@ var WfoSummaryCardListItem = ({
     listItemSubtitleStyle,
     listItemHighlightIconStyle
   } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx265(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs141(EuiFlexGroup32, { css: listItemContainerStyle, gutterSize: "none", children: [
+  return /* @__PURE__ */ jsx265(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs141(EuiFlexGroup33, { css: listItemContainerStyle, gutterSize: "none", children: [
     /* @__PURE__ */ jsxs141(EuiFlexItem37, { children: [
       /* @__PURE__ */ jsx265(
         EuiTextColor,
@@ -23017,8 +23102,8 @@ var WfoTitleWithWebsocketBadge = ({
 // src/components/WfoRadioDropdown/WfoRadioDropdown.tsx
 import { useState as useState54 } from "react";
 import {
-  EuiButtonEmpty as EuiButtonEmpty5,
-  EuiFlexGroup as EuiFlexGroup33,
+  EuiButtonEmpty as EuiButtonEmpty6,
+  EuiFlexGroup as EuiFlexGroup34,
   EuiPopover as EuiPopover9,
   EuiRadioGroup as EuiRadioGroup2
 } from "@elastic/eui";
@@ -23049,7 +23134,7 @@ var WfoRadioDropdown = ({
     label: option.label
   }));
   return /* @__PURE__ */ jsx276(
-    EuiFlexGroup33,
+    EuiFlexGroup34,
     {
       gutterSize: "s",
       alignItems: "center",
@@ -23058,7 +23143,7 @@ var WfoRadioDropdown = ({
         EuiPopover9,
         {
           button: /* @__PURE__ */ jsx276(
-            EuiButtonEmpty5,
+            EuiButtonEmpty6,
             {
               size: "s",
               iconType: "arrowDown",
@@ -23271,7 +23356,7 @@ import {
   EuiButton as EuiButton23,
   EuiCallOut as EuiCallOut5,
   EuiFieldSearch as EuiFieldSearch3,
-  EuiFlexGroup as EuiFlexGroup46,
+  EuiFlexGroup as EuiFlexGroup47,
   EuiFlexItem as EuiFlexItem52,
   EuiPanel as EuiPanel20,
   EuiSpacer as EuiSpacer33,
@@ -23559,7 +23644,7 @@ import {
   EuiButtonIcon as EuiButtonIcon16,
   EuiCallOut as EuiCallOut4,
   EuiCode as EuiCode2,
-  EuiFlexGroup as EuiFlexGroup39,
+  EuiFlexGroup as EuiFlexGroup40,
   EuiFlexItem as EuiFlexItem46,
   EuiPanel as EuiPanel15,
   EuiSpacer as EuiSpacer31,
@@ -23571,7 +23656,7 @@ import { useState as useState60 } from "react";
 import { useTranslations as useTranslations100 } from "next-intl";
 import {
   EuiButtonIcon as EuiButtonIcon15,
-  EuiFlexGroup as EuiFlexGroup38,
+  EuiFlexGroup as EuiFlexGroup39,
   EuiFlexItem as EuiFlexItem45,
   EuiFormRow as EuiFormRow25,
   EuiPanel as EuiPanel14
@@ -23682,7 +23767,7 @@ import {
   EuiDatePicker as EuiDatePicker2,
   EuiFieldNumber as EuiFieldNumber3,
   EuiFieldText as EuiFieldText5,
-  EuiFlexGroup as EuiFlexGroup34,
+  EuiFlexGroup as EuiFlexGroup35,
   EuiFlexItem as EuiFlexItem41,
   EuiFormHelpText,
   EuiIcon as EuiIcon7,
@@ -23787,7 +23872,7 @@ var ValueControl = ({
   if (pathInfo.type === "number") {
     if (operator === "between") {
       const betweenValue = value || { start: "", end: "" };
-      return /* @__PURE__ */ jsxs146(EuiFlexGroup34, { gutterSize: "s", alignItems: "center", children: [
+      return /* @__PURE__ */ jsxs146(EuiFlexGroup35, { gutterSize: "s", alignItems: "center", children: [
         /* @__PURE__ */ jsx280(EuiFlexItem41, { children: /* @__PURE__ */ jsx280(
           EuiFieldNumber3,
           {
@@ -23825,7 +23910,7 @@ var ValueControl = ({
   if (pathInfo.type === "datetime") {
     if (operator === "between") {
       const betweenValue = value || { start: null, end: null };
-      return /* @__PURE__ */ jsxs146(EuiFlexGroup34, { gutterSize: "s", alignItems: "center", children: [
+      return /* @__PURE__ */ jsxs146(EuiFlexGroup35, { gutterSize: "s", alignItems: "center", children: [
         /* @__PURE__ */ jsx280(EuiFlexItem41, { children: /* @__PURE__ */ jsx280(
           EuiDatePicker2,
           {
@@ -23912,7 +23997,7 @@ var WfoFieldSelector = ({
 import { useTranslations as useTranslations97 } from "next-intl";
 import {
   EuiButton as EuiButton21,
-  EuiFlexGroup as EuiFlexGroup35,
+  EuiFlexGroup as EuiFlexGroup36,
   EuiFlexItem as EuiFlexItem42,
   EuiFormRow as EuiFormRow24,
   EuiText as EuiText53
@@ -23925,7 +24010,7 @@ var WfoOperatorSelector = ({
 }) => {
   const t = useTranslations97("search.page");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx282(EuiFormRow24, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs147(EuiFlexGroup35, { gutterSize: "xs", wrap: true, children: [
+  return /* @__PURE__ */ jsx282(EuiFormRow24, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs147(EuiFlexGroup36, { gutterSize: "xs", wrap: true, children: [
     selectedPathInfo?.operators?.map((operator) => {
       const { symbol, description } = getOperatorDisplay(
         operator,
@@ -24221,7 +24306,7 @@ var WfoPathSelector = ({
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoRenderFunctions.tsx
 import { useTranslations as useTranslations99 } from "next-intl";
-import { EuiFlexGroup as EuiFlexGroup36, EuiFlexItem as EuiFlexItem43, EuiText as EuiText54 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup37, EuiFlexItem as EuiFlexItem43, EuiText as EuiText54 } from "@elastic/eui";
 import { Fragment as Fragment66, jsx as jsx285, jsxs as jsxs149 } from "@emotion/react/jsx-runtime";
 var WfoRenderPathOption = ({
   option,
@@ -24233,7 +24318,7 @@ var WfoRenderPathOption = ({
   const pathInfo = option.value ? paths.find(({ path }) => path === option.value) : null;
   if (!pathInfo) return /* @__PURE__ */ jsx285(Fragment66, { children: option.label });
   return /* @__PURE__ */ jsxs149(
-    EuiFlexGroup36,
+    EuiFlexGroup37,
     {
       alignItems: "center",
       gutterSize: "s",
@@ -24243,7 +24328,7 @@ var WfoRenderPathOption = ({
       children: [
         /* @__PURE__ */ jsx285(EuiFlexItem43, { grow: true, children: /* @__PURE__ */ jsx285(EuiText54, { size: "s", children: pathInfo.displayLabel || pathInfo.path }) }),
         /* @__PURE__ */ jsx285(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsxs149(
-          EuiFlexGroup36,
+          EuiFlexGroup37,
           {
             gutterSize: "xs",
             alignItems: "center",
@@ -24279,7 +24364,7 @@ var WfoRenderPathOption = ({
 var WfoRenderPathSelectionOption = ({ option, contentClassName, fieldType }) => {
   const { theme } = useOrchestratorTheme();
   return /* @__PURE__ */ jsx285(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */ jsxs149(
-    EuiFlexGroup36,
+    EuiFlexGroup37,
     {
       alignItems: "center",
       gutterSize: "s",
@@ -24303,7 +24388,7 @@ var WfoRenderPathSelectionOption = ({ option, contentClassName, fieldType }) =>
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoSelectedPathDisplay.tsx
-import { EuiFlexGroup as EuiFlexGroup37, EuiFlexItem as EuiFlexItem44, EuiText as EuiText55 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup38, EuiFlexItem as EuiFlexItem44, EuiText as EuiText55 } from "@elastic/eui";
 
 // src/components/WfoSearchPage/WfoConditionRow/utils.ts
 var createOptionsFromPaths = (paths, group) => paths.filter(({ group: pathGroup }) => pathGroup === group).map(({ displayLabel, path, type, operators }) => ({
@@ -24362,14 +24447,14 @@ var WfoSelectedPathDisplay = ({
         alignItems: "center"
       },
       children: /* @__PURE__ */ jsx286(
-        EuiFlexGroup37,
+        EuiFlexGroup38,
         {
           alignItems: "center",
           gutterSize: "s",
           responsive: false,
           justifyContent: "spaceBetween",
           children: /* @__PURE__ */ jsx286(EuiFlexItem44, { grow: true, children: isFullPath ? /* @__PURE__ */ jsxs150(
-            EuiFlexGroup37,
+            EuiFlexGroup38,
             {
               gutterSize: "none",
               alignItems: "center",
@@ -24570,14 +24655,14 @@ var ConditionRow = ({
       }
     );
   };
-  return /* @__PURE__ */ jsx287(EuiPanel14, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs151(EuiFlexGroup38, { direction: "column", gutterSize: "m", children: [
+  return /* @__PURE__ */ jsx287(EuiPanel14, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs151(EuiFlexGroup39, { direction: "column", gutterSize: "m", children: [
     /* @__PURE__ */ jsx287(EuiFlexItem45, { children: /* @__PURE__ */ jsx287(
       EuiFormRow25,
       {
         label: t("fieldLabel"),
         error,
         isInvalid: !!error,
-        children: /* @__PURE__ */ jsxs151(EuiFlexGroup38, { gutterSize: "s", alignItems: "center", children: [
+        children: /* @__PURE__ */ jsxs151(EuiFlexGroup39, { gutterSize: "s", alignItems: "center", children: [
           /* @__PURE__ */ jsx287(EuiFlexItem45, { children: showPathSelection ? /* @__PURE__ */ jsx287(
             WfoPathSelector,
             {
@@ -24629,7 +24714,7 @@ var ConditionRow = ({
             }
           ) }),
           condition.path && selectedPathInfo?.ui_types && selectedPathInfo.ui_types.length > 0 && /* @__PURE__ */ jsx287(EuiFlexItem45, { grow: false, children: /* @__PURE__ */ jsx287(
-            EuiFlexGroup38,
+            EuiFlexGroup39,
             {
               gutterSize: "xs",
               alignItems: "center",
@@ -24660,7 +24745,7 @@ var ConditionRow = ({
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsx287(EuiFlexItem45, { children: /* @__PURE__ */ jsxs151(EuiFlexGroup38, { gutterSize: "s", alignItems: "flexEnd", children: [
+    /* @__PURE__ */ jsx287(EuiFlexItem45, { children: /* @__PURE__ */ jsxs151(EuiFlexGroup39, { gutterSize: "s", alignItems: "flexEnd", children: [
       /* @__PURE__ */ jsx287(EuiFlexItem45, { children: /* @__PURE__ */ jsx287(
         WfoOperatorSelector,
         {
@@ -24755,13 +24840,13 @@ var FilterGroup = ({
       hasBorder: true,
       children: [
         /* @__PURE__ */ jsxs152(
-          EuiFlexGroup39,
+          EuiFlexGroup40,
           {
             gutterSize: "s",
             alignItems: "center",
             justifyContent: "spaceBetween",
             children: [
-              /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs152(EuiFlexGroup39, { gutterSize: "s", alignItems: "center", children: [
+              /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs152(EuiFlexGroup40, { gutterSize: "s", alignItems: "center", children: [
                 /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx288(EuiText56, { size: "s", children: /* @__PURE__ */ jsx288("strong", { children: t("groupLabel") }) }) }),
                 /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx288(
                   EuiButton22,
@@ -24774,7 +24859,7 @@ var FilterGroup = ({
                   }
                 ) })
               ] }) }),
-              /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs152(EuiFlexGroup39, { gutterSize: "s", alignItems: "center", children: [
+              /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs152(EuiFlexGroup40, { gutterSize: "s", alignItems: "center", children: [
                 /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx288(
                   EuiButton22,
                   {
@@ -24823,7 +24908,7 @@ var FilterGroup = ({
               hasShadow: false,
               children: group.children.map((child, index) => /* @__PURE__ */ jsxs152("div", { children: [
                 index > 0 && /* @__PURE__ */ jsx288(
-                  EuiFlexGroup39,
+                  EuiFlexGroup40,
                   {
                     gutterSize: "none",
                     alignItems: "center",
@@ -24882,26 +24967,26 @@ var FilterGroup = ({
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx
-import { EuiFlexGroup as EuiFlexGroup44, EuiPanel as EuiPanel19 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup45, EuiPanel as EuiPanel19 } from "@elastic/eui";
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchEmptyState.tsx
 import { useTranslations as useTranslations102 } from "next-intl";
-import { EuiFlexGroup as EuiFlexGroup40, EuiFlexItem as EuiFlexItem47, EuiPanel as EuiPanel16, EuiText as EuiText57 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup41, EuiFlexItem as EuiFlexItem47, EuiPanel as EuiPanel16, EuiText as EuiText57 } from "@elastic/eui";
 import { jsx as jsx289 } from "@emotion/react/jsx-runtime";
 var WfoSearchEmptyState = () => {
   const t = useTranslations102("search.page");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx289(EuiPanel16, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx289(EuiFlexGroup40, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx289(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsx289(EuiText57, { size: "m", color: theme.colors.textSubdued, children: t("noResultsFound") }) }) }) });
+  return /* @__PURE__ */ jsx289(EuiPanel16, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx289(EuiFlexGroup41, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx289(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsx289(EuiText57, { size: "m", color: theme.colors.textSubdued, children: t("noResultsFound") }) }) }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchLoadingState.tsx
 import { useTranslations as useTranslations103 } from "next-intl";
-import { EuiFlexGroup as EuiFlexGroup41, EuiFlexItem as EuiFlexItem48, EuiPanel as EuiPanel17, EuiText as EuiText58 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup42, EuiFlexItem as EuiFlexItem48, EuiPanel as EuiPanel17, EuiText as EuiText58 } from "@elastic/eui";
 import { jsx as jsx290 } from "@emotion/react/jsx-runtime";
 var WfoSearchLoadingState = () => {
   const t = useTranslations103("search.page");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx290(EuiPanel17, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx290(EuiFlexGroup41, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx290(EuiFlexItem48, { grow: false, children: /* @__PURE__ */ jsx290(EuiText58, { size: "m", color: theme.colors.textSubdued, children: t("loadingSearchResults") }) }) }) });
+  return /* @__PURE__ */ jsx290(EuiPanel17, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx290(EuiFlexGroup42, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx290(EuiFlexItem48, { grow: false, children: /* @__PURE__ */ jsx290(EuiText58, { size: "m", color: theme.colors.textSubdued, children: t("loadingSearchResults") }) }) }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
@@ -24909,7 +24994,7 @@ import { useEffect as useEffect39, useRef as useRef11 } from "react";
 import { useTranslations as useTranslations104 } from "next-intl";
 import {
   EuiButtonIcon as EuiButtonIcon17,
-  EuiFlexGroup as EuiFlexGroup43,
+  EuiFlexGroup as EuiFlexGroup44,
   EuiFlexItem as EuiFlexItem50,
   EuiPanel as EuiPanel18,
   EuiSpacer as EuiSpacer32,
@@ -24961,7 +25046,7 @@ var WfoHighlightedText = ({
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoPathBreadcrumb.tsx
 import { Fragment as Fragment69 } from "react";
-import { EuiFlexGroup as EuiFlexGroup42, EuiFlexItem as EuiFlexItem49, EuiIcon as EuiIcon9 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup43, EuiFlexItem as EuiFlexItem49, EuiIcon as EuiIcon9 } from "@elastic/eui";
 import { jsx as jsx292, jsxs as jsxs153 } from "@emotion/react/jsx-runtime";
 var WfoPathBreadcrumb = ({
   path,
@@ -24986,7 +25071,7 @@ var WfoPathBreadcrumb = ({
   ] : segments;
   const badgeColor = color || theme.colors.primary;
   return /* @__PURE__ */ jsx292(
-    EuiFlexGroup42,
+    EuiFlexGroup43,
     {
       gutterSize: size,
       alignItems: "center",
@@ -25052,8 +25137,8 @@ var WfoSearchResultItem = ({
         borderRight: "none",
         borderColor: theme.colors.primary
       } : void 0,
-      children: /* @__PURE__ */ jsxs154(EuiFlexGroup43, { alignItems: "flexStart", gutterSize: "m", children: [
-        /* @__PURE__ */ jsx293(EuiFlexItem50, { children: /* @__PURE__ */ jsxs154(EuiFlexGroup43, { direction: "column", gutterSize: "xs", children: [
+      children: /* @__PURE__ */ jsxs154(EuiFlexGroup44, { alignItems: "flexStart", gutterSize: "m", children: [
+        /* @__PURE__ */ jsx293(EuiFlexItem50, { children: /* @__PURE__ */ jsxs154(EuiFlexGroup44, { direction: "column", gutterSize: "xs", children: [
           /* @__PURE__ */ jsx293(EuiFlexItem50, { children: /* @__PURE__ */ jsx293(
             EuiText59,
             {
@@ -25095,7 +25180,7 @@ var WfoSearchResultItem = ({
           ] })
         ] }) }),
         /* @__PURE__ */ jsx293(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsxs154(
-          EuiFlexGroup43,
+          EuiFlexGroup44,
           {
             direction: "column",
             alignItems: "flexEnd",
@@ -25144,7 +25229,7 @@ var WfoSearchResults = ({
   if (!results || results.length === 0) {
     return /* @__PURE__ */ jsx294(WfoSearchEmptyState, {});
   }
-  return /* @__PURE__ */ jsx294(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx294(EuiFlexGroup44, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx294(
+  return /* @__PURE__ */ jsx294(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx294(EuiFlexGroup45, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx294(
     WfoSearchResultItem,
     {
       result,
@@ -25171,7 +25256,7 @@ var WfoSearchMetadataHeader = ({
 import { useTranslations as useTranslations105 } from "next-intl";
 import {
   EuiButtonIcon as EuiButtonIcon18,
-  EuiFlexGroup as EuiFlexGroup45,
+  EuiFlexGroup as EuiFlexGroup46,
   EuiFlexItem as EuiFlexItem51,
   EuiText as EuiText60
 } from "@elastic/eui";
@@ -25197,7 +25282,7 @@ var WfoSearchPaginationInfo = ({
   };
   if (!has_next_page && !hasPrevPage) return null;
   return /* @__PURE__ */ jsxs155(
-    EuiFlexGroup45,
+    EuiFlexGroup46,
     {
       justifyContent: "flexEnd",
       alignItems: "center",
@@ -25426,7 +25511,7 @@ var WfoSearch = () => {
           }
         ),
         /* @__PURE__ */ jsx297(EuiSpacer33, { size: "s" }),
-        /* @__PURE__ */ jsx297(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx297(
+        /* @__PURE__ */ jsx297(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", children: /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx297(
           EuiButton23,
           {
             iconType: showFilters ? "eyeClosed" : "eye",
@@ -25498,9 +25583,9 @@ var WfoSearch = () => {
         ] }),
         isSearchActive && /* @__PURE__ */ jsxs156(Fragment71, { children: [
           /* @__PURE__ */ jsx297(EuiSpacer33, { size: "m" }),
-          /* @__PURE__ */ jsxs156(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
+          /* @__PURE__ */ jsxs156(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", children: [
             /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs156(
-              EuiFlexGroup46,
+              EuiFlexGroup47,
               {
                 gutterSize: "s",
                 alignItems: "center",
@@ -25533,7 +25618,7 @@ var WfoSearch = () => {
             showDetailPanel && /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: DETAIL_GROW })
           ] }),
           /* @__PURE__ */ jsx297(EuiSpacer33, { size: "s" }),
-          /* @__PURE__ */ jsxs156(EuiFlexGroup46, { gutterSize: "s", alignItems: "flexStart", children: [
+          /* @__PURE__ */ jsxs156(EuiFlexGroup47, { gutterSize: "s", alignItems: "flexStart", children: [
             /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx297(EuiPanel20, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx297(
               WfoSearchResults,
               {
@@ -25751,10 +25836,10 @@ function ExportButton({ exportData }) {
 // src/components/WfoAgent/ToolProgress/ToolProgress.tsx
 import { useState as useState62 } from "react";
 import { useTranslations as useTranslations109 } from "next-intl";
-import { EuiFlexGroup as EuiFlexGroup49, EuiFlexItem as EuiFlexItem55, EuiLoadingSpinner as EuiLoadingSpinner5 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup50, EuiFlexItem as EuiFlexItem55, EuiLoadingSpinner as EuiLoadingSpinner5 } from "@elastic/eui";
 
 // src/components/WfoAgent/ToolProgress/DiscoverFilterPathsDisplay.tsx
-import React91 from "react";
+import React92 from "react";
 import { EuiSpacer as EuiSpacer34, EuiText as EuiText62 } from "@elastic/eui";
 import { Fragment as Fragment72, jsx as jsx299, jsxs as jsxs158 } from "@emotion/react/jsx-runtime";
 var DiscoverFilterPathsDisplay = ({
@@ -25776,7 +25861,7 @@ var DiscoverFilterPathsDisplay = ({
       /* @__PURE__ */ jsxs158(EuiText62, { size: "xs", color: "subdued", children: [
         "Looking for",
         " ",
-        field_names.map((name, idx) => /* @__PURE__ */ jsxs158(React91.Fragment, { children: [
+        field_names.map((name, idx) => /* @__PURE__ */ jsxs158(React92.Fragment, { children: [
           idx > 0 && ", ",
           /* @__PURE__ */ jsx299(WfoBadge, { color: "hollow", textColor: "default", children: name })
         ] }, name))
@@ -25795,7 +25880,7 @@ var DiscoverFilterPathsDisplay = ({
       foundFields.map(([fieldName, fieldResult]) => /* @__PURE__ */ jsx299("div", { style: { marginBottom: "8px" }, children: fieldResult.leaves && fieldResult.leaves.length > 0 && fieldResult.leaves.map(
         (leaf, leafIdx) => {
           const paths = leaf.paths || (leaf.name ? [leaf.name] : []);
-          return /* @__PURE__ */ jsx299(React91.Fragment, { children: paths.map(
+          return /* @__PURE__ */ jsx299(React92.Fragment, { children: paths.map(
             (path, pathIdx) => /* @__PURE__ */ jsx299(
               "div",
               {
@@ -25820,11 +25905,11 @@ var DiscoverFilterPathsDisplay = ({
 };
 
 // src/components/WfoAgent/ToolProgress/RunSearchDisplay.tsx
-import { EuiFlexGroup as EuiFlexGroup47, EuiFlexItem as EuiFlexItem53, EuiText as EuiText63 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup48, EuiFlexItem as EuiFlexItem53, EuiText as EuiText63 } from "@elastic/eui";
 import { jsx as jsx300, jsxs as jsxs159 } from "@emotion/react/jsx-runtime";
 var RunSearchDisplay = ({ parameters }) => {
   const { limit = 10 } = parameters;
-  return /* @__PURE__ */ jsx300("div", { children: /* @__PURE__ */ jsxs159(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", children: [
+  return /* @__PURE__ */ jsx300("div", { children: /* @__PURE__ */ jsxs159(EuiFlexGroup48, { gutterSize: "s", alignItems: "center", children: [
     /* @__PURE__ */ jsx300(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx300(EuiText63, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx300("strong", { children: "Results Limit" }) }) }),
     /* @__PURE__ */ jsx300(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx300(WfoBadge, { textColor: "default", color: "hollow", children: limit }) })
   ] }) });
@@ -25961,14 +26046,14 @@ var SetFilterTreeDisplay = ({
 };
 
 // src/components/WfoAgent/ToolProgress/StartNewSearchDisplay.tsx
-import { EuiFlexGroup as EuiFlexGroup48, EuiFlexItem as EuiFlexItem54, EuiSpacer as EuiSpacer35, EuiText as EuiText65 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup49, EuiFlexItem as EuiFlexItem54, EuiSpacer as EuiSpacer35, EuiText as EuiText65 } from "@elastic/eui";
 import { Fragment as Fragment73, jsx as jsx302, jsxs as jsxs161 } from "@emotion/react/jsx-runtime";
 var StartNewSearchDisplay = ({
   parameters
 }) => {
   const { entity_type, action, query } = parameters;
   return /* @__PURE__ */ jsxs161("div", { children: [
-    /* @__PURE__ */ jsxs161(EuiFlexGroup48, { gutterSize: "s", wrap: true, children: [
+    /* @__PURE__ */ jsxs161(EuiFlexGroup49, { gutterSize: "s", wrap: true, children: [
       entity_type && /* @__PURE__ */ jsxs161(EuiFlexItem54, { grow: false, children: [
         /* @__PURE__ */ jsx302(EuiText65, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx302("strong", { children: "Entity Type" }) }),
         /* @__PURE__ */ jsx302(EuiSpacer35, { size: "xs" }),
@@ -26104,7 +26189,7 @@ var ToolProgress = ({
         css: hasContent && containerClickableStyle,
         onClick: () => hasContent && setIsExpanded(!isExpanded),
         children: /* @__PURE__ */ jsxs162(
-          EuiFlexGroup49,
+          EuiFlexGroup50,
           {
             gutterSize: "m",
             alignItems: "center",
@@ -26271,15 +26356,15 @@ function WfoAgentPieChart({ aggregationData }) {
 }
 
 // src/components/WfoAgent/WfoAgentTable/WfoAgentTable.tsx
-import React93 from "react";
+import React94 from "react";
 import { EuiBasicTable } from "@elastic/eui";
 import { jsx as jsx306 } 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] = React93.useState(0);
-  const [pageSize, setPageSize] = React93.useState(5);
-  const columns = React93.useMemo(() => {
+  const [pageIndex, setPageIndex] = React94.useState(0);
+  const [pageSize, setPageSize] = React94.useState(5);
+  const columns = React94.useMemo(() => {
     if (results.length === 0) return [];
     const firstResult = results[0];
     const groupKeys = Object.keys(firstResult.group_values);