@orchestrator-ui/orchestrator-ui-components 6.7.4 → 6.7.5

package/dist/index.js

@@ -15304,10 +15304,10 @@ var require_jsstacktrace = __commonJS({
 var require_jsx = __commonJS({
   "../../node_modules/refractor/lang/jsx.js"(exports, module) {
     "use strict";
-    module.exports = jsx310;
-    jsx310.displayName = "jsx";
-    jsx310.aliases = [];
-    function jsx310(Prism) {
+    module.exports = jsx311;
+    jsx311.displayName = "jsx";
+    jsx311.aliases = [];
+    function jsx311(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.7.4";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "6.7.5";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -51196,7 +51196,7 @@ var WfoProcessDetailPage = ({
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useCallback as useCallback12, useEffect as useEffect32, useMemo as useMemo6, useState as useState51 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect32, useMemo as useMemo6, useState as useState52 } from "react";
 import { useTranslations as useTranslations72 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
 import {
@@ -52656,8 +52656,18 @@ var getDataTestId = (base, title) => {
   return `${dataTestId}-${generateRandomString}`;
 };
 
-// src/components/WfoPydanticForm/WfoPydanticForm.tsx
+// src/components/WfoPydanticForm/fields/WfoCallout.tsx
+import { EuiCallOut as EuiCallOut3 } from "@elastic/eui";
 import { jsx as jsx227 } from "@emotion/react/jsx-runtime";
+var CALLOUT_COLORS = ["primary", "success", "warning", "danger", "accent"];
+var WfoCallout = ({ pydanticFormField }) => {
+  const { header, message, icon_type, message_type } = pydanticFormField.default;
+  const color = CALLOUT_COLORS.includes(message_type) ? message_type : "primary";
+  return /* @__PURE__ */ jsx227("div", { "data-testid": pydanticFormField.id, css: { marginBottom: "2rem" }, children: /* @__PURE__ */ jsx227(EuiCallOut3, { title: header, iconType: icon_type, color, children: /* @__PURE__ */ jsx227("p", { children: message }) }) });
+};
+
+// src/components/WfoPydanticForm/WfoPydanticForm.tsx
+import { jsx as jsx228 } from "@emotion/react/jsx-runtime";
 var useWfoPydanticFormConfig = () => {
   const componentMatcherExtender = useAppSelector(
     (state) => state.pydanticForm?.componentMatcherExtender
@@ -52770,6 +52780,16 @@ var useWfoPydanticFormConfig = () => {
           },
           validator: zodValidationPresets.multiSelect
         },
+        {
+          id: "callout",
+          ElementMatch: {
+            isControlledElement: false,
+            Element: WfoCallout
+          },
+          matcher: ({ type, format }) => {
+            return type === PydanticFormFieldType.STRING && format === "callout";
+          }
+        },
         ...currentMatchers.filter((matcher) => matcher.id !== "text").filter((matcher) => matcher.id !== "array").filter((matcher) => matcher.id !== "object"),
         {
           id: "object",
@@ -52895,7 +52915,7 @@ var WfoPydanticForm = ({
       labelProvider: pydanticLabelProvider,
       rowRenderer: Row,
       customTranslations,
-      loadingComponent: /* @__PURE__ */ jsx227(WfoLoading, {}),
+      loadingComponent: /* @__PURE__ */ jsx228(WfoLoading, {}),
       locale: getLocale()
     };
   }, [
@@ -52905,7 +52925,7 @@ var WfoPydanticForm = ({
     router.locale,
     wfoComponentMatcherExtender
   ]);
-  return /* @__PURE__ */ jsx227(
+  return /* @__PURE__ */ jsx228(
     PydanticForm2,
     {
       formKey: processName,
@@ -52918,14 +52938,14 @@ var WfoPydanticForm = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React75, { useCallback as useCallback10, useState as useState47 } from "react";
+import React75, { useCallback as useCallback10, useState as useState48 } from "react";
 import { useTranslations as useTranslations67 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup23, EuiFlexItem as EuiFlexItem28, EuiPanel as EuiPanel4, EuiText as EuiText38 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepFormOld.tsx
 import { useState as useState46 } from "react";
 import { EuiFlexItem as EuiFlexItem25 } from "@elastic/eui";
-import { jsx as jsx228 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx229 } from "@emotion/react/jsx-runtime";
 var WfoStepFormOld = ({
   userInputForm,
   isTask,
@@ -52954,7 +52974,7 @@ var WfoStepFormOld = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx228(EuiFlexItem25, { css: { margin: theme.size.m }, children: hasError && /* @__PURE__ */ jsx228(WfoError, {}) || isProcessing && /* @__PURE__ */ jsx228(WfoLoading, {}) || /* @__PURE__ */ jsx228(
+  return /* @__PURE__ */ jsx229(EuiFlexItem25, { css: { margin: theme.size.m }, children: hasError && /* @__PURE__ */ jsx229(WfoError, {}) || isProcessing && /* @__PURE__ */ jsx229(WfoLoading, {}) || /* @__PURE__ */ jsx229(
     UserInputFormWizard,
     {
       stepUserInput: userInputForm,
@@ -53079,26 +53099,26 @@ var getWorkflowStepsStyles = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
-import { jsx as jsx229, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx230, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
 var SubIcon = ({ stepStatus, color = "" }) => {
   switch (stepStatus) {
     case "suspend" /* SUSPEND */:
-      return /* @__PURE__ */ jsx229(WfoMinusCircleFill, { color });
+      return /* @__PURE__ */ jsx230(WfoMinusCircleFill, { color });
     case "failed" /* FAILED */:
-      return /* @__PURE__ */ jsx229(WfoXCircleFill, { color });
+      return /* @__PURE__ */ jsx230(WfoXCircleFill, { color });
     default:
-      return /* @__PURE__ */ jsx229(WfoCheckmarkCircleFill, { color });
+      return /* @__PURE__ */ jsx230(WfoCheckmarkCircleFill, { color });
   }
 };
 var MainIcon = ({ stepStatus, color = "", isStartStep }) => {
   if (isStartStep) {
-    return /* @__PURE__ */ jsx229(WfoPlayFill, { color });
+    return /* @__PURE__ */ jsx230(WfoPlayFill, { color });
   }
   switch (stepStatus) {
     case "form" /* FORM */:
-      return /* @__PURE__ */ jsx229(WfoPencilAlt, { color });
+      return /* @__PURE__ */ jsx230(WfoPencilAlt, { color });
     default:
-      return /* @__PURE__ */ jsx229(WfoCogFill, { color, width: 16, height: 16 });
+      return /* @__PURE__ */ jsx230(WfoCogFill, { color, width: 16, height: 16 });
   }
 };
 var WfoStepStatusIcon = ({
@@ -53154,7 +53174,7 @@ var WfoStepStatusIcon = ({
     }
   })();
   return /* @__PURE__ */ jsxs117(EuiFlexItem26, { css: { flexDirection: "row" }, grow: 0, children: [
-    /* @__PURE__ */ jsx229("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx229(
+    /* @__PURE__ */ jsx230("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx230(
       MainIcon,
       {
         color: mainIconColor,
@@ -53162,7 +53182,7 @@ var WfoStepStatusIcon = ({
         isStartStep
       }
     ) }),
-    /* @__PURE__ */ jsx229(
+    /* @__PURE__ */ jsx230(
       "div",
       {
         css: {
@@ -53170,7 +53190,7 @@ var WfoStepStatusIcon = ({
           width: `${theme.base}`,
           visibility: hasSubIcon ? "visible" : "hidden"
         },
-        children: /* @__PURE__ */ jsx229(SubIcon, { color: subIconColor, stepStatus })
+        children: /* @__PURE__ */ jsx230(SubIcon, { color: subIconColor, stepStatus })
       }
     )
   ] });
@@ -53199,10 +53219,10 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoCodeViewSelector.tsx
-import { useCallback as useCallback8 } from "react";
+import { useCallback as useCallback8, useState as useState47 } from "react";
 import { useTranslations as useTranslations65 } from "next-intl";
 import { EuiButtonGroup as EuiButtonGroup2 } from "@elastic/eui";
-import { jsx as jsx230 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx231 } from "@emotion/react/jsx-runtime";
 var WfoCodeViewSelector = ({
   codeView,
   handleCodeViewChange
@@ -53210,18 +53230,20 @@ var WfoCodeViewSelector = ({
   const t = useTranslations65("processes.steps");
   const { theme, toSecondaryColor } = useOrchestratorTheme();
   const isSelected = (buttonView) => buttonView === codeView;
+  const [showTooltips, setShowTooltips] = useState47(true);
   const codeViewOptions = [
     {
       id: "json" /* JSON */,
       label: t("codeView.json"),
-      iconType: () => /* @__PURE__ */ jsx230(
+      onMouseLeave: () => setShowTooltips(true),
+      iconType: () => /* @__PURE__ */ jsx231("div", { onClick: () => setShowTooltips(false), children: /* @__PURE__ */ jsx231(
         WfoBracketSquare,
         {
           color: isSelected("json" /* JSON */) ? theme.colors.ghost : theme.colors.textPrimary
         }
-      ),
+      ) }),
       "data-test-id": "jsonCodeViewButton",
-      toolTipContent: t("codeView.json"),
+      toolTipContent: showTooltips ? t("codeView.json") : void 0,
       style: {
         backgroundColor: isSelected("json" /* JSON */) ? theme.colors.textPrimary : toSecondaryColor(theme.colors.primary)
       }
@@ -53229,14 +53251,15 @@ var WfoCodeViewSelector = ({
     {
       id: "table" /* TABLE */,
       label: t("codeView.table"),
-      iconType: () => /* @__PURE__ */ jsx230(
+      onMouseLeave: () => setShowTooltips(true),
+      iconType: () => /* @__PURE__ */ jsx231("div", { onClick: () => setShowTooltips(false), children: /* @__PURE__ */ jsx231(
         WfoTableCells,
         {
           color: isSelected("table" /* TABLE */) ? theme.colors.ghost : theme.colors.textPrimary
         }
-      ),
+      ) }),
       "data-test-id": "tableCodeViewButton",
-      toolTipContent: t("codeView.table"),
+      toolTipContent: showTooltips ? t("codeView.table") : void 0,
       style: {
         backgroundColor: isSelected("table" /* TABLE */) ? theme.colors.textPrimary : toSecondaryColor(theme.colors.primary)
       }
@@ -53244,14 +53267,15 @@ var WfoCodeViewSelector = ({
     {
       id: "raw" /* RAW */,
       label: t("codeView.raw"),
-      iconType: () => /* @__PURE__ */ jsx230(
+      onMouseLeave: () => setShowTooltips(true),
+      iconType: () => /* @__PURE__ */ jsx231("div", { onClick: () => setShowTooltips(false), children: /* @__PURE__ */ jsx231(
         WfoCommandLine,
         {
           color: isSelected("raw" /* RAW */) ? theme.colors.ghost : theme.colors.textPrimary
         }
-      ),
+      ) }),
       "data-test-id": "rawCodeViewButton",
-      toolTipContent: t("codeView.raw"),
+      toolTipContent: showTooltips ? t("codeView.raw") : void 0,
       style: {
         backgroundColor: isSelected("raw" /* RAW */) ? theme.colors.textPrimary : toSecondaryColor(theme.colors.primary)
       }
@@ -53261,7 +53285,7 @@ var WfoCodeViewSelector = ({
     (id) => handleCodeViewChange(id),
     [handleCodeViewChange]
   );
-  return /* @__PURE__ */ jsx230(
+  return /* @__PURE__ */ jsx231(
     EuiButtonGroup2,
     {
       style: {
@@ -53289,7 +53313,7 @@ import { EuiFlexItem as EuiFlexItem27 } from "@elastic/eui";
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepFormFooter.tsx
 import { useTranslations as useTranslations66 } from "next-intl";
 import { EuiButton as EuiButton13, EuiHorizontalRule as EuiHorizontalRule8 } from "@elastic/eui";
-import { jsx as jsx231, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx232, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
 var StepFormFooter = ({
   isTask,
   isResumeAllowed
@@ -53297,7 +53321,7 @@ var StepFormFooter = ({
   const t = useTranslations66("pydanticForms.userInputForm");
   const SubmitButton = () => {
     const submitButtonLabel = isTask ? t("resumeTask") : t("resumeWorkflow");
-    return /* @__PURE__ */ jsx231(
+    return /* @__PURE__ */ jsx232(
       EuiButton13,
       {
         "data-testid": "button-submit-form-submit",
@@ -53305,7 +53329,7 @@ var StepFormFooter = ({
         tabIndex: 0,
         fill: true,
         color: "primary",
-        iconType: () => /* @__PURE__ */ jsx231(
+        iconType: () => /* @__PURE__ */ jsx232(
           WfoPlayCircle,
           {
             color: "currentColor",
@@ -53322,14 +53346,14 @@ var StepFormFooter = ({
     );
   };
   return /* @__PURE__ */ jsxs118("div", { "data-testid": "pydantic-step-form-footer", children: [
-    /* @__PURE__ */ jsx231(RenderFormErrors, {}),
-    /* @__PURE__ */ jsx231(EuiHorizontalRule8, {}),
-    /* @__PURE__ */ jsx231("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx231(SubmitButton, {}) })
+    /* @__PURE__ */ jsx232(RenderFormErrors, {}),
+    /* @__PURE__ */ jsx232(EuiHorizontalRule8, {}),
+    /* @__PURE__ */ jsx232("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx232(SubmitButton, {}) })
   ] });
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
-import { jsx as jsx232 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx233 } from "@emotion/react/jsx-runtime";
 var WfoStepForm = ({
   userInputForm,
   isTask,
@@ -53368,14 +53392,14 @@ var WfoStepForm = ({
     },
     [getInitialStepInput, processId, resumeProcess]
   );
-  return /* @__PURE__ */ jsx232(EuiFlexItem27, { css: { margin: theme.size.m }, children: /* @__PURE__ */ jsx232(
+  return /* @__PURE__ */ jsx233(EuiFlexItem27, { css: { margin: theme.size.m }, children: /* @__PURE__ */ jsx233(
     PydanticForm3,
     {
       formKey: processId,
       formId: "wfo-step-form",
       config: {
         apiProvider: getStepFormProvider(),
-        footerRenderer: () => /* @__PURE__ */ jsx232(
+        footerRenderer: () => /* @__PURE__ */ jsx233(
           StepFormFooter,
           {
             isTask,
@@ -53393,7 +53417,7 @@ var WfoStepForm = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import { Fragment as Fragment53, jsx as jsx233, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx234, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
 var WfoStep = React75.forwardRef(
   ({
     stepListItem,
@@ -53409,7 +53433,7 @@ var WfoStep = React75.forwardRef(
     const config = useGetOrchestratorConfig();
     const usePydanticForms = config.activatePydanticForms ?? false;
     const { isExpanded, step, userInputForm } = stepListItem;
-    const [codeView, setCodeView] = useState47("json" /* JSON */);
+    const [codeView, setCodeView] = useState48("json" /* JSON */);
     const { theme } = useOrchestratorTheme();
     const {
       stepEmailContainerStyle,
@@ -53432,28 +53456,28 @@ var WfoStep = React75.forwardRef(
         return "";
       }
       return /* @__PURE__ */ jsxs119(EuiText38, { size: "s", children: [
-        /* @__PURE__ */ jsx233("h4", { children: "To" }),
-        /* @__PURE__ */ jsx233("p", { children: value.to.map(
+        /* @__PURE__ */ jsx234("h4", { children: "To" }),
+        /* @__PURE__ */ jsx234("p", { children: value.to.map(
           (v, i) => /* @__PURE__ */ jsxs119("div", { children: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx233("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx234("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `to-${i}`)
         ) }),
-        /* @__PURE__ */ jsx233("h4", { children: "CC" }),
-        /* @__PURE__ */ jsx233("p", { children: value.cc.map(
+        /* @__PURE__ */ jsx234("h4", { children: "CC" }),
+        /* @__PURE__ */ jsx234("p", { children: value.cc.map(
           (v, i) => /* @__PURE__ */ jsxs119("div", { children: [
             v.name,
             " <",
-            /* @__PURE__ */ jsx233("a", { href: `mailto: ${v.email}`, children: v.email }),
+            /* @__PURE__ */ jsx234("a", { href: `mailto: ${v.email}`, children: v.email }),
             ">"
           ] }, `cc-${i}`)
         ) }),
-        /* @__PURE__ */ jsx233("h4", { children: "Subject" }),
-        /* @__PURE__ */ jsx233("p", { children: value.subject }),
-        /* @__PURE__ */ jsx233("h4", { children: "Message" }),
-        /* @__PURE__ */ jsx233(
+        /* @__PURE__ */ jsx234("h4", { children: "Subject" }),
+        /* @__PURE__ */ jsx234("p", { children: value.subject }),
+        /* @__PURE__ */ jsx234("h4", { children: "Message" }),
+        /* @__PURE__ */ jsx234(
           "div",
           {
             className: "emailMessage",
@@ -53468,14 +53492,14 @@ var WfoStep = React75.forwardRef(
       },
       [setCodeView]
     );
-    return /* @__PURE__ */ jsx233("div", { ref, children: /* @__PURE__ */ jsxs119(EuiPanel4, { children: [
+    return /* @__PURE__ */ jsx234("div", { ref, children: /* @__PURE__ */ jsxs119(EuiPanel4, { children: [
       /* @__PURE__ */ jsxs119(
         EuiFlexGroup23,
         {
           css: getStepHeaderStyle(hasStepContent),
           onClick: () => hasStepContent && onToggleStepDetail(),
           children: [
-            /* @__PURE__ */ jsx233(
+            /* @__PURE__ */ jsx234(
               WfoStepStatusIcon,
               {
                 stepStatus: step.status,
@@ -53483,15 +53507,15 @@ var WfoStep = React75.forwardRef(
               }
             ),
             /* @__PURE__ */ jsxs119(EuiFlexItem28, { grow: 0, children: [
-              /* @__PURE__ */ jsx233(EuiText38, { css: stepListContentBoldTextStyle, children: step.name }),
+              /* @__PURE__ */ jsx234(EuiText38, { css: stepListContentBoldTextStyle, children: step.name }),
               /* @__PURE__ */ jsxs119(EuiText38, { children: [
                 step.status,
                 " ",
                 step.completed && `- ${formatDate(step.completed)}`
               ] })
             ] }),
-            /* @__PURE__ */ jsx233(EuiFlexGroup23, { css: stepRowStyle, children: step.completed && /* @__PURE__ */ jsxs119(Fragment53, { children: [
-              isExpanded && /* @__PURE__ */ jsx233(
+            /* @__PURE__ */ jsx234(EuiFlexGroup23, { css: stepRowStyle, children: step.completed && /* @__PURE__ */ jsxs119(Fragment53, { children: [
+              isExpanded && /* @__PURE__ */ jsx234(
                 WfoCodeViewSelector,
                 {
                   codeView,
@@ -53504,27 +53528,27 @@ var WfoStep = React75.forwardRef(
                   grow: 0,
                   css: stepHeaderRightStyle,
                   children: [
-                    /* @__PURE__ */ jsx233(EuiText38, { css: stepDurationStyle, children: t("duration") }),
-                    /* @__PURE__ */ jsx233(EuiText38, { size: "m", children: calculateTimeDifference(
+                    /* @__PURE__ */ jsx234(EuiText38, { css: stepDurationStyle, children: t("duration") }),
+                    /* @__PURE__ */ jsx234(EuiText38, { size: "m", children: calculateTimeDifference(
                       startedAt,
                       completedAt
                     ) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx233(
+              /* @__PURE__ */ jsx234(
                 EuiFlexItem28,
                 {
                   grow: 0,
                   css: getStepToggleExpandStyle(
                     hasStepContent
                   ),
-                  children: isExpanded && /* @__PURE__ */ jsx233(
+                  children: isExpanded && /* @__PURE__ */ jsx234(
                     WfoChevronUp,
                     {
                       color: theme.colors.text
                     }
-                  ) || /* @__PURE__ */ jsx233(
+                  ) || /* @__PURE__ */ jsx234(
                     WfoChevronDown,
                     {
                       color: theme.colors.text
@@ -53536,11 +53560,11 @@ var WfoStep = React75.forwardRef(
           ]
         }
       ),
-      hasStepContent && !hasHtmlMail && isExpanded && (codeView === "table" /* TABLE */ ? /* @__PURE__ */ jsx233(WfoTableCodeBlock, { stepState: stepContent }) : codeView === "raw" /* RAW */ ? /* @__PURE__ */ jsx233(WfoJsonCodeBlock, { data: stepContent }) : /* @__PURE__ */ jsx233(WfoMonacoCodeBlock, { data: stepContent })),
-      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx233("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
+      hasStepContent && !hasHtmlMail && isExpanded && (codeView === "table" /* TABLE */ ? /* @__PURE__ */ jsx234(WfoTableCodeBlock, { stepState: stepContent }) : codeView === "raw" /* RAW */ ? /* @__PURE__ */ jsx234(WfoJsonCodeBlock, { data: stepContent }) : /* @__PURE__ */ jsx234(WfoMonacoCodeBlock, { data: stepContent })),
+      isExpanded && hasHtmlMail && /* @__PURE__ */ jsx234("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(
         step.stateDelta.confirmation_mail
       ) }),
-      step.status === "suspend" /* SUSPEND */ && userInputForm && (usePydanticForms ? /* @__PURE__ */ jsx233(
+      step.status === "suspend" /* SUSPEND */ && userInputForm && (usePydanticForms ? /* @__PURE__ */ jsx234(
         WfoStepForm,
         {
           userInputForm,
@@ -53548,7 +53572,7 @@ var WfoStep = React75.forwardRef(
           processId: processId ?? "",
           userPermissions
         }
-      ) : /* @__PURE__ */ jsx233(
+      ) : /* @__PURE__ */ jsx234(
         WfoStepFormOld,
         {
           userInputForm,
@@ -53564,7 +53588,7 @@ WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
 import React76, { useImperativeHandle as useImperativeHandle2, useRef as useRef11 } from "react";
-import { Fragment as Fragment54, jsx as jsx234, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx235, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
 var WfoStepList = React76.forwardRef(
   ({
     stepListItems,
@@ -53620,9 +53644,9 @@ var WfoStepList = React76.forwardRef(
         stepReferences.current.delete(stepId);
       }
     };
-    return /* @__PURE__ */ jsx234(Fragment54, { children: stepListItems.map((stepListItem, index) => /* @__PURE__ */ jsxs120("div", { children: [
-      index !== 0 && /* @__PURE__ */ jsx234("div", { css: stepSpacerStyle }),
-      /* @__PURE__ */ jsx234(
+    return /* @__PURE__ */ jsx235(Fragment54, { children: stepListItems.map((stepListItem, index) => /* @__PURE__ */ jsxs120("div", { children: [
+      index !== 0 && /* @__PURE__ */ jsx235("div", { css: stepSpacerStyle }),
+      /* @__PURE__ */ jsx235(
         WfoStep,
         {
           ref: getReferenceCallbackForStepId(
@@ -53645,12 +53669,12 @@ var WfoStepList = React76.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React78, { useEffect as useEffect31, useState as useState49 } from "react";
+import React78, { useEffect as useEffect31, useState as useState50 } from "react";
 import { useTranslations as useTranslations70 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
-import { useCallback as useCallback11, useEffect as useEffect30, useMemo as useMemo5, useState as useState48 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect30, useMemo as useMemo5, useState as useState49 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
 import { useTranslations as useTranslations68 } from "next-intl";
@@ -53701,16 +53725,16 @@ var getWfoDiffStyles = ({
 };
 
 // src/components/WfoDiff/WfoDiff.tsx
-import { jsx as jsx235, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx236, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
 var EMPTY_HUNKS = [];
 var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
 var WfoDiff = ({ oldText, newText, syntax }) => {
   const t = useTranslations68("processes.delta");
-  const [showSplit, setShowSplit] = useState48(true);
-  const [showFull, setShowFull] = useState48(false);
+  const [showSplit, setShowSplit] = useState49(true);
+  const [showFull, setShowFull] = useState49(false);
   const { diffStyle } = useWithOrchestratorTheme(getWfoDiffStyles);
-  const [{ type, hunks }, setDiff] = useState48({
+  const [{ type, hunks }, setDiff] = useState49({
     type: "modify",
     hunks: []
   });
@@ -53741,8 +53765,8 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
   }, [updateDiffText, showFull]);
   return /* @__PURE__ */ jsxs121("div", { children: [
     /* @__PURE__ */ jsxs121(EuiFlexGroup24, { gutterSize: "xs", children: [
-      /* @__PURE__ */ jsx235(EuiFlexItem29, { grow: false, children: /* @__PURE__ */ jsx235(EuiText39, { children: /* @__PURE__ */ jsx235("h3", { children: t("title") }) }) }),
-      /* @__PURE__ */ jsx235(EuiFlexItem29, { grow: false, children: /* @__PURE__ */ jsx235(
+      /* @__PURE__ */ jsx236(EuiFlexItem29, { grow: false, children: /* @__PURE__ */ jsx236(EuiText39, { children: /* @__PURE__ */ jsx236("h3", { children: t("title") }) }) }),
+      /* @__PURE__ */ jsx236(EuiFlexItem29, { grow: false, children: /* @__PURE__ */ jsx236(
         EuiButtonIcon13,
         {
           size: "s",
@@ -53753,7 +53777,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
           )
         }
       ) }),
-      /* @__PURE__ */ jsx235(EuiFlexItem29, { grow: false, children: /* @__PURE__ */ jsx235(
+      /* @__PURE__ */ jsx236(EuiFlexItem29, { grow: false, children: /* @__PURE__ */ jsx236(
         EuiButtonIcon13,
         {
           size: "s",
@@ -53765,8 +53789,8 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx235(EuiSpacer21, {}),
-    /* @__PURE__ */ jsx235(
+    /* @__PURE__ */ jsx236(EuiSpacer21, {}),
+    /* @__PURE__ */ jsx236(
       Diff,
       {
         css: diffStyle,
@@ -53774,7 +53798,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
         diffType: type,
         hunks: hunks || EMPTY_HUNKS,
         tokens,
-        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx235(Hunk, { hunk }, hunk.content))
+        children: (hunks2) => hunks2.map((hunk) => /* @__PURE__ */ jsx236(Hunk, { hunk }, hunk.content))
       }
     )
   ] });
@@ -53799,21 +53823,21 @@ var getStyles10 = ({ theme }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx
-import { Fragment as Fragment55, jsx as jsx236, jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx237, jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
 var WfoTraceback = ({ children }) => {
   const { codeBlockStyle } = useWithOrchestratorTheme(getStyles10);
   const t = useTranslations69("processes.steps");
   return /* @__PURE__ */ jsxs122(Fragment55, { children: [
-    /* @__PURE__ */ jsx236(EuiText40, { children: /* @__PURE__ */ jsx236("h3", { children: t("traceback") }) }),
-    /* @__PURE__ */ jsx236(EuiCodeBlock, { css: codeBlockStyle, children })
+    /* @__PURE__ */ jsx237(EuiText40, { children: /* @__PURE__ */ jsx237("h3", { children: t("traceback") }) }),
+    /* @__PURE__ */ jsx237(EuiCodeBlock, { css: codeBlockStyle, children })
   ] });
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import { Fragment as Fragment56, jsx as jsx237, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx238, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
 var WfoProcessRawData = ({ processId }) => {
   const { data, isFetching } = useGetRawProcessDetailQuery({ processId });
-  return isFetching ? /* @__PURE__ */ jsx237(WfoLoading, {}) : /* @__PURE__ */ jsx237(WfoJsonCodeBlock, { data: data || {} });
+  return isFetching ? /* @__PURE__ */ jsx238(WfoLoading, {}) : /* @__PURE__ */ jsx238(WfoJsonCodeBlock, { data: data || {} });
 };
 var WfoProcessSubscriptionDelta = ({
   processId
@@ -53824,7 +53848,7 @@ var WfoProcessSubscriptionDelta = ({
   const oldSubscriptions = data?.current_state?.__old_subscriptions__ || {};
   const oldSubscription = subscriptionId in oldSubscriptions ? oldSubscriptions[subscriptionId] : null;
   const oldText = oldSubscription || null;
-  return isFetching ? /* @__PURE__ */ jsx237(WfoLoading, {}) : /* @__PURE__ */ jsx237(
+  return isFetching ? /* @__PURE__ */ jsx238(WfoLoading, {}) : /* @__PURE__ */ jsx238(
     WfoDiff_default,
     {
       oldText: oldText ? JSON.stringify(oldText, null, 2) : "",
@@ -53843,16 +53867,16 @@ var WfoWorkflowStepList = React78.forwardRef(
     userInputForm,
     userPermissions
   }, reference) => {
-    const [showHiddenKeys, setShowHiddenKeys] = useState49(false);
-    const [showRaw, setShowRaw] = useState49(false);
-    const [showDelta, setShowDelta] = useState49(false);
-    const [showTraceback, setShowTraceback] = useState49(false);
+    const [showHiddenKeys, setShowHiddenKeys] = useState50(false);
+    const [showRaw, setShowRaw] = useState50(false);
+    const [showDelta, setShowDelta] = useState50(false);
+    const [showTraceback, setShowTraceback] = useState50(false);
     const t = useTranslations70("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
     }));
-    const [stepListItems, setStepListItems] = useState49(initialStepListItems);
+    const [stepListItems, setStepListItems] = useState50(initialStepListItems);
     const persistStepListItemState = (previousStepListItems, updatedSteps, userInputForm2) => {
       const reversedSteps = [...updatedSteps].reverse();
       const lastStepWithSuspendStatusStepId = reversedSteps.find(
@@ -53908,7 +53932,7 @@ var WfoWorkflowStepList = React78.forwardRef(
       "completed" /* COMPLETED */
     ].map((status) => status.toLowerCase()).includes(lastStatus.toLowerCase());
     return /* @__PURE__ */ jsxs123(Fragment56, { children: [
-      /* @__PURE__ */ jsx237(
+      /* @__PURE__ */ jsx238(
         WfoStepListHeader,
         {
           showHiddenKeys,
@@ -53926,10 +53950,10 @@ var WfoWorkflowStepList = React78.forwardRef(
           isRunningWorkflow
         }
       ),
-      showTraceback && /* @__PURE__ */ jsx237(WfoTraceback, { children: traceBack }),
-      showRaw && /* @__PURE__ */ jsx237(WfoProcessRawData, { processId }),
-      showDelta && /* @__PURE__ */ jsx237(WfoProcessSubscriptionDelta, { processId }),
-      !showRaw && !showDelta && /* @__PURE__ */ jsx237(
+      showTraceback && /* @__PURE__ */ jsx238(WfoTraceback, { children: traceBack }),
+      showRaw && /* @__PURE__ */ jsx238(WfoProcessRawData, { processId }),
+      showDelta && /* @__PURE__ */ jsx238(WfoProcessSubscriptionDelta, { processId }),
+      !showRaw && !showDelta && /* @__PURE__ */ jsx238(
         WfoStepList,
         {
           ref: reference,
@@ -53948,7 +53972,7 @@ var WfoWorkflowStepList = React78.forwardRef(
 WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { useState as useState50 } from "react";
+import { useState as useState51 } from "react";
 import { useTranslations as useTranslations71 } from "next-intl";
 import {
   EuiButton as EuiButton14,
@@ -53980,14 +54004,14 @@ var getStyles11 = ({ theme }) => {
 };
 
 // src/components/WfoTextAnchor/WfoTextAnchor.tsx
-import { jsx as jsx238 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx239 } from "@emotion/react/jsx-runtime";
 var WfoTextAnchor = ({ text, onClick }) => {
   const { textAnchorStyle } = useWithOrchestratorTheme(getStyles11);
-  return /* @__PURE__ */ jsx238(EuiText41, { onClick, css: textAnchorStyle, children: text });
+  return /* @__PURE__ */ jsx239(EuiText41, { onClick, css: textAnchorStyle, children: text });
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { jsx as jsx239, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx240, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
 var WfoStepListHeader = ({
   allDetailToggleText,
   showDelta,
@@ -54011,14 +54035,14 @@ var WfoStepListHeader = ({
     stepListContentBoldTextStyle,
     stepListOptionsContainerStyle
   } = useWithOrchestratorTheme(getWorkflowStepsStyles);
-  const [isViewOptionOpen, setIsViewOptionOpen] = useState50(false);
+  const [isViewOptionOpen, setIsViewOptionOpen] = useState51(false);
   const onViewOptionClick = () => setIsViewOptionOpen((isViewOptionOpen2) => !isViewOptionOpen2);
   const closeViewOption = () => setIsViewOptionOpen(false);
-  const viewOptionButton = /* @__PURE__ */ jsx239(
+  const viewOptionButton = /* @__PURE__ */ jsx240(
     EuiButton14,
     {
       onClick: onViewOptionClick,
-      iconType: () => /* @__PURE__ */ jsx239(WfoEyeFill, { color: theme.colors.link }),
+      iconType: () => /* @__PURE__ */ jsx240(WfoEyeFill, { color: theme.colors.link }),
       iconSide: "right",
       size: "s",
       children: t("viewOptions")
@@ -54026,8 +54050,8 @@ var WfoStepListHeader = ({
   );
   return /* @__PURE__ */ jsxs124(EuiFlexGroup25, { css: stepListHeaderStyle, children: [
     /* @__PURE__ */ jsxs124(EuiFlexGroup25, { css: stepListContentStyle, children: [
-      /* @__PURE__ */ jsx239(EuiText42, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
-      !showRaw && /* @__PURE__ */ jsx239(
+      /* @__PURE__ */ jsx240(EuiText42, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
+      !showRaw && /* @__PURE__ */ jsx240(
         WfoTextAnchor,
         {
           text: allDetailToggleText,
@@ -54043,7 +54067,7 @@ var WfoStepListHeader = ({
         css: stepListOptionsContainerStyle,
         gutterSize: "s",
         children: [
-          showTracebackButton && /* @__PURE__ */ jsx239(
+          showTracebackButton && /* @__PURE__ */ jsx240(
             EuiButton14,
             {
               onClick: () => onShowTraceback(!showTraceback),
@@ -54051,14 +54075,14 @@ var WfoStepListHeader = ({
               children: showTraceback ? t("hideTraceback") : t("showTraceback")
             }
           ),
-          /* @__PURE__ */ jsx239(
+          /* @__PURE__ */ jsx240(
             EuiButton14,
             {
               onClick: () => onChangeShowDelta(!showDelta),
               disabled: isRunningWorkflow,
               iconSide: "right",
               size: "s",
-              iconType: () => /* @__PURE__ */ jsx239(
+              iconType: () => /* @__PURE__ */ jsx240(
                 WfoCode,
                 {
                   color: isRunningWorkflow ? theme.colors.disabledText : theme.colors.link
@@ -54067,15 +54091,15 @@ var WfoStepListHeader = ({
               children: showDelta ? t("hideDelta") : t("showDelta")
             }
           ),
-          /* @__PURE__ */ jsx239(
+          /* @__PURE__ */ jsx240(
             EuiPopover8,
             {
               button: viewOptionButton,
               isOpen: isViewOptionOpen,
               closePopover: closeViewOption,
               display: "block",
-              children: /* @__PURE__ */ jsx239("div", { children: /* @__PURE__ */ jsxs124(EuiForm3, { component: "form", children: [
-                /* @__PURE__ */ jsx239(EuiFormRow23, { children: /* @__PURE__ */ jsx239(
+              children: /* @__PURE__ */ jsx240("div", { children: /* @__PURE__ */ jsxs124(EuiForm3, { component: "form", children: [
+                /* @__PURE__ */ jsx240(EuiFormRow23, { children: /* @__PURE__ */ jsx240(
                   EuiSwitch3,
                   {
                     label: "Hidden keys",
@@ -54088,7 +54112,7 @@ var WfoStepListHeader = ({
                     }
                   }
                 ) }),
-                /* @__PURE__ */ jsx239(EuiFormRow23, { children: /* @__PURE__ */ jsx239(
+                /* @__PURE__ */ jsx240(EuiFormRow23, { children: /* @__PURE__ */ jsx240(
                   EuiSwitch3,
                   {
                     label: "Raw JSON data",
@@ -54109,7 +54133,7 @@ var WfoStepListHeader = ({
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { jsx as jsx240, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx241, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
 var getInitialProcessPayload = ({
   productId,
   subscriptionId
@@ -54133,9 +54157,9 @@ var WfoStartProcessPage = ({
   const usePydanticForms = config.activatePydanticForms ?? false;
   const t = useTranslations72("processes.steps");
   const router = useRouter10();
-  const [hasError, setHasError] = useState51(false);
+  const [hasError, setHasError] = useState52(false);
   const { theme } = useOrchestratorTheme();
-  const [form, setForm] = useState51({});
+  const [form, setForm] = useState52({});
   const { productId, subscriptionId } = router.query;
   const {
     data: subscriptionDetail,
@@ -54246,7 +54270,7 @@ var WfoStartProcessPage = ({
     }
   };
   const pageTitle = workflowMetadata?.description || isErrorWorkflowDescription && processDetail?.workflowName || "";
-  return /* @__PURE__ */ jsx240(
+  return /* @__PURE__ */ jsx241(
     WfoProcessDetail,
     {
       pageTitle,
@@ -54257,23 +54281,23 @@ var WfoStartProcessPage = ({
       isLoading,
       children: /* @__PURE__ */ jsxs125(EuiPanel5, { css: { marginTop: theme.base * 3 }, children: [
         /* @__PURE__ */ jsxs125(EuiFlexGroup26, { css: getStepHeaderStyle(false), children: [
-          /* @__PURE__ */ jsx240(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
+          /* @__PURE__ */ jsx241(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
           /* @__PURE__ */ jsxs125(EuiFlexItem30, { grow: 0, children: [
-            /* @__PURE__ */ jsx240(EuiText43, { css: stepListContentBoldTextStyle, children: t("userInput") }),
-            /* @__PURE__ */ jsx240(EuiText43, { children: t(
+            /* @__PURE__ */ jsx241(EuiText43, { css: stepListContentBoldTextStyle, children: t("userInput") }),
+            /* @__PURE__ */ jsx241(EuiText43, { children: t(
               isTask ? "submitTaskFormLabel" : "submitWorkflowFormLabel"
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx240(EuiHorizontalRule9, {}),
-        hasError && /* @__PURE__ */ jsx240(WfoError, {}) || usePydanticForms && /* @__PURE__ */ jsx240(
+        /* @__PURE__ */ jsx241(EuiHorizontalRule9, {}),
+        hasError && /* @__PURE__ */ jsx241(WfoError, {}) || usePydanticForms && /* @__PURE__ */ jsx241(
           WfoPydanticForm,
           {
             processName,
             startProcessPayload,
             isTask
           }
-        ) || stepUserInput && /* @__PURE__ */ jsx240(
+        ) || stepUserInput && /* @__PURE__ */ jsx241(
           UserInputFormWizard,
           {
             stepUserInput,
@@ -54284,7 +54308,7 @@ var WfoStartProcessPage = ({
             hasNext,
             isTask
           }
-        ) || /* @__PURE__ */ jsx240(WfoLoading, {})
+        ) || /* @__PURE__ */ jsx241(WfoLoading, {})
       ] })
     }
   );
@@ -54293,7 +54317,7 @@ var WfoStartProcessPage = ({
 // src/pages/processes/WfoProductInformationWithLink.tsx
 import { useTranslations as useTranslations73 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon14, EuiFlexGroup as EuiFlexGroup27, EuiText as EuiText44, EuiToolTip as EuiToolTip9 } from "@elastic/eui";
-import { jsx as jsx241, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx242, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
 var WfoProductInformationWithLink = ({
   workflowName,
   productNames
@@ -54302,7 +54326,7 @@ var WfoProductInformationWithLink = ({
   const t = useTranslations73("processes.detail");
   const docsUrl = workflowInformationLinkUrl + workflowName;
   return /* @__PURE__ */ jsxs126(EuiFlexGroup27, { gutterSize: "s", alignItems: "center", children: [
-    showWorkflowInformationLink && /* @__PURE__ */ jsx241(EuiToolTip9, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx241("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx241(
+    showWorkflowInformationLink && /* @__PURE__ */ jsx242(EuiToolTip9, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx242("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx242(
       EuiButtonIcon14,
       {
         iconSize: "l",
@@ -54310,7 +54334,7 @@ var WfoProductInformationWithLink = ({
         "aria-label": t("openWorkflowTaskInfo")
       }
     ) }) }),
-    /* @__PURE__ */ jsx241(EuiText44, { size: "s", children: productNames })
+    /* @__PURE__ */ jsx242(EuiText44, { size: "s", children: productNames })
   ] });
 };
 
@@ -54338,20 +54362,20 @@ import {
   EuiSpacer as EuiSpacer22,
   EuiText as EuiText45
 } from "@elastic/eui";
-import { jsx as jsx242, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx243, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
 var WfoAoStackStatus = () => {
   const t = useTranslations74("settings.page");
   const { aoStackStatusUrl } = useGetOrchestratorConfig();
   const openStatusPage = () => {
     window.open(aoStackStatusUrl, "_blank");
   };
-  return /* @__PURE__ */ jsx242(EuiFlexItem31, { children: /* @__PURE__ */ jsxs127(EuiPanel6, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-    /* @__PURE__ */ jsx242(EuiText45, { size: "s", children: /* @__PURE__ */ jsx242("h4", { children: t("aoStackStatus") }) }),
-    /* @__PURE__ */ jsx242(EuiSpacer22, { size: "m" }),
-    /* @__PURE__ */ jsx242(
+  return /* @__PURE__ */ jsx243(EuiFlexItem31, { children: /* @__PURE__ */ jsxs127(EuiPanel6, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+    /* @__PURE__ */ jsx243(EuiText45, { size: "s", children: /* @__PURE__ */ jsx243("h4", { children: t("aoStackStatus") }) }),
+    /* @__PURE__ */ jsx243(EuiSpacer22, { size: "m" }),
+    /* @__PURE__ */ jsx243(
       EuiButton15,
       {
-        iconType: () => /* @__PURE__ */ jsx242(WfoChartBar, {}),
+        iconType: () => /* @__PURE__ */ jsx243(WfoChartBar, {}),
         onClick: openStatusPage,
         children: t("viewStatusPage")
       }
@@ -54360,7 +54384,7 @@ var WfoAoStackStatus = () => {
 };
 
 // src/pages/settings/WfoSettingsPage.tsx
-import { Fragment as Fragment57, jsx as jsx243, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment57, jsx as jsx244, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
 var WfoSettingsTab = /* @__PURE__ */ ((WfoSettingsTab2) => {
   WfoSettingsTab2["ACTIONS"] = "ACTIONS";
   WfoSettingsTab2["ENV_SETTINGS"] = "ENV_SETTINGS";
@@ -54369,18 +54393,18 @@ var WfoSettingsTab = /* @__PURE__ */ ((WfoSettingsTab2) => {
 var WfoActionSettings = () => {
   const { theme } = useOrchestratorTheme();
   const { enableAoStackStatus } = useGetOrchestratorConfig();
-  return /* @__PURE__ */ jsx243(Fragment57, { children: /* @__PURE__ */ jsxs128("div", { css: { maxWidth: theme.base * 40 }, children: [
-    /* @__PURE__ */ jsx243(WfoFlushSettings, {}),
-    /* @__PURE__ */ jsx243(EuiSpacer23, {}),
-    /* @__PURE__ */ jsx243(WfoModifySettings, {}),
-    /* @__PURE__ */ jsx243(EuiSpacer23, {}),
-    /* @__PURE__ */ jsx243(WfoEngineStatus, {}),
+  return /* @__PURE__ */ jsx244(Fragment57, { children: /* @__PURE__ */ jsxs128("div", { css: { maxWidth: theme.base * 40 }, children: [
+    /* @__PURE__ */ jsx244(WfoFlushSettings, {}),
+    /* @__PURE__ */ jsx244(EuiSpacer23, {}),
+    /* @__PURE__ */ jsx244(WfoModifySettings, {}),
+    /* @__PURE__ */ jsx244(EuiSpacer23, {}),
+    /* @__PURE__ */ jsx244(WfoEngineStatus, {}),
     enableAoStackStatus && /* @__PURE__ */ jsxs128(Fragment57, { children: [
-      /* @__PURE__ */ jsx243(EuiSpacer23, {}),
-      /* @__PURE__ */ jsx243(WfoAoStackStatus, {})
+      /* @__PURE__ */ jsx244(EuiSpacer23, {}),
+      /* @__PURE__ */ jsx244(WfoAoStackStatus, {})
     ] }),
-    /* @__PURE__ */ jsx243(EuiSpacer23, {}),
-    /* @__PURE__ */ jsx243(WfoWorkerStatus, {})
+    /* @__PURE__ */ jsx244(EuiSpacer23, {}),
+    /* @__PURE__ */ jsx244(WfoWorkerStatus, {})
   ] }) });
 };
 var WfoEnvSettings = () => {
@@ -54394,16 +54418,16 @@ var WfoEnvSettings = () => {
     return data && data.map(({ name, variables }) => {
       const showVariables = mapToRepresentableVariables(variables);
       return /* @__PURE__ */ jsxs128(Fragment57, { children: [
-        /* @__PURE__ */ jsx243(EuiFlexItem32, { children: /* @__PURE__ */ jsxs128(
+        /* @__PURE__ */ jsx244(EuiFlexItem32, { children: /* @__PURE__ */ jsxs128(
           EuiPanel7,
           {
             hasShadow: false,
             color: "subdued",
             paddingSize: "l",
             children: [
-              /* @__PURE__ */ jsx243(EuiText46, { size: "s", children: /* @__PURE__ */ jsx243("h2", { children: name.replace("_", " ").toUpperCase() }) }),
-              /* @__PURE__ */ jsx243(EuiSpacer23, {}),
-              /* @__PURE__ */ jsx243(
+              /* @__PURE__ */ jsx244(EuiText46, { size: "s", children: /* @__PURE__ */ jsx244("h2", { children: name.replace("_", " ").toUpperCase() }) }),
+              /* @__PURE__ */ jsx244(EuiSpacer23, {}),
+              /* @__PURE__ */ jsx244(
                 EuiCodeBlock2,
                 {
                   fontSize: "m",
@@ -54417,15 +54441,15 @@ var WfoEnvSettings = () => {
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx243(EuiSpacer23, {})
+        /* @__PURE__ */ jsx244(EuiSpacer23, {})
       ] });
     });
   };
   const emptyEnvSettings = () => {
-    return /* @__PURE__ */ jsx243(EuiFlexItem32, { children: /* @__PURE__ */ jsx243(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsx243(EuiText46, { size: "s", children: /* @__PURE__ */ jsxs128("h2", { children: [
+    return /* @__PURE__ */ jsx244(EuiFlexItem32, { children: /* @__PURE__ */ jsx244(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsx244(EuiText46, { size: "s", children: /* @__PURE__ */ jsxs128("h2", { children: [
       t("noSettingsExposed"),
       " ",
-      /* @__PURE__ */ jsx243(
+      /* @__PURE__ */ jsx244(
         "a",
         {
           href: "https://workfloworchestrator.org/orchestrator-core/reference-docs/app/settings-overview/",
@@ -54435,18 +54459,18 @@ var WfoEnvSettings = () => {
       )
     ] }) }) }) });
   };
-  return /* @__PURE__ */ jsx243("div", { css: { maxWidth: theme.base * 45 }, children: data?.length ? renderEnvSettings() : emptyEnvSettings() });
+  return /* @__PURE__ */ jsx244("div", { css: { maxWidth: theme.base * 45 }, children: data?.length ? renderEnvSettings() : emptyEnvSettings() });
 };
 var settingsTabs = [
   {
     id: "ACTIONS" /* ACTIONS */,
     translationKey: "actions",
-    content: /* @__PURE__ */ jsx243(WfoActionSettings, {})
+    content: /* @__PURE__ */ jsx244(WfoActionSettings, {})
   },
   {
     id: "ENV_SETTINGS" /* ENV_SETTINGS */,
     translationKey: "envSettings",
-    content: /* @__PURE__ */ jsx243(WfoEnvSettings, {})
+    content: /* @__PURE__ */ jsx244(WfoEnvSettings, {})
   }
 ];
 var WfoSettingsPage = () => {
@@ -54464,7 +54488,7 @@ var WfoSettingsPage = () => {
     setSelectedTabId(id);
   };
   const renderTabs = () => {
-    return settingsTabs.map((tab, index) => /* @__PURE__ */ jsx243(
+    return settingsTabs.map((tab, index) => /* @__PURE__ */ jsx244(
       EuiTab3,
       {
         css: tabStyle,
@@ -54476,9 +54500,9 @@ var WfoSettingsPage = () => {
     ));
   };
   return /* @__PURE__ */ jsxs128(Fragment57, { children: [
-    /* @__PURE__ */ jsx243(WfoContentHeader, { title: t("settings") }),
-    /* @__PURE__ */ jsx243(EuiTabs3, { children: renderTabs() }),
-    /* @__PURE__ */ jsx243(EuiSpacer23, { size: "xxl" }),
+    /* @__PURE__ */ jsx244(WfoContentHeader, { title: t("settings") }),
+    /* @__PURE__ */ jsx244(EuiTabs3, { children: renderTabs() }),
+    /* @__PURE__ */ jsx244(EuiSpacer23, { size: "xxl" }),
     selectedTabContent
   ] });
 };
@@ -54498,7 +54522,7 @@ var useStartPageSummaryCardConfigurationOverride = () => {
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { Fragment as Fragment58, jsx as jsx244, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx245, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
   const t = useTranslations76("main");
   const { overrideSummaryCards } = useStartPageSummaryCardConfigurationOverride();
@@ -54507,27 +54531,27 @@ var WfoStartPage = () => {
   const username = session?.user?.name ?? "";
   const defaultSummaryCards = [
     ...toOptionalArrayEntry(
-      /* @__PURE__ */ jsx244(WfoMyWorkflowsSummaryCard, { username }, "myWorkflows"),
+      /* @__PURE__ */ jsx245(WfoMyWorkflowsSummaryCard, { username }, "myWorkflows"),
       !!username
     ),
-    /* @__PURE__ */ jsx244(WfoActiveWorkflowsSummaryCard, {}, "activeWorkflows"),
+    /* @__PURE__ */ jsx245(WfoActiveWorkflowsSummaryCard, {}, "activeWorkflows"),
     ...toOptionalArrayEntry(
-      /* @__PURE__ */ jsx244(WfoFailedTasksSummaryCard, {}, "failedTasks"),
+      /* @__PURE__ */ jsx245(WfoFailedTasksSummaryCard, {}, "failedTasks"),
       isAllowed("/orchestrator/tasks/" /* NAVIGATION_TASKS */)
     ),
-    /* @__PURE__ */ jsx244(WfoLatestOutOfSyncSubscriptionSummaryCard, {}, "latestOutOfSyncSubscription"),
-    /* @__PURE__ */ jsx244(WfoLatestActiveSubscriptionsSummaryCard, {}, "latestActiveSubscriptions"),
-    /* @__PURE__ */ jsx244(WfoProductsSummaryCard, {}, "products")
+    /* @__PURE__ */ jsx245(WfoLatestOutOfSyncSubscriptionSummaryCard, {}, "latestOutOfSyncSubscription"),
+    /* @__PURE__ */ jsx245(WfoLatestActiveSubscriptionsSummaryCard, {}, "latestActiveSubscriptions"),
+    /* @__PURE__ */ jsx245(WfoProductsSummaryCard, {}, "products")
   ];
   const summaryCards = overrideSummaryCards?.(defaultSummaryCards) || defaultSummaryCards;
   return /* @__PURE__ */ jsxs129(Fragment58, { children: [
-    /* @__PURE__ */ jsx244(
+    /* @__PURE__ */ jsx245(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx244(EuiPageHeader2, { pageTitle: `${t("welcome")} ${username}` })
+        title: /* @__PURE__ */ jsx245(EuiPageHeader2, { pageTitle: `${t("welcome")} ${username}` })
       }
     ),
-    /* @__PURE__ */ jsx244(WfoSummaryCards, { children: summaryCards })
+    /* @__PURE__ */ jsx245(WfoSummaryCards, { children: summaryCards })
   ] });
 };
 
@@ -54545,22 +54569,22 @@ var mapSubscriptionSummaryToSummaryCardListItem = (subscription) => ({
 
 // src/pages/subscriptions/WfoSubscriptionDetailPage.tsx
 import { useRouter as useRouter11 } from "next/router";
-import { Fragment as Fragment59, jsx as jsx245 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment59, jsx as jsx246 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailPage = () => {
   const router = useRouter11();
   const { subscriptionId } = router.query;
-  return subscriptionId && /* @__PURE__ */ jsx245(TreeProvider, { children: /* @__PURE__ */ jsx245(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx245(Fragment59, {});
+  return subscriptionId && /* @__PURE__ */ jsx246(TreeProvider, { children: /* @__PURE__ */ jsx246(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx246(Fragment59, {});
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect33, useState as useState52 } from "react";
+import { useEffect as useEffect33, useState as useState53 } from "react";
 import { useTranslations as useTranslations77 } from "next-intl";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
 import { EuiSpacer as EuiSpacer24 } from "@elastic/eui";
-import { Fragment as Fragment60, jsx as jsx246, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx247, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   const t = useTranslations77("subscriptions.detail");
-  const [tableDefaults, setTableDefaults] = useState52();
+  const [tableDefaults, setTableDefaults] = useState53();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
   );
@@ -54596,13 +54620,13 @@ var WfoSubscriptionsListPage = () => {
     ({ id }) => id === activeTab
   )?.alwaysOnFilters;
   return /* @__PURE__ */ jsxs130(Fragment60, { children: [
-    /* @__PURE__ */ jsx246(
+    /* @__PURE__ */ jsx247(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx246(WfoTitleWithWebsocketBadge, { title: t("title") })
+        title: /* @__PURE__ */ jsx247(WfoTitleWithWebsocketBadge, { title: t("title") })
       }
     ),
-    /* @__PURE__ */ jsx246(
+    /* @__PURE__ */ jsx247(
       WfoFilterTabs,
       {
         tabs: subscriptionListTabs,
@@ -54611,8 +54635,8 @@ var WfoSubscriptionsListPage = () => {
         onChangeTab: handleChangeSubscriptionsTab
       }
     ),
-    /* @__PURE__ */ jsx246(EuiSpacer24, { size: "xxl" }),
-    /* @__PURE__ */ jsx246(
+    /* @__PURE__ */ jsx247(EuiSpacer24, { size: "xxl" }),
+    /* @__PURE__ */ jsx247(
       WfoSubscriptionsList,
       {
         hiddenColumns: tableDefaults?.hiddenColumns,
@@ -54625,7 +54649,7 @@ var WfoSubscriptionsListPage = () => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext12, useEffect as useEffect34, useState as useState53 } from "react";
+import { useContext as useContext12, useEffect as useEffect34, useState as useState54 } from "react";
 import { useTranslations as useTranslations78 } from "next-intl";
 import Link11 from "next/link";
 import { useRouter as useRouter12 } from "next/router";
@@ -54695,7 +54719,7 @@ var getTasksListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { Fragment as Fragment61, jsx as jsx247, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment61, jsx as jsx248, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   const router = useRouter12();
   const t = useTranslations78("tasks.page");
@@ -54703,7 +54727,7 @@ var WfoTasksListPage = () => {
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState53();
+  const [tableDefaults, setTableDefaults] = useState54();
   const selectedTasksListTab = getTasksListTabTypeFromString(activeTab);
   const localStorageKey = selectedTasksListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY;
   const getStoredTableConfig = useStoredTableConfig(localStorageKey);
@@ -54751,7 +54775,7 @@ var WfoTasksListPage = () => {
     workflowName: {
       columnType: "data" /* DATA */,
       label: t("taskName"),
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx247(Link11, { href: `${PATH_TASKS}/${processId}`, children: value })
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx248(Link11, { href: `${PATH_TASKS}/${processId}`, children: value })
     },
     ...toSortedTableColumnConfig(defaultTableColumns, [
       "lastStep",
@@ -54773,21 +54797,21 @@ var WfoTasksListPage = () => {
     /* @__PURE__ */ jsxs131(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx247(WfoTitleWithWebsocketBadge, { title: "Tasks" }),
+        title: /* @__PURE__ */ jsx248(WfoTitleWithWebsocketBadge, { title: "Tasks" }),
         children: [
-          /* @__PURE__ */ jsx247(WfoIsAllowedToRender, { resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */, children: /* @__PURE__ */ jsx247(
+          /* @__PURE__ */ jsx248(WfoIsAllowedToRender, { resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */, children: /* @__PURE__ */ jsx248(
             EuiButton16,
             {
               onClick: handleRerunAllButtonClick,
-              iconType: () => /* @__PURE__ */ jsx247(WfoRefresh, { color: theme.colors.primaryText }),
+              iconType: () => /* @__PURE__ */ jsx248(WfoRefresh, { color: theme.colors.primaryText }),
               children: t("rerunAll")
             }
           ) }),
-          /* @__PURE__ */ jsx247(WfoIsAllowedToRender, { resource: "/orchestrator/processes/create/task" /* TASKS_CREATE */, children: /* @__PURE__ */ jsx247(WfoStartTaskButtonComboBox, {}) })
+          /* @__PURE__ */ jsx248(WfoIsAllowedToRender, { resource: "/orchestrator/processes/create/task" /* TASKS_CREATE */, children: /* @__PURE__ */ jsx248(WfoStartTaskButtonComboBox, {}) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx247(
+    /* @__PURE__ */ jsx248(
       WfoFilterTabs,
       {
         tabs: defaultTasksListTabs,
@@ -54796,8 +54820,8 @@ var WfoTasksListPage = () => {
         onChangeTab: handleChangeTasksListTab
       }
     ),
-    /* @__PURE__ */ jsx247(EuiSpacer25, { size: "xxl" }),
-    /* @__PURE__ */ jsx247(
+    /* @__PURE__ */ jsx248(EuiSpacer25, { size: "xxl" }),
+    /* @__PURE__ */ jsx248(
       WfoProcessesList,
       {
         defaultHiddenColumns: tableDefaults?.hiddenColumns,
@@ -54812,7 +54836,7 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect35, useState as useState54 } from "react";
+import { useEffect as useEffect35, useState as useState55 } from "react";
 import { useTranslations as useTranslations79 } from "next-intl";
 import { useRouter as useRouter13 } from "next/router";
 import { StringParam as StringParam6, useQueryParam as useQueryParam5, withDefault as withDefault6 } from "use-query-params";
@@ -54881,7 +54905,7 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { Fragment as Fragment62, jsx as jsx248, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx249, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   const router = useRouter13();
   const t = useTranslations79("workflows.index");
@@ -54889,7 +54913,7 @@ var WfoWorkflowsListPage = () => {
     "activeTab",
     withDefault6(StringParam6, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState54();
+  const [tableDefaults, setTableDefaults] = useState55();
   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);
@@ -54920,13 +54944,13 @@ var WfoWorkflowsListPage = () => {
     return null;
   }
   return /* @__PURE__ */ jsxs132(Fragment62, { children: [
-    /* @__PURE__ */ jsx248(
+    /* @__PURE__ */ jsx249(
       WfoContentHeader,
       {
-        title: /* @__PURE__ */ jsx248(WfoTitleWithWebsocketBadge, { title: t("title") })
+        title: /* @__PURE__ */ jsx249(WfoTitleWithWebsocketBadge, { title: t("title") })
       }
     ),
-    /* @__PURE__ */ jsx248(
+    /* @__PURE__ */ jsx249(
       WfoFilterTabs,
       {
         tabs: defaultWorkflowsListTabs,
@@ -54935,8 +54959,8 @@ var WfoWorkflowsListPage = () => {
         onChangeTab: handleChangeWorkflowsListTab
       }
     ),
-    /* @__PURE__ */ jsx248(EuiSpacer26, { size: "xxl" }),
-    /* @__PURE__ */ jsx248(
+    /* @__PURE__ */ jsx249(EuiSpacer26, { size: "xxl" }),
+    /* @__PURE__ */ jsx249(
       WfoProcessesList,
       {
         alwaysOnFilters,
@@ -55046,7 +55070,7 @@ var graphQlProcessFilterMapper = (data) => data?.map(({ field, value }) => ({
 }));
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { jsx as jsx249, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx250, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
 var WfoProcessesList = ({
   alwaysOnFilters,
   defaultHiddenColumns = [],
@@ -55064,7 +55088,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("workflowName"),
       width: "225px",
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx249(Link12, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx250(Link12, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
       renderTooltip: (value) => value
     },
     lastStep: {
@@ -55075,13 +55099,13 @@ var WfoProcessesList = ({
     lastStatus: {
       columnType: "data" /* DATA */,
       label: t("status"),
-      renderData: (cellValue) => /* @__PURE__ */ jsx249(WfoProcessStatusBadge, { processStatus: cellValue }),
+      renderData: (cellValue) => /* @__PURE__ */ jsx250(WfoProcessStatusBadge, { processStatus: cellValue }),
       width: "150px"
     },
     workflowTarget: {
       columnType: "data" /* DATA */,
       label: t("workflowTarget"),
-      renderData: (target) => /* @__PURE__ */ jsx249(WfoWorkflowTargetBadge, { target }),
+      renderData: (target) => /* @__PURE__ */ jsx250(WfoWorkflowTargetBadge, { target }),
       width: "100px"
     },
     tag: {
@@ -55108,7 +55132,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("subscriptions"),
       width: "425px",
-      renderData: ({ page: subscriptions }, { processId }) => /* @__PURE__ */ jsx249(
+      renderData: ({ page: subscriptions }, { processId }) => /* @__PURE__ */ jsx250(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions,
@@ -55116,7 +55140,7 @@ var WfoProcessesList = ({
           onMoreSubscriptionsClick: () => router.push(`${PATH_WORKFLOWS}/${processId}`)
         }
       ),
-      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx249(
+      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx250(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions
@@ -55142,7 +55166,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("processId"),
       width: "90px",
-      renderData: (value) => /* @__PURE__ */ jsx249(WfoFirstPartUUID, { UUID: value }),
+      renderData: (value) => /* @__PURE__ */ jsx250(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
     },
@@ -55150,7 +55174,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("started"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx249(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx250(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (value) => value.toString()
@@ -55159,7 +55183,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("lastModified"),
       width: "125px",
-      renderData: (value) => /* @__PURE__ */ jsx249(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx250(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (value) => value.toString()
@@ -55192,7 +55216,7 @@ var WfoProcessesList = ({
   const getProcessListForExport = () => getProcessListTrigger(
     getQueryVariablesForExport(processListQueryVars)
   ).unwrap();
-  return /* @__PURE__ */ jsx249(
+  return /* @__PURE__ */ jsx250(
     WfoAdvancedTable,
     {
       queryString,
@@ -55255,14 +55279,14 @@ var getStyles12 = ({ theme }) => {
 };
 
 // src/components/WfoJsonCodeBlock/WfoJsonCodeBlock.tsx
-import { jsx as jsx250 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx251 } from "@emotion/react/jsx-runtime";
 var WfoJsonCodeBlock = ({
   data,
   isBasicStyle = false
 }) => {
   const { euiCodeBlockStyle, euiBasicCodeBlockStyle } = useWithOrchestratorTheme(getStyles12);
   const json = JSON.stringify(data, null, 4);
-  return /* @__PURE__ */ jsx250(
+  return /* @__PURE__ */ jsx251(
     EuiCodeBlock3,
     {
       css: isBasicStyle ? euiBasicCodeBlockStyle : euiCodeBlockStyle,
@@ -55275,7 +55299,7 @@ var WfoJsonCodeBlock = ({
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { useState as useState55 } from "react";
+import { useState as useState56 } from "react";
 import { useTranslations as useTranslations81 } from "next-intl";
 import {
   EuiButton as EuiButton17,
@@ -55310,14 +55334,14 @@ var getWfoFlushSettingsStyle = (wfoTheme) => {
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { jsx as jsx251, jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx252, jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const { comboboxStyle } = useWithOrchestratorTheme(
     getWfoFlushSettingsStyle
   );
   const [clearCache] = useClearCacheMutation();
   const t = useTranslations81("settings.page");
-  const [selectedOptions, setSelected] = useState55(
+  const [selectedOptions, setSelected] = useState56(
     []
   );
   const { showToastMessage } = useShowToastMessage();
@@ -55348,10 +55372,10 @@ var WfoFlushSettings = () => {
       );
     });
   };
-  return /* @__PURE__ */ jsx251(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs134(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-    /* @__PURE__ */ jsx251(EuiText47, { size: "s", children: /* @__PURE__ */ jsx251("h4", { children: t("flushCacheSettingsTitle") }) }),
-    /* @__PURE__ */ jsx251(EuiSpacer27, { size: "m" }),
-    /* @__PURE__ */ jsx251(
+  return /* @__PURE__ */ jsx252(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs134(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+    /* @__PURE__ */ jsx252(EuiText47, { size: "s", children: /* @__PURE__ */ jsx252("h4", { children: t("flushCacheSettingsTitle") }) }),
+    /* @__PURE__ */ jsx252(EuiSpacer27, { size: "m" }),
+    /* @__PURE__ */ jsx252(
       EuiComboBox,
       {
         css: comboboxStyle,
@@ -55364,24 +55388,24 @@ var WfoFlushSettings = () => {
         fullWidth: true
       }
     ),
-    /* @__PURE__ */ jsx251(EuiSpacer27, { size: "m" }),
-    /* @__PURE__ */ jsx251(EuiButton17, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
+    /* @__PURE__ */ jsx252(EuiSpacer27, { size: "m" }),
+    /* @__PURE__ */ jsx252(EuiButton17, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
   ] }) });
 };
 
 // src/components/WfoSettings/WfoEngineStatusButton.tsx
 import { useTranslations as useTranslations82 } from "next-intl";
 import { EuiButton as EuiButton18 } from "@elastic/eui";
-import { jsx as jsx252 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx253 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
   const t = useTranslations82("settings.page");
   if (isLoading || isSettingEngineStatus) {
-    return /* @__PURE__ */ jsx252(EuiButton18, { isLoading: true, fill: true, children: "Loading..." });
+    return /* @__PURE__ */ jsx253(EuiButton18, { isLoading: true, fill: true, children: "Loading..." });
   }
-  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx252(
+  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx253(
     EuiButton18,
     {
       onClick: () => setEngineStatus(true),
@@ -55390,7 +55414,7 @@ var WfoEngineStatusButton = () => {
       iconType: "pause",
       children: t("pauseEngine")
     }
-  ) : /* @__PURE__ */ jsx252(
+  ) : /* @__PURE__ */ jsx253(
     EuiButton18,
     {
       onClick: () => setEngineStatus(false),
@@ -55405,25 +55429,25 @@ var WfoEngineStatusButton = () => {
 // src/components/WfoSettings/WfoModifySettings.tsx
 import { useTranslations as useTranslations83 } from "next-intl";
 import { EuiFlexItem as EuiFlexItem33, EuiPanel as EuiPanel9, EuiSpacer as EuiSpacer28, EuiText as EuiText48 } from "@elastic/eui";
-import { jsx as jsx253, jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx254, jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
   const t = useTranslations83("settings.page");
   return /* @__PURE__ */ jsxs135(EuiFlexItem33, { children: [
     /* @__PURE__ */ jsxs135(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-      /* @__PURE__ */ jsx253(EuiText48, { size: "s", children: /* @__PURE__ */ jsx253("h4", { children: t("resetTextSearchIndex") }) }),
-      /* @__PURE__ */ jsx253(EuiSpacer28, { size: "m" }),
-      /* @__PURE__ */ jsx253(WfoResetTextSearchIndexButton, {})
+      /* @__PURE__ */ jsx254(EuiText48, { size: "s", children: /* @__PURE__ */ jsx254("h4", { children: t("resetTextSearchIndex") }) }),
+      /* @__PURE__ */ jsx254(EuiSpacer28, { size: "m" }),
+      /* @__PURE__ */ jsx254(WfoResetTextSearchIndexButton, {})
     ] }),
     /* @__PURE__ */ jsxs135(
       WfoIsAllowedToRender,
       {
         resource: "/orchestrator/settings/start-stop-engine" /* SETTINGS_START_STOP_ENGINE */,
         children: [
-          /* @__PURE__ */ jsx253(EuiSpacer28, {}),
+          /* @__PURE__ */ jsx254(EuiSpacer28, {}),
           /* @__PURE__ */ jsxs135(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-            /* @__PURE__ */ jsx253(EuiText48, { size: "s", children: /* @__PURE__ */ jsx253("h4", { children: t("modifyEngine") }) }),
-            /* @__PURE__ */ jsx253(EuiSpacer28, { size: "m" }),
-            /* @__PURE__ */ jsx253(WfoEngineStatusButton, {})
+            /* @__PURE__ */ jsx254(EuiText48, { size: "s", children: /* @__PURE__ */ jsx254("h4", { children: t("modifyEngine") }) }),
+            /* @__PURE__ */ jsx254(EuiSpacer28, { size: "m" }),
+            /* @__PURE__ */ jsx254(WfoEngineStatusButton, {})
           ] })
         ]
       }
@@ -55434,28 +55458,28 @@ var WfoModifySettings = () => {
 // src/components/WfoSettings/WfoEngineStatus.tsx
 import { useTranslations as useTranslations84 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup28, EuiFlexItem as EuiFlexItem34, EuiPanel as EuiPanel10, EuiText as EuiText49 } from "@elastic/eui";
-import { jsx as jsx254, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx255, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatus = () => {
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
   const t = useTranslations84("settings.page");
-  return /* @__PURE__ */ jsx254(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs136(EuiFlexGroup28, { direction: "column", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx254(EuiFlexItem34, { children: /* @__PURE__ */ jsx254(EuiText49, { size: "s", children: /* @__PURE__ */ jsx254("h4", { children: t("engineStatusTitle") }) }) }),
+  return /* @__PURE__ */ jsx255(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs136(EuiFlexGroup28, { direction: "column", gutterSize: "s", children: [
+    /* @__PURE__ */ jsx255(EuiFlexItem34, { children: /* @__PURE__ */ jsx255(EuiText49, { size: "s", children: /* @__PURE__ */ jsx255("h4", { children: t("engineStatusTitle") }) }) }),
     /* @__PURE__ */ jsxs136(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx254(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
-      /* @__PURE__ */ jsx254(EuiText49, { size: "s", children: runningProcesses || "-" })
+      /* @__PURE__ */ jsx255(EuiText49, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
+      /* @__PURE__ */ jsx255(EuiText49, { size: "s", children: runningProcesses || "-" })
     ] }),
     /* @__PURE__ */ jsxs136(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx254(EuiText49, { size: "s", style: { minWidth: 190 }, children: t("status") }),
-      /* @__PURE__ */ jsx254(
+      /* @__PURE__ */ jsx255(EuiText49, { size: "s", style: { minWidth: 190 }, children: t("status") }),
+      /* @__PURE__ */ jsx255(
         WfoStatusDotIcon,
         {
           color: isRunning ? theme.colors.success : theme.colors.warning
         }
       ),
-      /* @__PURE__ */ jsx254(EuiText49, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx254("p", { children: engineStatus }) })
+      /* @__PURE__ */ jsx255(EuiText49, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx255("p", { children: engineStatus }) })
     ] })
   ] }) });
 };
@@ -55463,7 +55487,7 @@ var WfoEngineStatus = () => {
 // src/components/WfoSettings/WfoWorkerStatus.tsx
 import { useTranslations as useTranslations85 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup29, EuiFlexItem as EuiFlexItem35, EuiPanel as EuiPanel11, EuiText as EuiText50 } from "@elastic/eui";
-import { jsx as jsx255, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx256, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
 var WfoWorkerStatus = () => {
   const { data } = useGetWorkerStatusQuery();
   const {
@@ -55473,19 +55497,19 @@ var WfoWorkerStatus = () => {
     numberOfWorkersOnline
   } = data || {};
   const t = useTranslations85("settings.page");
-  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx255(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs137(EuiFlexGroup29, { direction: "column", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx255(EuiFlexItem35, { children: /* @__PURE__ */ jsx255(EuiText50, { size: "s", children: /* @__PURE__ */ jsx255("h4", { children: t("workerStatusTitle") }) }) }),
+  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx256(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs137(EuiFlexGroup29, { direction: "column", gutterSize: "s", children: [
+    /* @__PURE__ */ jsx256(EuiFlexItem35, { children: /* @__PURE__ */ jsx256(EuiText50, { size: "s", children: /* @__PURE__ */ jsx256("h4", { children: t("workerStatusTitle") }) }) }),
     /* @__PURE__ */ jsxs137(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx255(EuiText50, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
-      /* @__PURE__ */ jsx255(EuiText50, { size: "s", children: numberOfQueuedJobs || "-" })
+      /* @__PURE__ */ jsx256(EuiText50, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
+      /* @__PURE__ */ jsx256(EuiText50, { size: "s", children: numberOfQueuedJobs || "-" })
     ] }),
     /* @__PURE__ */ jsxs137(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx255(EuiText50, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
-      /* @__PURE__ */ jsx255(EuiText50, { size: "s", children: numberOfRunningJobs || "-" })
+      /* @__PURE__ */ jsx256(EuiText50, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
+      /* @__PURE__ */ jsx256(EuiText50, { size: "s", children: numberOfRunningJobs || "-" })
     ] }),
     /* @__PURE__ */ jsxs137(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx255(EuiText50, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
-      /* @__PURE__ */ jsx255(EuiText50, { size: "s", children: numberOfWorkersOnline || "-" })
+      /* @__PURE__ */ jsx256(EuiText50, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
+      /* @__PURE__ */ jsx256(EuiText50, { size: "s", children: numberOfWorkersOnline || "-" })
     ] })
   ] }) }) || null;
 };
@@ -55493,11 +55517,11 @@ var WfoWorkerStatus = () => {
 // src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx
 import { useTranslations as useTranslations86 } from "next-intl";
 import { EuiButton as EuiButton19 } from "@elastic/eui";
-import { jsx as jsx256 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx257 } from "@emotion/react/jsx-runtime";
 var WfoResetTextSearchIndexButton = () => {
   const [resetTextSearchIndex] = useResetTextSearchIndexMutation();
   const t = useTranslations86("settings.page");
-  return /* @__PURE__ */ jsx256(
+  return /* @__PURE__ */ jsx257(
     EuiButton19,
     {
       onClick: () => resetTextSearchIndex(null),
@@ -55508,17 +55532,17 @@ var WfoResetTextSearchIndexButton = () => {
 };
 
 // src/components/WfoInsyncIcon/WfoInsyncIcon.tsx
-import { jsx as jsx257 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx258 } from "@emotion/react/jsx-runtime";
 var WfoInsyncIcon = ({ inSync }) => {
   const { theme } = useOrchestratorTheme();
-  return inSync ? /* @__PURE__ */ jsx257(
+  return inSync ? /* @__PURE__ */ jsx258(
     WfoCheckmarkCircleFill,
     {
       height: 20,
       width: 20,
       color: theme.colors.primary
     }
-  ) : /* @__PURE__ */ jsx257(
+  ) : /* @__PURE__ */ jsx258(
     WfoMinusCircleFill,
     {
       height: 20,
@@ -55530,7 +55554,7 @@ var WfoInsyncIcon = ({ inSync }) => {
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
 import React86 from "react";
-import { jsx as jsx258, jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx259, jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
 var WfoErrorBoundary = class extends React86.Component {
   constructor(props) {
     super(props);
@@ -55550,7 +55574,7 @@ var WfoErrorBoundary = class extends React86.Component {
       return /* @__PURE__ */ jsxs138("p", { children: [
         "An unexpected error occurred, try to go back to the",
         " ",
-        /* @__PURE__ */ jsx258("a", { href: "/", children: "home page" })
+        /* @__PURE__ */ jsx259("a", { href: "/", children: "home page" })
       ] });
     }
     return this.props.children;
@@ -55593,7 +55617,7 @@ var WfoNoResults = ({ text, icon }) => {
 };
 
 // src/components/WfoRenderElementOrString/WfoRenderElementOrString.tsx
-import { Fragment as Fragment63, jsx as jsx259 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment63, jsx as jsx260 } from "@emotion/react/jsx-runtime";
 var WfoRenderElementOrString = ({
   children,
   renderString
@@ -55601,13 +55625,13 @@ var WfoRenderElementOrString = ({
   if (typeof children === "string" && renderString) {
     return renderString(children);
   }
-  return /* @__PURE__ */ jsx259(Fragment63, { children });
+  return /* @__PURE__ */ jsx260(Fragment63, { children });
 };
 
 // src/components/WfoStartButton/WfoStartTaskComboBox.tsx
 import { useTranslations as useTranslations87 } from "next-intl";
 import { useRouter as useRouter15 } from "next/router";
-import { jsx as jsx260 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx261 } from "@emotion/react/jsx-runtime";
 var WfoStartTaskButtonComboBox = () => {
   const router = useRouter15();
   const t = useTranslations87("common");
@@ -55629,7 +55653,7 @@ var WfoStartTaskButtonComboBox = () => {
       });
     }
   };
-  return /* @__PURE__ */ jsx260(
+  return /* @__PURE__ */ jsx261(
     WfoStartButtonComboBox,
     {
       buttonText: t("newTask"),
@@ -55726,7 +55750,7 @@ var subscriptionListTabs = [
 import { useTranslations as useTranslations88 } from "next-intl";
 import Link13 from "next/link";
 import { useRouter as useRouter16 } from "next/router";
-import { jsx as jsx261 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx262 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsList = ({
   alwaysOnFilters,
   dataDisplayParams,
@@ -55752,7 +55776,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("id"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx261(WfoFirstPartUUID, { UUID: value }),
+      renderData: (value) => /* @__PURE__ */ jsx262(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
     },
@@ -55760,20 +55784,20 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("description"),
       width: "500px",
-      renderData: (value, record) => /* @__PURE__ */ jsx261(Link13, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
+      renderData: (value, record) => /* @__PURE__ */ jsx262(Link13, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
       renderTooltip: (value) => value
     },
     status: {
       columnType: "data" /* DATA */,
       label: t("status"),
       width: "120px",
-      renderData: (value) => /* @__PURE__ */ jsx261(WfoSubscriptionStatusBadge, { status: value })
+      renderData: (value) => /* @__PURE__ */ jsx262(WfoSubscriptionStatusBadge, { status: value })
     },
     insync: {
       columnType: "data" /* DATA */,
       label: t("insync"),
       width: "80px",
-      renderData: (value) => /* @__PURE__ */ jsx261(WfoInsyncIcon, { inSync: value })
+      renderData: (value) => /* @__PURE__ */ jsx262(WfoInsyncIcon, { inSync: value })
     },
     productName: {
       columnType: "data" /* DATA */,
@@ -55797,7 +55821,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("startDate"),
       width: "120px",
-      renderData: (value) => /* @__PURE__ */ jsx261(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx262(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (cellValue) => cellValue?.toString()
@@ -55806,7 +55830,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("endDate"),
       width: "120px",
-      renderData: (value) => /* @__PURE__ */ jsx261(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx262(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (cellValue) => cellValue?.toString()
@@ -55816,7 +55840,7 @@ var WfoSubscriptionsList = ({
       label: t("note"),
       width: "300px",
       renderData: (cellValue, row) => {
-        return /* @__PURE__ */ jsx261(
+        return /* @__PURE__ */ jsx262(
           WfoSubscriptionNoteEdit,
           {
             onlyShowOnHover: true,
@@ -55832,7 +55856,7 @@ var WfoSubscriptionsList = ({
       columnType: "control" /* CONTROL */,
       label: t("actions"),
       width: "80px",
-      renderControl: (row) => /* @__PURE__ */ jsx261(
+      renderControl: (row) => /* @__PURE__ */ jsx262(
         WfoSubscriptionActions,
         {
           compactMode: true,
@@ -55844,9 +55868,9 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("metadata"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx261(WfoInlineJson, { data: value }),
-      renderDetails: (value) => value && /* @__PURE__ */ jsx261(WfoJsonCodeBlock, { data: value, isBasicStyle: true }),
-      renderTooltip: (value) => value && /* @__PURE__ */ jsx261(WfoJsonCodeBlock, { data: value, isBasicStyle: false })
+      renderData: (value) => /* @__PURE__ */ jsx262(WfoInlineJson, { data: value }),
+      renderDetails: (value) => value && /* @__PURE__ */ jsx262(WfoJsonCodeBlock, { data: value, isBasicStyle: true }),
+      renderTooltip: (value) => value && /* @__PURE__ */ jsx262(WfoJsonCodeBlock, { data: value, isBasicStyle: false })
     }
   };
   const [getSubscriptionListTrigger, { isFetching: isFetchingCsv }] = useLazyGetSubscriptionListQuery();
@@ -55892,7 +55916,7 @@ var WfoSubscriptionsList = ({
     sortFields,
     filterFields
   );
-  return /* @__PURE__ */ jsx261(
+  return /* @__PURE__ */ jsx262(
     WfoAdvancedTable,
     {
       queryString: dataDisplayParams.queryString,
@@ -55963,7 +55987,7 @@ var getWfoSummaryCardHeaderStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
-import { jsx as jsx262, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx263, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardHeader = ({
   text,
   value,
@@ -55973,8 +55997,8 @@ var WfoSummaryCardHeader = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { avatarStyle, totalSectionStyle, valueStyle } = useWithOrchestratorTheme(getWfoSummaryCardHeaderStyles);
-  return /* @__PURE__ */ jsx262(EuiFlexItem36, { grow: 0, children: /* @__PURE__ */ jsx262(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs140(EuiFlexGroup31, { alignItems: "center", children: [
-    /* @__PURE__ */ jsx262(
+  return /* @__PURE__ */ jsx263(EuiFlexItem36, { grow: 0, children: /* @__PURE__ */ jsx263(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs140(EuiFlexGroup31, { alignItems: "center", children: [
+    /* @__PURE__ */ jsx263(
       EuiAvatar,
       {
         iconSize: "l",
@@ -55988,10 +56012,10 @@ var WfoSummaryCardHeader = ({
       }
     ),
     /* @__PURE__ */ jsxs140("div", { css: totalSectionStyle, children: [
-      /* @__PURE__ */ jsx262(EuiText51, { color: "subdued", children: text }),
+      /* @__PURE__ */ jsx263(EuiText51, { color: "subdued", children: text }),
       /* @__PURE__ */ jsxs140(EuiFlexGroup31, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx262(EuiText51, { css: valueStyle, children: value }),
-        isFetching && /* @__PURE__ */ jsx262(EuiLoadingSpinner3, {})
+        /* @__PURE__ */ jsx263(EuiText51, { css: valueStyle, children: value }),
+        isFetching && /* @__PURE__ */ jsx263(EuiLoadingSpinner3, {})
       ] })
     ] })
   ] }) }) });
@@ -56014,15 +56038,15 @@ import { EuiFlexGroup as EuiFlexGroup32, EuiFlexItem as EuiFlexItem37, EuiIcon a
 
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
 import Link14 from "next/link";
-import { jsx as jsx263 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx264 } from "@emotion/react/jsx-runtime";
 var WfoOptionalLink = ({
   children,
   href
 }) => {
   if (!href) {
-    return /* @__PURE__ */ jsx263("span", { children });
+    return /* @__PURE__ */ jsx264("span", { children });
   }
-  return /* @__PURE__ */ jsx263(Link14, { href, children });
+  return /* @__PURE__ */ jsx264(Link14, { href, children });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
@@ -56072,7 +56096,7 @@ var getWfoSummaryCardListStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { jsx as jsx264, jsxs as jsxs141 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx265, jsxs as jsxs141 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardListItem = ({
   title,
   value,
@@ -56085,9 +56109,9 @@ var WfoSummaryCardListItem = ({
     listItemSubtitleStyle,
     listItemHighlightIconStyle
   } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx264(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs141(EuiFlexGroup32, { css: listItemContainerStyle, gutterSize: "none", children: [
+  return /* @__PURE__ */ jsx265(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs141(EuiFlexGroup32, { css: listItemContainerStyle, gutterSize: "none", children: [
     /* @__PURE__ */ jsxs141(EuiFlexItem37, { children: [
-      /* @__PURE__ */ jsx264(
+      /* @__PURE__ */ jsx265(
         EuiTextColor,
         {
           color: url ? theme.colors.link : theme.colors.title,
@@ -56095,22 +56119,22 @@ var WfoSummaryCardListItem = ({
           children: title
         }
       ),
-      /* @__PURE__ */ jsx264(EuiTextColor, { css: listItemSubtitleStyle, children: value })
+      /* @__PURE__ */ jsx265(EuiTextColor, { css: listItemSubtitleStyle, children: value })
     ] }),
-    /* @__PURE__ */ jsx264(
+    /* @__PURE__ */ jsx265(
       EuiFlexItem37,
       {
         className: url ? "highlight-icon" : void 0,
         grow: false,
         css: listItemHighlightIconStyle,
-        children: /* @__PURE__ */ jsx264(EuiIcon6, { type: "sortRight", color: "primary" })
+        children: /* @__PURE__ */ jsx265(EuiIcon6, { type: "sortRight", color: "primary" })
       }
     )
   ] }) });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { jsx as jsx265, jsxs as jsxs142 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx266, jsxs as jsxs142 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardList = ({
   title,
   items,
@@ -56120,7 +56144,7 @@ var WfoSummaryCardList = ({
   const router = useRouter17();
   const euiScrollBarStyle = useEuiScrollBar3();
   const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx265(EuiFlexItem38, { children: /* @__PURE__ */ jsxs142(
+  return /* @__PURE__ */ jsx266(EuiFlexItem38, { children: /* @__PURE__ */ jsxs142(
     EuiPanel13,
     {
       css: listContainerStyle,
@@ -56129,10 +56153,10 @@ var WfoSummaryCardList = ({
       paddingSize: "l",
       children: [
         /* @__PURE__ */ jsxs142("div", { children: [
-          /* @__PURE__ */ jsx265("p", { css: listHeaderStyle, children: title }),
-          /* @__PURE__ */ jsx265(EuiSpacer29, { size: "m" }),
-          /* @__PURE__ */ jsx265(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx265("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs142("div", { children: [
-            /* @__PURE__ */ jsx265(
+          /* @__PURE__ */ jsx266("p", { css: listHeaderStyle, children: title }),
+          /* @__PURE__ */ jsx266(EuiSpacer29, { size: "m" }),
+          /* @__PURE__ */ jsx266(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx266("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs142("div", { children: [
+            /* @__PURE__ */ jsx266(
               WfoSummaryCardListItem,
               {
                 title: item.title,
@@ -56140,11 +56164,11 @@ var WfoSummaryCardList = ({
                 url: item.url
               }
             ),
-            index === items.length - 1 ? null : /* @__PURE__ */ jsx265(EuiHorizontalRule10, { margin: "none" })
+            index === items.length - 1 ? null : /* @__PURE__ */ jsx266(EuiHorizontalRule10, { margin: "none" })
           ] }, index)) }) })
         ] }),
-        /* @__PURE__ */ jsx265(EuiSpacer29, { size: "m" }),
-        button && /* @__PURE__ */ jsx265(
+        /* @__PURE__ */ jsx266(EuiSpacer29, { size: "m" }),
+        button && /* @__PURE__ */ jsx266(
           EuiButton20,
           {
             fullWidth: true,
@@ -56159,10 +56183,10 @@ var WfoSummaryCardList = ({
 
 // src/components/WfoSummary/WfoSummaryCards.tsx
 import { EuiFlexGrid as EuiFlexGrid2, useCurrentEuiBreakpoint } from "@elastic/eui";
-import { jsx as jsx266 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx267 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCards = ({ children }) => {
   const currentBreakpoint = useCurrentEuiBreakpoint();
-  return /* @__PURE__ */ jsx266(
+  return /* @__PURE__ */ jsx267(
     EuiFlexGrid2,
     {
       responsive: false,
@@ -56189,7 +56213,7 @@ var getWfoSummaryCardsStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCard.tsx
-import { jsx as jsx267, jsxs as jsxs143 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx268, jsxs as jsxs143 } from "@emotion/react/jsx-runtime";
 var SummaryCardStatus = /* @__PURE__ */ ((SummaryCardStatus2) => {
   SummaryCardStatus2["Success"] = "Success";
   SummaryCardStatus2["Error"] = "Error";
@@ -56215,7 +56239,7 @@ var WfoSummaryCard = ({
     switch (status) {
       case "Success" /* Success */:
         return {
-          iconType: () => /* @__PURE__ */ jsx267(
+          iconType: () => /* @__PURE__ */ jsx268(
             WfoCheckmarkCircleFill,
             {
               width: 32,
@@ -56227,7 +56251,7 @@ var WfoSummaryCard = ({
         };
       case "Error" /* Error */:
         return {
-          iconType: () => /* @__PURE__ */ jsx267(
+          iconType: () => /* @__PURE__ */ jsx268(
             WfoXCircleFill,
             {
               width: 32,
@@ -56239,7 +56263,7 @@ var WfoSummaryCard = ({
         };
       case "Neutral" /* Neutral */:
         return {
-          iconType: () => /* @__PURE__ */ jsx267(
+          iconType: () => /* @__PURE__ */ jsx268(
             WfoCubeFill,
             {
               width: 32,
@@ -56251,7 +56275,7 @@ var WfoSummaryCard = ({
         };
       default:
         return headerBadge ?? {
-          iconType: () => /* @__PURE__ */ jsx267(
+          iconType: () => /* @__PURE__ */ jsx268(
             WfoCubeFill,
             {
               width: 32,
@@ -56264,7 +56288,7 @@ var WfoSummaryCard = ({
     }
   };
   return /* @__PURE__ */ jsxs143(EuiFlexItem39, { css: cardContainerStyle, children: [
-    /* @__PURE__ */ jsx267(
+    /* @__PURE__ */ jsx268(
       WfoSummaryCardHeader,
       {
         text: headerTitle,
@@ -56273,8 +56297,8 @@ var WfoSummaryCard = ({
         ...getIconTypeAndColorForHeaderStatus(headerStatus)
       }
     ),
-    /* @__PURE__ */ jsx267(EuiSpacer30, { size: "m" }),
-    /* @__PURE__ */ jsx267(
+    /* @__PURE__ */ jsx268(EuiSpacer30, { size: "m" }),
+    /* @__PURE__ */ jsx268(
       WfoSummaryCardList,
       {
         title: listTitle,
@@ -56384,7 +56408,7 @@ var productsSummaryQueryVariables = {
 };
 
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
-import { jsx as jsx268 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx269 } from "@emotion/react/jsx-runtime";
 var WfoActiveWorkflowsSummaryCard = () => {
   const t = useTranslations89("startPage.activeWorkflows");
   const {
@@ -56392,7 +56416,7 @@ var WfoActiveWorkflowsSummaryCard = () => {
     isFetching,
     isLoading
   } = useGetProcessListSummaryQuery(activeWorkflowsListSummaryQueryVariables);
-  return /* @__PURE__ */ jsx268(
+  return /* @__PURE__ */ jsx269(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -56412,7 +56436,7 @@ var WfoActiveWorkflowsSummaryCard = () => {
 
 // src/components/WfoSummary/WfoFailedTasksSummaryCard.tsx
 import { useTranslations as useTranslations90 } from "next-intl";
-import { jsx as jsx269 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx270 } from "@emotion/react/jsx-runtime";
 var WfoFailedTasksSummaryCard = () => {
   const t = useTranslations90("startPage.failedTasks");
   const {
@@ -56420,7 +56444,7 @@ var WfoFailedTasksSummaryCard = () => {
     isFetching,
     isLoading
   } = useGetProcessListSummaryQuery(taskListSummaryQueryVariables);
-  return /* @__PURE__ */ jsx269(
+  return /* @__PURE__ */ jsx270(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -56440,7 +56464,7 @@ var WfoFailedTasksSummaryCard = () => {
 
 // src/components/WfoSummary/WfoLatestActiveSubscriptionsSummaryCard.tsx
 import { useTranslations as useTranslations91 } from "next-intl";
-import { jsx as jsx270 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx271 } from "@emotion/react/jsx-runtime";
 var WfoLatestActiveSubscriptionsSummaryCard = () => {
   const t = useTranslations91("startPage.activeSubscriptions");
   const {
@@ -56450,7 +56474,7 @@ var WfoLatestActiveSubscriptionsSummaryCard = () => {
   } = useGetSubscriptionSummaryListQuery(
     subscriptionsListSummaryQueryVariables
   );
-  return /* @__PURE__ */ jsx270(
+  return /* @__PURE__ */ jsx271(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -56470,7 +56494,7 @@ var WfoLatestActiveSubscriptionsSummaryCard = () => {
 
 // src/components/WfoSummary/WfoLatestOutOfSyncSubscriptionSummaryCard.tsx
 import { useTranslations as useTranslations92 } from "next-intl";
-import { jsx as jsx271 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx272 } from "@emotion/react/jsx-runtime";
 var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
   const t = useTranslations92("startPage.outOfSyncSubscriptions");
   const {
@@ -56485,7 +56509,7 @@ var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
     ["sortBy" /* SORT_BY */]: "field-startDate_order-ASC",
     ["queryString" /* QUERY_STRING */]: "status:(provisioning|active) insync:false"
   };
-  return /* @__PURE__ */ jsx271(
+  return /* @__PURE__ */ jsx272(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -56508,7 +56532,7 @@ var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
 
 // src/components/WfoSummary/WfoMyWorkflowsSummaryCard.tsx
 import { useTranslations as useTranslations93 } from "next-intl";
-import { jsx as jsx272 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx273 } from "@emotion/react/jsx-runtime";
 var WfoMyWorkflowsSummaryCard = ({
   username
 }) => {
@@ -56525,7 +56549,7 @@ var WfoMyWorkflowsSummaryCard = ({
     ["sortBy" /* SORT_BY */]: "field-lastModifiedAt_order-DESC",
     ["queryString" /* QUERY_STRING */]: `createdBy:"${username}"`
   };
-  return /* @__PURE__ */ jsx272(
+  return /* @__PURE__ */ jsx273(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -56548,7 +56572,7 @@ var WfoMyWorkflowsSummaryCard = ({
 
 // src/components/WfoSummary/WfoProductsSummaryCard.tsx
 import { useTranslations as useTranslations94 } from "next-intl";
-import { jsx as jsx273, jsxs as jsxs144 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx274, jsxs as jsxs144 } from "@emotion/react/jsx-runtime";
 var WfoProductsSummaryCard = () => {
   const t = useTranslations94("startPage.products");
   const {
@@ -56568,13 +56592,13 @@ var WfoProductsSummaryCard = () => {
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ jsx273("div", { children: product.name }),
-          /* @__PURE__ */ jsx273("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
+          /* @__PURE__ */ jsx274("div", { children: product.name }),
+          /* @__PURE__ */ jsx274("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
         ]
       }
     )
   })) ?? [];
-  return /* @__PURE__ */ jsx273(
+  return /* @__PURE__ */ jsx274(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -56590,7 +56614,7 @@ var WfoProductsSummaryCard = () => {
 
 // src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx
 import { EuiPageHeader as EuiPageHeader3 } from "@elastic/eui";
-import { Fragment as Fragment64, jsx as jsx274, jsxs as jsxs145 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment64, jsx as jsx275, jsxs as jsxs145 } from "@emotion/react/jsx-runtime";
 var WfoTitleWithWebsocketBadge = ({
   title
 }) => {
@@ -56598,26 +56622,26 @@ var WfoTitleWithWebsocketBadge = ({
   const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs145(Fragment64, { children: [
     title,
     " ",
-    /* @__PURE__ */ jsx274(WfoWebsocketStatusBadge, {})
+    /* @__PURE__ */ jsx275(WfoWebsocketStatusBadge, {})
   ] }) : title;
-  return /* @__PURE__ */ jsx274(EuiPageHeader3, { pageTitle });
+  return /* @__PURE__ */ jsx275(EuiPageHeader3, { pageTitle });
 };
 
 // src/components/WfoRadioDropdown/WfoRadioDropdown.tsx
-import { useState as useState56 } from "react";
+import { useState as useState57 } from "react";
 import {
   EuiButtonEmpty as EuiButtonEmpty5,
   EuiFlexGroup as EuiFlexGroup33,
   EuiPopover as EuiPopover9,
   EuiRadioGroup as EuiRadioGroup2
 } from "@elastic/eui";
-import { jsx as jsx275 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx276 } from "@emotion/react/jsx-runtime";
 var WfoRadioDropdown = ({
   options,
   onUpdateOption,
   selectedOption
 }) => {
-  const [isOpen, setIsOpen] = useState56(false);
+  const [isOpen, setIsOpen] = useState57(false);
   const handleClose = () => {
     if (isOpen) {
       setIsOpen(false);
@@ -56637,16 +56661,16 @@ var WfoRadioDropdown = ({
     id: option.id,
     label: option.label
   }));
-  return /* @__PURE__ */ jsx275(
+  return /* @__PURE__ */ jsx276(
     EuiFlexGroup33,
     {
       gutterSize: "s",
       alignItems: "center",
       justifyContent: "flexEnd",
-      children: /* @__PURE__ */ jsx275(
+      children: /* @__PURE__ */ jsx276(
         EuiPopover9,
         {
-          button: /* @__PURE__ */ jsx275(
+          button: /* @__PURE__ */ jsx276(
             EuiButtonEmpty5,
             {
               size: "s",
@@ -56667,7 +56691,7 @@ var WfoRadioDropdown = ({
           isOpen,
           closePopover: handleClose,
           anchorPosition: "downLeft",
-          children: /* @__PURE__ */ jsx275(
+          children: /* @__PURE__ */ jsx276(
             EuiRadioGroup2,
             {
               options: radioGroupOptions,
@@ -56741,7 +56765,7 @@ var {
 } = subscriptionListMutationApi;
 
 // src/components/WfoInlineNoteEdit/WfoSubscriptionNoteEdit.tsx
-import { jsx as jsx276 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx277 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionNoteEdit = ({
   onlyShowOnHover = false,
   queryVariables,
@@ -56767,7 +56791,7 @@ var WfoSubscriptionNoteEdit = ({
       note: note2
     });
   };
-  return /* @__PURE__ */ jsx276(
+  return /* @__PURE__ */ jsx277(
     WfoInlineEdit,
     {
       value: note?.trim() ? note : INVISIBLE_CHARACTER,
@@ -56778,7 +56802,7 @@ var WfoSubscriptionNoteEdit = ({
 };
 
 // src/components/WfoInlineNoteEdit/WfoSubscriptionDetailNoteEdit.tsx
-import { jsx as jsx277 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx278 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailNoteEdit = ({ subscriptionId, onlyShowOnHover = false }) => {
   const { data, endpointName } = useGetSubscriptionDetailQuery({
     subscriptionId
@@ -56801,7 +56825,7 @@ var WfoSubscriptionDetailNoteEdit = ({ subscriptionId, onlyShowOnHover = false }
       note
     });
   };
-  return /* @__PURE__ */ jsx277(
+  return /* @__PURE__ */ jsx278(
     WfoInlineEdit,
     {
       value: selectedItem?.note?.trim() ? selectedItem.note : INVISIBLE_CHARACTER,
@@ -56828,7 +56852,7 @@ var getStyles14 = ({ theme }) => {
 };
 
 // src/components/WfoTableCodeBlock/WfoTableCodeBlock.tsx
-import { jsx as jsx278 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx279 } from "@emotion/react/jsx-runtime";
 var WfoTableCodeBlock = ({
   stepState: data
 }) => {
@@ -56844,7 +56868,7 @@ var WfoTableCodeBlock = ({
       };
     }
   );
-  return /* @__PURE__ */ jsx278(EuiFlexItem40, { css: tableCodeBlockMarginStyle, children: /* @__PURE__ */ jsx278(
+  return /* @__PURE__ */ jsx279(EuiFlexItem40, { css: tableCodeBlockMarginStyle, children: /* @__PURE__ */ jsx279(
     WfoKeyValueTable,
     {
       keyValues,
@@ -56854,11 +56878,11 @@ var WfoTableCodeBlock = ({
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { useEffect as useEffect41, useState as useState63 } from "react";
+import { useEffect as useEffect41, useState as useState64 } from "react";
 import { useTranslations as useTranslations106 } from "next-intl";
 import {
   EuiButton as EuiButton23,
-  EuiCallOut as EuiCallOut4,
+  EuiCallOut as EuiCallOut5,
   EuiFieldSearch as EuiFieldSearch3,
   EuiFlexGroup as EuiFlexGroup46,
   EuiFlexItem as EuiFlexItem52,
@@ -56870,9 +56894,9 @@ import {
 } from "@elastic/eui";
 
 // src/hooks/useDebounce.ts
-import { useEffect as useEffect36, useState as useState57 } from "react";
+import { useEffect as useEffect36, useState as useState58 } from "react";
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = useState57(value);
+  const [debouncedValue, setDebouncedValue] = useState58(value);
   useEffect36(() => {
     if (delay <= 0) {
       setDebouncedValue(value);
@@ -56889,9 +56913,9 @@ function useDebounce(value, delay) {
 }
 
 // src/hooks/useSearch.ts
-import { useEffect as useEffect37, useState as useState58 } from "react";
+import { useEffect as useEffect37, useState as useState59 } from "react";
 var useSearch = (query, entityType, filterGroup, limit) => {
-  const [results, setResults] = useState58({
+  const [results, setResults] = useState59({
     data: [],
     page_info: { has_next_page: false, next_page_cursor: null },
     search_metadata: { search_type: null, description: null }
@@ -56947,12 +56971,12 @@ var useSearch = (query, entityType, filterGroup, limit) => {
 };
 
 // src/hooks/useSearchPagination.ts
-import { useCallback as useCallback13, useState as useState59 } from "react";
+import { useCallback as useCallback13, useState as useState60 } 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 [currentPage, setCurrentPage] = useState60(1);
+  const [pageHistory, setPageHistory] = useState60([]);
+  const [error, setError] = useState60(null);
+  const [isLoadingMore, setIsLoadingMore] = useState60(false);
   const [triggerSearchPagination] = useSearchWithPaginationMutation();
   const handleNextPage = useCallback13(
     async (nextPageCursor) => {
@@ -57045,7 +57069,7 @@ var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageS
 };
 
 // src/hooks/useUrlParams.ts
-import { useCallback as useCallback14, useEffect as useEffect38, useState as useState60 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect38, useState as useState61 } from "react";
 
 // src/components/WfoSearchPage/constants.ts
 var DEFAULT_PAGE_SIZE2 = 5;
@@ -57065,32 +57089,32 @@ var DEFAULT_ENTITY_TAB = "SUBSCRIPTION";
 
 // src/hooks/useUrlParams.ts
 var useUrlParams = () => {
-  const [urlParams, setUrlParams] = useState60(() => {
+  const [urlParams, setUrlParams] = useState61(() => {
     if (typeof window !== "undefined") {
       return new URLSearchParams(window.location.search);
     }
     return new URLSearchParams();
   });
-  const [query, setQuery] = useState60(() => {
+  const [query, setQuery] = useState61(() => {
     const queryParam = urlParams.get("q");
     return queryParam || "";
   });
-  const [selectedEntityTab, setSelectedEntityTab] = useState60(
+  const [selectedEntityTab, setSelectedEntityTab] = useState61(
     () => {
       const tabParam = urlParams.get("tab");
       return tabParam && VALID_ENTITY_TYPES.includes(tabParam) ? tabParam : DEFAULT_ENTITY_TAB;
     }
   );
-  const [showFilters, setShowFilters] = useState60(() => {
+  const [showFilters, setShowFilters] = useState61(() => {
     return urlParams.get("filters") === "true";
   });
-  const [selectedRecordIndex, setSelectedRecordIndex] = useState60(
+  const [selectedRecordIndex, setSelectedRecordIndex] = useState61(
     () => {
       const indexParam = urlParams.get("selected");
       return indexParam ? parseInt(indexParam, 10) || 0 : 0;
     }
   );
-  const [selectedRecordId, setSelectedRecordId] = useState60(
+  const [selectedRecordId, setSelectedRecordId] = useState61(
     () => {
       return urlParams.get("id") || null;
     }
@@ -57146,7 +57170,7 @@ import { useTranslations as useTranslations101 } from "next-intl";
 import {
   EuiButton as EuiButton22,
   EuiButtonIcon as EuiButtonIcon16,
-  EuiCallOut as EuiCallOut3,
+  EuiCallOut as EuiCallOut4,
   EuiCode as EuiCode2,
   EuiFlexGroup as EuiFlexGroup39,
   EuiFlexItem as EuiFlexItem46,
@@ -57156,7 +57180,7 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx
-import { useState as useState62 } from "react";
+import { useState as useState63 } from "react";
 import { useTranslations as useTranslations100 } from "next-intl";
 import {
   EuiButtonIcon as EuiButtonIcon15,
@@ -57167,7 +57191,7 @@ import {
 } from "@elastic/eui";
 
 // src/hooks/usePathAutoComplete.ts
-import { useEffect as useEffect39, useState as useState61 } from "react";
+import { useEffect as useEffect39, useState as useState62 } from "react";
 var FALLBACK_DEFINITIONS = {
   string: {
     operators: ["eq", "neq"],
@@ -57207,7 +57231,7 @@ var FALLBACK_DEFINITIONS = {
   }
 };
 var usePathAutocomplete = (prefix, entityType) => {
-  const [paths, setPaths] = useState61([]);
+  const [paths, setPaths] = useState62([]);
   const debouncedPrefix = useDebounce(prefix, 300);
   const { data: definitions = FALLBACK_DEFINITIONS, isError: defError } = useSearchDefinitionsQuery();
   const {
@@ -57277,7 +57301,7 @@ import {
   EuiIcon as EuiIcon7,
   EuiText as EuiText52
 } from "@elastic/eui";
-import { Fragment as Fragment65, jsx as jsx279, jsxs as jsxs146 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment65, jsx as jsx280, jsxs as jsxs146 } from "@emotion/react/jsx-runtime";
 var ValueControl = ({
   pathInfo,
   operator,
@@ -57304,7 +57328,7 @@ var ValueControl = ({
       const currentValue = String(value || "");
       const hasWildcards = currentValue.includes("%") || currentValue.includes("_");
       return /* @__PURE__ */ jsxs146(Fragment65, { children: [
-        /* @__PURE__ */ jsx279(
+        /* @__PURE__ */ jsx280(
           EuiFieldText5,
           {
             placeholder: "Enter pattern (% = any chars, _ = single char)",
@@ -57318,11 +57342,11 @@ var ValueControl = ({
                 handleLikeChange(finalValue);
               }
             },
-            prepend: /* @__PURE__ */ jsx279(EuiIcon7, { type: "search" })
+            prepend: /* @__PURE__ */ jsx280(EuiIcon7, { type: "search" })
           }
         ),
-        /* @__PURE__ */ jsx279(EuiFormHelpText, { children: hasWildcards ? /* @__PURE__ */ jsxs146("span", { children: [
-          /* @__PURE__ */ jsx279(
+        /* @__PURE__ */ jsx280(EuiFormHelpText, { children: hasWildcards ? /* @__PURE__ */ jsxs146("span", { children: [
+          /* @__PURE__ */ jsx280(
             EuiIcon7,
             {
               type: "checkInCircleFilled",
@@ -57333,7 +57357,7 @@ var ValueControl = ({
           " ",
           "Pattern with wildcards:",
           " ",
-          /* @__PURE__ */ jsx279("strong", { children: currentValue })
+          /* @__PURE__ */ jsx280("strong", { children: currentValue })
         ] }) : /* @__PURE__ */ jsxs146("span", { children: [
           "Will search for:",
           " ",
@@ -57352,7 +57376,7 @@ var ValueControl = ({
         label: val,
         value: val
       }));
-      return /* @__PURE__ */ jsx279(
+      return /* @__PURE__ */ jsx280(
         EuiComboBox2,
         {
           placeholder: t("selectOrEnterValue"),
@@ -57364,7 +57388,7 @@ var ValueControl = ({
         }
       );
     }
-    return /* @__PURE__ */ jsx279(
+    return /* @__PURE__ */ jsx280(
       EuiFieldText5,
       {
         placeholder: t("enterValue"),
@@ -57377,7 +57401,7 @@ var ValueControl = ({
     if (operator === "between") {
       const betweenValue = value || { start: "", end: "" };
       return /* @__PURE__ */ jsxs146(EuiFlexGroup34, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx279(EuiFlexItem41, { children: /* @__PURE__ */ jsx279(
+        /* @__PURE__ */ jsx280(EuiFlexItem41, { children: /* @__PURE__ */ jsx280(
           EuiFieldNumber3,
           {
             placeholder: t("fromNumber"),
@@ -57388,8 +57412,8 @@ var ValueControl = ({
             })
           }
         ) }),
-        /* @__PURE__ */ jsx279(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsx279(EuiText52, { size: "s", color: theme.colors.textSubdued, children: "to" }) }),
-        /* @__PURE__ */ jsx279(EuiFlexItem41, { children: /* @__PURE__ */ jsx279(
+        /* @__PURE__ */ jsx280(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsx280(EuiText52, { size: "s", color: theme.colors.textSubdued, children: "to" }) }),
+        /* @__PURE__ */ jsx280(EuiFlexItem41, { children: /* @__PURE__ */ jsx280(
           EuiFieldNumber3,
           {
             placeholder: t("toNumber"),
@@ -57402,7 +57426,7 @@ var ValueControl = ({
         ) })
       ] });
     }
-    return /* @__PURE__ */ jsx279(
+    return /* @__PURE__ */ jsx280(
       EuiFieldNumber3,
       {
         placeholder: t("enterNumber"),
@@ -57415,7 +57439,7 @@ var ValueControl = ({
     if (operator === "between") {
       const betweenValue = value || { start: null, end: null };
       return /* @__PURE__ */ jsxs146(EuiFlexGroup34, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx279(EuiFlexItem41, { children: /* @__PURE__ */ jsx279(
+        /* @__PURE__ */ jsx280(EuiFlexItem41, { children: /* @__PURE__ */ jsx280(
           EuiDatePicker2,
           {
             selected: betweenValue.start ? moment2(betweenValue.start) : null,
@@ -57428,8 +57452,8 @@ var ValueControl = ({
             placeholderText: t("fromDate")
           }
         ) }),
-        /* @__PURE__ */ jsx279(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsx279(EuiText52, { size: "s", color: theme.colors.textSubdued, children: t("valueControlTo") }) }),
-        /* @__PURE__ */ jsx279(EuiFlexItem41, { children: /* @__PURE__ */ jsx279(
+        /* @__PURE__ */ jsx280(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsx280(EuiText52, { size: "s", color: theme.colors.textSubdued, children: t("valueControlTo") }) }),
+        /* @__PURE__ */ jsx280(EuiFlexItem41, { children: /* @__PURE__ */ jsx280(
           EuiDatePicker2,
           {
             selected: betweenValue.end ? moment2(betweenValue.end) : null,
@@ -57444,7 +57468,7 @@ var ValueControl = ({
         ) })
       ] });
     }
-    return /* @__PURE__ */ jsx279(
+    return /* @__PURE__ */ jsx280(
       EuiDatePicker2,
       {
         selected: value ? moment2(String(value)) : null,
@@ -57461,7 +57485,7 @@ var ValueControl = ({
 // src/components/WfoSearchPage/WfoConditionRow/WfoFieldSelector.tsx
 import { useTranslations as useTranslations96 } from "next-intl";
 import { EuiComboBox as EuiComboBox3 } from "@elastic/eui";
-import { jsx as jsx280 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx281 } from "@emotion/react/jsx-runtime";
 var WfoFieldSelector = ({
   pathOptions,
   loading,
@@ -57479,7 +57503,7 @@ var WfoFieldSelector = ({
       onClear();
     }
   };
-  return /* @__PURE__ */ jsx280(
+  return /* @__PURE__ */ jsx281(
     EuiComboBox3,
     {
       placeholder: t("searchFieldsPlaceholder"),
@@ -57506,7 +57530,7 @@ import {
   EuiFormRow as EuiFormRow24,
   EuiText as EuiText53
 } from "@elastic/eui";
-import { jsx as jsx281, jsxs as jsxs147 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx282, jsxs as jsxs147 } from "@emotion/react/jsx-runtime";
 var WfoOperatorSelector = ({
   selectedPathInfo,
   condition,
@@ -57514,42 +57538,42 @@ var WfoOperatorSelector = ({
 }) => {
   const t = useTranslations97("search.page");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx281(EuiFormRow24, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs147(EuiFlexGroup35, { gutterSize: "xs", wrap: true, children: [
+  return /* @__PURE__ */ jsx282(EuiFormRow24, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs147(EuiFlexGroup35, { gutterSize: "xs", wrap: true, children: [
     selectedPathInfo?.operators?.map((operator) => {
       const { symbol, description } = getOperatorDisplay(
         operator,
         selectedPathInfo
       );
       const tooltipContent = operator === "like" ? /* @__PURE__ */ jsxs147("div", { children: [
-        /* @__PURE__ */ jsx281("strong", { children: description }),
-        /* @__PURE__ */ jsx281("br", {}),
-        /* @__PURE__ */ jsx281("br", {}),
-        /* @__PURE__ */ jsx281("strong", { children: "Wildcards:" }),
-        /* @__PURE__ */ jsx281("br", {}),
+        /* @__PURE__ */ jsx282("strong", { children: description }),
+        /* @__PURE__ */ jsx282("br", {}),
+        /* @__PURE__ */ jsx282("br", {}),
+        /* @__PURE__ */ jsx282("strong", { children: "Wildcards:" }),
+        /* @__PURE__ */ jsx282("br", {}),
         "\u2022 ",
-        /* @__PURE__ */ jsx281("code", { children: "%" }),
+        /* @__PURE__ */ jsx282("code", { children: "%" }),
         " matches any number of characters",
-        /* @__PURE__ */ jsx281("br", {}),
+        /* @__PURE__ */ jsx282("br", {}),
         "\u2022 ",
-        /* @__PURE__ */ jsx281("code", { children: "_" }),
+        /* @__PURE__ */ jsx282("code", { children: "_" }),
         " matches exactly one character",
-        /* @__PURE__ */ jsx281("br", {}),
-        /* @__PURE__ */ jsx281("br", {}),
-        /* @__PURE__ */ jsx281("strong", { children: "Examples:" }),
-        /* @__PURE__ */ jsx281("br", {}),
+        /* @__PURE__ */ jsx282("br", {}),
+        /* @__PURE__ */ jsx282("br", {}),
+        /* @__PURE__ */ jsx282("strong", { children: "Examples:" }),
+        /* @__PURE__ */ jsx282("br", {}),
         "\u2022 ",
-        /* @__PURE__ */ jsx281("code", { children: "%test%" }),
+        /* @__PURE__ */ jsx282("code", { children: "%test%" }),
         ' finds anything containing "test"',
-        /* @__PURE__ */ jsx281("br", {}),
+        /* @__PURE__ */ jsx282("br", {}),
         "\u2022 ",
-        /* @__PURE__ */ jsx281("code", { children: "test%" }),
+        /* @__PURE__ */ jsx282("code", { children: "test%" }),
         ' finds anything starting with "test"',
-        /* @__PURE__ */ jsx281("br", {}),
+        /* @__PURE__ */ jsx282("br", {}),
         "\u2022 ",
-        /* @__PURE__ */ jsx281("code", { children: "test_" }),
+        /* @__PURE__ */ jsx282("code", { children: "test_" }),
         ' finds "test" + one character'
       ] }) : description;
-      return /* @__PURE__ */ jsx281(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx281(WfoToolTip, { tooltipContent, children: /* @__PURE__ */ jsx281(
+      return /* @__PURE__ */ jsx282(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx282(WfoToolTip, { tooltipContent, children: /* @__PURE__ */ jsx282(
         EuiButton21,
         {
           size: "s",
@@ -57573,13 +57597,13 @@ var WfoOperatorSelector = ({
         }
       ) }) }, operator);
     }),
-    (!selectedPathInfo || selectedPathInfo.operators.length === 0) && /* @__PURE__ */ jsx281(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx281(EuiText53, { size: "s", color: theme.colors.textSubdued, children: t("selectFieldFirst") }) })
+    (!selectedPathInfo || selectedPathInfo.operators.length === 0) && /* @__PURE__ */ jsx282(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx282(EuiText53, { size: "s", color: theme.colors.textSubdued, children: t("selectFieldFirst") }) })
   ] }) });
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoPathChips.tsx
 import { EuiIcon as EuiIcon8 } from "@elastic/eui";
-import { jsx as jsx282, jsxs as jsxs148 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx283, jsxs as jsxs148 } from "@emotion/react/jsx-runtime";
 var WfoPathChips = ({
   fullPath,
   label,
@@ -57588,7 +57612,7 @@ var WfoPathChips = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   if (isAnyPath) {
-    return /* @__PURE__ */ jsx282(WfoToolTip, { tooltipContent: label, children: /* @__PURE__ */ jsxs148(
+    return /* @__PURE__ */ jsx283(WfoToolTip, { tooltipContent: label, children: /* @__PURE__ */ jsxs148(
       "div",
       {
         style: {
@@ -57602,7 +57626,7 @@ var WfoPathChips = ({
           minHeight: theme.size.xl
         },
         children: [
-          /* @__PURE__ */ jsx282(
+          /* @__PURE__ */ jsx283(
             "div",
             {
               style: {
@@ -57615,20 +57639,20 @@ var WfoPathChips = ({
                 flex: 1,
                 overflow: "visible"
               },
-              children: /* @__PURE__ */ jsx282(
+              children: /* @__PURE__ */ jsx283(
                 "div",
                 {
                   style: {
                     textDecoration: "none",
                     borderBottom: "none"
                   },
-                  children: /* @__PURE__ */ jsx282(
+                  children: /* @__PURE__ */ jsx283(
                     WfoBadge,
                     {
                       color: "primary",
                       textColor: theme.colors.ghost,
                       size: "xs",
-                      children: /* @__PURE__ */ jsx282(
+                      children: /* @__PURE__ */ jsx283(
                         "span",
                         {
                           style: {
@@ -57647,13 +57671,13 @@ var WfoPathChips = ({
               )
             }
           ),
-          fieldType && /* @__PURE__ */ jsx282("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx282(
+          fieldType && /* @__PURE__ */ jsx283("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx283(
             WfoBadge,
             {
               color: getTypeColor(fieldType, theme),
               textColor: theme.colors.ink,
               size: "xs",
-              children: /* @__PURE__ */ jsx282("span", { style: { textDecoration: "none" }, children: fieldType })
+              children: /* @__PURE__ */ jsx283("span", { style: { textDecoration: "none" }, children: fieldType })
             }
           ) })
         ]
@@ -57665,7 +57689,7 @@ var WfoPathChips = ({
     (segment) => segment && !segment.match(/^\d+$/) && !segment.includes("(")
   );
   const pathSegments = allSegments.slice(-2);
-  return /* @__PURE__ */ jsx282(WfoToolTip, { tooltipContent: completePath, children: /* @__PURE__ */ jsxs148(
+  return /* @__PURE__ */ jsx283(WfoToolTip, { tooltipContent: completePath, children: /* @__PURE__ */ jsxs148(
     "div",
     {
       style: {
@@ -57679,7 +57703,7 @@ var WfoPathChips = ({
         minHeight: theme.size.xl
       },
       children: [
-        /* @__PURE__ */ jsx282(
+        /* @__PURE__ */ jsx283(
           "div",
           {
             style: {
@@ -57694,20 +57718,20 @@ var WfoPathChips = ({
             },
             children: pathSegments.map(
               (segment, index) => [
-                /* @__PURE__ */ jsx282(
+                /* @__PURE__ */ jsx283(
                   "div",
                   {
                     style: {
                       textDecoration: "none",
                       borderBottom: "none"
                     },
-                    children: /* @__PURE__ */ jsx282(
+                    children: /* @__PURE__ */ jsx283(
                       WfoBadge,
                       {
                         color: "primary",
                         textColor: theme.colors.ghost,
                         size: "xs",
-                        children: /* @__PURE__ */ jsx282(
+                        children: /* @__PURE__ */ jsx283(
                           "span",
                           {
                             style: {
@@ -57725,7 +57749,7 @@ var WfoPathChips = ({
                   },
                   `segment-${index}`
                 ),
-                index < pathSegments.length - 1 && /* @__PURE__ */ jsx282(
+                index < pathSegments.length - 1 && /* @__PURE__ */ jsx283(
                   EuiIcon8,
                   {
                     type: "arrowRight",
@@ -57743,13 +57767,13 @@ var WfoPathChips = ({
             )
           }
         ),
-        fieldType && /* @__PURE__ */ jsx282("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx282(
+        fieldType && /* @__PURE__ */ jsx283("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx283(
           WfoBadge,
           {
             color: getTypeColor(fieldType, theme),
             textColor: theme.colors.ink,
             size: "xs",
-            children: /* @__PURE__ */ jsx282("span", { style: { textDecoration: "none" }, children: fieldType })
+            children: /* @__PURE__ */ jsx283("span", { style: { textDecoration: "none" }, children: fieldType })
           }
         ) })
       ]
@@ -57760,7 +57784,7 @@ var WfoPathChips = ({
 // src/components/WfoSearchPage/WfoConditionRow/WfoPathSelector.tsx
 import { useTranslations as useTranslations98 } from "next-intl";
 import { EuiComboBox as EuiComboBox4 } from "@elastic/eui";
-import { jsx as jsx283 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx284 } from "@emotion/react/jsx-runtime";
 var WfoPathSelector = ({
   selectedFieldName,
   pathOptions,
@@ -57769,7 +57793,7 @@ var WfoPathSelector = ({
   renderOption
 }) => {
   const t = useTranslations98("search.page");
-  return /* @__PURE__ */ jsx283(
+  return /* @__PURE__ */ jsx284(
     EuiComboBox4,
     {
       placeholder: t("selectSpecificPathPlaceholder"),
@@ -57811,7 +57835,7 @@ var WfoPathSelector = ({
 // src/components/WfoSearchPage/WfoConditionRow/WfoRenderFunctions.tsx
 import { useTranslations as useTranslations99 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup36, EuiFlexItem as EuiFlexItem43, EuiText as EuiText54 } from "@elastic/eui";
-import { Fragment as Fragment66, jsx as jsx284, jsxs as jsxs149 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment66, jsx as jsx285, jsxs as jsxs149 } from "@emotion/react/jsx-runtime";
 var WfoRenderPathOption = ({
   option,
   contentClassName,
@@ -57820,7 +57844,7 @@ var WfoRenderPathOption = ({
   const t = useTranslations99("search.page");
   const { theme } = useOrchestratorTheme();
   const pathInfo = option.value ? paths.find(({ path }) => path === option.value) : null;
-  if (!pathInfo) return /* @__PURE__ */ jsx284(Fragment66, { children: option.label });
+  if (!pathInfo) return /* @__PURE__ */ jsx285(Fragment66, { children: option.label });
   return /* @__PURE__ */ jsxs149(
     EuiFlexGroup36,
     {
@@ -57830,15 +57854,15 @@ var WfoRenderPathOption = ({
       className: contentClassName,
       title: "",
       children: [
-        /* @__PURE__ */ jsx284(EuiFlexItem43, { grow: true, children: /* @__PURE__ */ jsx284(EuiText54, { size: "s", children: pathInfo.displayLabel || pathInfo.path }) }),
-        /* @__PURE__ */ jsx284(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsxs149(
+        /* @__PURE__ */ jsx285(EuiFlexItem43, { grow: true, children: /* @__PURE__ */ jsx285(EuiText54, { size: "s", children: pathInfo.displayLabel || pathInfo.path }) }),
+        /* @__PURE__ */ jsx285(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsxs149(
           EuiFlexGroup36,
           {
             gutterSize: "xs",
             alignItems: "center",
             responsive: false,
             children: [
-              pathInfo.group === "leaf" && pathInfo.pathCount && pathInfo.pathCount > 1 && /* @__PURE__ */ jsx284(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx284(
+              pathInfo.group === "leaf" && pathInfo.pathCount && pathInfo.pathCount > 1 && /* @__PURE__ */ jsx285(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx285(
                 WfoBadge,
                 {
                   color: "default",
@@ -57849,7 +57873,7 @@ var WfoRenderPathOption = ({
                   })
                 }
               ) }),
-              (!pathInfo.pathCount || pathInfo.pathCount <= 1) && pathInfo.ui_types?.map((type, index) => /* @__PURE__ */ jsx284(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx284(
+              (!pathInfo.pathCount || pathInfo.pathCount <= 1) && pathInfo.ui_types?.map((type, index) => /* @__PURE__ */ jsx285(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx285(
                 WfoBadge,
                 {
                   color: getTypeColor(type, theme),
@@ -57867,7 +57891,7 @@ var WfoRenderPathOption = ({
 };
 var WfoRenderPathSelectionOption = ({ option, contentClassName, fieldType }) => {
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx284(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */ jsxs149(
+  return /* @__PURE__ */ jsx285(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */ jsxs149(
     EuiFlexGroup36,
     {
       alignItems: "center",
@@ -57876,8 +57900,8 @@ var WfoRenderPathSelectionOption = ({ option, contentClassName, fieldType }) =>
       className: contentClassName,
       title: "",
       children: [
-        /* @__PURE__ */ jsx284(EuiFlexItem43, { grow: true, children: /* @__PURE__ */ jsx284(EuiText54, { size: "s", children: option.label }) }),
-        /* @__PURE__ */ jsx284(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx284(
+        /* @__PURE__ */ jsx285(EuiFlexItem43, { grow: true, children: /* @__PURE__ */ jsx285(EuiText54, { size: "s", children: option.label }) }),
+        /* @__PURE__ */ jsx285(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx285(
           WfoBadge,
           {
             color: getTypeColor(fieldType, theme),
@@ -57929,14 +57953,14 @@ var getPathSelectionOptions = (selectedFieldName, paths) => {
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoSelectedPathDisplay.tsx
-import { jsx as jsx285, jsxs as jsxs150 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx286, jsxs as jsxs150 } from "@emotion/react/jsx-runtime";
 var WfoSelectedPathDisplay = ({
   condition,
   onEdit
 }) => {
   const { theme } = useOrchestratorTheme();
   const isFullPath = condition.path.includes(".");
-  return /* @__PURE__ */ jsx285(
+  return /* @__PURE__ */ jsx286(
     "div",
     {
       onClick: onEdit,
@@ -57950,25 +57974,25 @@ var WfoSelectedPathDisplay = ({
         display: "flex",
         alignItems: "center"
       },
-      children: /* @__PURE__ */ jsx285(
+      children: /* @__PURE__ */ jsx286(
         EuiFlexGroup37,
         {
           alignItems: "center",
           gutterSize: "s",
           responsive: false,
           justifyContent: "spaceBetween",
-          children: /* @__PURE__ */ jsx285(EuiFlexItem44, { grow: true, children: isFullPath ? /* @__PURE__ */ jsxs150(
+          children: /* @__PURE__ */ jsx286(EuiFlexItem44, { grow: true, children: isFullPath ? /* @__PURE__ */ jsxs150(
             EuiFlexGroup37,
             {
               gutterSize: "none",
               alignItems: "center",
               responsive: false,
               children: [
-                /* @__PURE__ */ jsx285(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsxs150(EuiText55, { size: "s", color: theme.colors.text, children: [
+                /* @__PURE__ */ jsx286(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsxs150(EuiText55, { size: "s", color: theme.colors.text, children: [
                   getFieldNameFromFullPath(condition.path),
                   ":"
                 ] }) }),
-                /* @__PURE__ */ jsx285(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx285(
+                /* @__PURE__ */ jsx286(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx286(
                   EuiText55,
                   {
                     size: "s",
@@ -57984,7 +58008,7 @@ var WfoSelectedPathDisplay = ({
                 ) })
               ]
             }
-          ) : /* @__PURE__ */ jsx285(EuiText55, { size: "s", color: theme.colors.text, children: condition.path }) })
+          ) : /* @__PURE__ */ jsx286(EuiText55, { size: "s", color: theme.colors.text, children: condition.path }) })
         }
       )
     }
@@ -57992,7 +58016,7 @@ var WfoSelectedPathDisplay = ({
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx
-import { jsx as jsx286, jsxs as jsxs151 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx287, jsxs as jsxs151 } from "@emotion/react/jsx-runtime";
 var ConditionRow = ({
   condition,
   entityType,
@@ -58001,9 +58025,9 @@ var ConditionRow = ({
 }) => {
   const t = useTranslations100("search.page");
   const { theme } = useOrchestratorTheme();
-  const [searchValue, setSearchValue] = useState62(condition.path);
-  const [showPathSelection, setShowPathSelection] = useState62(false);
-  const [selectedFieldName, setSelectedFieldName] = useState62("");
+  const [searchValue, setSearchValue] = useState63(condition.path);
+  const [showPathSelection, setShowPathSelection] = useState63(false);
+  const [selectedFieldName, setSelectedFieldName] = useState63("");
   const { paths, loading, error } = usePathAutocomplete(
     searchValue,
     entityType
@@ -58137,7 +58161,7 @@ var ConditionRow = ({
     }
     return baseOptions;
   })();
-  const renderPathOption = (option, searchValue2, contentClassName) => /* @__PURE__ */ jsx286(
+  const renderPathOption = (option, searchValue2, contentClassName) => /* @__PURE__ */ jsx287(
     WfoRenderPathOption,
     {
       option,
@@ -58149,7 +58173,7 @@ var ConditionRow = ({
   const renderPathSelectionOption = (option) => {
     const fieldInfo = paths.find(({ path }) => path === selectedFieldName);
     const fieldType = fieldInfo?.type || "string";
-    return /* @__PURE__ */ jsx286(
+    return /* @__PURE__ */ jsx287(
       WfoPathChips,
       {
         fullPath: option.fullPath || "",
@@ -58159,15 +58183,15 @@ var ConditionRow = ({
       }
     );
   };
-  return /* @__PURE__ */ jsx286(EuiPanel14, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs151(EuiFlexGroup38, { direction: "column", gutterSize: "m", children: [
-    /* @__PURE__ */ jsx286(EuiFlexItem45, { children: /* @__PURE__ */ jsx286(
+  return /* @__PURE__ */ jsx287(EuiPanel14, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs151(EuiFlexGroup38, { direction: "column", gutterSize: "m", children: [
+    /* @__PURE__ */ jsx287(EuiFlexItem45, { children: /* @__PURE__ */ jsx287(
       EuiFormRow25,
       {
         label: t("fieldLabel"),
         error,
         isInvalid: !!error,
         children: /* @__PURE__ */ jsxs151(EuiFlexGroup38, { gutterSize: "s", alignItems: "center", children: [
-          /* @__PURE__ */ jsx286(EuiFlexItem45, { children: showPathSelection ? /* @__PURE__ */ jsx286(
+          /* @__PURE__ */ jsx287(EuiFlexItem45, { children: showPathSelection ? /* @__PURE__ */ jsx287(
             WfoPathSelector,
             {
               selectedFieldName,
@@ -58179,7 +58203,7 @@ var ConditionRow = ({
               },
               renderOption: renderPathSelectionOption
             }
-          ) : condition.path && fullPathSelected ? /* @__PURE__ */ jsx286(
+          ) : condition.path && fullPathSelected ? /* @__PURE__ */ jsx287(
             WfoSelectedPathDisplay,
             {
               condition,
@@ -58195,7 +58219,7 @@ var ConditionRow = ({
                 });
               }
             }
-          ) : /* @__PURE__ */ jsx286(
+          ) : /* @__PURE__ */ jsx287(
             WfoFieldSelector,
             {
               pathOptions,
@@ -58217,18 +58241,18 @@ var ConditionRow = ({
               renderPathOption
             }
           ) }),
-          condition.path && selectedPathInfo?.ui_types && selectedPathInfo.ui_types.length > 0 && /* @__PURE__ */ jsx286(EuiFlexItem45, { grow: false, children: /* @__PURE__ */ jsx286(
+          condition.path && selectedPathInfo?.ui_types && selectedPathInfo.ui_types.length > 0 && /* @__PURE__ */ jsx287(EuiFlexItem45, { grow: false, children: /* @__PURE__ */ jsx287(
             EuiFlexGroup38,
             {
               gutterSize: "xs",
               alignItems: "center",
               responsive: false,
               children: selectedPathInfo.ui_types.map(
-                (type, index) => /* @__PURE__ */ jsx286(
+                (type, index) => /* @__PURE__ */ jsx287(
                   EuiFlexItem45,
                   {
                     grow: false,
-                    children: /* @__PURE__ */ jsx286(
+                    children: /* @__PURE__ */ jsx287(
                       WfoBadge,
                       {
                         color: getTypeColor(
@@ -58249,8 +58273,8 @@ var ConditionRow = ({
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsx286(EuiFlexItem45, { children: /* @__PURE__ */ jsxs151(EuiFlexGroup38, { gutterSize: "s", alignItems: "flexEnd", children: [
-      /* @__PURE__ */ jsx286(EuiFlexItem45, { children: /* @__PURE__ */ jsx286(
+    /* @__PURE__ */ jsx287(EuiFlexItem45, { children: /* @__PURE__ */ jsxs151(EuiFlexGroup38, { gutterSize: "s", alignItems: "flexEnd", children: [
+      /* @__PURE__ */ jsx287(EuiFlexItem45, { children: /* @__PURE__ */ jsx287(
         WfoOperatorSelector,
         {
           selectedPathInfo,
@@ -58258,7 +58282,7 @@ var ConditionRow = ({
           onOperatorChange: handleOperatorChange
         }
       ) }),
-      !hideValueInput && /* @__PURE__ */ jsx286(EuiFlexItem45, { children: /* @__PURE__ */ jsx286(EuiFormRow25, { label: t("valueLabel"), children: /* @__PURE__ */ jsx286(
+      !hideValueInput && /* @__PURE__ */ jsx287(EuiFlexItem45, { children: /* @__PURE__ */ jsx287(EuiFormRow25, { label: t("valueLabel"), children: /* @__PURE__ */ jsx287(
         ValueControl,
         {
           pathInfo: selectedPathInfo,
@@ -58267,7 +58291,7 @@ var ConditionRow = ({
           onChange: handleValueChange
         }
       ) }) }),
-      /* @__PURE__ */ jsx286(EuiFlexItem45, { grow: false, children: /* @__PURE__ */ jsx286(
+      /* @__PURE__ */ jsx287(EuiFlexItem45, { grow: false, children: /* @__PURE__ */ jsx287(
         EuiButtonIcon15,
         {
           iconType: "trash",
@@ -58282,7 +58306,7 @@ var ConditionRow = ({
 };
 
 // src/components/WfoSearchPage/WfoFilterGroup/WfoFilterGroup.tsx
-import { Fragment as Fragment67, jsx as jsx287, jsxs as jsxs152 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment67, jsx as jsx288, jsxs as jsxs152 } from "@emotion/react/jsx-runtime";
 var FilterGroup = ({
   group,
   entityType,
@@ -58350,9 +58374,9 @@ var FilterGroup = ({
             alignItems: "center",
             justifyContent: "spaceBetween",
             children: [
-              /* @__PURE__ */ jsx287(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs152(EuiFlexGroup39, { gutterSize: "s", alignItems: "center", children: [
-                /* @__PURE__ */ jsx287(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx287(EuiText56, { size: "s", children: /* @__PURE__ */ jsx287("strong", { children: t("groupLabel") }) }) }),
-                /* @__PURE__ */ jsx287(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx287(
+              /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs152(EuiFlexGroup39, { gutterSize: "s", alignItems: "center", children: [
+                /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx288(EuiText56, { size: "s", children: /* @__PURE__ */ jsx288("strong", { children: t("groupLabel") }) }) }),
+                /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx288(
                   EuiButton22,
                   {
                     size: "s",
@@ -58363,8 +58387,8 @@ var FilterGroup = ({
                   }
                 ) })
               ] }) }),
-              /* @__PURE__ */ jsx287(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs152(EuiFlexGroup39, { gutterSize: "s", alignItems: "center", children: [
-                /* @__PURE__ */ jsx287(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx287(
+              /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs152(EuiFlexGroup39, { gutterSize: "s", alignItems: "center", children: [
+                /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx288(
                   EuiButton22,
                   {
                     size: "s",
@@ -58373,11 +58397,11 @@ var FilterGroup = ({
                     children: t("addCondition")
                   }
                 ) }),
-                /* @__PURE__ */ jsx287(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx287(
+                /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx288(
                   WfoToolTip,
                   {
                     tooltipContent: !canAddGroup ? t("maxNestingDepth") : t("addNestedGroup"),
-                    children: /* @__PURE__ */ jsx287(
+                    children: /* @__PURE__ */ jsx288(
                       EuiButton22,
                       {
                         size: "s",
@@ -58389,7 +58413,7 @@ var FilterGroup = ({
                     )
                   }
                 ) }),
-                !isRoot && onRemove && /* @__PURE__ */ jsx287(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx287(
+                !isRoot && onRemove && /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx288(
                   EuiButtonIcon16,
                   {
                     iconType: "trash",
@@ -58403,33 +58427,33 @@ var FilterGroup = ({
           }
         ),
         group.children.length > 0 && /* @__PURE__ */ jsxs152(Fragment67, { children: [
-          /* @__PURE__ */ jsx287(EuiSpacer31, { size: "m" }),
-          /* @__PURE__ */ jsx287(
+          /* @__PURE__ */ jsx288(EuiSpacer31, { size: "m" }),
+          /* @__PURE__ */ jsx288(
             EuiPanel15,
             {
               paddingSize: isRoot ? "none" : "s",
               color: "transparent",
               hasShadow: false,
               children: group.children.map((child, index) => /* @__PURE__ */ jsxs152("div", { children: [
-                index > 0 && /* @__PURE__ */ jsx287(
+                index > 0 && /* @__PURE__ */ jsx288(
                   EuiFlexGroup39,
                   {
                     gutterSize: "none",
                     alignItems: "center",
                     justifyContent: "center",
-                    children: /* @__PURE__ */ jsx287(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx287(
+                    children: /* @__PURE__ */ jsx288(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx288(
                       EuiText56,
                       {
                         size: "s",
                         color: theme.colors.textSubdued,
                         textAlign: "center",
-                        children: /* @__PURE__ */ jsx287(EuiCode2, { children: group.op })
+                        children: /* @__PURE__ */ jsx288(EuiCode2, { children: group.op })
                       }
                     ) })
                   }
                 ),
-                /* @__PURE__ */ jsx287(EuiSpacer31, { size: "s" }),
-                isCondition(child) ? /* @__PURE__ */ jsx287(
+                /* @__PURE__ */ jsx288(EuiSpacer31, { size: "s" }),
+                isCondition(child) ? /* @__PURE__ */ jsx288(
                   ConditionRow,
                   {
                     condition: child,
@@ -58437,7 +58461,7 @@ var FilterGroup = ({
                     onChange: (newCondition) => updateChild(index, newCondition),
                     onRemove: () => removeChild(index)
                   }
-                ) : /* @__PURE__ */ jsx287(
+                ) : /* @__PURE__ */ jsx288(
                   FilterGroup,
                   {
                     group: child,
@@ -58447,21 +58471,21 @@ var FilterGroup = ({
                     depth: depth + 1
                   }
                 ),
-                /* @__PURE__ */ jsx287(EuiSpacer31, { size: "s" })
+                /* @__PURE__ */ jsx288(EuiSpacer31, { size: "s" })
               ] }, index))
             }
           )
         ] }),
         group.children.length === 0 && /* @__PURE__ */ jsxs152(Fragment67, { children: [
-          /* @__PURE__ */ jsx287(EuiSpacer31, { size: "s" }),
-          /* @__PURE__ */ jsx287(
-            EuiCallOut3,
+          /* @__PURE__ */ jsx288(EuiSpacer31, { size: "s" }),
+          /* @__PURE__ */ jsx288(
+            EuiCallOut4,
             {
               title: t("emptyGroupTitle"),
               color: "primary",
               iconType: "iInCircle",
               size: "s",
-              children: /* @__PURE__ */ jsx287("p", { children: t("emptyGroupDescription") })
+              children: /* @__PURE__ */ jsx288("p", { children: t("emptyGroupDescription") })
             }
           )
         ] })
@@ -58476,21 +58500,21 @@ import { EuiFlexGroup as EuiFlexGroup44, EuiPanel as EuiPanel19 } from "@elastic
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchEmptyState.tsx
 import { useTranslations as useTranslations102 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup40, EuiFlexItem as EuiFlexItem47, EuiPanel as EuiPanel16, EuiText as EuiText57 } from "@elastic/eui";
-import { jsx as jsx288 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx289 } from "@emotion/react/jsx-runtime";
 var WfoSearchEmptyState = () => {
   const t = useTranslations102("search.page");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx288(EuiPanel16, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx288(EuiFlexGroup40, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx288(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsx288(EuiText57, { size: "m", color: theme.colors.textSubdued, children: t("noResultsFound") }) }) }) });
+  return /* @__PURE__ */ jsx289(EuiPanel16, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx289(EuiFlexGroup40, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx289(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsx289(EuiText57, { size: "m", color: theme.colors.textSubdued, children: t("noResultsFound") }) }) }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchLoadingState.tsx
 import { useTranslations as useTranslations103 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup41, EuiFlexItem as EuiFlexItem48, EuiPanel as EuiPanel17, EuiText as EuiText58 } from "@elastic/eui";
-import { jsx as jsx289 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx290 } from "@emotion/react/jsx-runtime";
 var WfoSearchLoadingState = () => {
   const t = useTranslations103("search.page");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx289(EuiPanel17, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx289(EuiFlexGroup41, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx289(EuiFlexItem48, { grow: false, children: /* @__PURE__ */ jsx289(EuiText58, { size: "m", color: theme.colors.textSubdued, children: t("loadingSearchResults") }) }) }) });
+  return /* @__PURE__ */ jsx290(EuiPanel17, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx290(EuiFlexGroup41, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx290(EuiFlexItem48, { grow: false, children: /* @__PURE__ */ jsx290(EuiText58, { size: "m", color: theme.colors.textSubdued, children: t("loadingSearchResults") }) }) }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
@@ -58508,7 +58532,7 @@ import {
 // src/components/WfoSearchPage/WfoSearchResults/WfoHighlightedText.tsx
 import { useMemo as useMemo8 } from "react";
 import { css as css53 } from "@emotion/react";
-import { Fragment as Fragment68, jsx as jsx290 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment68, jsx as jsx291 } from "@emotion/react/jsx-runtime";
 var WfoHighlightedText = ({
   text,
   highlight_indices
@@ -58532,26 +58556,26 @@ var WfoHighlightedText = ({
     sorted.forEach(([start, end], idx) => {
       if (start > lastIndex) {
         parts.push(
-          /* @__PURE__ */ jsx290("span", { children: text.slice(lastIndex, start) }, `plain-${idx}`)
+          /* @__PURE__ */ jsx291("span", { children: text.slice(lastIndex, start) }, `plain-${idx}`)
         );
       }
       parts.push(
-        /* @__PURE__ */ jsx290("span", { css: highlightStyles, children: text.slice(start, end) }, `hl-${idx}`)
+        /* @__PURE__ */ jsx291("span", { css: highlightStyles, children: text.slice(start, end) }, `hl-${idx}`)
       );
       lastIndex = end;
     });
     if (lastIndex < text.length) {
-      parts.push(/* @__PURE__ */ jsx290("span", { children: text.slice(lastIndex) }, "plain-last"));
+      parts.push(/* @__PURE__ */ jsx291("span", { children: text.slice(lastIndex) }, "plain-last"));
     }
     return parts;
   }, [text, highlight_indices, highlightStyles]);
-  return /* @__PURE__ */ jsx290(Fragment68, { children: highlightedParts });
+  return /* @__PURE__ */ jsx291(Fragment68, { children: highlightedParts });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoPathBreadcrumb.tsx
 import { Fragment as Fragment69 } from "react";
 import { EuiFlexGroup as EuiFlexGroup42, EuiFlexItem as EuiFlexItem49, EuiIcon as EuiIcon9 } from "@elastic/eui";
-import { jsx as jsx291, jsxs as jsxs153 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx292, jsxs as jsxs153 } from "@emotion/react/jsx-runtime";
 var WfoPathBreadcrumb = ({
   path,
   size = "m",
@@ -58574,7 +58598,7 @@ var WfoPathBreadcrumb = ({
     segments[segments.length - 1]
   ] : segments;
   const badgeColor = color || theme.colors.primary;
-  return /* @__PURE__ */ jsx291(
+  return /* @__PURE__ */ jsx292(
     EuiFlexGroup42,
     {
       gutterSize: size,
@@ -58582,7 +58606,7 @@ var WfoPathBreadcrumb = ({
       wrap: false,
       responsive: false,
       children: displaySegments.map((segment, index) => /* @__PURE__ */ jsxs153(Fragment69, { children: [
-        /* @__PURE__ */ jsx291(EuiFlexItem49, { grow: false, children: /* @__PURE__ */ jsx291(
+        /* @__PURE__ */ jsx292(EuiFlexItem49, { grow: false, children: /* @__PURE__ */ jsx292(
           WfoBadge,
           {
             color: badgeColor,
@@ -58591,7 +58615,7 @@ var WfoPathBreadcrumb = ({
             children: segment
           }
         ) }),
-        showArrows && index < displaySegments.length - 1 && /* @__PURE__ */ jsx291(EuiFlexItem49, { grow: false, children: /* @__PURE__ */ jsx291(
+        showArrows && index < displaySegments.length - 1 && /* @__PURE__ */ jsx292(EuiFlexItem49, { grow: false, children: /* @__PURE__ */ jsx292(
           EuiIcon9,
           {
             type: "arrowRight",
@@ -58605,7 +58629,7 @@ var WfoPathBreadcrumb = ({
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
-import { Fragment as Fragment70, jsx as jsx292, jsxs as jsxs154 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment70, jsx as jsx293, jsxs as jsxs154 } from "@emotion/react/jsx-runtime";
 var WfoSearchResultItem = ({
   result,
   isSelected = false,
@@ -58624,7 +58648,7 @@ var WfoSearchResultItem = ({
       onPositionChange(index, itemRef.current);
     }
   }, [isSelected, index, onPositionChange]);
-  return /* @__PURE__ */ jsx292(EuiFlexItem50, { children: /* @__PURE__ */ jsx292(
+  return /* @__PURE__ */ jsx293(EuiFlexItem50, { children: /* @__PURE__ */ jsx293(
     EuiPanel18,
     {
       panelRef: itemRef,
@@ -58642,8 +58666,8 @@ var WfoSearchResultItem = ({
         borderColor: theme.colors.primary
       } : void 0,
       children: /* @__PURE__ */ jsxs154(EuiFlexGroup43, { alignItems: "flexStart", gutterSize: "m", children: [
-        /* @__PURE__ */ jsx292(EuiFlexItem50, { children: /* @__PURE__ */ jsxs154(EuiFlexGroup43, { direction: "column", gutterSize: "xs", children: [
-          /* @__PURE__ */ jsx292(EuiFlexItem50, { children: /* @__PURE__ */ jsx292(
+        /* @__PURE__ */ jsx293(EuiFlexItem50, { children: /* @__PURE__ */ jsxs154(EuiFlexGroup43, { direction: "column", gutterSize: "xs", children: [
+          /* @__PURE__ */ jsx293(EuiFlexItem50, { children: /* @__PURE__ */ jsx293(
             EuiText59,
             {
               size: "m",
@@ -58654,7 +58678,7 @@ var WfoSearchResultItem = ({
             }
           ) }),
           matchingField && /* @__PURE__ */ jsxs154(Fragment70, { children: [
-            matchingField.path && /* @__PURE__ */ jsx292(EuiFlexItem50, { children: /* @__PURE__ */ jsx292(
+            matchingField.path && /* @__PURE__ */ jsx293(EuiFlexItem50, { children: /* @__PURE__ */ jsx293(
               WfoPathBreadcrumb,
               {
                 path: matchingField.path,
@@ -58663,7 +58687,7 @@ var WfoSearchResultItem = ({
                 color: theme.colors.primary
               }
             ) }),
-            /* @__PURE__ */ jsx292(EuiFlexItem50, { children: /* @__PURE__ */ jsx292(
+            /* @__PURE__ */ jsx293(EuiFlexItem50, { children: /* @__PURE__ */ jsx293(
               EuiText59,
               {
                 style: {
@@ -58671,7 +58695,7 @@ var WfoSearchResultItem = ({
                   borderRadius: theme.border.radius.medium,
                   fontSize: theme.size.base
                 },
-                children: /* @__PURE__ */ jsx292(
+                children: /* @__PURE__ */ jsx293(
                   WfoHighlightedText,
                   {
                     text: matchingField.text,
@@ -58680,17 +58704,17 @@ var WfoSearchResultItem = ({
                 )
               }
             ) }),
-            /* @__PURE__ */ jsx292(EuiSpacer32, { size: "xs" })
+            /* @__PURE__ */ jsx293(EuiSpacer32, { size: "xs" })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx292(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsxs154(
+        /* @__PURE__ */ jsx293(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsxs154(
           EuiFlexGroup43,
           {
             direction: "column",
             alignItems: "flexEnd",
             gutterSize: "xs",
             children: [
-              /* @__PURE__ */ jsx292(EuiFlexItem50, { children: /* @__PURE__ */ jsx292(
+              /* @__PURE__ */ jsx293(EuiFlexItem50, { children: /* @__PURE__ */ jsx293(
                 WfoBadge,
                 {
                   color: theme.colors.primary,
@@ -58698,7 +58722,7 @@ var WfoSearchResultItem = ({
                   children: "score" in result && result.score ? result.score.toFixed(4) : "N/A"
                 }
               ) }),
-              /* @__PURE__ */ jsx292(EuiFlexItem50, { children: /* @__PURE__ */ jsx292(
+              /* @__PURE__ */ jsx293(EuiFlexItem50, { children: /* @__PURE__ */ jsx293(
                 EuiButtonIcon17,
                 {
                   iconType: "popout",
@@ -58720,7 +58744,7 @@ var WfoSearchResultItem = ({
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx
-import { jsx as jsx293 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx294 } from "@emotion/react/jsx-runtime";
 var WfoSearchResults = ({
   results,
   loading,
@@ -58728,12 +58752,12 @@ var WfoSearchResults = ({
   onRecordSelect
 }) => {
   if (loading) {
-    return /* @__PURE__ */ jsx293(WfoSearchLoadingState, {});
+    return /* @__PURE__ */ jsx294(WfoSearchLoadingState, {});
   }
   if (!results || results.length === 0) {
-    return /* @__PURE__ */ jsx293(WfoSearchEmptyState, {});
+    return /* @__PURE__ */ jsx294(WfoSearchEmptyState, {});
   }
-  return /* @__PURE__ */ jsx293(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx293(EuiFlexGroup44, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx293(
+  return /* @__PURE__ */ jsx294(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx294(EuiFlexGroup44, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx294(
     WfoSearchResultItem,
     {
       result,
@@ -58748,12 +58772,12 @@ var WfoSearchResults = ({
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchMetadataHeader.tsx
-import { jsx as jsx294 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx295 } from "@emotion/react/jsx-runtime";
 var WfoSearchMetadataHeader = ({
   search_metadata
 }) => {
   if (!search_metadata.search_type) return null;
-  return /* @__PURE__ */ jsx294(WfoToolTip, { tooltipContent: search_metadata.description || "", children: /* @__PURE__ */ jsx294(WfoBadge, { color: "hollow", iconType: "search", textColor: "default", children: search_metadata.search_type }) });
+  return /* @__PURE__ */ jsx295(WfoToolTip, { tooltipContent: search_metadata.description || "", children: /* @__PURE__ */ jsx295(WfoBadge, { color: "hollow", iconType: "search", textColor: "default", children: search_metadata.search_type }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchPaginationInfo.tsx
@@ -58764,7 +58788,7 @@ import {
   EuiFlexItem as EuiFlexItem51,
   EuiText as EuiText60
 } from "@elastic/eui";
-import { jsx as jsx295, jsxs as jsxs155 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx296, jsxs as jsxs155 } from "@emotion/react/jsx-runtime";
 var WfoSearchPaginationInfo = ({
   has_next_page,
   next_page_cursor,
@@ -58801,7 +58825,7 @@ var WfoSearchPaginationInfo = ({
       role: "navigation",
       "aria-label": t("searchResultsPagination"),
       children: [
-        /* @__PURE__ */ jsx295(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx295(
+        /* @__PURE__ */ jsx296(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx296(
           EuiButtonIcon18,
           {
             iconType: "arrowLeft",
@@ -58812,12 +58836,12 @@ var WfoSearchPaginationInfo = ({
             size: "s"
           }
         ) }),
-        /* @__PURE__ */ jsx295(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsxs155(EuiText60, { size: "xs", color: theme.colors.textSubdued, children: [
+        /* @__PURE__ */ jsx296(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsxs155(EuiText60, { size: "xs", color: theme.colors.textSubdued, children: [
           t("page"),
           " ",
           currentPage
         ] }) }),
-        /* @__PURE__ */ jsx295(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx295(
+        /* @__PURE__ */ jsx296(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx296(
           EuiButtonIcon18,
           {
             iconType: "arrowRight",
@@ -58829,7 +58853,7 @@ var WfoSearchPaginationInfo = ({
             isLoading
           }
         ) }),
-        resultCount && resultCount > 0 && /* @__PURE__ */ jsx295(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx295(
+        resultCount && resultCount > 0 && /* @__PURE__ */ jsx296(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx296(
           WfoBadge,
           {
             className: "wfoPagination__badge",
@@ -58844,7 +58868,7 @@ var WfoSearchPaginationInfo = ({
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { Fragment as Fragment71, jsx as jsx296, jsxs as jsxs156 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment71, jsx as jsx297, jsxs as jsxs156 } from "@emotion/react/jsx-runtime";
 var WfoSearch = () => {
   const t = useTranslations106("search.page");
   const { theme } = useOrchestratorTheme();
@@ -58863,11 +58887,11 @@ var WfoSearch = () => {
     setSelectedRecordId
   } = useUrlParams();
   const pageSize = DEFAULT_PAGE_SIZE2;
-  const [filterGroup, setFilterGroup] = useState63({
+  const [filterGroup, setFilterGroup] = useState64({
     op: "AND",
     children: []
   });
-  const [showDetailPanel, setShowDetailPanel] = useState63(false);
+  const [showDetailPanel, setShowDetailPanel] = useState64(false);
   const debouncedQuery = useDebounce(query, DEFAULT_DEBOUNCE_DELAY);
   const { results, loading, setResults } = useSearch(
     debouncedQuery,
@@ -58875,7 +58899,7 @@ var WfoSearch = () => {
     filterGroup,
     pageSize
   );
-  const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState63(false);
+  const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState64(false);
   useEffect41(() => {
     const queryText = typeof debouncedQuery === "string" ? debouncedQuery : debouncedQuery?.text?.trim() || "";
     const hasFilters = filterGroup && filterGroup.children.length > 0;
@@ -58901,7 +58925,7 @@ var WfoSearch = () => {
     results,
     setResults
   );
-  const [searchValue, setSearchValue] = useState63(() => {
+  const [searchValue, setSearchValue] = useState64(() => {
     if (typeof query === "string") {
       return query;
     }
@@ -58987,7 +59011,7 @@ var WfoSearch = () => {
       featureType: "search",
       availability: searchAvailability,
       children: [
-        /* @__PURE__ */ jsx296(EuiTabs4, { children: ENTITY_TABS.map((tab) => /* @__PURE__ */ jsx296(
+        /* @__PURE__ */ jsx297(EuiTabs4, { children: ENTITY_TABS.map((tab) => /* @__PURE__ */ jsx297(
           EuiTab4,
           {
             onClick: () => handleTabChange(tab.id),
@@ -58996,8 +59020,8 @@ var WfoSearch = () => {
           },
           tab.id
         )) }),
-        /* @__PURE__ */ jsx296(EuiSpacer33, { size: "m" }),
-        /* @__PURE__ */ jsx296(
+        /* @__PURE__ */ jsx297(EuiSpacer33, { size: "m" }),
+        /* @__PURE__ */ jsx297(
           EuiFieldSearch3,
           {
             placeholder: t("searchPlaceholder", {
@@ -59014,8 +59038,8 @@ var WfoSearch = () => {
             fullWidth: true
           }
         ),
-        /* @__PURE__ */ jsx296(EuiSpacer33, { size: "s" }),
-        /* @__PURE__ */ jsx296(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: /* @__PURE__ */ jsx296(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx296(
+        /* @__PURE__ */ jsx297(EuiSpacer33, { size: "s" }),
+        /* @__PURE__ */ jsx297(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx297(
           EuiButton23,
           {
             iconType: showFilters ? "eyeClosed" : "eye",
@@ -59025,11 +59049,11 @@ var WfoSearch = () => {
           }
         ) }) }),
         showFilters && /* @__PURE__ */ jsxs156(Fragment71, { children: [
-          /* @__PURE__ */ jsx296(EuiSpacer33, { size: "m" }),
+          /* @__PURE__ */ jsx297(EuiSpacer33, { size: "m" }),
           /* @__PURE__ */ jsxs156(EuiPanel20, { hasBorder: true, paddingSize: "m", children: [
-            /* @__PURE__ */ jsx296(EuiText61, { children: /* @__PURE__ */ jsx296("h4", { children: t("structuredFilters") }) }),
-            /* @__PURE__ */ jsx296(EuiSpacer33, { size: "s" }),
-            /* @__PURE__ */ jsx296(
+            /* @__PURE__ */ jsx297(EuiText61, { children: /* @__PURE__ */ jsx297("h4", { children: t("structuredFilters") }) }),
+            /* @__PURE__ */ jsx297(EuiSpacer33, { size: "s" }),
+            /* @__PURE__ */ jsx297(
               FilterGroup,
               {
                 group: filterGroup,
@@ -59040,18 +59064,18 @@ var WfoSearch = () => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx296(EuiSpacer33, { size: "m" }),
+        /* @__PURE__ */ jsx297(EuiSpacer33, { size: "m" }),
         error && /* @__PURE__ */ jsxs156(Fragment71, { children: [
           /* @__PURE__ */ jsxs156(
-            EuiCallOut4,
+            EuiCallOut5,
             {
               title: t("searchError"),
               color: "danger",
               iconType: "alert",
               size: "s",
               children: [
-                /* @__PURE__ */ jsx296("p", { children: error }),
-                /* @__PURE__ */ jsx296(
+                /* @__PURE__ */ jsx297("p", { children: error }),
+                /* @__PURE__ */ jsx297(
                   EuiButton23,
                   {
                     size: "s",
@@ -59063,32 +59087,32 @@ var WfoSearch = () => {
               ]
             }
           ),
-          /* @__PURE__ */ jsx296(EuiSpacer33, { size: "m" })
+          /* @__PURE__ */ jsx297(EuiSpacer33, { size: "m" })
         ] }),
         shouldShowNoResults && /* @__PURE__ */ jsxs156(Fragment71, { children: [
-          /* @__PURE__ */ jsx296(EuiSpacer33, { size: "l" }),
+          /* @__PURE__ */ jsx297(EuiSpacer33, { size: "l" }),
           /* @__PURE__ */ jsxs156(
-            EuiCallOut4,
+            EuiCallOut5,
             {
               title: t("noResults"),
               color: "primary",
               iconType: "search",
               size: "m",
               children: [
-                /* @__PURE__ */ jsx296("p", { children: t("noResultsMessage", {
+                /* @__PURE__ */ jsx297("p", { children: t("noResultsMessage", {
                   entityType: currentTab?.label.toLowerCase()
                 }) }),
-                /* @__PURE__ */ jsx296(EuiSpacer33, { size: "s" }),
-                /* @__PURE__ */ jsx296(EuiText61, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx296("p", { children: t("noResultsSuggestions") }) })
+                /* @__PURE__ */ jsx297(EuiSpacer33, { size: "s" }),
+                /* @__PURE__ */ jsx297(EuiText61, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx297("p", { children: t("noResultsSuggestions") }) })
               ]
             }
           ),
-          /* @__PURE__ */ jsx296(EuiSpacer33, { size: "l" })
+          /* @__PURE__ */ jsx297(EuiSpacer33, { size: "l" })
         ] }),
         isSearchActive && /* @__PURE__ */ jsxs156(Fragment71, { children: [
-          /* @__PURE__ */ jsx296(EuiSpacer33, { size: "m" }),
+          /* @__PURE__ */ jsx297(EuiSpacer33, { size: "m" }),
           /* @__PURE__ */ jsxs156(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
-            /* @__PURE__ */ jsx296(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs156(
+            /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs156(
               EuiFlexGroup46,
               {
                 gutterSize: "s",
@@ -59097,13 +59121,13 @@ var WfoSearch = () => {
                 responsive: false,
                 style: { width: "100%" },
                 children: [
-                  /* @__PURE__ */ jsx296(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx296(
+                  /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx297(
                     WfoSearchMetadataHeader,
                     {
                       search_metadata: results.search_metadata
                     }
                   ) }),
-                  /* @__PURE__ */ jsx296(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx296(
+                  /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx297(
                     WfoSearchPaginationInfo,
                     {
                       has_next_page: results.page_info.has_next_page,
@@ -59119,11 +59143,11 @@ var WfoSearch = () => {
                 ]
               }
             ) }),
-            showDetailPanel && /* @__PURE__ */ jsx296(EuiFlexItem52, { grow: DETAIL_GROW })
+            showDetailPanel && /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: DETAIL_GROW })
           ] }),
-          /* @__PURE__ */ jsx296(EuiSpacer33, { size: "s" }),
+          /* @__PURE__ */ jsx297(EuiSpacer33, { size: "s" }),
           /* @__PURE__ */ jsxs156(EuiFlexGroup46, { gutterSize: "s", alignItems: "flexStart", children: [
-            /* @__PURE__ */ jsx296(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx296(EuiPanel20, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx296(
+            /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx297(EuiPanel20, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx297(
               WfoSearchResults,
               {
                 results: results.data,
@@ -59140,7 +59164,7 @@ var WfoSearch = () => {
                 }
               }
             ) }) }),
-            showDetailPanel && /* @__PURE__ */ jsx296(EuiFlexItem52, { grow: DETAIL_GROW, children: /* @__PURE__ */ jsx296(
+            showDetailPanel && /* @__PURE__ */ jsx297(EuiFlexItem52, { grow: DETAIL_GROW, children: /* @__PURE__ */ jsx297(
               EuiPanel20,
               {
                 paddingSize: "m",
@@ -59149,26 +59173,26 @@ var WfoSearch = () => {
                 color: "transparent",
                 children: selectedEntityTab === "SUBSCRIPTION" && results.data[selectedRecordIndex] && isSubscriptionSearchResult(
                   results.data[selectedRecordIndex]
-                ) ? /* @__PURE__ */ jsx296(TreeProvider, { children: /* @__PURE__ */ jsx296(
+                ) ? /* @__PURE__ */ jsx297(TreeProvider, { children: /* @__PURE__ */ jsx297(
                   WfoSubscription,
                   {
                     subscriptionId: results.data[selectedRecordIndex].entity_id
                   }
                 ) }) : /* @__PURE__ */ jsxs156(Fragment71, { children: [
-                  /* @__PURE__ */ jsx296(EuiText61, { children: /* @__PURE__ */ jsx296("h4", { children: t("details") }) }),
-                  /* @__PURE__ */ jsx296(EuiSpacer33, { size: "m" }),
+                  /* @__PURE__ */ jsx297(EuiText61, { children: /* @__PURE__ */ jsx297("h4", { children: t("details") }) }),
+                  /* @__PURE__ */ jsx297(EuiSpacer33, { size: "m" }),
                   /* @__PURE__ */ jsxs156(
                     EuiText61,
                     {
                       color: theme.colors.textSubdued,
                       children: [
-                        /* @__PURE__ */ jsx296("p", { children: t(
+                        /* @__PURE__ */ jsx297("p", { children: t(
                           "showingDetailsForResult",
                           {
                             resultNumber: selectedRecordIndex + 1
                           }
                         ) }),
-                        /* @__PURE__ */ jsx296(EuiSpacer33, { size: "s" }),
+                        /* @__PURE__ */ jsx297(EuiSpacer33, { size: "s" }),
                         /* @__PURE__ */ jsxs156(
                           WfoBadge,
                           {
@@ -59181,8 +59205,8 @@ var WfoSearch = () => {
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsx296(EuiSpacer33, { size: "m" }),
-                        /* @__PURE__ */ jsx296("p", { children: /* @__PURE__ */ jsx296("em", { children: t(
+                        /* @__PURE__ */ jsx297(EuiSpacer33, { size: "m" }),
+                        /* @__PURE__ */ jsx297("p", { children: /* @__PURE__ */ jsx297("em", { children: t(
                           "selectResultInstruction"
                         ) }) })
                       ]
@@ -59288,7 +59312,7 @@ var getExportButtonStyles = ({ theme }) => {
 };
 
 // src/components/WfoAgent/ExportButton/ExportButton.tsx
-import { jsx as jsx297, jsxs as jsxs157 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx298, jsxs as jsxs157 } from "@emotion/react/jsx-runtime";
 function ExportButton({ exportData }) {
   const { showToastMessage } = useShowToastMessage();
   const tError = useTranslations107("errors");
@@ -59325,27 +59349,27 @@ function ExportButton({ exportData }) {
     );
     await handleExport();
   };
-  return /* @__PURE__ */ jsx297("div", { css: containerStyle2, children: /* @__PURE__ */ jsxs157("div", { css: buttonWrapperStyle, children: [
-    exportData.message && /* @__PURE__ */ jsx297("div", { css: titleStyle, children: exportData.message }),
+  return /* @__PURE__ */ jsx298("div", { css: containerStyle2, children: /* @__PURE__ */ jsxs157("div", { css: buttonWrapperStyle, children: [
+    exportData.message && /* @__PURE__ */ jsx298("div", { css: titleStyle, children: exportData.message }),
     /* @__PURE__ */ jsxs157("div", { css: fileRowStyle, onClick: onDownloadClick, children: [
       /* @__PURE__ */ jsxs157("div", { css: fileInfoStyle, children: [
-        /* @__PURE__ */ jsx297(EuiIcon10, { type: "document", size: "m" }),
-        /* @__PURE__ */ jsx297("span", { css: filenameStyle, children: filename })
+        /* @__PURE__ */ jsx298(EuiIcon10, { type: "document", size: "m" }),
+        /* @__PURE__ */ jsx298("span", { css: filenameStyle, children: filename })
       ] }),
-      /* @__PURE__ */ jsx297("div", { css: downloadButtonStyle, children: isFetching ? /* @__PURE__ */ jsx297(EuiLoadingSpinner4, { size: "m" }) : /* @__PURE__ */ jsx297(EuiIcon10, { type: "download", size: "m" }) })
+      /* @__PURE__ */ jsx298("div", { css: downloadButtonStyle, children: isFetching ? /* @__PURE__ */ jsx298(EuiLoadingSpinner4, { size: "m" }) : /* @__PURE__ */ jsx298(EuiIcon10, { type: "download", size: "m" }) })
     ] })
   ] }) });
 }
 
 // src/components/WfoAgent/ToolProgress/ToolProgress.tsx
-import { useState as useState64 } from "react";
+import { useState as useState65 } from "react";
 import { useTranslations as useTranslations109 } from "next-intl";
 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 EuiSpacer34, EuiText as EuiText62 } from "@elastic/eui";
-import { Fragment as Fragment72, jsx as jsx298, jsxs as jsxs158 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment72, jsx as jsx299, jsxs as jsxs158 } from "@emotion/react/jsx-runtime";
 var DiscoverFilterPathsDisplay = ({
   parameters,
   result
@@ -59367,31 +59391,31 @@ var DiscoverFilterPathsDisplay = ({
         " ",
         field_names.map((name, idx) => /* @__PURE__ */ jsxs158(React93.Fragment, { children: [
           idx > 0 && ", ",
-          /* @__PURE__ */ jsx298(WfoBadge, { color: "hollow", textColor: "default", children: name })
+          /* @__PURE__ */ jsx299(WfoBadge, { color: "hollow", textColor: "default", children: name })
         ] }, name))
       ] }),
-      /* @__PURE__ */ jsx298(EuiSpacer34, { size: "s" })
+      /* @__PURE__ */ jsx299(EuiSpacer34, { size: "s" })
     ] }),
     result && totalPaths > 0 && /* @__PURE__ */ jsxs158("div", { children: [
-      /* @__PURE__ */ jsx298(EuiText62, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsxs158("strong", { children: [
+      /* @__PURE__ */ jsx299(EuiText62, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsxs158("strong", { children: [
         "Found ",
         totalPaths,
         " path",
         totalPaths > 1 ? "s" : "",
         ":"
       ] }) }),
-      /* @__PURE__ */ jsx298(EuiSpacer34, { size: "xs" }),
-      foundFields.map(([fieldName, fieldResult]) => /* @__PURE__ */ jsx298("div", { style: { marginBottom: "8px" }, children: fieldResult.leaves && fieldResult.leaves.length > 0 && fieldResult.leaves.map(
+      /* @__PURE__ */ jsx299(EuiSpacer34, { size: "xs" }),
+      foundFields.map(([fieldName, fieldResult]) => /* @__PURE__ */ jsx299("div", { style: { marginBottom: "8px" }, children: fieldResult.leaves && fieldResult.leaves.length > 0 && fieldResult.leaves.map(
         (leaf, leafIdx) => {
           const paths = leaf.paths || (leaf.name ? [leaf.name] : []);
-          return /* @__PURE__ */ jsx298(React93.Fragment, { children: paths.map(
-            (path, pathIdx) => /* @__PURE__ */ jsx298(
+          return /* @__PURE__ */ jsx299(React93.Fragment, { children: paths.map(
+            (path, pathIdx) => /* @__PURE__ */ jsx299(
               "div",
               {
                 style: {
                   marginBottom: "4px"
                 },
-                children: /* @__PURE__ */ jsx298(
+                children: /* @__PURE__ */ jsx299(
                   WfoPathBreadcrumb,
                   {
                     path,
@@ -59410,12 +59434,12 @@ var DiscoverFilterPathsDisplay = ({
 
 // src/components/WfoAgent/ToolProgress/RunSearchDisplay.tsx
 import { EuiFlexGroup as EuiFlexGroup47, EuiFlexItem as EuiFlexItem53, EuiText as EuiText63 } from "@elastic/eui";
-import { jsx as jsx299, jsxs as jsxs159 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx300, jsxs as jsxs159 } from "@emotion/react/jsx-runtime";
 var RunSearchDisplay = ({ parameters }) => {
   const { limit = 10 } = parameters;
-  return /* @__PURE__ */ jsx299("div", { children: /* @__PURE__ */ jsxs159(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", children: [
-    /* @__PURE__ */ jsx299(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx299(EuiText63, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx299("strong", { children: "Results Limit" }) }) }),
-    /* @__PURE__ */ jsx299(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx299(WfoBadge, { textColor: "default", color: "hollow", children: limit }) })
+  return /* @__PURE__ */ jsx300("div", { children: /* @__PURE__ */ jsxs159(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", children: [
+    /* @__PURE__ */ jsx300(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx300(EuiText63, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx300("strong", { children: "Results Limit" }) }) }),
+    /* @__PURE__ */ jsx300(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx300(WfoBadge, { textColor: "default", color: "hollow", children: limit }) })
   ] }) });
 };
 
@@ -59479,7 +59503,7 @@ var getFilterDisplayStyles = ({ theme }) => {
 };
 
 // src/components/WfoAgent/ToolProgress/SetFilterTreeDisplay.tsx
-import { jsx as jsx300, jsxs as jsxs160 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx301, jsxs as jsxs160 } from "@emotion/react/jsx-runtime";
 var DEPTH_INDENT = 16;
 var SetFilterTreeDisplay = ({
   parameters
@@ -59508,13 +59532,13 @@ var SetFilterTreeDisplay = ({
   };
   const renderFilterGroup = (group, depth = 0) => {
     if (!group.children || group.children.length === 0) {
-      return /* @__PURE__ */ jsx300(EuiText64, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx300("em", { children: t("emptyGroup") }) });
+      return /* @__PURE__ */ jsx301(EuiText64, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx301("em", { children: t("emptyGroup") }) });
     }
     const areChildrenGroups = group.children.length > 0 && !isCondition(group.children[0]);
     return /* @__PURE__ */ jsxs160("div", { css: groupStyle, style: { marginLeft: depth * DEPTH_INDENT }, children: [
-      /* @__PURE__ */ jsx300("div", { css: operatorStyle, children: group.op }),
-      /* @__PURE__ */ jsx300("div", { css: areChildrenGroups ? columnGroupWrapStyle : wrapStyle, children: group.children.map((child, i) => /* @__PURE__ */ jsx300("div", { children: isCondition(child) ? /* @__PURE__ */ jsxs160("div", { css: chipStyle, children: [
-        /* @__PURE__ */ jsx300(
+      /* @__PURE__ */ jsx301("div", { css: operatorStyle, children: group.op }),
+      /* @__PURE__ */ jsx301("div", { css: areChildrenGroups ? columnGroupWrapStyle : wrapStyle, children: group.children.map((child, i) => /* @__PURE__ */ jsx301("div", { children: isCondition(child) ? /* @__PURE__ */ jsxs160("div", { css: chipStyle, children: [
+        /* @__PURE__ */ jsx301(
           WfoPathBreadcrumb,
           {
             path: child.path,
@@ -59522,7 +59546,7 @@ var SetFilterTreeDisplay = ({
             showArrows: true
           }
         ),
-        /* @__PURE__ */ jsx300(
+        /* @__PURE__ */ jsx301(
           WfoBadge,
           {
             textColor: "default",
@@ -59539,19 +59563,19 @@ var SetFilterTreeDisplay = ({
             ).symbol
           }
         ),
-        /* @__PURE__ */ jsx300("span", { css: valueStyle, children: formatFilterValue(child.condition) })
+        /* @__PURE__ */ jsx301("span", { css: valueStyle, children: formatFilterValue(child.condition) })
       ] }) : renderFilterGroup(child, depth + 1) }, i)) })
     ] });
   };
   if (!filters || !filters.children || filters.children.length === 0) {
-    return /* @__PURE__ */ jsx300(EuiText64, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx300("em", { children: t("noFiltersApplied") }) });
+    return /* @__PURE__ */ jsx301(EuiText64, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx301("em", { children: t("noFiltersApplied") }) });
   }
-  return /* @__PURE__ */ jsx300("div", { children: renderFilterGroup(filters) });
+  return /* @__PURE__ */ jsx301("div", { children: renderFilterGroup(filters) });
 };
 
 // src/components/WfoAgent/ToolProgress/StartNewSearchDisplay.tsx
 import { EuiFlexGroup as EuiFlexGroup48, EuiFlexItem as EuiFlexItem54, EuiSpacer as EuiSpacer35, EuiText as EuiText65 } from "@elastic/eui";
-import { Fragment as Fragment73, jsx as jsx301, jsxs as jsxs161 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment73, jsx as jsx302, jsxs as jsxs161 } from "@emotion/react/jsx-runtime";
 var StartNewSearchDisplay = ({
   parameters
 }) => {
@@ -59559,21 +59583,21 @@ var StartNewSearchDisplay = ({
   return /* @__PURE__ */ jsxs161("div", { children: [
     /* @__PURE__ */ jsxs161(EuiFlexGroup48, { gutterSize: "s", wrap: true, children: [
       entity_type && /* @__PURE__ */ jsxs161(EuiFlexItem54, { grow: false, children: [
-        /* @__PURE__ */ jsx301(EuiText65, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx301("strong", { children: "Entity Type" }) }),
-        /* @__PURE__ */ jsx301(EuiSpacer35, { size: "xs" }),
-        /* @__PURE__ */ jsx301(WfoBadge, { textColor: "default", color: "hollow", children: entity_type })
+        /* @__PURE__ */ jsx302(EuiText65, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx302("strong", { children: "Entity Type" }) }),
+        /* @__PURE__ */ jsx302(EuiSpacer35, { size: "xs" }),
+        /* @__PURE__ */ jsx302(WfoBadge, { textColor: "default", color: "hollow", children: entity_type })
       ] }),
       action && /* @__PURE__ */ jsxs161(EuiFlexItem54, { grow: false, children: [
-        /* @__PURE__ */ jsx301(EuiText65, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx301("strong", { children: "Action" }) }),
-        /* @__PURE__ */ jsx301(EuiSpacer35, { size: "xs" }),
-        /* @__PURE__ */ jsx301(WfoBadge, { textColor: "default", color: "hollow", children: action })
+        /* @__PURE__ */ jsx302(EuiText65, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx302("strong", { children: "Action" }) }),
+        /* @__PURE__ */ jsx302(EuiSpacer35, { size: "xs" }),
+        /* @__PURE__ */ jsx302(WfoBadge, { textColor: "default", color: "hollow", children: action })
       ] })
     ] }),
     query && /* @__PURE__ */ jsxs161(Fragment73, { children: [
-      /* @__PURE__ */ jsx301(EuiSpacer35, { size: "s" }),
-      /* @__PURE__ */ jsx301(EuiText65, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx301("strong", { children: "Query" }) }),
-      /* @__PURE__ */ jsx301(EuiSpacer35, { size: "xs" }),
-      /* @__PURE__ */ jsx301(EuiText65, { size: "s", children: /* @__PURE__ */ jsxs161("em", { children: [
+      /* @__PURE__ */ jsx302(EuiSpacer35, { size: "s" }),
+      /* @__PURE__ */ jsx302(EuiText65, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx302("strong", { children: "Query" }) }),
+      /* @__PURE__ */ jsx302(EuiSpacer35, { size: "xs" }),
+      /* @__PURE__ */ jsx302(EuiText65, { size: "s", children: /* @__PURE__ */ jsxs161("em", { children: [
         '"',
         query,
         '"'
@@ -59627,7 +59651,7 @@ var getToolProgressStyles = ({ theme }) => {
 };
 
 // src/components/WfoAgent/ToolProgress/ToolProgress.tsx
-import { jsx as jsx302, jsxs as jsxs162 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx303, jsxs as jsxs162 } from "@emotion/react/jsx-runtime";
 var TOOL_DISPLAY_COMPONENTS = {
   set_filter_tree: SetFilterTreeDisplay,
   start_new_search: StartNewSearchDisplay,
@@ -59640,7 +59664,7 @@ var ToolProgress = ({
   args,
   result
 }) => {
-  const [isExpanded, setIsExpanded] = useState64(false);
+  const [isExpanded, setIsExpanded] = useState65(false);
   const tPage = useTranslations109("agent.page");
   const {
     containerStyle: containerStyle2,
@@ -59660,7 +59684,7 @@ var ToolProgress = ({
   };
   const renderStatus = () => {
     if (status === "complete") {
-      return /* @__PURE__ */ jsx302(
+      return /* @__PURE__ */ jsx303(
         WfoCheckmarkCircleFill,
         {
           color: theme.colors.success,
@@ -59670,10 +59694,10 @@ var ToolProgress = ({
       );
     }
     if (status === "inProgress" || status === "executing") {
-      return /* @__PURE__ */ jsx302(EuiLoadingSpinner5, { size: "s" });
+      return /* @__PURE__ */ jsx303(EuiLoadingSpinner5, { size: "s" });
     }
     if (status === "failed") {
-      return /* @__PURE__ */ jsx302(
+      return /* @__PURE__ */ jsx303(
         WfoXCircleFill,
         {
           color: theme.colors.danger,
@@ -59687,7 +59711,7 @@ var ToolProgress = ({
   const DisplayComponent = TOOL_DISPLAY_COMPONENTS[name];
   const hasContent = DisplayComponent && (args || result);
   return /* @__PURE__ */ jsxs162("div", { css: containerStyle2, children: [
-    /* @__PURE__ */ jsx302(
+    /* @__PURE__ */ jsx303(
       "div",
       {
         css: hasContent && containerClickableStyle,
@@ -59699,9 +59723,9 @@ var ToolProgress = ({
             alignItems: "center",
             css: headerStyle,
             children: [
-              /* @__PURE__ */ jsx302(EuiFlexItem55, { grow: false, children: /* @__PURE__ */ jsx302("div", { css: iconStyle, children: /* @__PURE__ */ jsx302(WfoWrench, { width: iconSize, height: iconSize }) }) }),
-              /* @__PURE__ */ jsx302(EuiFlexItem55, { grow: true, children: /* @__PURE__ */ jsx302("span", { css: nameStyle, children: getToolLabel(name) }) }),
-              /* @__PURE__ */ jsx302(
+              /* @__PURE__ */ jsx303(EuiFlexItem55, { grow: false, children: /* @__PURE__ */ jsx303("div", { css: iconStyle, children: /* @__PURE__ */ jsx303(WfoWrench, { width: iconSize, height: iconSize }) }) }),
+              /* @__PURE__ */ jsx303(EuiFlexItem55, { grow: true, children: /* @__PURE__ */ jsx303("span", { css: nameStyle, children: getToolLabel(name) }) }),
+              /* @__PURE__ */ jsx303(
                 EuiFlexItem55,
                 {
                   grow: false,
@@ -59709,18 +59733,18 @@ var ToolProgress = ({
                   children: renderStatus()
                 }
               ),
-              /* @__PURE__ */ jsx302(
+              /* @__PURE__ */ jsx303(
                 EuiFlexItem55,
                 {
                   grow: false,
                   style: { minWidth: `${iconSize}px` },
-                  children: hasContent && (isExpanded ? /* @__PURE__ */ jsx302(
+                  children: hasContent && (isExpanded ? /* @__PURE__ */ jsx303(
                     WfoChevronUp,
                     {
                       width: iconSize,
                       height: iconSize
                     }
-                  ) : /* @__PURE__ */ jsx302(
+                  ) : /* @__PURE__ */ jsx303(
                     WfoChevronDown,
                     {
                       width: iconSize,
@@ -59734,7 +59758,7 @@ var ToolProgress = ({
         )
       }
     ),
-    hasContent && isExpanded && /* @__PURE__ */ jsx302("div", { css: expandedContentStyle, children: /* @__PURE__ */ jsx302(DisplayComponent, { parameters: args, result }) })
+    hasContent && isExpanded && /* @__PURE__ */ jsx303("div", { css: expandedContentStyle, children: /* @__PURE__ */ jsx303(DisplayComponent, { parameters: args, result }) })
   ] });
 };
 
@@ -59752,7 +59776,9 @@ import {
   Position,
   Settings
 } from "@elastic/charts";
-import { jsx as jsx303, jsxs as jsxs163 } from "@emotion/react/jsx-runtime";
+import "@elastic/charts/dist/theme_only_dark.css";
+import "@elastic/charts/dist/theme_only_light.css";
+import { jsx as jsx304, jsxs as jsxs163 } from "@emotion/react/jsx-runtime";
 function WfoAgentLineChart({ aggregationData }) {
   const { results } = aggregationData;
   const { isDarkThemeActive, multiplyByBaseUnit } = useOrchestratorTheme();
@@ -59767,8 +59793,8 @@ function WfoAgentLineChart({ aggregationData }) {
     ...result.aggregations
   }));
   return /* @__PURE__ */ jsxs163(Chart, { size: { height: multiplyByBaseUnit(30) }, children: [
-    /* @__PURE__ */ jsx303(Settings, { showLegend: true, baseTheme: chartBaseTheme }),
-    /* @__PURE__ */ jsx303(
+    /* @__PURE__ */ jsx304(Settings, { showLegend: true, baseTheme: chartBaseTheme }),
+    /* @__PURE__ */ jsx304(
       Axis,
       {
         id: "bottom",
@@ -59777,8 +59803,8 @@ function WfoAgentLineChart({ aggregationData }) {
         tickFormat: (d) => chartData[d]?.xLabel?.split(" ")[0] || d
       }
     ),
-    /* @__PURE__ */ jsx303(Axis, { id: "left", position: Position.Left, title: "Count" }),
-    aggKeys.map((aggKey) => /* @__PURE__ */ jsx303(
+    /* @__PURE__ */ jsx304(Axis, { id: "left", position: Position.Left, title: "Count" }),
+    aggKeys.map((aggKey) => /* @__PURE__ */ jsx304(
       LineSeries,
       {
         id: aggKey,
@@ -59802,6 +59828,8 @@ import {
   Position as Position2,
   Settings as Settings2
 } from "@elastic/charts";
+import "@elastic/charts/dist/theme_only_dark.css";
+import "@elastic/charts/dist/theme_only_light.css";
 
 // src/components/WfoAgent/WfoAgentChart/styles.ts
 import { css as css57 } from "@emotion/react";
@@ -59811,7 +59839,7 @@ var containerStyle = css57({
 });
 
 // src/components/WfoAgent/WfoAgentChart/WfoAgentPieChart.tsx
-import { jsx as jsx304, jsxs as jsxs164 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx305, jsxs as jsxs164 } from "@emotion/react/jsx-runtime";
 function WfoAgentPieChart({ aggregationData }) {
   const { results } = aggregationData;
   const { isDarkThemeActive, multiplyByBaseUnit } = useOrchestratorTheme();
@@ -59825,8 +59853,8 @@ function WfoAgentPieChart({ aggregationData }) {
     label: result.group_values[groupKey],
     value: result.aggregations[aggKey]
   }));
-  return /* @__PURE__ */ jsx304("div", { css: containerStyle, children: /* @__PURE__ */ jsxs164(Chart2, { size: { height: multiplyByBaseUnit(25) }, children: [
-    /* @__PURE__ */ jsx304(
+  return /* @__PURE__ */ jsx305("div", { css: containerStyle, children: /* @__PURE__ */ jsxs164(Chart2, { size: { height: multiplyByBaseUnit(25) }, children: [
+    /* @__PURE__ */ jsx305(
       Settings2,
       {
         showLegend: true,
@@ -59834,7 +59862,7 @@ function WfoAgentPieChart({ aggregationData }) {
         baseTheme: chartBaseTheme
       }
     ),
-    /* @__PURE__ */ jsx304(
+    /* @__PURE__ */ jsx305(
       Partition,
       {
         id: "pieByPR",
@@ -59858,7 +59886,7 @@ function WfoAgentPieChart({ aggregationData }) {
 // src/components/WfoAgent/WfoAgentTable/WfoAgentTable.tsx
 import React95 from "react";
 import { EuiBasicTable } from "@elastic/eui";
-import { jsx as jsx305 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx306 } from "@emotion/react/jsx-runtime";
 var formatColumnName = (key) => key.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
 function WfoAgentTable({ aggregationData }) {
   const { results } = aggregationData;
@@ -59897,7 +59925,7 @@ function WfoAgentTable({ aggregationData }) {
       setPageSize(page.size);
     }
   };
-  return /* @__PURE__ */ jsx305(
+  return /* @__PURE__ */ jsx306(
     EuiBasicTable,
     {
       items: paginatedItems,
@@ -59910,14 +59938,14 @@ function WfoAgentTable({ aggregationData }) {
 }
 
 // src/components/WfoAgent/WfoAgentVisualization/WfoAgentVisualization.tsx
-import { jsx as jsx306 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx307 } from "@emotion/react/jsx-runtime";
 function WfoAgentVisualization({
   aggregationData
 }) {
   const { visualization_type, results } = aggregationData;
   const t = useTranslations110("agent.page.visualization");
   if (!results || results.length === 0) {
-    return /* @__PURE__ */ jsx306(EuiText66, { size: "s", children: /* @__PURE__ */ jsx306("p", { children: t("noDataAvailable") }) });
+    return /* @__PURE__ */ jsx307(EuiText66, { size: "s", children: /* @__PURE__ */ jsx307("p", { children: t("noDataAvailable") }) });
   }
   const visualizationType = visualization_type?.type;
   if (visualizationType === "pie" /* PIE */ || visualizationType === "line" /* LINE */) {
@@ -59925,22 +59953,22 @@ function WfoAgentVisualization({
     const groupKeys = Object.keys(firstResult.group_values);
     const aggKeys = Object.keys(firstResult.aggregations);
     if (groupKeys.length === 0 || aggKeys.length === 0) {
-      return /* @__PURE__ */ jsx306(EuiText66, { size: "s", children: /* @__PURE__ */ jsx306("p", { children: t("invalidDataStructure") }) });
+      return /* @__PURE__ */ jsx307(EuiText66, { size: "s", children: /* @__PURE__ */ jsx307("p", { children: t("invalidDataStructure") }) });
     }
   }
   switch (visualizationType) {
     case "pie" /* PIE */:
-      return /* @__PURE__ */ jsx306(WfoAgentPieChart, { aggregationData });
+      return /* @__PURE__ */ jsx307(WfoAgentPieChart, { aggregationData });
     case "line" /* LINE */:
-      return /* @__PURE__ */ jsx306(WfoAgentLineChart, { aggregationData });
+      return /* @__PURE__ */ jsx307(WfoAgentLineChart, { aggregationData });
     case "table" /* TABLE */:
     default:
-      return /* @__PURE__ */ jsx306(WfoAgentTable, { aggregationData });
+      return /* @__PURE__ */ jsx307(WfoAgentTable, { aggregationData });
   }
 }
 
 // src/components/WfoAgent/WfoAgent/WfoAgent.tsx
-import { jsx as jsx307, jsxs as jsxs165 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx308, jsxs as jsxs165 } from "@emotion/react/jsx-runtime";
 function WfoAgent() {
   const tPage = useTranslations111("agent.page");
   const { NAVIGATION_HEIGHT } = useWithOrchestratorTheme(
@@ -59953,7 +59981,7 @@ function WfoAgent() {
       if (!result) {
         return "";
       }
-      return /* @__PURE__ */ jsx307(
+      return /* @__PURE__ */ jsx308(
         WfoAgentVisualization,
         {
           aggregationData: result
@@ -59967,7 +59995,7 @@ function WfoAgent() {
       if (!result) {
         return "";
       }
-      return /* @__PURE__ */ jsx307(
+      return /* @__PURE__ */ jsx308(
         WfoAgentVisualization,
         {
           aggregationData: result
@@ -59981,7 +60009,7 @@ function WfoAgent() {
       if (!result) {
         return "";
       }
-      return /* @__PURE__ */ jsx307(ExportButton, { exportData: result });
+      return /* @__PURE__ */ jsx308(ExportButton, { exportData: result });
     }
   });
   useCopilotAction({
@@ -59992,7 +60020,7 @@ function WfoAgent() {
       args,
       result
     }) => {
-      return /* @__PURE__ */ jsx307(
+      return /* @__PURE__ */ jsx308(
         ToolProgress,
         {
           name,
@@ -60003,20 +60031,20 @@ function WfoAgent() {
       );
     }
   });
-  return /* @__PURE__ */ jsx307(
+  return /* @__PURE__ */ jsx308(
     WfoAvailabilityCheck,
     {
       featureType: "agent",
       availability: agentAvailability,
       children: /* @__PURE__ */ jsxs165("div", { style: { height: `calc(90vh - ${NAVIGATION_HEIGHT}px)` }, children: [
-        /* @__PURE__ */ jsx307("style", { children: `
+        /* @__PURE__ */ jsx308("style", { children: `
                 .copilotKitChat {
                     height: 100%;
                     display: flex;
                     flex-direction: column;
                 }
             ` }),
-        /* @__PURE__ */ jsx307(
+        /* @__PURE__ */ jsx308(
           CopilotChat,
           {
             labels: {
@@ -60061,7 +60089,7 @@ function WfoAgent() {
 }
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
-import { useCallback as useCallback15, useEffect as useEffect42, useState as useState65 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect42, useState as useState66 } from "react";
 import { EuiFlexItem as EuiFlexItem56 } from "@elastic/eui";
 import Editor from "@monaco-editor/react";
 
@@ -60080,7 +60108,7 @@ var getStyles15 = ({ theme }) => {
 };
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
-import { jsx as jsx308 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx309 } from "@emotion/react/jsx-runtime";
 var MONACO_THEME = {
   light: "vs",
   dark: "hc-black"
@@ -60088,11 +60116,11 @@ var MONACO_THEME = {
 var WfoMonacoCodeBlock = ({ data }) => {
   const { theme, isDarkThemeActive } = useOrchestratorTheme();
   const { monacoEditorStyle } = useWithOrchestratorTheme(getStyles15);
-  const [monacoInstance, setMonacoInstance] = useState65(
+  const [monacoInstance, setMonacoInstance] = useState66(
     void 0
   );
   const json = JSON.stringify(data, null, 4);
-  const [editorHeight, setEditorHeight] = useState65(0);
+  const [editorHeight, setEditorHeight] = useState66(0);
   const addThemeToEditor = useCallback15(
     (monaco) => {
       monaco.editor.defineTheme("wfoTheme", {
@@ -60117,7 +60145,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
     setEditorHeight(Math.min(scrollHeight, 500));
     setMonacoInstance(monaco);
   }
-  return /* @__PURE__ */ jsx308(EuiFlexItem56, { css: monacoEditorStyle, children: /* @__PURE__ */ jsx308(
+  return /* @__PURE__ */ jsx309(EuiFlexItem56, { css: monacoEditorStyle, children: /* @__PURE__ */ jsx309(
     Editor,
     {
       height: editorHeight,
@@ -60177,10 +60205,10 @@ var getWfoLogoSpinnerStyles = () => {
 };
 
 // src/components/WfoLogoSpinner/WfoLogoSpinner.tsx
-import { jsx as jsx309, jsxs as jsxs166 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx310, jsxs as jsxs166 } from "@emotion/react/jsx-runtime";
 var WfoLogoSpinner = () => {
   const { spinContainerCss, spinCenteringCss, spinPathCss } = getWfoLogoSpinnerStyles();
-  return /* @__PURE__ */ jsx309("div", { css: spinCenteringCss, children: /* @__PURE__ */ jsx309("div", { css: spinContainerCss, children: /* @__PURE__ */ jsxs166(
+  return /* @__PURE__ */ jsx310("div", { css: spinCenteringCss, children: /* @__PURE__ */ jsx310("div", { css: spinContainerCss, children: /* @__PURE__ */ jsxs166(
     "svg",
     {
       width: "64",
@@ -60189,7 +60217,7 @@ var WfoLogoSpinner = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx309(
+        /* @__PURE__ */ jsx310(
           "path",
           {
             css: spinPathCss,
@@ -60199,7 +60227,7 @@ var WfoLogoSpinner = () => {
             fill: "#76B5E0"
           }
         ),
-        /* @__PURE__ */ jsx309(
+        /* @__PURE__ */ jsx310(
           "path",
           {
             fillRule: "evenodd",
@@ -60490,7 +60518,7 @@ var en_GB_default = {
       traceback: "Traceback",
       codeView: {
         json: "JSON",
-        table: "Tab",
+        table: "Table",
         raw: "Raw"
       }
     },
@@ -61097,7 +61125,7 @@ var nl_NL_default = {
       traceback: "Traceback",
       codeView: {
         json: "JSON",
-        table: "Tab",
+        table: "Table",
         raw: "Raw"
       }
     },
@@ -61514,6 +61542,7 @@ export {
   WfoBracketSquare,
   WfoBracketSquareSvg,
   WfoBreadcrumbs,
+  WfoCallout,
   WfoChartBar,
   WfoCheckbox,
   WfoCheckmarkCircleFill,