@orchestrator-ui/orchestrator-ui-components 6.4.0 → 6.6.1

package/dist/index.js

@@ -4922,10 +4922,10 @@ var require_markup = __commonJS({
 var require_css = __commonJS({
   "../../node_modules/refractor/lang/css.js"(exports, module) {
     "use strict";
-    module.exports = css56;
-    css56.displayName = "css";
-    css56.aliases = [];
-    function css56(Prism) {
+    module.exports = css59;
+    css59.displayName = "css";
+    css59.aliases = [];
+    function css59(Prism) {
       ;
       (function(Prism2) {
         var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -5192,7 +5192,7 @@ var require_core = __commonJS({
     var decode = require_parse_entities();
     var Prism = require_prism_core();
     var markup = require_markup();
-    var css56 = require_css();
+    var css59 = require_css();
     var clike = require_clike();
     var js = require_javascript();
     restore();
@@ -5208,7 +5208,7 @@ var require_core = __commonJS({
     refract.registered = registered;
     refract.listLanguages = listLanguages;
     register(markup);
-    register(css56);
+    register(css59);
     register(clike);
     register(js);
     refract.util.encode = encode;
@@ -15304,10 +15304,10 @@ var require_jsstacktrace = __commonJS({
 var require_jsx = __commonJS({
   "../../node_modules/refractor/lang/jsx.js"(exports, module) {
     "use strict";
-    module.exports = jsx300;
-    jsx300.displayName = "jsx";
-    jsx300.aliases = [];
-    function jsx300(Prism) {
+    module.exports = jsx304;
+    jsx304.displayName = "jsx";
+    jsx304.aliases = [];
+    function jsx304(Prism) {
       ;
       (function(Prism2) {
         var javascript = Prism2.util.clone(Prism2.languages.javascript);
@@ -26801,7 +26801,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "6.4.0";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "6.6.1";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -35502,16 +35502,16 @@ var { useUploadFileMutation } = fileUploadApi;
 
 // src/components/WfoSearchPage/utils.ts
 function isSubscriptionSearchResult(item) {
-  return "subscription" in item && typeof item.subscription === "object";
+  return item.entity_type === "SUBSCRIPTION";
 }
 function isProcessSearchResult(item) {
-  return "process" in item && typeof item.process === "object";
+  return item.entity_type === "PROCESS";
 }
 function isProductSearchResult(item) {
-  return "product" in item && typeof item.product === "object";
+  return item.entity_type === "PRODUCT";
 }
 function isWorkflowSearchResult(item) {
-  return "workflow" in item && typeof item.workflow === "object";
+  return item.entity_type === "WORKFLOW";
 }
 var isCondition = (item) => {
   return "path" in item && "condition" in item;
@@ -35525,82 +35525,9 @@ var ENDPOINT_PATHS = {
 var getEndpointPath = (entityType) => {
   return ENDPOINT_PATHS[entityType] || ENDPOINT_PATHS.SUBSCRIPTION;
 };
-var getDisplayText = (item) => {
-  if (isSubscriptionSearchResult(item)) {
-    return item.subscription.description || "Subscription";
-  }
-  if (isProcessSearchResult(item)) {
-    return item.process.workflowName;
-  }
-  if (isProductSearchResult(item)) {
-    return item.product.name;
-  }
-  if (isWorkflowSearchResult(item)) {
-    return item.workflow.name;
-  }
-  return "Unknown result type";
-};
-var getRecordId = (result) => {
-  if (isSubscriptionSearchResult(result)) {
-    return result.subscription.subscription_id;
-  }
-  if (isProductSearchResult(result)) {
-    return result.product.product_id;
-  }
-  if (isProcessSearchResult(result)) {
-    return result.process.processId;
-  }
-  if (isWorkflowSearchResult(result)) {
-    return result.workflow.name;
-  }
-  return "";
-};
-var findResultIndexById = (results, recordId) => {
-  return results.findIndex((result) => {
-    if (isSubscriptionSearchResult(result)) {
-      return result.subscription.subscription_id === recordId;
-    }
-    if (isProductSearchResult(result)) {
-      return result.product.product_id === recordId;
-    }
-    if (isProcessSearchResult(result)) {
-      return result.process.processId === recordId;
-    }
-    if (isWorkflowSearchResult(result)) {
-      return result.workflow.name === recordId;
-    }
-    return false;
-  });
-};
 var getDetailUrl = (result, baseUrl) => {
-  if (isSubscriptionSearchResult(result)) {
-    return `${baseUrl}/subscriptions/${result.subscription.subscription_id}`;
-  }
-  if (isProductSearchResult(result)) {
-    return `${baseUrl}/products/${result.product.product_id}`;
-  }
-  if (isProcessSearchResult(result)) {
-    return `${baseUrl}/processes/${result.process.processId}`;
-  }
-  if (isWorkflowSearchResult(result)) {
-    return `${baseUrl}/workflows/${result.workflow.name}`;
-  }
-  return "#";
-};
-var getDescription = (result) => {
-  if (isSubscriptionSearchResult(result)) {
-    return result.subscription.description;
-  }
-  if (isProductSearchResult(result)) {
-    return result.product.description || result.product.name;
-  }
-  if (isWorkflowSearchResult(result)) {
-    return result.workflow.description || result.workflow.name;
-  }
-  if (isProcessSearchResult(result)) {
-    return result.process.workflowName;
-  }
-  return "Unknown";
+  const endpointPath = getEndpointPath(result.entity_type);
+  return `${baseUrl}/${endpointPath}/${result.entity_id}`;
 };
 var ENTITY_TABS = [
   { id: "SUBSCRIPTION", label: "Subscriptions" },
@@ -35817,6 +35744,11 @@ var getOrchestratorCoreVersionIfNotCompatible = (orchestratorUiVersion, orchestr
 
 // ../../version-compatibility.json
 var version_compatibility_default = [
+  {
+    orchestratorUiVersion: "6.5.0",
+    minimumOrchestratorCoreVersion: "4.6.0",
+    changes: "To support new functionality in the FE for the Agent and LLM, the BE endpoints have changed."
+  },
   {
     orchestratorUiVersion: "5.3.5",
     minimumOrchestratorCoreVersion: "4.2.0",
@@ -35990,11 +35922,11 @@ var WfoHeroIconsWrapper = ({
     children
   }
 );
-var withWfoHeroIconsWrapper = (Icon) => {
+var withWfoHeroIconsWrapper = (Icon2) => {
   const wfoHeroIconsWrapperWithIcon = ({
     className,
     ...iconProps
-  }) => /* @__PURE__ */ jsx12(WfoHeroIconsWrapper, { className, children: /* @__PURE__ */ jsx12(Icon, { ...iconProps }) });
+  }) => /* @__PURE__ */ jsx12(WfoHeroIconsWrapper, { className, children: /* @__PURE__ */ jsx12(Icon2, { ...iconProps }) });
   wfoHeroIconsWrapperWithIcon.displayName = "WfoHeroIconsWrapper";
   return wfoHeroIconsWrapperWithIcon;
 };
@@ -39437,7 +39369,7 @@ var WfoHeaderBadge = ({
   children,
   ...restProps
 }) => {
-  const css56 = restProps.iconType ? {
+  const css59 = restProps.iconType ? {
     height: 24,
     display: "flex",
     paddingLeft: 0
@@ -39445,7 +39377,7 @@ var WfoHeaderBadge = ({
     height: 24,
     display: "flex"
   };
-  return /* @__PURE__ */ jsx76(WfoBadge, { ...restProps, css: css56, children });
+  return /* @__PURE__ */ jsx76(WfoBadge, { ...restProps, css: css59, children });
 };
 
 // src/components/WfoBadges/WfoEnvironmentBadge/WfoEnvironmentBadge.tsx
@@ -40799,7 +40731,8 @@ var getSubscriptionActionStyles = ({ theme }) => {
   const linkMenuItemStyle = css12({
     "&>:hover": {
       backgroundColor: theme.colors.lightestShade,
-      borderRadius: theme.border.radius.medium
+      borderRadius: theme.border.radius.medium,
+      cursor: "pointer"
     },
     ".euiToolTipAnchor": {
       width: "100%"
@@ -40821,7 +40754,8 @@ var getSubscriptionActionStyles = ({ theme }) => {
     width: theme.base * 2
   });
   const secondaryIconStyle = css12({
-    transform: "translate(-11px, -8px);"
+    position: "absolute",
+    transform: "translate(13px, -8px);"
   });
   const spinnerSecondaryIconStyle = css12({
     transform: "translate(-8px, -6px);"
@@ -40846,16 +40780,41 @@ var getSubscriptionActionStyles = ({ theme }) => {
 };
 
 // src/components/WfoSubscription/WfoTargetTypeIcon.tsx
-import { EuiAvatar } from "@elastic/eui";
+import { css as css13 } from "@emotion/css";
 import { jsx as jsx101 } from "@emotion/react/jsx-runtime";
+var Icon = ({ targetLetter, backgroundColor }) => {
+  const { theme } = useOrchestratorTheme();
+  const size = theme.size.l;
+  return /* @__PURE__ */ jsx101(
+    "div",
+    {
+      "aria-label": targetLetter,
+      role: "img",
+      title: targetLetter,
+      className: css13({
+        backgroundColor,
+        borderRadius: "50%",
+        color: theme.colors.ghost,
+        alignItems: "center",
+        justifyContent: "center",
+        fontWeight: 500,
+        fontSize: theme.size.m,
+        display: "flex",
+        height: size,
+        width: size
+      }),
+      children: targetLetter
+    }
+  );
+};
 var WfoTargetTypeIcon = ({
   target,
   disabled = false
 }) => {
   const { theme } = useOrchestratorTheme();
-  const color = disabled ? theme.colors.lightShade : getWorkflowTargetColor(target, theme);
-  const name = getWorkflowTargetIconContent(target);
-  return /* @__PURE__ */ jsx101(EuiAvatar, { name, size: "s", color });
+  const backGroundColor = disabled ? theme.colors.lightShade : getWorkflowTargetColor(target, theme);
+  const targetLetter = getWorkflowTargetIconContent(target);
+  return /* @__PURE__ */ jsx101(Icon, { targetLetter, backgroundColor: backGroundColor });
 };
 var WfoInSyncCompactIcon = ({
   disabled
@@ -40863,7 +40822,7 @@ var WfoInSyncCompactIcon = ({
   const { theme } = useOrchestratorTheme();
   const color = disabled ? theme.colors.lightShade : theme.colors.danger;
   const name = "S";
-  return /* @__PURE__ */ jsx101(EuiAvatar, { name, size: "s", color });
+  return /* @__PURE__ */ jsx101(Icon, { targetLetter: name, backgroundColor: color });
 };
 
 // src/components/WfoSubscription/WfoInSyncField/WfoInSyncField.tsx
@@ -41026,47 +40985,47 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoSubscription/styles.ts
-import { css as css13 } from "@emotion/react";
+import { css as css14 } from "@emotion/react";
 var getSubscriptionDetailStyles = ({ theme }) => {
   const productBlockTreeWidth = theme.base * 28;
-  const labelCellStyle = css13({
+  const labelCellStyle = css14({
     marginLeft: theme.size.m
   });
-  const cellGroupStyle = css13({
+  const cellGroupStyle = css14({
     paddingBlock: theme.size.m
   });
-  const borderStyle = css13({
+  const borderStyle = css14({
     borderBottom: theme.border.thin
   });
-  const rowStyle = css13({
+  const rowStyle = css14({
     paddingInline: theme.size.m,
     "&:last-of-type .border": {
       borderBottom: "none"
     }
   });
-  const tableStyle = css13({
+  const tableStyle = css14({
     backgroundColor: theme.colors.lightestShade,
     width: "100%",
     borderRadius: theme.border.radius.medium,
     marginTop: theme.base / 2
   });
-  const timeLineStyle = css13({
+  const timeLineStyle = css14({
     paddingLeft: theme.base / 2
   });
-  const workflowTargetStyle = css13({ fontWeight: theme.font.weight.bold });
-  const inUseByRelationDetailsStyle = css13({
+  const workflowTargetStyle = css14({ fontWeight: theme.font.weight.bold });
+  const inUseByRelationDetailsStyle = css14({
     borderColor: theme.colors.lightShade,
     borderStyle: "solid",
     borderWidth: "thin",
     marginBottom: theme.base / 4,
     borderRadius: theme.border.radius.medium
   });
-  const customerDescriptionsCustomerNameStyle = css13({
+  const customerDescriptionsCustomerNameStyle = css14({
     whiteSpace: "nowrap",
     alignSelf: "center",
     marginRight: theme.base / 2
   });
-  const customerDescriptionsFormStyle = css13({
+  const customerDescriptionsFormStyle = css14({
     display: "flex",
     flexDirection: "column",
     alignItems: "flex-start"
@@ -41354,16 +41313,16 @@ var WfoExpandedRow = ({
 };
 
 // src/components/WfoTable/WfoTable/styles.ts
-import { css as css15, keyframes } from "@emotion/react";
+import { css as css16, keyframes } from "@emotion/react";
 
 // src/components/WfoTable/WfoTable/WfoTableHeaderCell/styles.ts
-import { css as css14 } from "@emotion/react";
+import { css as css15 } from "@emotion/react";
 var HEADER_CELL_TITLE_BUTTON_CLASS = "headerCellTitleButton";
 var HEADER_CELL_SORT_BUTTON_CLASS = "headerCellSortButton";
 var SORTABLE_ICON_CLASS = "sortableIcon";
 var getWfoBasicTableStyles = ({ theme }) => {
   const radius = theme.border.radius.medium;
-  const basicTableStyle = css14({
+  const basicTableStyle = css15({
     table: {
       backgroundColor: theme.colors.emptyShade
     },
@@ -41390,7 +41349,7 @@ var getWfoBasicTableStyles = ({ theme }) => {
       }
     }
   });
-  const getStatusColumnStyle = (columnNumber) => css14(basicTableStyle, {
+  const getStatusColumnStyle = (columnNumber) => css15(basicTableStyle, {
     [`tbody tr td:nth-child(${columnNumber}) .euiTableCellContent`]: {
       padding: 0,
       ".euiTableCellContent__text": {
@@ -41401,7 +41360,7 @@ var getWfoBasicTableStyles = ({ theme }) => {
       }
     }
   });
-  const dropDownTableStyle = css14({
+  const dropDownTableStyle = css15({
     thead: {
       backgroundColor: theme.colors.lightestShade,
       "tr>:first-child": {
@@ -41415,7 +41374,7 @@ var getWfoBasicTableStyles = ({ theme }) => {
       backgroundColor: theme.colors.lightestShade
     }
   });
-  const expandableTableStyle = css14([
+  const expandableTableStyle = css15([
     basicTableStyle,
     {
       "tr.euiTableRow-isExpandedRow": {
@@ -41423,33 +41382,33 @@ var getWfoBasicTableStyles = ({ theme }) => {
       }
     }
   ]);
-  const headerCellStyle = css14({
+  const headerCellStyle = css15({
     display: "flex",
     justifyContent: "flex-start",
     alignItems: "center",
     overflow: "hidden"
   });
-  const getHeaderCellContentStyle = (isSortable) => css14({
+  const getHeaderCellContentStyle = (isSortable) => css15({
     cursor: isSortable ? "pointer" : "not-allowed",
     fontWeight: theme.font.weight.semiBold
   });
-  const headerCellPopoverHeaderStyle = css14({
+  const headerCellPopoverHeaderStyle = css15({
     margin: theme.size.m,
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center"
   });
-  const headerCellPopoverHeaderTitleStyle = css14({
+  const headerCellPopoverHeaderTitleStyle = css15({
     fontWeight: theme.font.weight.medium
   });
-  const headerCellPopoverContentStyle = css14({
+  const headerCellPopoverContentStyle = css15({
     margin: theme.size.m
   });
-  const getTitleButtonStyle = (sortOrder) => css14({
+  const getTitleButtonStyle = (sortOrder) => css15({
     flex: "0 1 auto",
     overflow: sortOrder === void 0 ? "visible" : "hidden"
   });
-  const sortButtonStyle = css14({
+  const sortButtonStyle = css15({
     paddingLeft: theme.size.xxs,
     display: "flex",
     flex: "0 0 auto",
@@ -41497,13 +41456,13 @@ var getWfoTableStyles = ({ theme, isDarkThemeActive }) => {
       width: 0
     }
   });
-  const tableContainerStyle = css15({
+  const tableContainerStyle = css16({
     overflowX: "auto"
   });
-  const tableStyle = css15({
+  const tableStyle = css16({
     width: "100%"
   });
-  const headerStyle = css15({
+  const headerStyle = css16({
     backgroundColor: theme.colors.lightShade,
     fontSize: theme.size.m,
     textAlign: "left",
@@ -41514,7 +41473,7 @@ var getWfoTableStyles = ({ theme, isDarkThemeActive }) => {
       borderTopRightRadius: radius
     }
   });
-  const bodyLoadingStyle = css15({
+  const bodyLoadingStyle = css16({
     position: "relative",
     overflow: "hidden",
     "&::before": {
@@ -41525,22 +41484,22 @@ var getWfoTableStyles = ({ theme, isDarkThemeActive }) => {
       animation: `${tableLoadingLineKeyframes} 1s linear infinite`
     }
   });
-  const rowStyle = css15({
+  const rowStyle = css16({
     height: TABLE_ROW_HEIGHT,
     borderStyle: "solid",
     borderWidth: "0 0 1px 0",
     borderColor: theme.colors.lightShade,
     position: "relative"
   });
-  const dataRowStyle = css15({
+  const dataRowStyle = css16({
     "&:hover": {
       backgroundColor: theme.colors.lightestShade
     }
   });
-  const expandedRowStyle = css15({
+  const expandedRowStyle = css16({
     backgroundColor: theme.colors.lightestShade
   });
-  const sortableHeaderCellStyle = css15({
+  const sortableHeaderCellStyle = css16({
     paddingRight: 0,
     [`&:hover`]: {
       [`.${SORTABLE_ICON_CLASS}`]: {
@@ -41551,33 +41510,33 @@ var getWfoTableStyles = ({ theme, isDarkThemeActive }) => {
       }
     }
   });
-  const cellStyle = css15({
+  const cellStyle = css16({
     paddingLeft: theme.size.m,
     whiteSpace: "nowrap",
     verticalAlign: "middle"
   });
-  const cellContentStyle = css15({
+  const cellContentStyle = css16({
     display: "inline-block",
     width: "100%"
   });
-  const emptyTableMessageStyle = css15({
+  const emptyTableMessageStyle = css16({
     textAlign: "center"
   });
-  const clickableStyle = css15({
+  const clickableStyle = css16({
     cursor: "pointer"
   });
-  const setWidth = (width) => width !== void 0 && css15({
+  const setWidth = (width) => width !== void 0 && css16({
     width,
     minWidth: width,
     maxWidth: width,
     overflow: "hidden"
   });
-  const headerCellContainer = css15({
+  const headerCellContainer = css16({
     display: "flex",
     justifyContent: "space-between",
     height: TABLE_ROW_HEIGHT
   });
-  const dragAndDropStyle = css15({
+  const dragAndDropStyle = css16({
     width: theme.size.xs,
     cursor: "col-resize",
     borderRadius: theme.border.radius.small,
@@ -41604,7 +41563,7 @@ var getWfoTableStyles = ({ theme, isDarkThemeActive }) => {
       opacity: 0
     }
   });
-  const paginationStyle = css15({
+  const paginationStyle = css16({
     ".eui-xScroll": { display: "flex", justifyContent: "flex-start" }
   });
   return {
@@ -42189,24 +42148,24 @@ import { useTranslations as useTranslations25 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon5, EuiText as EuiText6 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/styles.ts
-import { css as css16 } from "@emotion/react";
+import { css as css17 } from "@emotion/react";
 var getWfoGroupedTableStyles = ({ theme }) => {
   const expandRowButtonWidth = "24px";
   const marginBetweenButtonAndGroupLabel = theme.size.m;
-  const innerTableHeaderStyle = css16({
+  const innerTableHeaderStyle = css17({
     fontSize: theme.size.m,
     textAlign: "left",
     backgroundColor: theme.colors.lightestShade
   });
-  const expandableRowContainerStyle = css16({
+  const expandableRowContainerStyle = css17({
     display: "flex",
     alignItems: "center"
   });
-  const expandableRowTextStyle = css16({
+  const expandableRowTextStyle = css17({
     marginLeft: marginBetweenButtonAndGroupLabel,
     fontWeight: theme.font.weight.medium
   });
-  const getNestingStyle = (nestingLevel) => css16({
+  const getNestingStyle = (nestingLevel) => css17({
     "th:first-child > *:first-child, td:first-child > *:first-child": {
       marginLeft: `calc(${nestingLevel} * (${expandRowButtonWidth} + ${marginBetweenButtonAndGroupLabel}))`
     }
@@ -42950,6 +42909,8 @@ var WfoSubscription = ({ subscriptionId }) => {
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActions.tsx
 import { useState as useState19 } from "react";
 import { useTranslations as useTranslations31 } from "next-intl";
+import Link9 from "next/link";
+import { useRouter as useRouter5 } from "next/router";
 import {
   EuiButton as EuiButton7,
   EuiButtonIcon as EuiButtonIcon7,
@@ -42962,8 +42923,6 @@ import {
 
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionsMenuItem.tsx
 import { useTranslations as useTranslations30 } from "next-intl";
-import Link9 from "next/link";
-import { useRouter as useRouter5 } from "next/router";
 import { EuiContextMenuItem as EuiContextMenuItem2, EuiToolTip as EuiToolTip7 } from "@elastic/eui";
 
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionExpandableMenuItem.tsx
@@ -43025,10 +42984,9 @@ var WfoSubscriptionActionExpandableMenuItem = ({ subscriptionAction, onClickLock
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionsMenuItem.tsx
 import { jsx as jsx126, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionActionsMenuItem = ({
-  action,
+  subscriptionAction,
+  onClick,
   target,
-  isTask = false,
-  subscriptionId,
   setPopover
 }) => {
   const {
@@ -43039,37 +42997,34 @@ var WfoSubscriptionActionsMenuItem = ({
     secondaryIconStyle
   } = useWithOrchestratorTheme(getSubscriptionActionStyles);
   const { isEngineRunningNow } = useCheckEngineStatus();
-  const router = useRouter5();
   const t = useTranslations30("subscriptions.detail.actions");
   const { theme } = useOrchestratorTheme();
   const linkIt = (actionItem) => {
-    const path = isTask ? PATH_START_NEW_TASK : PATH_START_NEW_WORKFLOW;
-    const url = {
-      pathname: `${path}/${action.name}`,
-      query: { subscriptionId }
-    };
     const handleLinkClick = async (e) => {
       e.preventDefault();
       setPopover(false);
       if (await isEngineRunningNow()) {
-        router.push(url);
+        onClick();
       }
     };
-    return /* @__PURE__ */ jsx126(Link9, { href: url, onClick: handleLinkClick, children: /* @__PURE__ */ jsx126("div", { css: linkMenuItemStyle, children: actionItem }) });
+    return /* @__PURE__ */ jsx126("div", { css: linkMenuItemStyle, onClick: handleLinkClick, children: actionItem });
   };
   const tooltipIt = (actionItem) => {
-    if (!action.reason) return actionItem;
-    const tooltipContent = t(action.reason, flattenArrayProps(action));
+    if (!subscriptionAction.reason) return actionItem;
+    const tooltipContent = t(
+      subscriptionAction.reason,
+      flattenArrayProps(subscriptionAction)
+    );
     return /* @__PURE__ */ jsx126("div", { css: tooltipMenuItemStyle, children: /* @__PURE__ */ jsx126(EuiToolTip7, { position: "top", content: tooltipContent, children: /* @__PURE__ */ jsx126(
       WfoSubscriptionActionExpandableMenuItem,
       {
-        subscriptionAction: action,
+        subscriptionAction,
         onClickLockedRelation: () => setPopover(false),
         children: actionItem
       }
     ) }) });
   };
-  const getIcon = () => action.reason ? /* @__PURE__ */ jsxs69("div", { css: disabledIconStyle, children: [
+  const getIcon = () => subscriptionAction.reason ? /* @__PURE__ */ jsxs69("div", { css: disabledIconStyle, children: [
     /* @__PURE__ */ jsx126(WfoTargetTypeIcon, { target, disabled: true }),
     /* @__PURE__ */ jsx126("div", { css: secondaryIconStyle, children: /* @__PURE__ */ jsx126(
       WfoXCircleFill,
@@ -43080,8 +43035,18 @@ var WfoSubscriptionActionsMenuItem = ({
       }
     ) })
   ] }) : /* @__PURE__ */ jsx126("div", { css: iconStyle, children: /* @__PURE__ */ jsx126(WfoTargetTypeIcon, { target }) });
-  const ActionItem = () => /* @__PURE__ */ jsx126(EuiContextMenuItem2, { icon: getIcon(), disabled: !!action.reason, children: action.description });
-  return action?.reason ? tooltipIt(/* @__PURE__ */ jsx126(ActionItem, {})) : linkIt(/* @__PURE__ */ jsx126(ActionItem, {}));
+  const ActionItem = () => /* @__PURE__ */ jsx126(
+    EuiContextMenuItem2,
+    {
+      icon: getIcon(),
+      disabled: !!subscriptionAction.reason,
+      css: {
+        whiteSpace: "nowrap"
+      },
+      children: subscriptionAction.description
+    }
+  );
+  return subscriptionAction?.reason ? tooltipIt(/* @__PURE__ */ jsx126(ActionItem, {})) : linkIt(/* @__PURE__ */ jsx126(ActionItem, {}));
 };
 
 // src/icons/WfoDotsHorizontal.tsx
@@ -43131,6 +43096,7 @@ var WfoSubscriptionActions = ({
 }) => {
   const t = useTranslations31("subscriptions.detail.actions");
   const [isPopoverOpen, setPopover] = useState19(false);
+  const router = useRouter5();
   const disableQuery = isLoading || !isPopoverOpen && compactMode;
   const {
     data: subscriptionActions,
@@ -43139,6 +43105,8 @@ var WfoSubscriptionActions = ({
     { subscriptionId },
     { skip: disableQuery }
   );
+  const { showToastMessage } = useShowToastMessage();
+  const [startProcess] = useStartProcessMutation();
   const { data: subscriptionDetail } = useGetSubscriptionDetailQuery(
     {
       subscriptionId
@@ -43173,35 +43141,86 @@ var WfoSubscriptionActions = ({
     SUBSCRIPTION_TERMINATE,
     SET_IN_SYNC
   } = PolicyResource;
+  const redirectToUrl = (actionName, isTask = false) => {
+    const path = isTask ? PATH_START_NEW_TASK : PATH_START_NEW_WORKFLOW;
+    const url = {
+      pathname: `${path}/${actionName}`,
+      query: {
+        subscriptionId
+      }
+    };
+    router.push(url);
+  };
+  const silentlyStartAction = (actionName, isTask = false) => {
+    startProcess({
+      workflowName: actionName,
+      userInputs: [
+        {
+          subscription_id: subscriptionId
+        }
+      ]
+    }).unwrap().then((result) => {
+      closePopover();
+      const processUrl = `${isTask ? PATH_TASKS : PATH_WORKFLOWS}/${result.id}`;
+      showToastMessage(
+        "SUCCESS" /* SUCCESS */,
+        /* @__PURE__ */ jsx128(Link9, { href: processUrl, children: processUrl }),
+        t("actionStarted")
+      );
+    }).catch((error) => {
+      showToastMessage(
+        "ERROR" /* ERROR */,
+        t("actionStartFailed"),
+        t("actionStartFailed")
+      );
+      console.error("Failed to set subscription in sync.", error);
+    });
+  };
+  const handleActionClick = (actionName, compactMode2, isTask = false) => {
+    if (compactMode2) {
+      silentlyStartAction(actionName, isTask);
+    } else {
+      redirectToUrl(actionName, isTask);
+    }
+  };
   const compactItems = /* @__PURE__ */ jsxs71(Fragment24, { children: [
     isAllowed(SUBSCRIPTION_VALIDATE + subscriptionId) && subscriptionActions?.validate && /* @__PURE__ */ jsxs71(Fragment24, { children: [
       !compactMode && /* @__PURE__ */ jsx128(MenuBlock, { title: t("tasks") }),
-      subscriptionActions.validate.map((action, index) => /* @__PURE__ */ jsx128(
-        WfoSubscriptionActionsMenuItem,
-        {
-          action,
-          index,
-          target: "validate" /* VALIDATE */,
-          isTask: true,
-          subscriptionId,
-          setPopover
-        },
-        `s_${index}`
-      ))
+      subscriptionActions.validate.map(
+        (subscriptionAction, index) => /* @__PURE__ */ jsx128(
+          WfoSubscriptionActionsMenuItem,
+          {
+            subscriptionAction,
+            target: "validate" /* VALIDATE */,
+            setPopover,
+            onClick: () => handleActionClick(
+              subscriptionAction.name,
+              compactMode,
+              true
+            )
+          },
+          `s_${index}`
+        )
+      )
     ] }),
     isAllowed(SUBSCRIPTION_RECONCILE + subscriptionId) && (subscriptionActions?.reconcile?.length ?? 0) > 0 && /* @__PURE__ */ jsxs71(Fragment24, { children: [
       !compactMode && /* @__PURE__ */ jsx128(MenuBlock, { title: t("reconcile") }),
-      subscriptionActions?.reconcile.map((action, index) => /* @__PURE__ */ jsx128(
-        WfoSubscriptionActionsMenuItem,
-        {
-          action,
-          index,
-          target: "reconcile" /* RECONCILE */,
-          subscriptionId,
-          setPopover
-        },
-        `r_${index}`
-      ))
+      subscriptionActions?.reconcile.map(
+        (subscriptionAction, index) => /* @__PURE__ */ jsx128(
+          WfoSubscriptionActionsMenuItem,
+          {
+            subscriptionAction,
+            target: "reconcile" /* RECONCILE */,
+            setPopover,
+            onClick: () => handleActionClick(
+              subscriptionAction.name,
+              compactMode,
+              false
+            )
+          },
+          `r_${index}`
+        )
+      )
     ] }),
     isAllowed(SET_IN_SYNC) && compactMode && subscriptionDetail && /* @__PURE__ */ jsx128("div", { children: /* @__PURE__ */ jsx128(
       WfoInSyncField,
@@ -43215,32 +43234,38 @@ var WfoSubscriptionActions = ({
   const fullItems = /* @__PURE__ */ jsxs71(Fragment24, { children: [
     isAllowed(SUBSCRIPTION_MODIFY + subscriptionId) && subscriptionActions?.modify && /* @__PURE__ */ jsxs71(Fragment24, { children: [
       /* @__PURE__ */ jsx128(MenuBlock, { title: t("modify") }),
-      subscriptionActions.modify.map((action, index) => /* @__PURE__ */ jsx128(
-        WfoSubscriptionActionsMenuItem,
-        {
-          action,
-          index,
-          target: "modify" /* MODIFY */,
-          subscriptionId,
-          setPopover
-        },
-        `m_${index}`
-      ))
+      subscriptionActions.modify.map(
+        (subscriptionAction, index) => /* @__PURE__ */ jsx128(
+          WfoSubscriptionActionsMenuItem,
+          {
+            subscriptionAction,
+            target: "modify" /* MODIFY */,
+            setPopover,
+            onClick: () => {
+              redirectToUrl(subscriptionAction.name);
+            }
+          },
+          `m_${index}`
+        )
+      )
     ] }),
     compactItems,
     isAllowed(SUBSCRIPTION_TERMINATE + subscriptionId) && subscriptionActions?.terminate && /* @__PURE__ */ jsxs71(Fragment24, { children: [
       /* @__PURE__ */ jsx128(MenuBlock, { title: t("terminate") }),
-      subscriptionActions.terminate.map((action, index) => /* @__PURE__ */ jsx128(
-        WfoSubscriptionActionsMenuItem,
-        {
-          action,
-          index,
-          target: "terminate" /* TERMINATE */,
-          subscriptionId,
-          setPopover
-        },
-        `t_${index}`
-      ))
+      subscriptionActions.terminate.map(
+        (subscriptionAction, index) => /* @__PURE__ */ jsx128(
+          WfoSubscriptionActionsMenuItem,
+          {
+            subscriptionAction,
+            target: "terminate" /* TERMINATE */,
+            setPopover,
+            onClick: () => {
+              redirectToUrl(subscriptionAction.name);
+            }
+          },
+          `t_${index}`
+        )
+      )
     ] })
   ] });
   const MenuItemsList = () => compactMode ? compactItems : fullItems;
@@ -43338,10 +43363,10 @@ var WfoInUseByRelations = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionProductBlock/styles.ts
-import { css as css17 } from "@emotion/react";
+import { css as css18 } from "@emotion/react";
 var getStyles6 = (wfoTheme) => {
   const { theme, toSecondaryColor } = wfoTheme;
-  const iconStyle = css17({
+  const iconStyle = css18({
     width: 45,
     height: 45,
     backgroundColor: toSecondaryColor(theme.colors.primary),
@@ -43350,24 +43375,24 @@ var getStyles6 = (wfoTheme) => {
     paddingLeft: 15,
     borderRadius: 7
   });
-  const iconOutsideCurrentSubscriptionStyle = css17([
+  const iconOutsideCurrentSubscriptionStyle = css18([
     iconStyle,
     {
       backgroundColor: theme.colors.lightShade,
       color: theme.colors.darkestShade
     }
   ]);
-  const panelStyle = css17({
+  const panelStyle = css18({
     backgroundColor: toSecondaryColor(
       toSecondaryColor(theme.colors.primary)
     ),
     border: `solid 1px ${toSecondaryColor(theme.colors.primary)}`
   });
-  const panelStyleOutsideCurrentSubscription = css17({
+  const panelStyleOutsideCurrentSubscription = css18({
     backgroundColor: toSecondaryColor(theme.colors.emptyShade),
     border: `dashed 1px ${theme.colors.lightShade}`
   });
-  const rowStyle = css17({
+  const rowStyle = css18({
     display: "flex",
     flexDirection: "row",
     alignItems: "flex-start",
@@ -43380,17 +43405,17 @@ var getStyles6 = (wfoTheme) => {
       borderBottom: "none"
     }
   });
-  const leftColumnStyle = css17({
+  const leftColumnStyle = css18({
     width: 250,
     flexShrink: 0,
     paddingTop: `${theme.base / 4}px`
   });
-  const leftColumnStyleWithAlignSelf = css17({
+  const leftColumnStyleWithAlignSelf = css18({
     width: 250,
     flexShrink: 0,
     alignSelf: "center"
   });
-  const outsideSubscriptionIdTextStyle = css17({
+  const outsideSubscriptionIdTextStyle = css18({
     padding: `${theme.size.xs}px 0`
   });
   return {
@@ -43602,9 +43627,9 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoButtonComboBox/styles.ts
-import { css as css18 } from "@emotion/react";
+import { css as css19 } from "@emotion/react";
 var getWfoButtonComboBoxStyles = ({ theme }) => {
-  const selectableStyle = css18({
+  const selectableStyle = css19({
     ".euiFieldSearch": {
       backgroundColor: theme.colors.body,
       color: theme.colors.text,
@@ -43616,7 +43641,7 @@ var getWfoButtonComboBoxStyles = ({ theme }) => {
       borderColor: theme.colors.lightShade
     }
   });
-  const titleStyle = css18({
+  const titleStyle = css19({
     fontWeight: theme.font.weight.semiBold
   });
   return {
@@ -44284,7 +44309,9 @@ var WfoInlineEdit = ({
   const [note, setValue] = useState23(value);
   const [isTooltipVisible, setIsTooltipVisible] = useState23(true);
   const handleSave = () => {
-    onSave(note);
+    onSave(
+      note.startsWith(INVISIBLE_CHARACTER) ? note.replace(INVISIBLE_CHARACTER, "") : note
+    );
     setIsTooltipVisible(true);
   };
   const handleCancel = () => {
@@ -44431,7 +44458,7 @@ var WfoCustomerDescriptionsField = ({ customerDescriptions, subscriptionCustomer
     /* @__PURE__ */ jsx141(
       WfoInlineEdit,
       {
-        value: description,
+        value: description || INVISIBLE_CHARACTER,
         onSave: (value) => updateCustomerDescription({
           id,
           description: value,
@@ -44484,11 +44511,11 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoTableSettingsModal/styles.ts
-import { css as css19 } from "@emotion/react";
+import { css as css20 } from "@emotion/react";
 var getWfoTableSettingsModalStyles = (wfoTheme) => {
   const { formFieldBaseStyle } = getFormFieldsBaseStyle(wfoTheme);
   const { theme } = wfoTheme;
-  const formRowStyle = css19({
+  const formRowStyle = css20({
     justifyContent: "space-between",
     ".euiFormLabel": {
       color: theme.colors.text
@@ -44627,10 +44654,10 @@ var clearTableConfigFromLocalStorage = (key) => {
 
 // src/components/WfoTable/WfoStatusColorField/styles.ts
 import { tint as tint2 } from "@elastic/eui";
-import { css as css20 } from "@emotion/react";
+import { css as css21 } from "@emotion/react";
 var getWfoStatusColorFieldStyles = ({ theme }) => {
   const toStatusColorFieldColor = (color) => tint2(color, 0.3);
-  const getStatusColorFieldStyle = (color) => css20({
+  const getStatusColorFieldStyle = (color) => css21({
     backgroundColor: toStatusColorFieldColor(color),
     height: TABLE_ROW_HEIGHT,
     width: theme.size.xs
@@ -44683,13 +44710,13 @@ var hasSpaces = (value) => value.indexOf(" ") !== -1;
 var toQueryValue = (value) => hasSpaces(value) ? `"${value}"` : value;
 
 // src/components/WfoTable/WfoSortButtons/styles.ts
-import { css as css21 } from "@emotion/react";
+import { css as css22 } from "@emotion/react";
 var getStyles8 = () => {
-  const sortButtonsContainerStyle = css21({
+  const sortButtonsContainerStyle = css22({
     display: "flex",
     alignItems: "center"
   });
-  const getSortButtonStyle = (isActive) => css21({
+  const getSortButtonStyle = (isActive) => css22({
     display: "flex",
     alignItems: "center",
     cursor: isActive ? "pointer" : "not-allowed"
@@ -44755,10 +44782,10 @@ var WfoSortButtons = ({
 import { EuiCopy as EuiCopy2 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoFirstPartUUID/styles.ts
-import { css as css22 } from "@emotion/react";
+import { css as css23 } from "@emotion/react";
 var COPY_ICON_CLASS = "copyIcon";
 var getStyles9 = ({ theme }) => {
-  const uuidFieldStyle = css22({
+  const uuidFieldStyle = css23({
     fontWeight: theme.font.weight.medium,
     display: "flex",
     gap: theme.size.xs,
@@ -44769,7 +44796,7 @@ var getStyles9 = ({ theme }) => {
       visibility: "visible"
     }
   });
-  const clickable = css22({
+  const clickable = css23({
     cursor: "pointer",
     visibility: "hidden"
   });
@@ -45084,7 +45111,7 @@ import { useEuiScrollBar as useEuiScrollBar2 } from "@elastic/eui";
 import { EuiToolTip as EuiToolTip8 } from "@elastic/eui";
 
 // src/components/WfoTimeline/styles.ts
-import { css as css23 } from "@emotion/react";
+import { css as css24 } from "@emotion/react";
 var getTimelineStyles = ({ theme }) => {
   const TIMELINE_HEIGHT = theme.base * 2.5;
   const TIMELINE_OUTLINE_WIDTH = theme.base * 0.75;
@@ -45119,7 +45146,7 @@ var getTimelineStyles = ({ theme }) => {
         return theme.colors.ghost;
     }
   };
-  const timelinePanelStyle = css23({
+  const timelinePanelStyle = css24({
     backgroundColor: theme.colors.body,
     borderRadius: theme.border.radius.medium,
     outline: `${timelineOutlineWidthPx} solid ${theme.colors.emptyShade}`,
@@ -45144,7 +45171,7 @@ var getTimelineStyles = ({ theme }) => {
       flexGrow: 1
     }
   });
-  const getHorizontalLineStyle = (color) => css23({
+  const getHorizontalLineStyle = (color) => css24({
     content: '""',
     height: theme.border.width.thick,
     backgroundColor: color,
@@ -45172,7 +45199,7 @@ var getTimelineStyles = ({ theme }) => {
           return theme.colors.lightShade;
       }
     };
-    return css23([
+    return css24([
       !isFirstStep && {
         "::before": {
           ...getHorizontalLineStyle(
@@ -45189,7 +45216,7 @@ var getTimelineStyles = ({ theme }) => {
       }
     ]);
   };
-  const getStepOuterCircleStyle = (hasContent) => css23({
+  const getStepOuterCircleStyle = (hasContent) => css24({
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
@@ -45200,7 +45227,7 @@ var getTimelineStyles = ({ theme }) => {
   });
   const getStepInnerCircleStyle = (stepStatus, hasContent) => {
     const diameter = hasContent ? stepWithValueInnerDiameter : emptyStepInnerDiameter;
-    return css23({
+    return css24({
       borderRadius: "50%",
       backgroundColor: getColorForStepStatus(stepStatus),
       height: diameter,
@@ -45211,15 +45238,15 @@ var getTimelineStyles = ({ theme }) => {
       color: getTextColorForStepStatusIcon(stepStatus)
     });
   };
-  const stepStyle = css23({
+  const stepStyle = css24({
     display: "flex",
     flexDirection: "row",
     alignItems: "center"
   });
-  const clickableStyle = css23({
+  const clickableStyle = css24({
     cursor: "pointer"
   });
-  const notClickableStyle = css23({
+  const notClickableStyle = css24({
     cursor: "auto"
   });
   return {
@@ -45381,9 +45408,9 @@ import { connectField, filterDOMProps } from "uniforms";
 import { EuiCheckbox, EuiFlexItem as EuiFlexItem14, EuiText as EuiText14 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/AcceptFieldStyling.ts
-import { css as css24 } from "@emotion/react";
+import { css as css25 } from "@emotion/react";
 var getAcceptFieldStyles = ({ theme }) => {
-  const acceptFieldStyle = css24({
+  const acceptFieldStyle = css25({
     ".acceptField": {
       "label.warning": {
         color: theme.colors.danger
@@ -45556,9 +45583,9 @@ import { connectField as connectField2, filterDOMProps as filterDOMProps2 } from
 import { EuiCheckbox as EuiCheckbox2, EuiFlexItem as EuiFlexItem15, EuiFormRow as EuiFormRow4, EuiText as EuiText15 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/commonStyles.ts
-import { css as css25 } from "@emotion/react";
+import { css as css26 } from "@emotion/react";
 var getCommonFormFieldStyles = ({ theme }) => {
-  const formRowStyle = css25({
+  const formRowStyle = css26({
     marginBottom: theme.base * 2,
     ".euiText": {
       color: theme.colors.text
@@ -45574,7 +45601,7 @@ var getCommonFormFieldStyles = ({ theme }) => {
       flexDirection: "column"
     }
   });
-  const errorStyle = css25({
+  const errorStyle = css26({
     color: theme.colors.dangerText
   });
   return {
@@ -45584,11 +45611,11 @@ var getCommonFormFieldStyles = ({ theme }) => {
 };
 
 // src/components/WfoForms/formFields/BoolFieldStyling.ts
-import { css as css26 } from "@emotion/react";
+import { css as css27 } from "@emotion/react";
 var PRIMARY_COLOR = "#0077cc";
 var LIGHT_GREY_COLOR = "#eff2f3";
 var MEDIUM_GREY_COLOR = "#a6b6be";
-var boolFieldStyling = css26`
+var boolFieldStyling = css27`
 
   .bool-field {
     .euiCheckbox .euiCheckbox__input ~ .euiCheckbox__label {
@@ -45892,8 +45919,8 @@ function ListItem({
 var ListItemField = connectField8(ListItem, { initialValue: false });
 
 // src/components/WfoForms/formFields/listFieldStyling.ts
-import { css as css27 } from "@emotion/react";
-var listFieldStyling = css27`
+import { css as css28 } from "@emotion/react";
+var listFieldStyling = css28`
     .list-field {
         ul {
             display: flex;
@@ -46687,9 +46714,9 @@ var subscriptionHasTaggedProduct = (subscriptionDetail) => {
 };
 
 // src/components/WfoForms/formFields/deprecated/ContactPersonAutocompleteStyles.ts
-import { css as css28 } from "@emotion/react";
+import { css as css29 } from "@emotion/react";
 var getContactPersonStyles = ({ theme }) => {
-  const contactPersonAutocompleteStyling = css28`
+  const contactPersonAutocompleteStyling = css29`
         .autocomplete-container {
             position: relative;
         }
@@ -47017,8 +47044,8 @@ import { connectField as connectField19, filterDOMProps as filterDOMProps19 } fr
 import { EuiFlexItem as EuiFlexItem18, EuiFormRow as EuiFormRow13, EuiText as EuiText26 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/deprecated/ImsPortIdFieldStyling.ts
-import { css as css29 } from "@emotion/react";
-var imsPortIdFieldStyling = css29`
+import { css as css30 } from "@emotion/react";
+var imsPortIdFieldStyling = css30`
     section.node-port {
         display: flex;
         flex-direction: row;
@@ -47385,7 +47412,7 @@ function IpNetwork({
 var IpNetworkField = connectField20(IpNetwork, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/deprecated/IpPrefixTableFieldStyling.ts
-import { css as css30 } from "@emotion/react";
+import { css as css31 } from "@emotion/react";
 var DARK_GREY_COLOR = "#333333";
 var LIGHTER_GREY_COLOR = "#999999";
 var LIGHT_GOLD_COLOR = "#fca456";
@@ -47406,7 +47433,7 @@ function shadeColor(color, percent) {
   const BB = B.toString(16).length === 1 ? "0" + B.toString(16) : B.toString(16);
   return "#" + RR + GG + BB;
 }
-var ipPrefixTableFieldStyling = css30`
+var ipPrefixTableFieldStyling = css31`
     table.ip-blocks {
         word-break: break-all;
         margin-bottom: 20px;
@@ -47494,8 +47521,8 @@ var ipPrefixTableFieldStyling = css30`
 `;
 
 // src/components/WfoForms/formFields/deprecated/SplitPrefixStyling.ts
-import { css as css31 } from "@emotion/react";
-var splitPrefixStyling = css31`
+import { css as css32 } from "@emotion/react";
+var splitPrefixStyling = css32`
     section.split-prefix {
         display: flex;
         flex-direction: column;
@@ -47956,8 +47983,8 @@ var useGetSurfSubscriptionDropdownOptions = (tags = [], statuses = ["active"], p
 };
 
 // src/components/WfoForms/formFields/deprecated/SubscriptionFieldStyling.ts
-import { css as css32 } from "@emotion/react";
-var subscriptionFieldStyling = css32`
+import { css as css33 } from "@emotion/react";
+var subscriptionFieldStyling = css33`
     .subscription-field {
         > div {
             display: flex;
@@ -48264,9 +48291,9 @@ import { connectField as connectField27, filterDOMProps as filterDOMProps27 } fr
 import { EuiFlexItem as EuiFlexItem23, EuiFormRow as EuiFormRow20, EuiText as EuiText33 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/SummaryFieldStyling.ts
-import { css as css33 } from "@emotion/react";
+import { css as css34 } from "@emotion/react";
 var summaryFieldStyles = ({ theme }) => {
-  const summaryFieldStyle = css33({
+  const summaryFieldStyle = css34({
     "div.emailMessage": {
       td: {
         color: theme.colors.textParagraph
@@ -48479,9 +48506,9 @@ function autoFieldFunction(props, uniforms) {
 }
 
 // src/components/WfoForms/UserInputFormStyling.ts
-import { css as css34 } from "@emotion/react";
+import { css as css35 } from "@emotion/react";
 var PRIMARY_COLOR2 = "#0077cc";
-var userInputFormStyling = css34`
+var userInputFormStyling = css35`
     .user-input-form {
         h3 {
             padding: 20px 0;
@@ -49260,7 +49287,7 @@ var WfoMetadataDescriptionField = ({ onSave, description }) => {
   return /* @__PURE__ */ jsx198("div", { children: /* @__PURE__ */ jsx198(
     WfoInlineEdit,
     {
-      value: description,
+      value: description || INVISIBLE_CHARACTER,
       onlyShowOnHover: true,
       onSave
     }
@@ -50899,7 +50926,7 @@ var WfoProcessDetailPage = ({
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useCallback as useCallback11, useEffect as useEffect35, useMemo as useMemo7, useState as useState51 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect36, useMemo as useMemo7, useState as useState51 } from "react";
 import { useTranslations as useTranslations71 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
 import {
@@ -50911,7 +50938,7 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoPydanticForm/WfoPydanticForm.tsx
-import { useCallback as useCallback6, useMemo as useMemo4 } from "react";
+import { useCallback as useCallback7, useMemo as useMemo4 } from "react";
 import _4 from "lodash";
 import { useMessages, useTranslations as useTranslations63 } from "next-intl";
 import { useRouter as useRouter9 } from "next/router";
@@ -51037,9 +51064,9 @@ var Footer = ({
 };
 
 // src/components/WfoPydanticForm/Header.tsx
-import { css as css35 } from "@emotion/react";
+import { css as css36 } from "@emotion/react";
 import { jsx as jsx210 } from "@emotion/react/jsx-runtime";
-var headerStyling = css35`
+var headerStyling = css36`
     padding: 20px 0;
     font-size: larger;
     font-weight: bold;
@@ -51246,9 +51273,9 @@ import {
 import { EuiFlexGroup as EuiFlexGroup22 } from "@elastic/eui";
 
 // src/components/WfoPydanticForm/fields/WfoObjectField/styles.ts
-import { css as css36 } from "@emotion/react";
+import { css as css37 } from "@emotion/react";
 var getWfoObjectFieldStyles = () => {
-  const wfoObjectFieldStyles = css36({
+  const wfoObjectFieldStyles = css37({
     width: "100%",
     "& > div": {
       width: "100%"
@@ -51294,6 +51321,9 @@ var WfoObjectField = ({
   );
 };
 
+// src/components/WfoPydanticForm/fields/WfoArrayField/WfoArrayField.tsx
+import { useCallback as useCallback6, useEffect as useEffect31 } from "react";
+
 // ../../node_modules/react-hook-form/dist/index.esm.mjs
 import * as React67 from "react";
 import React__default from "react";
@@ -51909,26 +51939,26 @@ import {
 import { EuiIcon as EuiIcon5 } from "@elastic/eui";
 
 // src/components/WfoPydanticForm/fields/WfoArrayField/styles.ts
-import { css as css37 } from "@emotion/react";
+import { css as css38 } from "@emotion/react";
 var getWfoArrayFieldStyles = () => {
-  const container = css37({
+  const container = css38({
     border: "thin solid #eee",
     padding: "1rem",
     display: "flex",
     flexDirection: "column",
     flexGrow: 1
   });
-  const fieldWrapper = css37({
+  const fieldWrapper = css38({
     display: "flex",
     gap: "10px",
     alignItems: "center"
   });
-  const minusButton = css37({
+  const minusButton = css38({
     width: "40px",
     cursor: "pointer",
     marginBottom: "12px"
   });
-  const plusButtonWrapper = css37({
+  const plusButtonWrapper = css38({
     display: "flex",
     cursor: "pointer",
     justifyContent: "end"
@@ -51991,6 +52021,17 @@ var WfoArrayField = ({
     control,
     name: arrayName
   });
+  const appendDefault = useCallback6(() => {
+    append({
+      [arrayName]: arrayItem?.default ?? void 0
+    });
+  }, [append, arrayItem?.default, arrayName]);
+  useEffect31(() => {
+    if (arrayName && arrayItem && minItems && fields) {
+      const missingCount = Math.max(0, minItems - fields.length);
+      Array.from({ length: missingCount }).forEach(() => appendDefault());
+    }
+  }, [minItems, append, remove, arrayItem, arrayName, fields, appendDefault]);
   const showMinus = (!minItems || fields.length > minItems) && !disabled;
   const showPlus = (!maxItems || fields.length < maxItems) && !disabled;
   if (!arrayItem) return null;
@@ -52029,11 +52070,7 @@ var WfoArrayField = ({
     showPlus && /* @__PURE__ */ jsx219(
       PlusButton,
       {
-        onClick: () => {
-          append({
-            [arrayName]: arrayItem.default ?? void 0
-          });
-        },
+        onClick: appendDefault,
         testId: `${arrayName}-plus-button`
       }
     )
@@ -52070,10 +52107,10 @@ var WfoRadio = ({
 import _3 from "lodash";
 import { getFormFieldIdWithPath as getFormFieldIdWithPath2 } from "pydantic-forms";
 import { EuiFieldNumber as EuiFieldNumber2 } from "@elastic/eui";
-import { css as css38 } from "@emotion/react";
+import { css as css39 } from "@emotion/react";
 import { jsx as jsx221 } from "@emotion/react/jsx-runtime";
 var getFormFieldsBaseStyle2 = ({ theme }) => {
-  const formFieldBaseStyle = css38({
+  const formFieldBaseStyle = css39({
     backgroundColor: theme.colors.body,
     color: theme.colors.text,
     "&:focus": {
@@ -52109,12 +52146,12 @@ var WfoInteger = ({
 };
 
 // src/components/WfoPydanticForm/fields/WfoReactSelect/WfoReactSelect.tsx
-import { useEffect as useEffect31, useState as useState44 } from "react";
+import { useEffect as useEffect32, useState as useState44 } from "react";
 import ReactSelect5, { components } from "react-select";
 import { EuiButtonIcon as EuiButtonIcon12 } from "@elastic/eui";
 
 // src/components/WfoPydanticForm/fields/WfoReactSelect/styles.ts
-import { css as css39 } from "@emotion/react";
+import { css as css40 } from "@emotion/react";
 var getWfoReactSelectStyles = (wfoTheme) => {
   const { theme } = wfoTheme;
   const reactSelectInnerComponentStyles = {
@@ -52130,7 +52167,11 @@ var getWfoReactSelectStyles = (wfoTheme) => {
         ...baseStyles,
         backgroundColor: state.isFocused ? theme.colors.emptyShade : theme.colors.lightestShade,
         color: theme.colors.text,
-        border: `1px solid ${theme.colors.lightShade}`
+        border: `1px solid ${theme.colors.lightShade}`,
+        borderColor: "none",
+        "&:hover": {
+          borderColor: "none"
+        }
       };
     },
     input: (baseStyles) => ({
@@ -52138,7 +52179,7 @@ var getWfoReactSelectStyles = (wfoTheme) => {
       color: theme.colors.text
     }),
     singleValue: (baseStyles, state) => {
-      const opacity = state.isDisabled ? 0.3 : 1;
+      const opacity = state.isDisabled ? 0.6 : 1;
       const transition = "opacity 300ms";
       return {
         ...baseStyles,
@@ -52152,15 +52193,15 @@ var getWfoReactSelectStyles = (wfoTheme) => {
       backgroundColor: theme.colors.lightestShade
     })
   };
-  const containerStyle = css39({
+  const containerStyle = css40({
     display: "flex",
     flexDirection: "row",
     alignItems: "center"
   });
-  const reactSelectStyle = css39({
+  const reactSelectStyle = css40({
     width: "100%"
   });
-  const refreshButtonStyle = css39({
+  const refreshButtonStyle = css40({
     marginRight: theme.base / 2,
     cursor: "pointer"
   });
@@ -52189,7 +52230,7 @@ var WfoReactSelect = ({
     (option) => option.value === value
   );
   const [selectedValue, setSelectedValue] = useState44(initialValue || null);
-  useEffect31(() => {
+  useEffect32(() => {
     const preSelectedValue = options.find(
       (option) => option.value === value
     );
@@ -52283,7 +52324,7 @@ var WfoDropdown = ({
 };
 
 // src/components/WfoPydanticForm/fields/WfoMultiCheckboxField.tsx
-import { useEffect as useEffect32, useState as useState45 } from "react";
+import { useEffect as useEffect33, useState as useState45 } from "react";
 import { EuiCheckboxGroup } from "@elastic/eui";
 import { jsx as jsx224 } from "@emotion/react/jsx-runtime";
 var WfoMultiCheckboxField = ({
@@ -52291,7 +52332,7 @@ var WfoMultiCheckboxField = ({
   onChange,
   value
 }) => {
-  useEffect32(() => {
+  useEffect33(() => {
     const getInitialMap = () => {
       const initialIdMap = (value || []).reduce(
         (idMap, id2) => {
@@ -52361,7 +52402,7 @@ var useWfoPydanticFormConfig = () => {
   const translationMessages = useMessages();
   const formTranslations = translationMessages?.pydanticForms && typeof translationMessages?.pydanticForms !== "string" ? translationMessages.pydanticForms.backendTranslations : {};
   const orchestratorTranslations = formTranslations;
-  const pydanticLabelProvider = useCallback6(async () => {
+  const pydanticLabelProvider = useCallback7(async () => {
     return {
       labels: {
         ...orchestratorTranslations
@@ -52380,7 +52421,7 @@ var useWfoPydanticFormConfig = () => {
       ...translationMessages
     };
   }, [t, translationMessages]);
-  const wfoComponentMatcherExtender = useCallback6(
+  const wfoComponentMatcherExtender = useCallback7(
     (currentMatchers) => {
       const wfoMatchers = [
         {
@@ -52516,7 +52557,7 @@ var WfoPydanticForm = ({
     pydanticLabelProvider,
     customTranslations
   } = useWfoPydanticFormConfig();
-  const onSuccess = useCallback6(
+  const onSuccess = useCallback7(
     (_fieldValues, req) => {
       const request = req;
       if (request?.data?.id) {
@@ -52526,7 +52567,7 @@ var WfoPydanticForm = ({
     },
     [isTask, router]
   );
-  const getPydanticFormProvider = useCallback6(() => {
+  const getPydanticFormProvider = useCallback7(() => {
     const pydanticFormProvider = async ({
       requestBody = [],
       formKey
@@ -52568,7 +52609,7 @@ var WfoPydanticForm = ({
     };
     return pydanticFormProvider;
   }, [isTask, startProcess, startProcessPayload]);
-  const handleCancel = useCallback6(() => {
+  const handleCancel = useCallback7(() => {
     const pfBasePath = isTask ? PATH_TASKS : PATH_WORKFLOWS;
     router.replace(pfBasePath);
   }, [isTask, router]);
@@ -52609,7 +52650,7 @@ var WfoPydanticForm = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React74, { useCallback as useCallback9, useState as useState47 } from "react";
+import React75, { useCallback as useCallback10, useState as useState47 } from "react";
 import { useTranslations as useTranslations66 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup23, EuiFlexItem as EuiFlexItem28, EuiPanel as EuiPanel4, EuiText as EuiText37 } from "@elastic/eui";
 
@@ -52662,36 +52703,36 @@ var WfoStepFormOld = ({
 import { EuiFlexItem as EuiFlexItem26 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/styles.ts
-import { css as css40 } from "@emotion/react";
+import { css as css41 } from "@emotion/react";
 var getWorkflowStepsStyles = ({
   theme,
   toSecondaryColor
 }) => {
   const SPACE_BETWEEN_STEPS = theme.base * 1.5;
-  const stepSpacerStyle = css40({
+  const stepSpacerStyle = css41({
     borderLeft: `1px solid ${theme.colors.darkShade}`,
     height: `${SPACE_BETWEEN_STEPS}px`,
     marginLeft: "36px"
   });
-  const stepRowStyle = css40({
+  const stepRowStyle = css41({
     flexGrow: 1,
     alignItems: "center",
     justifyContent: "flex-end"
   });
-  const stepListHeaderStyle = css40({
+  const stepListHeaderStyle = css41({
     marginBottom: "24px",
     marginTop: "60px",
     alignItems: "flex-end"
   });
-  const stepListContentStyle = css40({
+  const stepListContentStyle = css41({
     flexDirection: "row",
     alignItems: "center"
   });
-  const stepListContentBoldTextStyle = css40({
+  const stepListContentBoldTextStyle = css41({
     fontSize: theme.size.base,
     fontWeight: theme.font.weight.bold
   });
-  const stepListContentAnchorStyle = css40({
+  const stepListContentAnchorStyle = css41({
     marginTop: 2,
     marginLeft: 0,
     fontSize: theme.size.m,
@@ -52699,7 +52740,7 @@ var getWorkflowStepsStyles = ({
     color: theme.colors.link,
     cursor: "pointer"
   });
-  const stepListOptionsContainerStyle = css40({
+  const stepListOptionsContainerStyle = css41({
     flexGrow: 0
   });
   const stepStateIcon = {
@@ -52715,36 +52756,36 @@ var getWorkflowStepsStyles = ({
     color: theme.colors.disabled,
     fontWeight: theme.font.weight.semiBold
   };
-  const stepStateSuccessIconStyle = css40({
+  const stepStateSuccessIconStyle = css41({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.primary)
   });
-  const stepStateSuspendIconStyle = css40({
+  const stepStateSuspendIconStyle = css41({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.warning)
   });
-  const stepStatePendingIconStyle = css40({
+  const stepStatePendingIconStyle = css41({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.darkShade)
   });
-  const stepStateFailedIconStyle = css40({
+  const stepStateFailedIconStyle = css41({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.danger)
   });
-  const stepHeaderRightStyle = css40({
+  const stepHeaderRightStyle = css41({
     alignItems: "center"
   });
-  const stepEmailContainerStyle = css40({
+  const stepEmailContainerStyle = css41({
     paddingLeft: 24,
     width: 600,
     marginTop: 0
   });
-  const getStepHeaderStyle = (isClickable) => css40({
+  const getStepHeaderStyle = (isClickable) => css41({
     gap: 0,
     alignItems: "center",
     cursor: isClickable ? "pointer" : "default"
   });
-  const getStepToggleExpandStyle = (isVisible) => css40({
+  const getStepToggleExpandStyle = (isVisible) => css41({
     marginRight: theme.base / 2,
     visibility: isVisible ? "visible" : "hidden"
   });
@@ -52890,7 +52931,7 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoCodeViewSelector.tsx
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback8 } from "react";
 import { useTranslations as useTranslations64 } from "next-intl";
 import { EuiButtonGroup as EuiButtonGroup2 } from "@elastic/eui";
 import { jsx as jsx228 } from "@emotion/react/jsx-runtime";
@@ -52948,7 +52989,7 @@ var WfoCodeViewSelector = ({
       }
     }
   ];
-  const handle = useCallback7(
+  const handle = useCallback8(
     (id) => handleCodeViewChange(id),
     [handleCodeViewChange]
   );
@@ -52973,7 +53014,7 @@ var WfoCodeViewSelector = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
-import { useCallback as useCallback8, useMemo as useMemo5 } from "react";
+import { useCallback as useCallback9, useMemo as useMemo5 } from "react";
 import { PydanticForm as PydanticForm3 } from "pydantic-forms";
 import { EuiFlexItem as EuiFlexItem27 } from "@elastic/eui";
 
@@ -53035,7 +53076,7 @@ var WfoStepForm = ({
   } = useWfoPydanticFormConfig();
   const [resumeProcess] = useResumeProcessMutation();
   const getInitialStepInput = useMemo5(() => userInputForm, [userInputForm]);
-  const getStepFormProvider = useCallback8(
+  const getStepFormProvider = useCallback9(
     () => async ({ requestBody = [] }) => {
       if (requestBody.length === 0) {
         return {
@@ -53084,7 +53125,7 @@ var WfoStepForm = ({
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
 import { Fragment as Fragment51, jsx as jsx231, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
-var WfoStep = React74.forwardRef(
+var WfoStep = React75.forwardRef(
   ({
     stepListItem,
     onToggleStepDetail,
@@ -53152,7 +53193,7 @@ var WfoStep = React74.forwardRef(
         )
       ] });
     };
-    const handle = useCallback9(
+    const handle = useCallback10(
       (newCodeView) => {
         setCodeView(newCodeView);
       },
@@ -53253,9 +53294,9 @@ var WfoStep = React74.forwardRef(
 WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
-import React75, { useImperativeHandle as useImperativeHandle2, useRef as useRef13 } from "react";
+import React76, { useImperativeHandle as useImperativeHandle2, useRef as useRef13 } from "react";
 import { Fragment as Fragment52, jsx as jsx232, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
-var WfoStepList = React75.forwardRef(
+var WfoStepList = React76.forwardRef(
   ({
     stepListItems,
     showHiddenKeys,
@@ -53335,12 +53376,12 @@ var WfoStepList = React75.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React77, { useEffect as useEffect34, useState as useState49 } from "react";
+import React78, { useEffect as useEffect35, useState as useState49 } from "react";
 import { useTranslations as useTranslations69 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
-import { useCallback as useCallback10, useEffect as useEffect33, useMemo as useMemo6, useState as useState48 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect34, useMemo as useMemo6, useState as useState48 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
 import { useTranslations as useTranslations67 } from "next-intl";
@@ -53356,7 +53397,7 @@ import {
 
 // src/components/WfoDiff/styles.ts
 import { shade as shade2, tint as tint3 } from "@elastic/eui";
-import { css as css41 } from "@emotion/react";
+import { css as css42 } from "@emotion/react";
 var getWfoDiffStyles = ({
   theme,
   toSecondaryColor,
@@ -53368,7 +53409,7 @@ var getWfoDiffStyles = ({
   const insertCodeColor = isDarkThemeActive ? shade2(insertGutterColor, SHADE_FACTOR) : tint3(insertGutterColor, TINT_FACTOR);
   const deleteColor = toSecondaryColor(theme.colors.danger);
   const deleteSecondaryColor = isDarkThemeActive ? shade2(deleteColor, SHADE_FACTOR) : tint3(deleteColor, TINT_FACTOR);
-  const diffStyle = css41({
+  const diffStyle = css42({
     ".diff-code-insert": {
       backgroundColor: insertCodeColor
     },
@@ -53404,7 +53445,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
     type: "modify",
     hunks: []
   });
-  const updateDiffText = useCallback10(() => {
+  const updateDiffText = useCallback11(() => {
     const diffText = formatLines(diffLines(oldText, newText), {
       context: showFull ? FULL_CONTEXT : SMALL_CONTEXT
     });
@@ -53426,7 +53467,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
       return void 0;
     }
   }, [hunks, syntax]);
-  useEffect33(() => {
+  useEffect34(() => {
     updateDiffText();
   }, [updateDiffText, showFull]);
   return /* @__PURE__ */ jsxs120("div", { children: [
@@ -53476,9 +53517,9 @@ import { useTranslations as useTranslations68 } from "next-intl";
 import { EuiCodeBlock, EuiText as EuiText39 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoTraceback/styles.ts
-import { css as css42 } from "@emotion/react";
+import { css as css43 } from "@emotion/react";
 var getStyles10 = ({ theme }) => {
-  const codeBlockStyle = css42({
+  const codeBlockStyle = css43({
     marginTop: theme.size.m,
     marginBottom: theme.size.l,
     borderRadius: theme.border.radius.medium
@@ -53523,7 +53564,7 @@ var WfoProcessSubscriptionDelta = ({
     }
   );
 };
-var WfoWorkflowStepList = React77.forwardRef(
+var WfoWorkflowStepList = React78.forwardRef(
   ({
     steps = [],
     lastStatus,
@@ -53559,7 +53600,7 @@ var WfoWorkflowStepList = React77.forwardRef(
         };
       });
     };
-    useEffect34(() => {
+    useEffect35(() => {
       setStepListItems(
         (previousStepListItems) => persistStepListItemState(
           previousStepListItems,
@@ -53654,9 +53695,9 @@ import {
 import { EuiText as EuiText40 } from "@elastic/eui";
 
 // src/components/WfoTextAnchor/styles.ts
-import { css as css43 } from "@emotion/react";
+import { css as css44 } from "@emotion/react";
 var getStyles11 = ({ theme }) => {
-  const textAnchorStyle = css43({
+  const textAnchorStyle = css44({
     marginTop: theme.size.xxs,
     marginLeft: 0,
     fontSize: theme.size.m,
@@ -53862,7 +53903,7 @@ var WfoStartProcessPage = ({
       setHasError(true);
     }
   }
-  const submit = useCallback11(
+  const submit = useCallback12(
     (processInput) => {
       const startProcessPromise = startProcess({
         workflowName: processName,
@@ -53900,7 +53941,7 @@ var WfoStartProcessPage = ({
     },
     [startProcess, processName, startProcessPayload, isTask, router]
   );
-  useEffect35(() => {
+  useEffect36(() => {
     if (processName && !usePydanticForms) {
       const clientResultCallback = (json) => {
         setForm({
@@ -54017,7 +54058,7 @@ import {
   EuiTabs as EuiTabs3,
   EuiText as EuiText45
 } from "@elastic/eui";
-import { css as css44 } from "@emotion/react";
+import { css as css45 } from "@emotion/react";
 
 // src/components/WfoSettings/WfoAoStackStatus.tsx
 import { useTranslations as useTranslations73 } from "next-intl";
@@ -54098,7 +54139,7 @@ var WfoEnvSettings = () => {
                 {
                   fontSize: "m",
                   paddingSize: "m",
-                  css: css44({
+                  css: css45({
                     background: theme.colors.lightShade
                   }),
                   children: showVariables
@@ -54243,7 +54284,7 @@ var WfoSubscriptionDetailPage = () => {
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect36, useState as useState52 } from "react";
+import { useEffect as useEffect37, useState as useState52 } from "react";
 import { useTranslations as useTranslations76 } from "next-intl";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
 import { EuiSpacer as EuiSpacer23 } from "@elastic/eui";
@@ -54254,7 +54295,7 @@ var WfoSubscriptionsListPage = () => {
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
   );
-  useEffect36(() => {
+  useEffect37(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -54315,7 +54356,7 @@ var WfoSubscriptionsListPage = () => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext12, useEffect as useEffect37, useState as useState53 } from "react";
+import { useContext as useContext12, useEffect as useEffect38, useState as useState53 } from "react";
 import { useTranslations as useTranslations77 } from "next-intl";
 import Link12 from "next/link";
 import { useRouter as useRouter12 } from "next/router";
@@ -54401,7 +54442,7 @@ var WfoTasksListPage = () => {
   const { showConfirmDialog } = useContext12(ConfirmationDialogContext);
   const [retryAllProcesses] = useRetryAllProcessesMutation();
   const { isEngineRunningNow } = useCheckEngineStatus();
-  useEffect37(() => {
+  useEffect38(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -54502,7 +54543,7 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect38, useState as useState54 } from "react";
+import { useEffect as useEffect39, useState as useState54 } from "react";
 import { useTranslations as useTranslations78 } from "next-intl";
 import { useRouter as useRouter13 } from "next/router";
 import { StringParam as StringParam6, useQueryParam as useQueryParam5, withDefault as withDefault6 } from "use-query-params";
@@ -54583,7 +54624,7 @@ var WfoWorkflowsListPage = () => {
   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);
-  useEffect38(() => {
+  useEffect39(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -54921,13 +54962,13 @@ var WfoProcessesList = ({
 import { EuiCodeBlock as EuiCodeBlock3 } from "@elastic/eui";
 
 // src/components/WfoJsonCodeBlock/styles.ts
-import { css as css45 } from "@emotion/react";
+import { css as css46 } from "@emotion/react";
 var getStyles12 = ({ theme }) => {
-  const euiCodeBlockStyle = css45({
+  const euiCodeBlockStyle = css46({
     marginTop: 10,
     borderRadius: theme.border.radius.medium
   });
-  const euiBasicCodeBlockStyle = css45({
+  const euiBasicCodeBlockStyle = css46({
     backgroundColor: "inherit",
     ".euiCodeBlock__pre": {
       paddingTop: 0,
@@ -54976,10 +55017,10 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoSettings/styles.ts
-import { css as css46 } from "@emotion/react";
+import { css as css47 } from "@emotion/react";
 var getWfoFlushSettingsStyle = (wfoTheme) => {
   const { theme } = wfoTheme;
-  const comboboxStyle = css46({
+  const comboboxStyle = css47({
     // .euiComboBox is needed to override eui styling (more specific)
     "&.euiComboBox": {
       ".euiComboBox__inputWrap": {
@@ -55219,9 +55260,9 @@ var WfoInsyncIcon = ({ inSync }) => {
 };
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
-import React85 from "react";
+import React86 from "react";
 import { jsx as jsx256, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
-var WfoErrorBoundary = class extends React85.Component {
+var WfoErrorBoundary = class extends React86.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -55251,9 +55292,9 @@ var WfoErrorBoundary = class extends React85.Component {
 import { EuiFlexGroup as EuiFlexGroup30 } from "@elastic/eui";
 
 // src/components/WfoNoResults/styles.ts
-import { css as css47 } from "@emotion/react";
+import { css as css48 } from "@emotion/react";
 var getStyles13 = ({ theme }) => {
-  const panelStyle = css47({
+  const panelStyle = css48({
     display: "flex",
     padding: theme.base * 2,
     flexDirection: "row",
@@ -55504,6 +55545,7 @@ var WfoSubscriptionsList = ({
     note: {
       columnType: "data" /* DATA */,
       label: t("note"),
+      width: "300px",
       renderData: (cellValue, row) => {
         return /* @__PURE__ */ jsx259(
           WfoSubscriptionNoteEdit,
@@ -55620,7 +55662,7 @@ var getNumberOfColumns = (currentBreakpoint) => {
 
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
 import {
-  EuiAvatar as EuiAvatar2,
+  EuiAvatar,
   EuiFlexGroup as EuiFlexGroup31,
   EuiFlexItem as EuiFlexItem36,
   EuiLoadingSpinner as EuiLoadingSpinner3,
@@ -55629,18 +55671,18 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoSummary/WfoSummaryCardHeader/styles.ts
-import { css as css48 } from "@emotion/react";
+import { css as css49 } from "@emotion/react";
 var getWfoSummaryCardHeaderStyles = ({ theme }) => {
-  const avatarStyle = css48({
+  const avatarStyle = css49({
     maxHeight: theme.base * 3,
     maxWidth: theme.base * 3
   });
-  const totalSectionStyle = css48({
+  const totalSectionStyle = css49({
     display: "flex",
     flexDirection: "column",
     justifyContent: "space-between"
   });
-  const valueStyle = css48({
+  const valueStyle = css49({
     fontSize: theme.size.l,
     fontWeight: theme.font.weight.semiBold
   });
@@ -55664,7 +55706,7 @@ var WfoSummaryCardHeader = ({
   const { avatarStyle, totalSectionStyle, valueStyle } = useWithOrchestratorTheme(getWfoSummaryCardHeaderStyles);
   return /* @__PURE__ */ jsx260(EuiFlexItem36, { grow: 0, children: /* @__PURE__ */ jsx260(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs139(EuiFlexGroup31, { alignItems: "center", children: [
     /* @__PURE__ */ jsx260(
-      EuiAvatar2,
+      EuiAvatar,
       {
         iconSize: "l",
         size: "xl",
@@ -55715,23 +55757,23 @@ var WfoOptionalLink = ({
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
-import { css as css49 } from "@emotion/react";
+import { css as css50 } from "@emotion/react";
 var getWfoSummaryCardListStyles = ({ theme }) => {
-  const listContainerStyle = css49({
+  const listContainerStyle = css50({
     display: "flex",
     flexDirection: "column",
     justifyContent: "space-between",
     flexGrow: 1,
     borderColor: theme.colors.lightShade
   });
-  const listHeaderStyle = css49({
+  const listHeaderStyle = css50({
     fontWeight: theme.font.weight.semiBold
   });
-  const listStyle = css49({
+  const listStyle = css50({
     height: theme.base * 20,
     overflow: "auto"
   });
-  const listItemContainerStyle = css49({
+  const listItemContainerStyle = css50({
     paddingBlock: theme.size.m,
     ".highlight-icon": {
       visibility: "hidden"
@@ -55740,13 +55782,13 @@ var getWfoSummaryCardListStyles = ({ theme }) => {
       visibility: "visible"
     }
   });
-  const listItemTitleStyle = css49({
+  const listItemTitleStyle = css50({
     fontWeight: theme.font.weight.medium
   });
-  const listItemSubtitleStyle = css49({
+  const listItemSubtitleStyle = css50({
     fontWeight: theme.font.weight.regular
   });
-  const listItemHighlightIconStyle = css49({
+  const listItemHighlightIconStyle = css50({
     visibility: "hidden"
   });
   return {
@@ -55866,9 +55908,9 @@ var WfoSummaryCards = ({ children }) => {
 import { EuiFlexItem as EuiFlexItem39, EuiSpacer as EuiSpacer29 } from "@elastic/eui";
 
 // src/components/WfoSummary/styles.ts
-import { css as css50 } from "@emotion/react";
+import { css as css51 } from "@emotion/react";
 var getWfoSummaryCardsStyles = ({ theme }) => {
-  const cardContainerStyle = css50({
+  const cardContainerStyle = css51({
     height: theme.base * 36,
     minWidth: theme.base * 25
   });
@@ -56478,7 +56520,7 @@ var WfoSubscriptionDetailNoteEdit = ({ subscriptionId, onlyShowOnHover = false }
   const triggerNoteModifyWorkflow = (note) => {
     const noteModifyPayload = [
       { subscription_id: subscriptionId },
-      { note: note === INVISIBLE_CHARACTER ? "" : note }
+      { note }
     ];
     startProcess({
       workflowName: "modify_note",
@@ -56504,9 +56546,9 @@ var WfoSubscriptionDetailNoteEdit = ({ subscriptionId, onlyShowOnHover = false }
 import { EuiFlexItem as EuiFlexItem40 } from "@elastic/eui";
 
 // src/components/WfoTableCodeBlock/styles.ts
-import { css as css51 } from "@emotion/react";
+import { css as css52 } from "@emotion/react";
 var getStyles14 = ({ theme }) => {
-  const tableCodeBlockMarginStyle = css51({
+  const tableCodeBlockMarginStyle = css52({
     margin: theme.size.base,
     marginTop: theme.size.l,
     marginRight: theme.size.l
@@ -56543,10 +56585,10 @@ var WfoTableCodeBlock = ({
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { useEffect as useEffect44, useState as useState64 } from "react";
-import { useTranslations as useTranslations106 } from "next-intl";
+import { useEffect as useEffect45, useState as useState63 } from "react";
+import { useTranslations as useTranslations105 } from "next-intl";
 import {
-  EuiButton as EuiButton23,
+  EuiButton as EuiButton22,
   EuiCallOut as EuiCallOut3,
   EuiFieldSearch as EuiFieldSearch3,
   EuiFlexGroup as EuiFlexGroup46,
@@ -56559,10 +56601,10 @@ import {
 } from "@elastic/eui";
 
 // src/hooks/useDebounce.ts
-import { useEffect as useEffect39, useState as useState57 } from "react";
+import { useEffect as useEffect40, useState as useState57 } from "react";
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState57(value);
-  useEffect39(() => {
+  useEffect40(() => {
     if (delay <= 0) {
       setDebouncedValue(value);
       return;
@@ -56578,7 +56620,7 @@ function useDebounce(value, delay) {
 }
 
 // src/hooks/useSearch.ts
-import { useEffect as useEffect40, useState as useState58 } from "react";
+import { useEffect as useEffect41, useState as useState58 } from "react";
 var useSearch = (query, entityType, filterGroup, limit) => {
   const [results, setResults] = useState58({
     data: [],
@@ -56586,7 +56628,7 @@ var useSearch = (query, entityType, filterGroup, limit) => {
     search_metadata: { search_type: null, description: null }
   });
   const [triggerSearch, { isLoading, isError: isError2 }] = useSearchMutation();
-  useEffect40(() => {
+  useEffect41(() => {
     const queryText = typeof query === "string" ? query : query.text?.trim() || "";
     const hasFilters = filterGroup && filterGroup.children.length > 0;
     if (queryText.length < 2 && !hasFilters) {
@@ -56637,14 +56679,14 @@ var useSearch = (query, entityType, filterGroup, limit) => {
 };
 
 // src/hooks/useSearchPagination.ts
-import { useCallback as useCallback12, useState as useState59 } from "react";
+import { useCallback as useCallback13, useState as useState59 } from "react";
 var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageSize, results, setResults) => {
   const [currentPage, setCurrentPage] = useState59(1);
   const [pageHistory, setPageHistory] = useState59([]);
   const [error, setError] = useState59(null);
   const [isLoadingMore, setIsLoadingMore] = useState59(false);
   const [triggerSearchPagination] = useSearchWithPaginationMutation();
-  const handleNextPage = useCallback12(
+  const handleNextPage = useCallback13(
     async (nextPageCursor) => {
       if (!nextPageCursor || isLoadingMore) return;
       setIsLoadingMore(true);
@@ -56701,7 +56743,7 @@ var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageS
       triggerSearchPagination
     ]
   );
-  const handlePrevPage = useCallback12(() => {
+  const handlePrevPage = useCallback13(() => {
     const previousPage = pageHistory.find(
       (p) => p.page === currentPage - 1
     );
@@ -56718,7 +56760,7 @@ var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageS
       setPageHistory((prev) => prev.filter((p) => p.page < currentPage));
     }
   }, [currentPage, pageHistory, results.search_metadata, setResults]);
-  const resetPagination = useCallback12(() => {
+  const resetPagination = useCallback13(() => {
     setCurrentPage(1);
     setPageHistory([]);
   }, []);
@@ -56735,7 +56777,7 @@ var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageS
 };
 
 // src/hooks/useUrlParams.ts
-import { useCallback as useCallback13, useEffect as useEffect41, useState as useState60 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect42, useState as useState60 } from "react";
 
 // src/components/WfoSearchPage/constants.ts
 var DEFAULT_PAGE_SIZE2 = 5;
@@ -56785,7 +56827,7 @@ var useUrlParams = () => {
       return urlParams.get("id") || null;
     }
   );
-  const updateUrl = useCallback13(() => {
+  const updateUrl = useCallback14(() => {
     const newParams = new URLSearchParams();
     const queryText = typeof query === "string" ? query : query.text || "";
     if (queryText && queryText !== "*") {
@@ -56813,7 +56855,7 @@ var useUrlParams = () => {
     selectedRecordIndex,
     selectedRecordId
   ]);
-  useEffect41(() => {
+  useEffect42(() => {
     updateUrl();
   }, [updateUrl]);
   return {
@@ -56857,7 +56899,7 @@ import {
 } from "@elastic/eui";
 
 // src/hooks/usePathAutoComplete.ts
-import { useEffect as useEffect42, useState as useState61 } from "react";
+import { useEffect as useEffect43, useState as useState61 } from "react";
 var FALLBACK_DEFINITIONS = {
   string: {
     operators: ["eq", "neq"],
@@ -56908,7 +56950,7 @@ var usePathAutocomplete = (prefix, entityType) => {
     { q: debouncedPrefix, entity_type: entityType },
     { skip: debouncedPrefix.length < 1 }
   );
-  useEffect42(() => {
+  useEffect43(() => {
     if (debouncedPrefix.length < 1) {
       setPaths([]);
       return;
@@ -58161,7 +58203,6 @@ var FilterGroup = ({
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx
-import { useState as useState63 } from "react";
 import { EuiFlexGroup as EuiFlexGroup44, EuiPanel as EuiPanel19 } from "@elastic/eui";
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchEmptyState.tsx
@@ -58185,7 +58226,7 @@ var WfoSearchLoadingState = () => {
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
-import { useEffect as useEffect43, useRef as useRef14 } from "react";
+import { useEffect as useEffect44, useRef as useRef14 } from "react";
 import { useTranslations as useTranslations103 } from "next-intl";
 import {
   EuiButtonIcon as EuiButtonIcon17,
@@ -58198,14 +58239,14 @@ import {
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoHighlightedText.tsx
 import { useMemo as useMemo9 } from "react";
-import { css as css52 } from "@emotion/react";
+import { css as css53 } from "@emotion/react";
 import { Fragment as Fragment66, jsx as jsx288 } from "@emotion/react/jsx-runtime";
 var WfoHighlightedText = ({
   text,
   highlight_indices
 }) => {
   const { theme } = useOrchestratorTheme();
-  const highlightStyles = css52`
+  const highlightStyles = css53`
         background-color: ${theme.colors.warning};
         color: ${theme.colors.plainDark};
         padding: 0 ${theme.size.xs};
@@ -58310,7 +58351,7 @@ var WfoSearchResultItem = ({
   const baseUrl = `${window.location.protocol}//${window.location.host}`;
   const detailUrl = getDetailUrl(result, baseUrl);
   const itemRef = useRef14(null);
-  useEffect43(() => {
+  useEffect44(() => {
     if (isSelected && onPositionChange && itemRef.current) {
       onPositionChange(index, itemRef.current);
     }
@@ -58341,7 +58382,7 @@ var WfoSearchResultItem = ({
               style: {
                 fontWeight: theme.font.weight.semiBold
               },
-              children: getDescription(result)
+              children: result.entity_title
             }
           ) }),
           matchingField && /* @__PURE__ */ jsxs153(Fragment68, { children: [
@@ -58410,87 +58451,52 @@ var WfoSearchResultItem = ({
   ) });
 };
 
-// src/components/WfoSearchPage/WfoSearchResults/WfoSubscriptionDetailModal.tsx
-import { useTranslations as useTranslations104 } from "next-intl";
-import {
-  EuiButton as EuiButton22,
-  EuiModal as EuiModal5,
-  EuiModalBody as EuiModalBody5,
-  EuiModalFooter as EuiModalFooter5,
-  EuiModalHeader as EuiModalHeader5,
-  EuiModalHeaderTitle as EuiModalHeaderTitle5
-} from "@elastic/eui";
-import { jsx as jsx291, jsxs as jsxs154 } from "@emotion/react/jsx-runtime";
-var WfoSubscriptionDetailModal = ({ isVisible, onClose, subscriptionData }) => {
-  const t = useTranslations104("search.page");
-  if (!isVisible || !subscriptionData) return null;
-  const subscriptionId = subscriptionData && subscriptionData.subscription_id;
-  return /* @__PURE__ */ jsxs154(EuiModal5, { onClose, maxWidth: 800, children: [
-    /* @__PURE__ */ jsx291(EuiModalHeader5, { children: /* @__PURE__ */ jsx291(EuiModalHeaderTitle5, { children: t("subscriptionDetails") }) }),
-    /* @__PURE__ */ jsx291(EuiModalBody5, { children: /* @__PURE__ */ jsx291(TreeProvider, { children: /* @__PURE__ */ jsx291(WfoSubscription, { subscriptionId }) }) }),
-    /* @__PURE__ */ jsx291(EuiModalFooter5, { children: /* @__PURE__ */ jsx291(EuiButton22, { onClick: onClose, fill: true, children: t("closeButton") }) })
-  ] });
-};
-
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx
-import { Fragment as Fragment69, jsx as jsx292, jsxs as jsxs155 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx291 } from "@emotion/react/jsx-runtime";
 var WfoSearchResults = ({
   results,
   loading,
   selectedRecordIndex = 0,
   onRecordSelect
 }) => {
-  const [modalData, setModalData] = useState63(null);
-  const handleCloseModal = () => {
-    setModalData(null);
-  };
   if (loading) {
-    return /* @__PURE__ */ jsx292(WfoSearchLoadingState, {});
+    return /* @__PURE__ */ jsx291(WfoSearchLoadingState, {});
   }
   if (!results || results.length === 0) {
-    return /* @__PURE__ */ jsx292(WfoSearchEmptyState, {});
+    return /* @__PURE__ */ jsx291(WfoSearchEmptyState, {});
   }
-  return /* @__PURE__ */ jsxs155(Fragment69, { children: [
-    /* @__PURE__ */ jsx292(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx292(EuiFlexGroup44, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx292(
-      WfoSearchResultItem,
-      {
-        result,
-        index: idx,
-        isSelected: idx === selectedRecordIndex,
-        onSelect: () => onRecordSelect?.(idx)
-      },
-      idx
-    )) }) }),
-    /* @__PURE__ */ jsx292(
-      WfoSubscriptionDetailModal,
-      {
-        isVisible: !!modalData,
-        onClose: handleCloseModal,
-        subscriptionData: modalData?.subscription,
-        matchingField: modalData?.matchingField
+  return /* @__PURE__ */ jsx291(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx291(EuiFlexGroup44, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx291(
+    WfoSearchResultItem,
+    {
+      result,
+      index: idx,
+      isSelected: idx === selectedRecordIndex,
+      onSelect: () => {
+        onRecordSelect?.(idx);
       }
-    )
-  ] });
+    },
+    idx
+  )) }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchMetadataHeader.tsx
-import { jsx as jsx293 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx292 } from "@emotion/react/jsx-runtime";
 var WfoSearchMetadataHeader = ({
   search_metadata
 }) => {
   if (!search_metadata.search_type) return null;
-  return /* @__PURE__ */ jsx293(WfoToolTip, { tooltipContent: search_metadata.description || "", children: /* @__PURE__ */ jsx293(WfoBadge, { color: "hollow", iconType: "search", textColor: "default", children: search_metadata.search_type }) });
+  return /* @__PURE__ */ jsx292(WfoToolTip, { tooltipContent: search_metadata.description || "", children: /* @__PURE__ */ jsx292(WfoBadge, { color: "hollow", iconType: "search", textColor: "default", children: search_metadata.search_type }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchPaginationInfo.tsx
-import { useTranslations as useTranslations105 } from "next-intl";
+import { useTranslations as useTranslations104 } from "next-intl";
 import {
   EuiButtonIcon as EuiButtonIcon18,
   EuiFlexGroup as EuiFlexGroup45,
   EuiFlexItem as EuiFlexItem51,
   EuiText as EuiText59
 } from "@elastic/eui";
-import { jsx as jsx294, jsxs as jsxs156 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx293, jsxs as jsxs154 } from "@emotion/react/jsx-runtime";
 var WfoSearchPaginationInfo = ({
   has_next_page,
   next_page_cursor,
@@ -58501,7 +58507,7 @@ var WfoSearchPaginationInfo = ({
   hasPrevPage = false,
   resultCount
 }) => {
-  const t = useTranslations105("search.page");
+  const t = useTranslations104("search.page");
   const { theme } = useOrchestratorTheme();
   const handleNextPage = () => {
     if (!isLoading && next_page_cursor && onNextPage)
@@ -58511,7 +58517,7 @@ var WfoSearchPaginationInfo = ({
     if (!isLoading && onPrevPage) onPrevPage();
   };
   if (!has_next_page && !hasPrevPage) return null;
-  return /* @__PURE__ */ jsxs156(
+  return /* @__PURE__ */ jsxs154(
     EuiFlexGroup45,
     {
       justifyContent: "flexEnd",
@@ -58527,7 +58533,7 @@ var WfoSearchPaginationInfo = ({
       role: "navigation",
       "aria-label": t("searchResultsPagination"),
       children: [
-        /* @__PURE__ */ jsx294(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx294(
+        /* @__PURE__ */ jsx293(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx293(
           EuiButtonIcon18,
           {
             iconType: "arrowLeft",
@@ -58538,12 +58544,12 @@ var WfoSearchPaginationInfo = ({
             size: "s"
           }
         ) }),
-        /* @__PURE__ */ jsx294(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsxs156(EuiText59, { size: "xs", color: theme.colors.textSubdued, children: [
+        /* @__PURE__ */ jsx293(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsxs154(EuiText59, { size: "xs", color: theme.colors.textSubdued, children: [
           t("page"),
           " ",
           currentPage
         ] }) }),
-        /* @__PURE__ */ jsx294(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx294(
+        /* @__PURE__ */ jsx293(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx293(
           EuiButtonIcon18,
           {
             iconType: "arrowRight",
@@ -58555,7 +58561,7 @@ var WfoSearchPaginationInfo = ({
             isLoading
           }
         ) }),
-        resultCount && resultCount > 0 && /* @__PURE__ */ jsx294(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx294(
+        resultCount && resultCount > 0 && /* @__PURE__ */ jsx293(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx293(
           WfoBadge,
           {
             className: "wfoPagination__badge",
@@ -58570,9 +58576,9 @@ var WfoSearchPaginationInfo = ({
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { Fragment as Fragment70, jsx as jsx295, jsxs as jsxs157 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment69, jsx as jsx294, jsxs as jsxs155 } from "@emotion/react/jsx-runtime";
 var WfoSearch = () => {
-  const t = useTranslations106("search.page");
+  const t = useTranslations105("search.page");
   const { theme } = useOrchestratorTheme();
   const {
     urlParams,
@@ -58588,11 +58594,11 @@ var WfoSearch = () => {
     setSelectedRecordId
   } = useUrlParams();
   const pageSize = DEFAULT_PAGE_SIZE2;
-  const [filterGroup, setFilterGroup] = useState64({
+  const [filterGroup, setFilterGroup] = useState63({
     op: "AND",
     children: []
   });
-  const [showDetailPanel, setShowDetailPanel] = useState64(false);
+  const [showDetailPanel, setShowDetailPanel] = useState63(false);
   const debouncedQuery = useDebounce(query, DEFAULT_DEBOUNCE_DELAY);
   const { results, loading, setResults } = useSearch(
     debouncedQuery,
@@ -58600,8 +58606,8 @@ var WfoSearch = () => {
     filterGroup,
     pageSize
   );
-  const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState64(false);
-  useEffect44(() => {
+  const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState63(false);
+  useEffect45(() => {
     const queryText = typeof debouncedQuery === "string" ? debouncedQuery : debouncedQuery?.text?.trim() || "";
     const hasFilters = filterGroup && filterGroup.children.length > 0;
     if (queryText.length >= 2 || hasFilters) {
@@ -58626,7 +58632,7 @@ var WfoSearch = () => {
     results,
     setResults
   );
-  const [searchValue, setSearchValue] = useState64(() => {
+  const [searchValue, setSearchValue] = useState63(() => {
     if (typeof query === "string") {
       return query;
     }
@@ -58660,7 +58666,7 @@ var WfoSearch = () => {
     setSearchValue(searchText);
     setQuery(searchText);
   };
-  useEffect44(() => {
+  useEffect45(() => {
     if (typeof query === "string") {
       if (query !== searchValue) {
         setSearchValue(query);
@@ -58677,12 +58683,11 @@ var WfoSearch = () => {
   const shouldShowNoResults = (() => {
     return hasSearchBeenAttempted && !loading && results.data.length === 0;
   })();
-  useEffect44(() => {
+  useEffect45(() => {
     if (results.data.length > 0) {
       if (selectedRecordId) {
-        const foundIndex = findResultIndexById(
-          results.data,
-          selectedRecordId
+        const foundIndex = results.data.findIndex(
+          (result) => result.entity_id === selectedRecordId
         );
         if (foundIndex !== -1) {
           setSelectedRecordIndex(foundIndex);
@@ -58698,17 +58703,17 @@ var WfoSearch = () => {
       }
     }
   }, [results.data, selectedRecordId, urlParams]);
-  useEffect44(() => {
+  useEffect45(() => {
     setShowDetailPanel(
       results?.data?.length > 0 && selectedRecordIndex >= 0
     );
   }, [results?.data?.length, selectedRecordIndex]);
-  useEffect44(() => {
+  useEffect45(() => {
     resetPagination();
   }, [debouncedQuery, selectedEntityTab, filterGroup, resetPagination]);
   const { RESULTS_GROW, DETAIL_GROW } = LAYOUT_RATIOS;
-  return /* @__PURE__ */ jsxs157(Fragment70, { children: [
-    /* @__PURE__ */ jsx295(EuiTabs4, { children: ENTITY_TABS.map((tab) => /* @__PURE__ */ jsx295(
+  return /* @__PURE__ */ jsxs155(Fragment69, { children: [
+    /* @__PURE__ */ jsx294(EuiTabs4, { children: ENTITY_TABS.map((tab) => /* @__PURE__ */ jsx294(
       EuiTab4,
       {
         onClick: () => handleTabChange(tab.id),
@@ -58717,8 +58722,8 @@ var WfoSearch = () => {
       },
       tab.id
     )) }),
-    /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-    /* @__PURE__ */ jsx295(
+    /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+    /* @__PURE__ */ jsx294(
       EuiFieldSearch3,
       {
         placeholder: t("searchPlaceholder", {
@@ -58735,9 +58740,9 @@ var WfoSearch = () => {
         fullWidth: true
       }
     ),
-    /* @__PURE__ */ jsx295(EuiSpacer32, { size: "s" }),
-    /* @__PURE__ */ jsx295(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx295(
-      EuiButton23,
+    /* @__PURE__ */ jsx294(EuiSpacer32, { size: "s" }),
+    /* @__PURE__ */ jsx294(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx294(
+      EuiButton22,
       {
         iconType: showFilters ? "eyeClosed" : "eye",
         size: "s",
@@ -58745,12 +58750,12 @@ var WfoSearch = () => {
         children: showFilters ? t("hideFilters") : t("showFilters")
       }
     ) }) }),
-    showFilters && /* @__PURE__ */ jsxs157(Fragment70, { children: [
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-      /* @__PURE__ */ jsxs157(EuiPanel20, { hasBorder: true, paddingSize: "m", children: [
-        /* @__PURE__ */ jsx295(EuiText60, { children: /* @__PURE__ */ jsx295("h4", { children: t("structuredFilters") }) }),
-        /* @__PURE__ */ jsx295(EuiSpacer32, { size: "s" }),
-        /* @__PURE__ */ jsx295(
+    showFilters && /* @__PURE__ */ jsxs155(Fragment69, { children: [
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+      /* @__PURE__ */ jsxs155(EuiPanel20, { hasBorder: true, paddingSize: "m", children: [
+        /* @__PURE__ */ jsx294(EuiText60, { children: /* @__PURE__ */ jsx294("h4", { children: t("structuredFilters") }) }),
+        /* @__PURE__ */ jsx294(EuiSpacer32, { size: "s" }),
+        /* @__PURE__ */ jsx294(
           FilterGroup,
           {
             group: filterGroup,
@@ -58761,9 +58766,9 @@ var WfoSearch = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-    error && /* @__PURE__ */ jsxs157(Fragment70, { children: [
-      /* @__PURE__ */ jsxs157(
+    /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+    error && /* @__PURE__ */ jsxs155(Fragment69, { children: [
+      /* @__PURE__ */ jsxs155(
         EuiCallOut3,
         {
           title: t("searchError"),
@@ -58771,9 +58776,9 @@ var WfoSearch = () => {
           iconType: "alert",
           size: "s",
           children: [
-            /* @__PURE__ */ jsx295("p", { children: error }),
-            /* @__PURE__ */ jsx295(
-              EuiButton23,
+            /* @__PURE__ */ jsx294("p", { children: error }),
+            /* @__PURE__ */ jsx294(
+              EuiButton22,
               {
                 size: "s",
                 color: "danger",
@@ -58784,11 +58789,11 @@ var WfoSearch = () => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" })
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" })
     ] }),
-    shouldShowNoResults && /* @__PURE__ */ jsxs157(Fragment70, { children: [
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "l" }),
-      /* @__PURE__ */ jsxs157(
+    shouldShowNoResults && /* @__PURE__ */ jsxs155(Fragment69, { children: [
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "l" }),
+      /* @__PURE__ */ jsxs155(
         EuiCallOut3,
         {
           title: t("noResults"),
@@ -58796,20 +58801,20 @@ var WfoSearch = () => {
           iconType: "search",
           size: "m",
           children: [
-            /* @__PURE__ */ jsx295("p", { children: t("noResultsMessage", {
+            /* @__PURE__ */ jsx294("p", { children: t("noResultsMessage", {
               entityType: currentTab?.label.toLowerCase()
             }) }),
-            /* @__PURE__ */ jsx295(EuiSpacer32, { size: "s" }),
-            /* @__PURE__ */ jsx295(EuiText60, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx295("p", { children: t("noResultsSuggestions") }) })
+            /* @__PURE__ */ jsx294(EuiSpacer32, { size: "s" }),
+            /* @__PURE__ */ jsx294(EuiText60, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx294("p", { children: t("noResultsSuggestions") }) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "l" })
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "l" })
     ] }),
-    isSearchActive && /* @__PURE__ */ jsxs157(Fragment70, { children: [
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-      /* @__PURE__ */ jsxs157(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs157(
+    isSearchActive && /* @__PURE__ */ jsxs155(Fragment69, { children: [
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+      /* @__PURE__ */ jsxs155(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs155(
           EuiFlexGroup46,
           {
             gutterSize: "s",
@@ -58818,13 +58823,13 @@ var WfoSearch = () => {
             responsive: false,
             style: { width: "100%" },
             children: [
-              /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx295(
+              /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx294(
                 WfoSearchMetadataHeader,
                 {
                   search_metadata: results.search_metadata
                 }
               ) }),
-              /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx295(
+              /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx294(
                 WfoSearchPaginationInfo,
                 {
                   has_next_page: results.page_info.has_next_page,
@@ -58840,11 +58845,11 @@ var WfoSearch = () => {
             ]
           }
         ) }),
-        showDetailPanel && /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: DETAIL_GROW })
+        showDetailPanel && /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: DETAIL_GROW })
       ] }),
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "s" }),
-      /* @__PURE__ */ jsxs157(EuiFlexGroup46, { gutterSize: "s", alignItems: "flexStart", children: [
-        /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx295(EuiPanel20, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx295(
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "s" }),
+      /* @__PURE__ */ jsxs155(EuiFlexGroup46, { gutterSize: "s", alignItems: "flexStart", children: [
+        /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx294(EuiPanel20, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx294(
           WfoSearchResults,
           {
             results: results.data,
@@ -58854,13 +58859,14 @@ var WfoSearch = () => {
               setSelectedRecordIndex(index);
               const record = results.data[index];
               if (record) {
-                const recordId = getRecordId(record);
-                setSelectedRecordId(recordId);
+                setSelectedRecordId(
+                  record.entity_id
+                );
               }
             }
           }
         ) }) }),
-        showDetailPanel && /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: DETAIL_GROW, children: /* @__PURE__ */ jsx295(
+        showDetailPanel && /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: DETAIL_GROW, children: /* @__PURE__ */ jsx294(
           EuiPanel20,
           {
             paddingSize: "m",
@@ -58869,27 +58875,27 @@ var WfoSearch = () => {
             color: "transparent",
             children: selectedEntityTab === "SUBSCRIPTION" && results.data[selectedRecordIndex] && isSubscriptionSearchResult(
               results.data[selectedRecordIndex]
-            ) ? /* @__PURE__ */ jsx295(TreeProvider, { children: /* @__PURE__ */ jsx295(
+            ) ? /* @__PURE__ */ jsx294(TreeProvider, { children: /* @__PURE__ */ jsx294(
               WfoSubscription,
               {
-                subscriptionId: results.data[selectedRecordIndex].subscription.subscription_id
+                subscriptionId: results.data[selectedRecordIndex].entity_id
               }
-            ) }) : /* @__PURE__ */ jsxs157(Fragment70, { children: [
-              /* @__PURE__ */ jsx295(EuiText60, { children: /* @__PURE__ */ jsx295("h4", { children: t("details") }) }),
-              /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-              /* @__PURE__ */ jsxs157(
+            ) }) : /* @__PURE__ */ jsxs155(Fragment69, { children: [
+              /* @__PURE__ */ jsx294(EuiText60, { children: /* @__PURE__ */ jsx294("h4", { children: t("details") }) }),
+              /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+              /* @__PURE__ */ jsxs155(
                 EuiText60,
                 {
                   color: theme.colors.textSubdued,
                   children: [
-                    /* @__PURE__ */ jsx295("p", { children: t(
+                    /* @__PURE__ */ jsx294("p", { children: t(
                       "showingDetailsForResult",
                       {
                         resultNumber: selectedRecordIndex + 1
                       }
                     ) }),
-                    /* @__PURE__ */ jsx295(EuiSpacer32, { size: "s" }),
-                    /* @__PURE__ */ jsxs157(
+                    /* @__PURE__ */ jsx294(EuiSpacer32, { size: "s" }),
+                    /* @__PURE__ */ jsxs155(
                       WfoBadge,
                       {
                         color: theme.colors.primary,
@@ -58901,8 +58907,8 @@ var WfoSearch = () => {
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-                    /* @__PURE__ */ jsx295("p", { children: /* @__PURE__ */ jsx295("em", { children: t(
+                    /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+                    /* @__PURE__ */ jsx294("p", { children: /* @__PURE__ */ jsx294("em", { children: t(
                       "selectResultInstruction"
                     ) }) })
                   ]
@@ -58918,35 +58924,245 @@ var WfoSearch = () => {
 
 // src/components/WfoAgent/WfoAgent/WfoAgent.tsx
 import { useTranslations as useTranslations108 } from "next-intl";
-import { useCoAgent } from "@copilotkit/react-core";
+import {
+  useCoAgent,
+  useCoAgentStateRender,
+  useCopilotAction
+} from "@copilotkit/react-core";
 import { CopilotSidebar } from "@copilotkit/react-ui";
-import { EuiFlexGroup as EuiFlexGroup48, EuiFlexItem as EuiFlexItem54, EuiSpacer as EuiSpacer34, EuiText as EuiText62 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup50, EuiFlexItem as EuiFlexItem56, EuiSpacer as EuiSpacer35, EuiText as EuiText65 } from "@elastic/eui";
+
+// src/components/WfoAgent/ExportButton/ExportButton.tsx
+import { useTranslations as useTranslations106 } from "next-intl";
+import { EuiIcon as EuiIcon10, EuiLoadingSpinner as EuiLoadingSpinner4 } from "@elastic/eui";
+
+// src/rtk/endpoints/agentExport.ts
+var agentExportApi = orchestratorApi.injectEndpoints({
+  endpoints: (builder) => ({
+    getAgentExport: builder.query({
+      query: (downloadUrl) => ({
+        url: downloadUrl,
+        method: "GET"
+      }),
+      extraOptions: {
+        baseQueryType: "fetch" /* fetch */
+      }
+    })
+  })
+});
+var { useLazyGetAgentExportQuery } = agentExportApi;
+
+// src/components/WfoAgent/ExportButton/styles.ts
+import { css as css54 } from "@emotion/react";
+var getExportButtonStyles = ({ theme }) => {
+  const containerStyle = css54({
+    marginTop: theme.size.xl,
+    marginBottom: theme.size.xl,
+    width: "100%"
+  });
+  const buttonWrapperStyle = css54({
+    backgroundColor: theme.colors.lightestShade,
+    padding: `${theme.size.xl} ${theme.size.xl}`,
+    border: `${theme.border.width.thin} solid transparent`,
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.size.l
+  });
+  const titleStyle = css54({
+    fontSize: theme.size.m,
+    fontWeight: theme.font.weight.semiBold,
+    color: theme.colors.darkestShade
+  });
+  const fileRowStyle = css54({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: theme.size.m,
+    border: `${theme.border.width.thin} solid ${theme.colors.lightShade}`,
+    borderRadius: theme.border.radius.medium,
+    padding: `${theme.size.m} ${theme.size.l}`,
+    backgroundColor: theme.colors.emptyShade,
+    cursor: "pointer"
+  });
+  const fileInfoStyle = css54({
+    display: "flex",
+    alignItems: "center",
+    gap: theme.size.m,
+    flex: 1,
+    color: theme.colors.darkestShade
+  });
+  const filenameStyle = css54({
+    fontSize: theme.size.m,
+    fontWeight: theme.font.weight.medium,
+    color: theme.colors.darkestShade
+  });
+  const downloadButtonStyle = css54({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: theme.colors.darkestShade
+  });
+  return {
+    containerStyle,
+    buttonWrapperStyle,
+    titleStyle,
+    fileRowStyle,
+    fileInfoStyle,
+    filenameStyle,
+    downloadButtonStyle
+  };
+};
+
+// src/components/WfoAgent/ExportButton/ExportButton.tsx
+import { jsx as jsx295, jsxs as jsxs156 } from "@emotion/react/jsx-runtime";
+function ExportButton({ exportData }) {
+  const { showToastMessage } = useShowToastMessage();
+  const tError = useTranslations106("errors");
+  const [triggerExport, { isFetching }] = useLazyGetAgentExportQuery();
+  const {
+    containerStyle,
+    buttonWrapperStyle,
+    titleStyle,
+    fileRowStyle,
+    fileInfoStyle,
+    filenameStyle,
+    downloadButtonStyle
+  } = useWithOrchestratorTheme(getExportButtonStyles);
+  const filename = getCsvFileNameWithDate("export");
+  const onDownloadClick = async () => {
+    const data = await triggerExport(exportData.download_url).unwrap();
+    const keyOrder = data.page.length > 0 ? Object.keys(data.page[0]) : [];
+    const handleExport = csvDownloadHandler(
+      async () => data,
+      (data2) => data2.page,
+      (data2) => data2.pageInfo ?? {
+        totalItems: data2.page.length,
+        startCursor: 0,
+        endCursor: data2.page.length - 1,
+        hasNextPage: false,
+        hasPreviousPage: false,
+        sortFields: [],
+        filterFields: []
+      },
+      keyOrder,
+      filename,
+      showToastMessage,
+      tError
+    );
+    await handleExport();
+  };
+  return /* @__PURE__ */ jsx295("div", { css: containerStyle, children: /* @__PURE__ */ jsxs156("div", { css: buttonWrapperStyle, children: [
+    exportData.message && /* @__PURE__ */ jsx295("div", { css: titleStyle, children: exportData.message }),
+    /* @__PURE__ */ jsxs156("div", { css: fileRowStyle, onClick: onDownloadClick, children: [
+      /* @__PURE__ */ jsxs156("div", { css: fileInfoStyle, children: [
+        /* @__PURE__ */ jsx295(EuiIcon10, { type: "document", size: "m" }),
+        /* @__PURE__ */ jsx295("span", { css: filenameStyle, children: filename })
+      ] }),
+      /* @__PURE__ */ jsx295("div", { css: downloadButtonStyle, children: isFetching ? /* @__PURE__ */ jsx295(EuiLoadingSpinner4, { size: "m" }) : /* @__PURE__ */ jsx295(EuiIcon10, { type: "download", size: "m" }) })
+    ] })
+  ] }) });
+}
+
+// src/components/WfoAgent/ToolProgress/ToolProgress.tsx
+import { useState as useState64 } from "react";
+import { EuiFlexGroup as EuiFlexGroup49, EuiFlexItem as EuiFlexItem55, EuiLoadingSpinner as EuiLoadingSpinner5 } from "@elastic/eui";
+
+// src/components/WfoAgent/ToolProgress/DiscoverFilterPathsDisplay.tsx
+import React93 from "react";
+import { EuiSpacer as EuiSpacer33, EuiText as EuiText61 } from "@elastic/eui";
+import { Fragment as Fragment70, jsx as jsx296, jsxs as jsxs157 } from "@emotion/react/jsx-runtime";
+var DiscoverFilterPathsDisplay = ({
+  parameters,
+  result
+}) => {
+  const { field_names = [] } = parameters;
+  const foundFields = result ? Object.entries(
+    result
+  ).filter(([, fieldResult]) => fieldResult.status !== "NOT_FOUND") : [];
+  const totalPaths = foundFields.reduce((count, [, fieldResult]) => {
+    const pathCount = fieldResult.leaves?.reduce((leafCount, leaf) => {
+      return leafCount + (leaf.paths?.length || 1);
+    }, 0) || 0;
+    return count + pathCount;
+  }, 0);
+  return /* @__PURE__ */ jsxs157("div", { children: [
+    field_names.length > 0 && /* @__PURE__ */ jsxs157(Fragment70, { children: [
+      /* @__PURE__ */ jsxs157(EuiText61, { size: "xs", color: "subdued", children: [
+        "Looking for",
+        " ",
+        field_names.map((name, idx) => /* @__PURE__ */ jsxs157(React93.Fragment, { children: [
+          idx > 0 && ", ",
+          /* @__PURE__ */ jsx296(WfoBadge, { color: "hollow", textColor: "default", children: name })
+        ] }, name))
+      ] }),
+      /* @__PURE__ */ jsx296(EuiSpacer33, { size: "s" })
+    ] }),
+    result && totalPaths > 0 && /* @__PURE__ */ jsxs157("div", { children: [
+      /* @__PURE__ */ jsx296(EuiText61, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsxs157("strong", { children: [
+        "Found ",
+        totalPaths,
+        " path",
+        totalPaths > 1 ? "s" : "",
+        ":"
+      ] }) }),
+      /* @__PURE__ */ jsx296(EuiSpacer33, { size: "xs" }),
+      foundFields.map(([fieldName, fieldResult]) => /* @__PURE__ */ jsx296("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__ */ jsx296(React93.Fragment, { children: paths.map(
+            (path, pathIdx) => /* @__PURE__ */ jsx296(
+              "div",
+              {
+                style: {
+                  marginBottom: "4px"
+                },
+                children: /* @__PURE__ */ jsx296(
+                  WfoPathBreadcrumb,
+                  {
+                    path,
+                    size: "s"
+                  }
+                )
+              },
+              pathIdx
+            )
+          ) }, leafIdx);
+        }
+      ) }, fieldName))
+    ] })
+  ] });
+};
+
+// src/components/WfoAgent/ToolProgress/RunSearchDisplay.tsx
+import { EuiFlexGroup as EuiFlexGroup47, EuiFlexItem as EuiFlexItem53, EuiText as EuiText62 } from "@elastic/eui";
+import { jsx as jsx297, jsxs as jsxs158 } from "@emotion/react/jsx-runtime";
+var RunSearchDisplay = ({ parameters }) => {
+  const { limit = 10 } = parameters;
+  return /* @__PURE__ */ jsx297("div", { children: /* @__PURE__ */ jsxs158(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", children: [
+    /* @__PURE__ */ jsx297(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx297(EuiText62, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx297("strong", { children: "Results Limit" }) }) }),
+    /* @__PURE__ */ jsx297(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx297(WfoBadge, { textColor: "default", color: "hollow", children: limit }) })
+  ] }) });
+};
 
-// src/components/WfoAgent/FilterDisplay/FilterDisplay.tsx
+// src/components/WfoAgent/ToolProgress/SetFilterTreeDisplay.tsx
 import { useTranslations as useTranslations107 } from "next-intl";
-import {
-  EuiFlexGroup as EuiFlexGroup47,
-  EuiFlexItem as EuiFlexItem53,
-  EuiPanel as EuiPanel21,
-  EuiSpacer as EuiSpacer33,
-  EuiText as EuiText61
-} from "@elastic/eui";
+import { EuiText as EuiText63 } from "@elastic/eui";
 
-// src/components/WfoAgent/FilterDisplay/styles.ts
-import { css as css53 } from "@emotion/react";
+// src/components/WfoAgent/ToolProgress/SetFilterTreeDisplay.styles.ts
+import { css as css55 } from "@emotion/react";
 var getFilterDisplayStyles = ({ theme }) => {
-  const wrapStyle = css53({
+  const wrapStyle = css55({
     display: "flex",
     flexWrap: "wrap",
     gap: theme.size.s
   });
-  const columnGroupWrapStyle = css53({
+  const columnGroupWrapStyle = css55({
     display: "flex",
     flexDirection: "column",
     gap: theme.size.s,
     alignItems: "flex-start"
   });
-  const chipStyle = css53({
+  const chipStyle = css55({
     display: "inline-flex",
     alignItems: "center",
     borderRadius: theme.size.xl,
@@ -58956,14 +59172,14 @@ var getFilterDisplayStyles = ({ theme }) => {
     lineHeight: 1.1,
     gap: theme.size.s
   });
-  const groupStyle = css53({
+  const groupStyle = css55({
     border: `1px solid ${theme.colors.lightShade}`,
     borderRadius: theme.border.radius.medium,
     padding: theme.size.s,
     margin: theme.size.xs,
     backgroundColor: theme.colors.body
   });
-  const operatorStyle = css53({
+  const operatorStyle = css55({
     fontFamily: theme.font.familyCode,
     padding: `${theme.size.xs}px ${theme.size.s}px`,
     borderRadius: theme.size.s,
@@ -58973,7 +59189,7 @@ var getFilterDisplayStyles = ({ theme }) => {
     fontWeight: theme.font.weight.bold,
     margin: `${theme.size.xs} 0`
   });
-  const valueStyle = css53({
+  const valueStyle = css55({
     fontWeight: theme.font.weight.semiBold,
     color: theme.colors.warning
   });
@@ -58987,10 +59203,12 @@ var getFilterDisplayStyles = ({ theme }) => {
   };
 };
 
-// src/components/WfoAgent/FilterDisplay/FilterDisplay.tsx
-import { jsx as jsx296, jsxs as jsxs158 } from "@emotion/react/jsx-runtime";
+// src/components/WfoAgent/ToolProgress/SetFilterTreeDisplay.tsx
+import { jsx as jsx298, jsxs as jsxs159 } from "@emotion/react/jsx-runtime";
 var DEPTH_INDENT = 16;
-function FilterDisplay({ parameters }) {
+var SetFilterTreeDisplay = ({
+  parameters
+}) => {
   const t = useTranslations107("agent.page");
   const {
     wrapStyle,
@@ -59000,9 +59218,7 @@ function FilterDisplay({ parameters }) {
     operatorStyle,
     valueStyle
   } = useWithOrchestratorTheme(getFilterDisplayStyles);
-  const { action, entity_type, filters, query } = parameters ?? {};
-  if (!parameters || Object.keys(parameters).length === 0) return null;
-  const sectionTitle = (text) => /* @__PURE__ */ jsx296(EuiText61, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx296("strong", { children: text }) });
+  const filters = parameters?.filters || parameters;
   const formatFilterValue = (condition) => {
     if ("value" in condition && condition.value !== void 0) {
       if (condition.op === "between" && condition.value && typeof condition.value === "object") {
@@ -59017,13 +59233,13 @@ function FilterDisplay({ parameters }) {
   };
   const renderFilterGroup = (group, depth = 0) => {
     if (!group.children || group.children.length === 0) {
-      return /* @__PURE__ */ jsx296(EuiText61, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx296("em", { children: t("emptyGroup") }) });
+      return /* @__PURE__ */ jsx298(EuiText63, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx298("em", { children: t("emptyGroup") }) });
     }
     const areChildrenGroups = group.children.length > 0 && !isCondition(group.children[0]);
-    return /* @__PURE__ */ jsxs158("div", { css: groupStyle, style: { marginLeft: depth * DEPTH_INDENT }, children: [
-      /* @__PURE__ */ jsx296("div", { css: operatorStyle, children: group.op }),
-      /* @__PURE__ */ jsx296("div", { css: areChildrenGroups ? columnGroupWrapStyle : wrapStyle, children: group.children.map((child, i) => /* @__PURE__ */ jsx296("div", { children: isCondition(child) ? /* @__PURE__ */ jsxs158("div", { css: chipStyle, children: [
-        /* @__PURE__ */ jsx296(
+    return /* @__PURE__ */ jsxs159("div", { css: groupStyle, style: { marginLeft: depth * DEPTH_INDENT }, children: [
+      /* @__PURE__ */ jsx298("div", { css: operatorStyle, children: group.op }),
+      /* @__PURE__ */ jsx298("div", { css: areChildrenGroups ? columnGroupWrapStyle : wrapStyle, children: group.children.map((child, i) => /* @__PURE__ */ jsx298("div", { children: isCondition(child) ? /* @__PURE__ */ jsxs159("div", { css: chipStyle, children: [
+        /* @__PURE__ */ jsx298(
           WfoPathBreadcrumb,
           {
             path: child.path,
@@ -59031,7 +59247,7 @@ function FilterDisplay({ parameters }) {
             showArrows: true
           }
         ),
-        /* @__PURE__ */ jsx296(
+        /* @__PURE__ */ jsx298(
           WfoBadge,
           {
             textColor: "default",
@@ -59048,49 +59264,204 @@ function FilterDisplay({ parameters }) {
             ).symbol
           }
         ),
-        /* @__PURE__ */ jsx296("span", { css: valueStyle, children: formatFilterValue(child.condition) })
+        /* @__PURE__ */ jsx298("span", { css: valueStyle, children: formatFilterValue(child.condition) })
       ] }) : renderFilterGroup(child, depth + 1) }, i)) })
     ] });
   };
-  return /* @__PURE__ */ jsxs158(EuiPanel21, { hasBorder: true, paddingSize: "m", children: [
-    /* @__PURE__ */ jsxs158(EuiFlexGroup47, { gutterSize: "m", wrap: true, responsive: true, children: [
-      /* @__PURE__ */ jsxs158(EuiFlexItem53, { grow: false, children: [
-        sectionTitle(t("action")),
-        /* @__PURE__ */ jsx296(EuiSpacer33, { size: "xs" }),
-        /* @__PURE__ */ jsx296(WfoBadge, { textColor: "default", color: "hollow", children: action || "N/A" })
-      ] }),
-      /* @__PURE__ */ jsxs158(EuiFlexItem53, { grow: false, children: [
-        sectionTitle(t("entityType")),
-        /* @__PURE__ */ jsx296(EuiSpacer33, { size: "xs" }),
-        /* @__PURE__ */ jsx296(WfoBadge, { textColor: "default", color: "hollow", children: entity_type || "N/A" })
+  if (!filters || !filters.children || filters.children.length === 0) {
+    return /* @__PURE__ */ jsx298(EuiText63, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx298("em", { children: t("noFiltersApplied") }) });
+  }
+  return /* @__PURE__ */ jsx298("div", { children: renderFilterGroup(filters) });
+};
+
+// src/components/WfoAgent/ToolProgress/StartNewSearchDisplay.tsx
+import { EuiFlexGroup as EuiFlexGroup48, EuiFlexItem as EuiFlexItem54, EuiSpacer as EuiSpacer34, EuiText as EuiText64 } from "@elastic/eui";
+import { Fragment as Fragment71, jsx as jsx299, jsxs as jsxs160 } from "@emotion/react/jsx-runtime";
+var StartNewSearchDisplay = ({
+  parameters
+}) => {
+  const { entity_type, action, query } = parameters;
+  return /* @__PURE__ */ jsxs160("div", { children: [
+    /* @__PURE__ */ jsxs160(EuiFlexGroup48, { gutterSize: "s", wrap: true, children: [
+      entity_type && /* @__PURE__ */ jsxs160(EuiFlexItem54, { grow: false, children: [
+        /* @__PURE__ */ jsx299(EuiText64, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx299("strong", { children: "Entity Type" }) }),
+        /* @__PURE__ */ jsx299(EuiSpacer34, { size: "xs" }),
+        /* @__PURE__ */ jsx299(WfoBadge, { textColor: "default", color: "hollow", children: entity_type })
       ] }),
-      query ? /* @__PURE__ */ jsxs158(EuiFlexItem53, { grow: false, children: [
-        sectionTitle(t("searchQuery")),
-        /* @__PURE__ */ jsx296(EuiSpacer33, { size: "xs" }),
-        /* @__PURE__ */ jsx296(EuiText61, { size: "s", children: /* @__PURE__ */ jsxs158("em", { children: [
-          '"',
-          query,
-          '"'
-        ] }) })
-      ] }) : null
+      action && /* @__PURE__ */ jsxs160(EuiFlexItem54, { grow: false, children: [
+        /* @__PURE__ */ jsx299(EuiText64, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx299("strong", { children: "Action" }) }),
+        /* @__PURE__ */ jsx299(EuiSpacer34, { size: "xs" }),
+        /* @__PURE__ */ jsx299(WfoBadge, { textColor: "default", color: "hollow", children: action })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx296(EuiSpacer33, { size: "m" }),
-    sectionTitle(t("activeFilters")),
-    /* @__PURE__ */ jsx296(EuiSpacer33, { size: "s" }),
-    filters && filters.children && filters.children.length > 0 ? renderFilterGroup(filters) : /* @__PURE__ */ jsx296(EuiText61, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx296("em", { children: t("noFiltersApplied") }) })
+    query && /* @__PURE__ */ jsxs160(Fragment71, { children: [
+      /* @__PURE__ */ jsx299(EuiSpacer34, { size: "s" }),
+      /* @__PURE__ */ jsx299(EuiText64, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx299("strong", { children: "Query" }) }),
+      /* @__PURE__ */ jsx299(EuiSpacer34, { size: "xs" }),
+      /* @__PURE__ */ jsx299(EuiText64, { size: "s", children: /* @__PURE__ */ jsxs160("em", { children: [
+        '"',
+        query,
+        '"'
+      ] }) })
+    ] })
   ] });
-}
+};
+
+// src/components/WfoAgent/ToolProgress/styles.ts
+import { css as css56 } from "@emotion/react";
+var getToolProgressStyles = ({ theme }) => {
+  const containerStyle = css56({
+    border: `${theme.border.width.thin} solid ${theme.colors.lightShade}`,
+    borderRadius: theme.border.radius.medium,
+    backgroundColor: theme.colors.emptyShade,
+    transition: `all ${theme.animation.normal} ease`
+  });
+  const containerClickableStyle = css56({
+    cursor: "pointer",
+    "&:hover": {
+      borderColor: theme.colors.primary,
+      backgroundColor: theme.colors.lightestShade
+    }
+  });
+  const headerStyle = css56({
+    padding: `${theme.size.base} ${theme.size.l}`
+  });
+  const nameStyle = css56({
+    fontSize: theme.size.m,
+    fontWeight: theme.font.weight.medium
+  });
+  const expandedContentStyle = css56({
+    borderTop: `${theme.border.width.thin} solid ${theme.colors.lightShade}`,
+    padding: `${theme.size.base} ${theme.size.l}`
+  });
+  const iconSize = 18;
+  const iconStyle = css56({
+    color: theme.colors.subduedText
+  });
+  return {
+    containerStyle,
+    containerClickableStyle,
+    headerStyle,
+    nameStyle,
+    expandedContentStyle,
+    iconSize,
+    iconStyle
+  };
+};
+
+// src/components/WfoAgent/ToolProgress/ToolProgress.tsx
+import { jsx as jsx300, jsxs as jsxs161 } from "@emotion/react/jsx-runtime";
+var TOOL_DISPLAY_COMPONENTS = {
+  set_filter_tree: SetFilterTreeDisplay,
+  start_new_search: StartNewSearchDisplay,
+  run_search: RunSearchDisplay,
+  discover_filter_paths: DiscoverFilterPathsDisplay
+};
+var ToolProgress = ({
+  name,
+  status,
+  args,
+  result
+}) => {
+  const [isExpanded, setIsExpanded] = useState64(false);
+  const {
+    containerStyle,
+    containerClickableStyle,
+    headerStyle,
+    nameStyle,
+    expandedContentStyle,
+    iconSize,
+    iconStyle
+  } = useWithOrchestratorTheme(getToolProgressStyles);
+  const { theme } = useOrchestratorTheme();
+  const renderStatus = () => {
+    if (status === "complete") {
+      return /* @__PURE__ */ jsx300(
+        WfoCheckmarkCircleFill,
+        {
+          color: theme.colors.success,
+          width: iconSize,
+          height: iconSize
+        }
+      );
+    }
+    if (status === "inProgress" || status === "executing") {
+      return /* @__PURE__ */ jsx300(EuiLoadingSpinner5, { size: "s" });
+    }
+    if (status === "failed") {
+      return /* @__PURE__ */ jsx300(
+        WfoXCircleFill,
+        {
+          color: theme.colors.danger,
+          width: iconSize,
+          height: iconSize
+        }
+      );
+    }
+    return null;
+  };
+  const DisplayComponent = TOOL_DISPLAY_COMPONENTS[name];
+  const hasArgs = DisplayComponent && args;
+  return /* @__PURE__ */ jsxs161("div", { css: containerStyle, children: [
+    /* @__PURE__ */ jsx300(
+      "div",
+      {
+        css: hasArgs && containerClickableStyle,
+        onClick: () => hasArgs && setIsExpanded(!isExpanded),
+        children: /* @__PURE__ */ jsxs161(
+          EuiFlexGroup49,
+          {
+            gutterSize: "m",
+            alignItems: "center",
+            css: headerStyle,
+            children: [
+              /* @__PURE__ */ jsx300(EuiFlexItem55, { grow: false, children: /* @__PURE__ */ jsx300("div", { css: iconStyle, children: /* @__PURE__ */ jsx300(WfoWrench, { width: iconSize, height: iconSize }) }) }),
+              /* @__PURE__ */ jsx300(EuiFlexItem55, { grow: true, children: /* @__PURE__ */ jsx300("span", { css: nameStyle, children: name }) }),
+              /* @__PURE__ */ jsx300(
+                EuiFlexItem55,
+                {
+                  grow: false,
+                  style: { minWidth: `${iconSize}px` },
+                  children: renderStatus()
+                }
+              ),
+              /* @__PURE__ */ jsx300(
+                EuiFlexItem55,
+                {
+                  grow: false,
+                  style: { minWidth: `${iconSize}px` },
+                  children: hasArgs && (isExpanded ? /* @__PURE__ */ jsx300(
+                    WfoChevronUp,
+                    {
+                      width: iconSize,
+                      height: iconSize
+                    }
+                  ) : /* @__PURE__ */ jsx300(
+                    WfoChevronDown,
+                    {
+                      width: iconSize,
+                      height: iconSize
+                    }
+                  ))
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    hasArgs && isExpanded && /* @__PURE__ */ jsx300("div", { css: expandedContentStyle, children: /* @__PURE__ */ jsx300(DisplayComponent, { parameters: args, result }) })
+  ] });
+};
 
 // src/components/WfoAgent/WfoAgent/WfoAgent.tsx
-import { jsx as jsx297, jsxs as jsxs159 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment72, jsx as jsx301, jsxs as jsxs162 } from "@emotion/react/jsx-runtime";
 var initialState3 = {
-  parameters: {
-    action: "select",
-    entity_type: "SUBSCRIPTION",
-    filters: [],
-    query: null
-  },
-  results: []
+  run_id: null,
+  query_id: null,
+  parameters: null,
+  results_data: null,
+  export_data: null
 };
 function WfoAgent() {
   const t = useTranslations108("agent");
@@ -59099,39 +59470,57 @@ function WfoAgent() {
     name: "query_agent",
     initialState: initialState3
   });
-  const { parameters, results } = state;
-  const hasStarted = !!(state.parameters && Array.isArray(state.parameters.filters) && state.parameters.filters.length > 0);
-  const isLoadingResults = hasStarted && (!state.results || state.results.length === 0);
-  const displayParameters = parameters && {
-    ...parameters,
-    filters: Array.isArray(parameters.filters) ? { op: "AND", children: parameters.filters } : parameters.filters
-  };
-  return /* @__PURE__ */ jsxs159(EuiFlexGroup48, { gutterSize: "l", alignItems: "stretch", children: [
-    /* @__PURE__ */ jsxs159(EuiFlexItem54, { grow: 2, children: [
-      /* @__PURE__ */ jsx297(EuiText62, { children: /* @__PURE__ */ jsx297("h1", { children: t("title") }) }),
-      /* @__PURE__ */ jsx297(EuiSpacer34, { size: "m" }),
-      /* @__PURE__ */ jsx297(EuiText62, { size: "s", children: /* @__PURE__ */ jsx297("h2", { children: tPage("filledParameters") }) }),
-      /* @__PURE__ */ jsx297(EuiSpacer34, { size: "s" }),
-      displayParameters && /* @__PURE__ */ jsx297(FilterDisplay, { parameters: displayParameters }),
-      /* @__PURE__ */ jsx297(EuiSpacer34, { size: "m" }),
-      /* @__PURE__ */ jsx297(EuiText62, { size: "s", children: /* @__PURE__ */ jsxs159("h2", { children: [
-        tPage("results"),
-        " ",
-        results ? `(${results.length})` : ""
-      ] }) }),
-      /* @__PURE__ */ jsx297(EuiSpacer34, { size: "s" }),
-      /* @__PURE__ */ jsx297(
-        WfoSearchResults,
+  const { results_data } = state;
+  useCopilotAction({
+    name: "*",
+    render: ({
+      name,
+      status,
+      args,
+      result
+    }) => {
+      return /* @__PURE__ */ jsx301(
+        ToolProgress,
         {
-          results: results ?? [],
-          loading: isLoadingResults,
-          selectedRecordIndex: -1,
-          onRecordSelect: () => {
-          }
+          name,
+          status,
+          args,
+          result
         }
-      )
+      );
+    }
+  });
+  useCoAgentStateRender({
+    name: "query_agent",
+    render: ({ state: state2 }) => {
+      if (!state2?.export_data || state2.export_data.action !== "export") {
+        return null;
+      }
+      return /* @__PURE__ */ jsx301(ExportButton, { exportData: state2.export_data });
+    }
+  });
+  return /* @__PURE__ */ jsxs162(EuiFlexGroup50, { gutterSize: "l", alignItems: "stretch", children: [
+    /* @__PURE__ */ jsxs162(EuiFlexItem56, { grow: 2, children: [
+      /* @__PURE__ */ jsx301(EuiText65, { children: /* @__PURE__ */ jsx301("h1", { children: t("title") }) }),
+      /* @__PURE__ */ jsx301(EuiSpacer35, { size: "m" }),
+      results_data && results_data.action === "view_results" && /* @__PURE__ */ jsxs162(Fragment72, { children: [
+        results_data.message && /* @__PURE__ */ jsxs162(Fragment72, { children: [
+          /* @__PURE__ */ jsx301(EuiText65, { size: "s", children: /* @__PURE__ */ jsx301("p", { children: results_data.message }) }),
+          /* @__PURE__ */ jsx301(EuiSpacer35, { size: "s" })
+        ] }),
+        /* @__PURE__ */ jsx301(
+          WfoSearchResults,
+          {
+            results: results_data.results,
+            loading: false,
+            selectedRecordIndex: -1,
+            onRecordSelect: () => {
+            }
+          }
+        )
+      ] })
     ] }),
-    /* @__PURE__ */ jsx297(EuiFlexItem54, { grow: 1, children: /* @__PURE__ */ jsx297(
+    /* @__PURE__ */ jsx301(EuiFlexItem56, { grow: 1, children: /* @__PURE__ */ jsx301(
       CopilotSidebar,
       {
         defaultOpen: true,
@@ -59146,14 +59535,14 @@ function WfoAgent() {
 }
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
-import { useCallback as useCallback14, useEffect as useEffect45, useState as useState65 } from "react";
-import { EuiFlexItem as EuiFlexItem55 } from "@elastic/eui";
+import { useCallback as useCallback15, useEffect as useEffect46, useState as useState65 } from "react";
+import { EuiFlexItem as EuiFlexItem57 } from "@elastic/eui";
 import Editor from "@monaco-editor/react";
 
 // src/components/WfoMonacoCodeBlock/styles.ts
-import { css as css54 } from "@emotion/react";
+import { css as css57 } from "@emotion/react";
 var getStyles15 = ({ theme }) => {
-  const monacoEditorStyle = css54({
+  const monacoEditorStyle = css57({
     marginTop: 10,
     padding: 10,
     backgroundColor: theme.colors.body,
@@ -59165,7 +59554,7 @@ var getStyles15 = ({ theme }) => {
 };
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
-import { jsx as jsx298 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx302 } from "@emotion/react/jsx-runtime";
 var MONACO_THEME = {
   light: "vs",
   dark: "hc-black"
@@ -59178,7 +59567,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
   );
   const json = JSON.stringify(data, null, 4);
   const [editorHeight, setEditorHeight] = useState65(0);
-  const addThemeToEditor = useCallback14(
+  const addThemeToEditor = useCallback15(
     (monaco) => {
       monaco.editor.defineTheme("wfoTheme", {
         base: isDarkThemeActive ? MONACO_THEME.dark : MONACO_THEME.light,
@@ -59192,7 +59581,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
     },
     [theme, isDarkThemeActive]
   );
-  useEffect45(() => {
+  useEffect46(() => {
     if (monacoInstance) {
       addThemeToEditor(monacoInstance);
     }
@@ -59202,7 +59591,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
     setEditorHeight(Math.min(scrollHeight, 500));
     setMonacoInstance(monaco);
   }
-  return /* @__PURE__ */ jsx298(EuiFlexItem55, { css: monacoEditorStyle, children: /* @__PURE__ */ jsx298(
+  return /* @__PURE__ */ jsx302(EuiFlexItem57, { css: monacoEditorStyle, children: /* @__PURE__ */ jsx302(
     Editor,
     {
       height: editorHeight,
@@ -59226,16 +59615,16 @@ var WfoMonacoCodeBlock = ({ data }) => {
 };
 
 // src/components/WfoLogoSpinner/styles.ts
-import { css as css55 } from "@emotion/react";
+import { css as css58 } from "@emotion/react";
 var getWfoLogoSpinnerStyles = () => {
-  const spinCenteringCss = css55({
+  const spinCenteringCss = css58({
     width: "100vw",
     height: "100vh",
     display: "flex",
     alignItems: "center",
     justifyContent: "center"
   });
-  const spinContainerCss = css55({
+  const spinContainerCss = css58({
     display: "flex",
     alignItems: "center",
     width: "80px",
@@ -59245,7 +59634,7 @@ var getWfoLogoSpinnerStyles = () => {
     backgroundColor: "#04385F",
     borderRadius: "8px"
   });
-  const spinPathCss = css55({
+  const spinPathCss = css58({
     transformBox: "fill-box",
     transformOrigin: "center",
     animation: "spin 3s linear infinite",
@@ -59262,10 +59651,10 @@ var getWfoLogoSpinnerStyles = () => {
 };
 
 // src/components/WfoLogoSpinner/WfoLogoSpinner.tsx
-import { jsx as jsx299, jsxs as jsxs160 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx303, jsxs as jsxs163 } from "@emotion/react/jsx-runtime";
 var WfoLogoSpinner = () => {
   const { spinContainerCss, spinCenteringCss, spinPathCss } = getWfoLogoSpinnerStyles();
-  return /* @__PURE__ */ jsx299("div", { css: spinCenteringCss, children: /* @__PURE__ */ jsx299("div", { css: spinContainerCss, children: /* @__PURE__ */ jsxs160(
+  return /* @__PURE__ */ jsx303("div", { css: spinCenteringCss, children: /* @__PURE__ */ jsx303("div", { css: spinContainerCss, children: /* @__PURE__ */ jsxs163(
     "svg",
     {
       width: "64",
@@ -59274,7 +59663,7 @@ var WfoLogoSpinner = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx299(
+        /* @__PURE__ */ jsx303(
           "path",
           {
             css: spinPathCss,
@@ -59284,7 +59673,7 @@ var WfoLogoSpinner = () => {
             fill: "#76B5E0"
           }
         ),
-        /* @__PURE__ */ jsx299(
+        /* @__PURE__ */ jsx303(
           "path",
           {
             fillRule: "evenodd",
@@ -59633,6 +60022,8 @@ var en_GB_default = {
         tasks: "Tasks",
         terminate: "Terminate workflow",
         reconcile: "Reconcile workflow",
+        actionStarted: "Action started",
+        actionStartFailed: "Action failed",
         actions: "Actions",
         lockedBySubscriptions: "This action is locked by the following subscriptions:",
         notAvailable: "Not available",
@@ -59796,7 +60187,6 @@ var en_GB_default = {
     title: "Search results",
     page: {
       filledParameters: "Filled parameters",
-      results: "Results",
       emptyGroup: "Empty group",
       searchQuery: "Search query",
       activeFilters: "Active filters",
@@ -59805,7 +60195,7 @@ var en_GB_default = {
       action: "Action",
       copilot: {
         title: "Database assistant",
-        initial: "Ask me things such as:\n\u2022 *Find active subscriptions for Surf*\n\u2022 *Show terminated workflows\u201D*\n\nThe filled template and results will appear on the left."
+        initial: "Ask me things such as:\n\u2022 *Find active subscriptions*\n\u2022 *Show terminated workflows\u201D*\n\nThe filled template and results will appear on the left."
       }
     }
   },
@@ -59842,7 +60232,6 @@ var en_GB_default = {
       resultsOnPage: "{resultCount} result(s) on this page",
       searchResultsPagination: "Search results pagination",
       viewDetails: "View details",
-      closeButton: "Close",
       selectOrEnterValue: "Select or type value",
       enterValue: "Enter value",
       fromNumber: "From",
@@ -60188,6 +60577,8 @@ var nl_NL_default = {
         reconcileSubscription: "Reconcile subscription",
         validateSubscription: "Validate subscription",
         actions: "Acties",
+        actionStarted: "Actie gestart",
+        actionStartFailed: "Actie mislukt",
         lockedBySubscriptions: "Deze actie is geblokkeerd door de volgende subscriptions:",
         subscription: {
           no_modify_deleted_related_objects: "Deze subscription kan niet worden gewijzigd omdat het verwijzingen bevat naar andere systemen die zijn verwijderd.",
@@ -60402,7 +60793,6 @@ export {
   ErrorField,
   ErrorsField,
   FileUploadField,
-  FilterDisplay,
   FilterGroup,
   Footer,
   HIDDEN_KEYS,
@@ -60684,7 +61074,6 @@ export {
   WfoSubmitModal,
   WfoSubscription,
   WfoSubscriptionActions,
-  WfoSubscriptionDetailModal,
   WfoSubscriptionDetailNoteEdit,
   WfoSubscriptionDetailPage,
   WfoSubscriptionDetailSection,
@@ -60758,7 +61147,6 @@ export {
   emptyOrchestratorConfig,
   emptyWfoErrorMonitoring,
   filterDataByCriteria,
-  findResultIndexById,
   flattenArrayProps,
   formatDate,
   formatDateCetWithUtc,
@@ -60777,9 +61165,7 @@ export {
   getDataTestId,
   getDate,
   getDefaultTableConfig,
-  getDescription,
   getDetailUrl,
-  getDisplayText,
   getEndpointPath,
   getEnvironmentVariables,
   getFieldFromProductBlockInstanceValues,
@@ -60807,7 +61193,6 @@ export {
   getQueryStringHandler,
   getQueryUrl,
   getQueryVariablesForExport,
-  getRecordId,
   getRowDetailData,
   getSortDirectionFromString,
   getStatusBadgeColor,