@orchestrator-ui/orchestrator-ui-components 2.10.1 → 2.12.0

package/dist/index.js

@@ -4922,10 +4922,10 @@ var require_markup = __commonJS({
 var require_css = __commonJS({
   "../../node_modules/refractor/lang/css.js"(exports, module) {
     "use strict";
-    module.exports = css43;
-    css43.displayName = "css";
-    css43.aliases = [];
-    function css43(Prism) {
+    module.exports = css44;
+    css44.displayName = "css";
+    css44.aliases = [];
+    function css44(Prism) {
       ;
       (function(Prism2) {
         var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -5192,7 +5192,7 @@ var require_core = __commonJS({
     var decode = require_parse_entities();
     var Prism = require_prism_core();
     var markup = require_markup();
-    var css43 = require_css();
+    var css44 = require_css();
     var clike = require_clike();
     var js = require_javascript();
     restore();
@@ -5208,7 +5208,7 @@ var require_core = __commonJS({
     refract.registered = registered;
     refract.listLanguages = listLanguages;
     register(markup);
-    register(css43);
+    register(css44);
     register(clike);
     register(js);
     refract.util.encode = encode;
@@ -26792,7 +26792,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "2.10.1";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "2.12.0";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -34336,7 +34336,7 @@ fragment SubscriptionDetail on SubscriptionInterface {
         subscriptionInstanceId
         inUseByRelations
     }
-    processes(sortBy: { field: "startedAt", order: ASC }) {
+    processes(first: ${NUMBER_OF_ITEMS_REPRESENTING_ALL_ITEMS}, after: 0, sortBy: { field: "startedAt", order: ASC }) {
         page {
             processId
             lastStatus
@@ -34846,6 +34846,7 @@ var getDefaultTableConfig = (storageKey) => {
     case SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY:
       const subscriptionColumns = [
         "productName",
+        "customerFullname",
         "metadata"
       ];
       return getTableConfig(subscriptionColumns);
@@ -35079,6 +35080,7 @@ var WfoProcessStatusBadge = ({
 
 // src/components/WfoBadges/WfoFailedTasksBadge/WfoFailedTasksBadge.tsx
 import { useTranslations as useTranslations5 } from "next-intl";
+import Link from "next/link";
 import { EuiToolTip } from "@elastic/eui";
 
 // src/icons/heroicons/WfoHeroIconsWrapper.tsx
@@ -35086,23 +35088,18 @@ import { jsx as jsx12 } from "@emotion/react/jsx-runtime";
 var WfoHeroIconsWrapper = ({
   children,
   className
-}) => {
-  const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx12(
-    "div",
-    {
-      className,
-      css: {
-        marginLeft: theme.size.xs,
-        marginRight: theme.size.xs,
-        display: "flex",
-        alignItems: "center",
-        height: "100%"
-      },
-      children
-    }
-  );
-};
+}) => /* @__PURE__ */ jsx12(
+  "div",
+  {
+    className,
+    css: {
+      display: "flex",
+      alignItems: "center",
+      height: "100%"
+    },
+    children
+  }
+);
 var withWfoHeroIconsWrapper = (Icon) => {
   const wfoHeroIconsWrapperWithIcon = ({
     className,
@@ -35112,21 +35109,47 @@ var withWfoHeroIconsWrapper = (Icon) => {
   return wfoHeroIconsWrapperWithIcon;
 };
 
-// src/icons/heroicons/WfoArrowsUpDown.tsx
+// src/icons/heroicons/WfoArrowDown.tsx
 import { jsx as jsx13 } from "@emotion/react/jsx-runtime";
+var WfoArrowDownSvg = ({
+  width = 12,
+  height = 14,
+  color = "currentColor"
+}) => /* @__PURE__ */ jsx13(
+  "svg",
+  {
+    width,
+    height,
+    viewBox: "4 3 12 14",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx13(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+var WfoArrowDown = withWfoHeroIconsWrapper(WfoArrowDownSvg);
+
+// src/icons/heroicons/WfoArrowsUpDown.tsx
+import { jsx as jsx14 } from "@emotion/react/jsx-runtime";
 var WfoArrowsUpDownSvg = ({
   width = 20,
   height = 20,
-  color = "#000000"
-}) => /* @__PURE__ */ jsx13(
+  color = "currentColor"
+}) => /* @__PURE__ */ jsx14(
   "svg",
   {
     width,
     height,
-    viewBox: "0 0 24 24",
+    viewBox: "2 2 20 20",
     fill: color,
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx13(
+    children: /* @__PURE__ */ jsx14(
       "path",
       {
         fillRule: "evenodd",
@@ -35138,13 +35161,39 @@ var WfoArrowsUpDownSvg = ({
 );
 var WfoArrowsUpDown = withWfoHeroIconsWrapper(WfoArrowsUpDownSvg);
 
+// src/icons/heroicons/WfoArrowUp.tsx
+import { jsx as jsx15 } from "@emotion/react/jsx-runtime";
+var WfoArrowUpSvg = ({
+  width = 12,
+  height = 14,
+  color = "currentColor"
+}) => /* @__PURE__ */ jsx15(
+  "svg",
+  {
+    width,
+    height,
+    viewBox: "4 3 12 14",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx15(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M10 17a.75.75 0 0 1-.75-.75V5.612L5.29 9.77a.75.75 0 0 1-1.08-1.04l5.25-5.5a.75.75 0 0 1 1.08 0l5.25 5.5a.75.75 0 1 1-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0 1 10 17Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+var WfoArrowUp = withWfoHeroIconsWrapper(WfoArrowUpSvg);
+
 // src/icons/heroicons/WfoWrench.tsx
-import { jsx as jsx14 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx16 } from "@emotion/react/jsx-runtime";
 var WfoWrenchSvg = ({
   width = 20,
   height = 20,
   color = "currentColor"
-}) => /* @__PURE__ */ jsx14(
+}) => /* @__PURE__ */ jsx16(
   "svg",
   {
     width,
@@ -35152,7 +35201,7 @@ var WfoWrenchSvg = ({
     viewBox: "0 0 24 24",
     fill: color,
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx14(
+    children: /* @__PURE__ */ jsx16(
       "path",
       {
         fillRule: "evenodd",
@@ -35165,7 +35214,7 @@ var WfoWrenchSvg = ({
 var WfoWrench = withWfoHeroIconsWrapper(WfoWrenchSvg);
 
 // src/icons/WfoXCircleFill.tsx
-import { jsx as jsx15, jsxs as jsxs3 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs3 } from "@emotion/react/jsx-runtime";
 var WfoXCircleFill = ({
   width = 24,
   height = 24,
@@ -35179,8 +35228,8 @@ var WfoXCircleFill = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx15("title", { children: "icon/x-circle-fill" }),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx17("title", { children: "icon/x-circle-fill" }),
+      /* @__PURE__ */ jsx17(
         "g",
         {
           id: "Symbols",
@@ -35188,7 +35237,7 @@ var WfoXCircleFill = ({
           strokeWidth: "1",
           fill: "none",
           fillRule: "evenodd",
-          children: /* @__PURE__ */ jsx15("g", { id: "icon/x-circle-fill", fill: color, children: /* @__PURE__ */ jsx15(
+          children: /* @__PURE__ */ jsx17("g", { id: "icon/x-circle-fill", fill: color, children: /* @__PURE__ */ jsx17(
             "path",
             {
               d: "M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M10.70711,9.29289 C10.31658,8.90237 9.68342,8.90237 9.29289,9.29289 C8.90237,9.68342 8.90237,10.31658 9.29289,10.70711 L10.58579,12 L9.29289,13.2929 C8.90237,13.6834 8.90237,14.3166 9.29289,14.7071 C9.68342,15.0976 10.31658,15.0976 10.70711,14.7071 L12,13.4142 L13.2929,14.7071 C13.6834,15.0976 14.3166,15.0976 14.7071,14.7071 C15.0976,14.3166 15.0976,13.6834 14.7071,13.2929 L13.4142,12 L14.7071,10.70711 C15.0976,10.31658 15.0976,9.68342 14.7071,9.29289 C14.3166,8.90237 13.6834,8.90237 13.2929,9.29289 L12,10.58579 L10.70711,9.29289 Z",
@@ -35202,7 +35251,7 @@ var WfoXCircleFill = ({
 );
 
 // src/icons/WfoArrowsExpand.tsx
-import { jsx as jsx16, jsxs as jsxs4 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs4 } from "@emotion/react/jsx-runtime";
 var WfoArrowsExpand = ({
   width = 16,
   height = 20,
@@ -35216,8 +35265,8 @@ var WfoArrowsExpand = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx16("title", { children: "icon/arrows-expand" }),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx18("title", { children: "icon/arrows-expand" }),
+      /* @__PURE__ */ jsx18(
         "g",
         {
           id: "Symbols",
@@ -35225,7 +35274,7 @@ var WfoArrowsExpand = ({
           strokeWidth: "1",
           fill: "none",
           fillRule: "evenodd",
-          children: /* @__PURE__ */ jsx16("g", { id: "icon/arrows-expand", fill: color, fillRule: "nonzero", children: /* @__PURE__ */ jsx16(
+          children: /* @__PURE__ */ jsx18("g", { id: "icon/arrows-expand", fill: color, fillRule: "nonzero", children: /* @__PURE__ */ jsx18(
             "path",
             {
               d: "M8,3 C8.55228475,3 9,3.44771525 9,4 C9,4.55228475 8.55228475,5 8,5 L6.414,5 L9.70710678,8.29289322 C10.0976311,8.68341751 10.0976311,9.31658249 9.70710678,9.70710678 C9.31658249,10.0976311 8.68341751,10.0976311 8.29289322,9.70710678 L5,6.414 L5,8 C5,8.55228475 4.55228475,9 4,9 C3.44771525,9 3,8.55228475 3,8 L3.00278786,3.92476146 L3.02024007,3.79927424 L3.04973809,3.68785748 L3.08186687,3.60305436 L3.13590047,3.49621086 L3.21292769,3.38297765 L3.29291093,3.29285919 C3.32828727,3.25749917 3.36567442,3.22531295 3.40469339,3.19633458 L3.51222854,3.1267352 L3.60305314,3.08187107 L3.73400703,3.03584514 L3.8819045,3.00690716 L4,3 L8,3 Z M16,3 L20,3 L20.0752385,3.00278786 L20.2007258,3.02024007 L20.3121425,3.04973809 L20.4232215,3.09367336 L20.5207088,3.14599545 L20.6170223,3.21292769 L20.7071408,3.29291093 C20.7425008,3.32828727 20.774687,3.36567442 20.8036654,3.40469339 L20.8732648,3.51222854 L20.9181289,3.60305314 L20.9641549,3.73400703 L20.9930928,3.8819045 L21,4 L21,8 C21,8.55228475 20.5522847,9 20,9 C19.4477153,9 19,8.55228475 19,8 L19,6.414 L15.7071068,9.70710678 C15.3165825,10.0976311 14.6834175,10.0976311 14.2928932,9.70710678 C13.9023689,9.31658249 13.9023689,8.68341751 14.2928932,8.29289322 L17.585,5 L16,5 C15.4477153,5 15,4.55228475 15,4 C15,3.44771525 15.4477153,3 16,3 Z M9.70710678,14.2928932 C10.0976311,14.6834175 10.0976311,15.3165825 9.70710678,15.7071068 L6.414,19 L8,19 C8.55228475,19 9,19.4477153 9,20 C9,20.5522847 8.55228475,21 8,21 L3.92476146,20.9972121 L3.79927424,20.9797599 L3.68785748,20.9502619 L3.60305436,20.9181331 L3.49621086,20.8640995 L3.38297765,20.7870723 L3.29285919,20.7070891 C3.25749917,20.6717127 3.22531295,20.6343256 3.19633458,20.5953066 L3.12467117,20.4840621 L3.07122549,20.371336 L3.03584514,20.265993 L3.00683422,20.1174742 L3,20 L3,16 C3,15.4477153 3.44771525,15 4,15 C4.55228475,15 5,15.4477153 5,16 L5,17.585 L8.29289322,14.2928932 C8.68341751,13.9023689 9.31658249,13.9023689 9.70710678,14.2928932 Z M16,21 C15.4477153,21 15,20.5522847 15,20 C15,19.4477153 15.4477153,19 16,19 L17.585,19 L14.2928932,15.7071068 C13.9023689,15.3165825 13.9023689,14.6834175 14.2928932,14.2928932 C14.6834175,13.9023689 15.3165825,13.9023689 15.7071068,14.2928932 L19,17.585 L19,16 C19,15.4477153 19.4477153,15 20,15 C20.5522847,15 21,15.4477153 21,16 L20.9972121,20.0752385 L20.9797599,20.2007258 L20.9502619,20.3121425 L20.9063266,20.4232215 L20.8540045,20.5207088 L20.7902954,20.6128994 L20.7073018,20.7068684 C20.6717127,20.7425008 20.6343256,20.774687 20.5953066,20.8036654 L20.4840621,20.8753288 L20.371336,20.9287745 L20.2350988,20.9722083 L20.1539846,20.9882174 L20,21 L16,21 Z",
@@ -35239,7 +35288,7 @@ var WfoArrowsExpand = ({
 );
 
 // src/icons/WfoStatusDotIcon.tsx
-import { jsx as jsx17, jsxs as jsxs5 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs5 } from "@emotion/react/jsx-runtime";
 var WfoStatusDotIcon = ({
   width = 24,
   height = 24,
@@ -35253,8 +35302,8 @@ var WfoStatusDotIcon = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx17("title", { children: "icon/statusdot" }),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx19("title", { children: "icon/statusdot" }),
+      /* @__PURE__ */ jsx19(
         "g",
         {
           id: "Symbols",
@@ -35263,8 +35312,8 @@ var WfoStatusDotIcon = ({
           fill: "none",
           fillRule: "evenodd",
           children: /* @__PURE__ */ jsxs5("g", { id: "icon/statusdot", fill: color, fillRule: "nonzero", children: [
-            /* @__PURE__ */ jsx17("circle", { id: "Oval", opacity: "0.25", cx: "12", cy: "12", r: "8" }),
-            /* @__PURE__ */ jsx17("circle", { id: "Oval", cx: "12", cy: "12", r: "4" })
+            /* @__PURE__ */ jsx19("circle", { id: "Oval", opacity: "0.25", cx: "12", cy: "12", r: "8" }),
+            /* @__PURE__ */ jsx19("circle", { id: "Oval", cx: "12", cy: "12", r: "4" })
           ] })
         }
       )
@@ -35273,7 +35322,7 @@ var WfoStatusDotIcon = ({
 );
 
 // src/icons/WfoLogoutIcon.tsx
-import { jsx as jsx18, jsxs as jsxs6 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs6 } from "@emotion/react/jsx-runtime";
 var WfoLogoutIcon = ({
   width = 24,
   height = 24,
@@ -35287,8 +35336,8 @@ var WfoLogoutIcon = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx18("title", { children: "icon/logout" }),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx20("title", { children: "icon/logout" }),
+      /* @__PURE__ */ jsx20(
         "g",
         {
           id: "Symbols",
@@ -35296,7 +35345,7 @@ var WfoLogoutIcon = ({
           strokeWidth: "1",
           fill: "none",
           fillRule: "evenodd",
-          children: /* @__PURE__ */ jsx18("g", { id: "icon/logout", fill: color, fillRule: "nonzero", children: /* @__PURE__ */ jsx18(
+          children: /* @__PURE__ */ jsx20("g", { id: "icon/logout", fill: color, fillRule: "nonzero", children: /* @__PURE__ */ jsx20(
             "path",
             {
               d: "M10,3 C12.2091701,3 14,4.79085056 14,7 L14,8 C14,8.55228475 13.5522847,9 13,9 C12.4477153,9 12,8.55228475 12,8 L12,7 C12,5.8954149 11.1045954,5 10,5 L6,5 C4.89543475,5 4,5.89543475 4,7 L4,17 C4,18.1045954 4.8954149,19 6,19 L10,19 C11.1046153,19 12,18.1046153 12,17 L12,16 C12,15.4477153 12.4477153,15 13,15 C13.5522847,15 14,15.4477153 14,16 L14,17 C14,19.2091847 12.2091847,21 10,21 L6,21 C3.79085056,21 2,19.2091701 2,17 L2,7 C2,4.79086525 3.79086525,3 6,3 L10,3 Z M17.7071068,7.29289322 L21.7071068,11.2928932 L21.7485042,11.336853 L21.757,11.347 L21.787214,11.3832499 L21.779,11.374 L21.8036654,11.4046934 C21.8215099,11.4288693 21.8382813,11.453725 21.8539326,11.4793398 L21.8753288,11.5159379 C21.8862061,11.5357061 21.8966234,11.5561086 21.9063462,11.5769009 L21.9287745,11.628664 C21.9366843,11.6484208 21.9438775,11.6682023 21.9504533,11.6882636 C21.9552713,11.7031487 21.9599023,11.7185367 21.9641549,11.734007 C21.9701664,11.7555635 21.9753602,11.7772539 21.9798348,11.7992059 C21.9832978,11.8166247 21.9863719,11.834051 21.9889822,11.8515331 C21.9920328,11.8714753 21.9944666,11.892114 21.9962623,11.912935 C21.9978436,11.9317345 21.9989053,11.9497336 21.9994829,11.9677454 C21.9998183,11.9777892 22,11.9888734 22,12 L21.996384,12.0852242 L21.9889807,12.1489612 C21.9863719,12.165949 21.9832978,12.1833753 21.9797599,12.2007258 C21.9753602,12.2227461 21.9701664,12.2444365 21.964279,12.2658396 C21.9599023,12.2814633 21.9552713,12.2968513 21.9502619,12.3121425 C21.9438775,12.3317977 21.9366843,12.3515792 21.928896,12.3710585 L21.9063266,12.4232215 C21.8966234,12.4438914 21.8862061,12.4642939 21.8751242,12.484277 C21.8685012,12.4963944 21.8613931,12.5086131 21.8540045,12.5207088 C21.8382813,12.546275 21.8215099,12.5711307 21.8036865,12.5951593 L21.7870723,12.6170223 C21.7849289,12.6196628 21.7826279,12.6225624 21.7803112,12.625449 L21.7071068,12.7071068 L17.7071068,16.7071068 C17.3165825,17.0976311 16.6834175,17.0976311 16.2928932,16.7071068 C15.9023689,16.3165825 15.9023689,15.6834175 16.2928932,15.2928932 L18.585,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L18.585,11 L16.2928932,8.70710678 C15.9023689,8.31658249 15.9023689,7.68341751 16.2928932,7.29289322 C16.6834175,6.90236893 17.3165825,6.90236893 17.7071068,7.29289322 Z",
@@ -35310,12 +35359,12 @@ var WfoLogoutIcon = ({
 );
 
 // src/icons/WfoCheckmarkCircleFill.tsx
-import { jsx as jsx19 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx21 } from "@emotion/react/jsx-runtime";
 var WfoCheckmarkCircleFill = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsx19(
+}) => /* @__PURE__ */ jsx21(
   "svg",
   {
     width,
@@ -35323,7 +35372,7 @@ var WfoCheckmarkCircleFill = ({
     viewBox: "0 0 24 24",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx19(
+    children: /* @__PURE__ */ jsx21(
       "g",
       {
         id: "Symbols",
@@ -35331,7 +35380,7 @@ var WfoCheckmarkCircleFill = ({
         strokeWidth: "1",
         fill: "none",
         fillRule: "evenodd",
-        children: /* @__PURE__ */ jsx19("g", { id: "icon/checkmark-circle-fill", fill: color, children: /* @__PURE__ */ jsx19(
+        children: /* @__PURE__ */ jsx21("g", { id: "icon/checkmark-circle-fill", fill: color, children: /* @__PURE__ */ jsx21(
           "path",
           {
             d: "M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M15.7071,10.70711 C16.0976,10.31658 16.0976,9.68342 15.7071,9.29289 C15.3166,8.90237 14.6834,8.90237 14.2929,9.29289 L11,12.5858 L9.70711,11.29289 C9.31658,10.90237 8.68342,10.90237 8.29289,11.29289 C7.90237,11.68342 7.90237,12.3166 8.29289,12.7071 L10.29289,14.7071 C10.68342,15.0976 11.31658,15.0976 11.70711,14.7071 L15.7071,10.70711 Z",
@@ -35344,12 +35393,12 @@ var WfoCheckmarkCircleFill = ({
 );
 
 // src/icons/WfoMinusCircleOutline.tsx
-import { jsx as jsx20 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx22 } from "@emotion/react/jsx-runtime";
 var WfoMinusCircleOutline = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsx20(
+}) => /* @__PURE__ */ jsx22(
   "svg",
   {
     width,
@@ -35357,7 +35406,7 @@ var WfoMinusCircleOutline = ({
     viewBox: "0 0 24 24",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx20(
+    children: /* @__PURE__ */ jsx22(
       "g",
       {
         id: "Symbols",
@@ -35365,7 +35414,7 @@ var WfoMinusCircleOutline = ({
         strokeWidth: "1",
         fill: "none",
         fillRule: "evenodd",
-        children: /* @__PURE__ */ jsx20("g", { id: "icon/minus-circle-outline", fill: color, fillRule: "nonzero", children: /* @__PURE__ */ jsx20(
+        children: /* @__PURE__ */ jsx22("g", { id: "icon/minus-circle-outline", fill: color, fillRule: "nonzero", children: /* @__PURE__ */ jsx22(
           "path",
           {
             d: "M12,4 C16.4183,4 20,7.58172 20,12 C20,16.4183 16.4183,20 12,20 C7.58172,20 4,16.4183 4,12 C4,7.58172 7.58172,4 12,4 Z M12,6 C8.6862895,6 6,8.6862895 6,12 C6,15.3137228 8.68628182,18 12,18 C15.3137305,18 18,15.3137305 18,12 C18,8.68628182 15.3137228,6 12,6 Z M15,11 C15.5523,11 16,11.44772 16,12 C16,12.5523 15.5523,13 15,13 L9,13 C8.44772,13 8,12.5523 8,12 C8,11.44772 8.44772,11 9,11 Z",
@@ -35378,7 +35427,7 @@ var WfoMinusCircleOutline = ({
 );
 
 // src/icons/WfoPlusCircleFill.tsx
-import { jsx as jsx21, jsxs as jsxs7 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs7 } from "@emotion/react/jsx-runtime";
 var WfoPlusCircleFill = ({
   width = 24,
   height = 24,
@@ -35392,8 +35441,8 @@ var WfoPlusCircleFill = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx21("title", { children: "icon/plus-circle-fill" }),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx23("title", { children: "icon/plus-circle-fill" }),
+      /* @__PURE__ */ jsx23(
         "g",
         {
           id: "Symbols",
@@ -35401,7 +35450,7 @@ var WfoPlusCircleFill = ({
           strokeWidth: "1",
           fill: "none",
           fillRule: "evenodd",
-          children: /* @__PURE__ */ jsx21("g", { id: "icon/plus-circle-fill", fill: color, children: /* @__PURE__ */ jsx21(
+          children: /* @__PURE__ */ jsx23("g", { id: "icon/plus-circle-fill", fill: color, children: /* @__PURE__ */ jsx23(
             "path",
             {
               d: "M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M13,9 C13,8.44772 12.5523,8 12,8 C11.44772,8 11,8.44772 11,9 L11,11 L9,11 C8.44772,11 8,11.44771 8,12 C8,12.5523 8.44772,13 9,13 L11,13 L11,15 C11,15.5523 11.44772,16 12,16 C12.5523,16 13,15.5523 13,15 L13,13 L15,13 C15.5523,13 16,12.5523 16,12 C16,11.44772 15.5523,11 15,11 L13,11 L13,9 Z",
@@ -35415,7 +35464,7 @@ var WfoPlusCircleFill = ({
 );
 
 // src/icons/WfoChevronDown.tsx
-import { jsx as jsx22, jsxs as jsxs8 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs8 } from "@emotion/react/jsx-runtime";
 var WfoChevronDown = ({
   width = 24,
   height = 24,
@@ -35429,8 +35478,8 @@ var WfoChevronDown = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx22("title", { children: "icon/chevron-down" }),
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx24("title", { children: "icon/chevron-down" }),
+      /* @__PURE__ */ jsx24(
         "g",
         {
           id: "Symbols",
@@ -35438,7 +35487,7 @@ var WfoChevronDown = ({
           strokeWidth: "1",
           fill: "none",
           fillRule: "evenodd",
-          children: /* @__PURE__ */ jsx22("g", { id: "icon/chevron-down", fill: color, children: /* @__PURE__ */ jsx22(
+          children: /* @__PURE__ */ jsx24("g", { id: "icon/chevron-down", fill: color, children: /* @__PURE__ */ jsx24(
             "path",
             {
               d: "M7.29289,9.29289 C7.68342,8.90237 8.31658,8.90237 8.70711,9.29289 L12,12.5858 L15.2929,9.29289 C15.6834,8.90237 16.3166,8.90237 16.7071,9.29289 C17.0976,9.68342 17.0976,10.31658 16.7071,10.70711 L12.7071,14.7071 C12.3166,15.0976 11.68342,15.0976 11.29289,14.7071 L7.29289,10.70711 C6.90237,10.31658 6.90237,9.68342 7.29289,9.29289 Z",
@@ -35452,7 +35501,7 @@ var WfoChevronDown = ({
 );
 
 // src/icons/WfoChevronUp.tsx
-import { jsx as jsx23, jsxs as jsxs9 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs9 } from "@emotion/react/jsx-runtime";
 var WfoChevronUp = ({
   width = 24,
   height = 24,
@@ -35466,8 +35515,8 @@ var WfoChevronUp = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx23("title", { children: "icon/chevron-up" }),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx25("title", { children: "icon/chevron-up" }),
+      /* @__PURE__ */ jsx25(
         "g",
         {
           id: "Symbols",
@@ -35475,7 +35524,7 @@ var WfoChevronUp = ({
           strokeWidth: "1",
           fill: "none",
           fillRule: "evenodd",
-          children: /* @__PURE__ */ jsx23("g", { id: "icon/chevron-up", fill: color, children: /* @__PURE__ */ jsx23(
+          children: /* @__PURE__ */ jsx25("g", { id: "icon/chevron-up", fill: color, children: /* @__PURE__ */ jsx25(
             "path",
             {
               d: "M16.7071,14.7071 C16.3166,15.0976 15.6834,15.0976 15.2929,14.7071 L12,11.41421 L8.70711,14.7071 C8.31658,15.0976 7.68342,15.0976 7.29289,14.7071 C6.90237,14.3166 6.90237,13.6834 7.29289,13.2929 L11.29289,9.29289 C11.68342,8.90237 12.3166,8.90237 12.7071,9.29289 L16.7071,13.2929 C17.0976,13.6834 17.0976,14.3166 16.7071,14.7071 Z",
@@ -35489,7 +35538,7 @@ var WfoChevronUp = ({
 );
 
 // src/icons/WfoBoltFill.tsx
-import { jsx as jsx24, jsxs as jsxs10 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs10 } from "@emotion/react/jsx-runtime";
 var WfoBoltFill = ({
   width = 20,
   height = 20,
@@ -35504,8 +35553,8 @@ var WfoBoltFill = ({
       version: "1.1",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx24("title", { children: "icon/bolt-fill" }),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx26("title", { children: "icon/bolt-fill" }),
+        /* @__PURE__ */ jsx26(
           "g",
           {
             id: "Symbols",
@@ -35513,7 +35562,7 @@ var WfoBoltFill = ({
             strokeWidth: "1",
             fill: "none",
             fillRule: "evenodd",
-            children: /* @__PURE__ */ jsx24("g", { id: "icon/bolt-fill", fill: color, children: /* @__PURE__ */ jsx24(
+            children: /* @__PURE__ */ jsx26("g", { id: "icon/bolt-fill", fill: color, children: /* @__PURE__ */ jsx26(
               "path",
               {
                 fillRule: "evenodd",
@@ -35529,7 +35578,7 @@ var WfoBoltFill = ({
 };
 
 // src/icons/WfoBoltSlashFill.tsx
-import { jsx as jsx25, jsxs as jsxs11 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs11 } from "@emotion/react/jsx-runtime";
 var WfoBoltSlashFill = ({
   width = 20,
   height = 20,
@@ -35544,8 +35593,8 @@ var WfoBoltSlashFill = ({
       version: "1.1",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx25("title", { children: "icon/bolt-fill" }),
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx27("title", { children: "icon/bolt-fill" }),
+        /* @__PURE__ */ jsx27(
           "g",
           {
             id: "Symbols",
@@ -35553,7 +35602,7 @@ var WfoBoltSlashFill = ({
             strokeWidth: "1",
             fill: "none",
             fillRule: "evenodd",
-            children: /* @__PURE__ */ jsx25("g", { id: "icon/bolt-slash-fill", fill: color, children: /* @__PURE__ */ jsx25(
+            children: /* @__PURE__ */ jsx27("g", { id: "icon/bolt-slash-fill", fill: color, children: /* @__PURE__ */ jsx27(
               "path",
               {
                 strokeLinecap: "round",
@@ -35569,7 +35618,7 @@ var WfoBoltSlashFill = ({
 };
 
 // src/icons/WfoCubeSolid.tsx
-import { jsx as jsx26, jsxs as jsxs12 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs12 } from "@emotion/react/jsx-runtime";
 var WfoCubeSolid = ({
   width = 24,
   height = 24,
@@ -35583,8 +35632,8 @@ var WfoCubeSolid = ({
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ jsx26("title", { children: "icon/cube-solid" }),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28("title", { children: "icon/cube-solid" }),
+      /* @__PURE__ */ jsx28(
         "g",
         {
           id: "Symbols",
@@ -35592,7 +35641,7 @@ var WfoCubeSolid = ({
           strokeWidth: "1",
           fill: "none",
           fillRule: "evenodd",
-          children: /* @__PURE__ */ jsx26("g", { id: "icon/cube-solid", fill: color, fillRule: "nonzero", children: /* @__PURE__ */ jsx26(
+          children: /* @__PURE__ */ jsx28("g", { id: "icon/cube-solid", fill: color, fillRule: "nonzero", children: /* @__PURE__ */ jsx28(
             "path",
             {
               d: "M12.378 1.602a.75.75 0 0 0-.756 0L3 6.632l9 5.25 9-5.25-8.622-5.03ZM21.75 7.93l-9 5.25v9l8.628-5.032a.75.75 0 0 0 .372-.648V7.93ZM11.25 22.18v-9l-9-5.25v8.57a.75.75 0 0 0 .372.648l8.628 5.033Z",
@@ -35605,53 +35654,14 @@ var WfoCubeSolid = ({
   }
 );
 
-// src/icons/WfoArrowNarrowDown.tsx
-import { jsx as jsx27, jsxs as jsxs13 } from "@emotion/react/jsx-runtime";
-var WfoArrowNarrowDown = ({
-  width = 16,
-  height = 20,
-  color = "#000000"
-}) => /* @__PURE__ */ jsxs13(
-  "svg",
-  {
-    width,
-    height,
-    viewBox: "0 0 16 20",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "wfoArrowNarrowIcon",
-    children: [
-      /* @__PURE__ */ jsx27("title", { children: "icon/arrow-narrow-down" }),
-      /* @__PURE__ */ jsx27(
-        "g",
-        {
-          id: "Symbols",
-          stroke: "none",
-          strokeWidth: "1",
-          fill: "none",
-          fillRule: "evenodd",
-          children: /* @__PURE__ */ jsx27("g", { id: "icon/arrow-narrow-down", fill: color, children: /* @__PURE__ */ jsx27(
-            "path",
-            {
-              d: "M4.29289,9.70711 C3.90237,9.31658 3.90237,8.68342 4.29289,8.29289 L7.29289,5.29289 C7.68342,4.90237 8.3166,4.90237 8.7071,5.29289 L11.7071,8.29289 C12.0976,8.68342 12.0976,9.31658 11.7071,9.70711 C11.3166,10.09763 10.6834,10.09763 10.2929,9.70711 L9,8.41421 L9,14 C9,14.5523 8.5523,15 8,15 C7.44772,15 7,14.5523 7,14 L7,8.41421 L5.70711,9.70711 C5.31658,10.09763 4.68342,10.09763 4.29289,9.70711 Z",
-              id: "Path",
-              transform: "translate(7.999988, 10.000000) rotate(-180.000000) translate(-7.999988, -10.000000) "
-            }
-          ) })
-        }
-      )
-    ]
-  }
-);
-
 // src/icons/WfoRefresh.tsx
-import { jsx as jsx28, jsxs as jsxs14 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs13 } from "@emotion/react/jsx-runtime";
 var WfoRefresh = ({
   width = 24,
   height = 24,
   color = "#000000"
 }) => {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "svg",
     {
       width,
@@ -35660,8 +35670,8 @@ var WfoRefresh = ({
       version: "1.1",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx28("title", { children: "icon/refresh" }),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29("title", { children: "icon/refresh" }),
+        /* @__PURE__ */ jsx29(
           "g",
           {
             id: "Symbols",
@@ -35669,7 +35679,7 @@ var WfoRefresh = ({
             strokeWidth: "1",
             fill: "none",
             fillRule: "evenodd",
-            children: /* @__PURE__ */ jsx28("g", { id: "icon/refresh", fill: color, children: /* @__PURE__ */ jsx28(
+            children: /* @__PURE__ */ jsx29("g", { id: "icon/refresh", fill: color, children: /* @__PURE__ */ jsx29(
               "path",
               {
                 d: "M6,4 C6.55228,4 7,4.44772 7,5 L7,7.10125 C8.27009,5.80489 10.04052,5 12,5 C15.0494,5 17.641,6.94932 18.6014,9.66675 C18.7855,10.18747 18.5126,10.75879 17.9918,10.94284 C17.4711,11.12689 16.8998,10.85396 16.7157,10.33325 C16.0289,8.38991 14.1755,7 12,7 C10.36507,7 8.91204,7.78502 7.99935,9 L11,9 C11.55228,9 12,9.44772 12,10 C12,10.55228 11.55228,11 11,11 L6,11 C5.44772,11 5,10.55228 5,10 L5,5 C5,4.44772 5.44772,4 6,4 Z M6.00817,13.0572 C6.52888,12.8731 7.1002,13.146 7.28425,13.6668 C7.97112,15.6101 9.82453,17 12,17 C13.6349,17 15.088,16.215 16.0006,15 L13,15 C12.4477,15 12,14.5523 12,14 C12,13.4477 12.4477,13 13,13 L18,13 C18.2652,13 18.5196,13.1054 18.7071,13.2929 C18.8946,13.4804 19,13.7348 19,14 L19,19 C19,19.5523 18.5523,20 18,20 C17.4477,20 17,19.5523 17,19 L17,16.8987 C15.7299,18.1951 13.9595,19 12,19 C8.95059,19 6.35905,17.0507 5.39857,14.3332 C5.21452,13.8125 5.48745,13.2412 6.00817,13.0572 Z",
@@ -35683,51 +35693,13 @@ var WfoRefresh = ({
   );
 };
 
-// src/icons/WfoArrowNarrowUp.tsx
-import { jsx as jsx29, jsxs as jsxs15 } from "@emotion/react/jsx-runtime";
-var WfoArrowNarrowUp = ({
-  width = 16,
-  height = 20,
-  color = "#000000"
-}) => /* @__PURE__ */ jsxs15(
-  "svg",
-  {
-    width,
-    height,
-    viewBox: "0 0 16 20",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "wfoArrowNarrowIcon",
-    children: [
-      /* @__PURE__ */ jsx29("title", { children: "icon/arrow-narrow-up" }),
-      /* @__PURE__ */ jsx29(
-        "g",
-        {
-          id: "Symbols",
-          stroke: "none",
-          strokeWidth: "1",
-          fill: "none",
-          fillRule: "evenodd",
-          children: /* @__PURE__ */ jsx29("g", { id: "icon/arrow-narrow-up", fill: color, children: /* @__PURE__ */ jsx29(
-            "path",
-            {
-              d: "M4.29289,9.70711 C3.90237,9.31658 3.90237,8.68342 4.29289,8.29289 L7.29289,5.29289 C7.68342,4.90237 8.3166,4.90237 8.7071,5.29289 L11.7071,8.29289 C12.0976,8.68342 12.0976,9.31658 11.7071,9.70711 C11.3166,10.09763 10.6834,10.09763 10.2929,9.70711 L9,8.41421 L9,14 C9,14.5523 8.5523,15 8,15 C7.44772,15 7,14.5523 7,14 L7,8.41421 L5.70711,9.70711 C5.31658,10.09763 4.68342,10.09763 4.29289,9.70711 Z",
-              id: "Path"
-            }
-          ) })
-        }
-      )
-    ]
-  }
-);
-
 // src/icons/WfoMinusCircleFill.tsx
-import { jsx as jsx30, jsxs as jsxs16 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs14 } from "@emotion/react/jsx-runtime";
 var WfoMinusCircleFill = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs16(
+}) => /* @__PURE__ */ jsxs14(
   "svg",
   {
     width,
@@ -35759,12 +35731,12 @@ var WfoMinusCircleFill = ({
 );
 
 // src/icons/WfoPlayCircle.tsx
-import { jsx as jsx31, jsxs as jsxs17 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs15 } from "@emotion/react/jsx-runtime";
 var WfoPlayCircle = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs17(
+}) => /* @__PURE__ */ jsxs15(
   "svg",
   {
     width,
@@ -35798,12 +35770,12 @@ var WfoPlayCircle = ({
 );
 
 // src/icons/WfoSearchStrikethrough.tsx
-import { jsx as jsx32, jsxs as jsxs18 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs16 } from "@emotion/react/jsx-runtime";
 var WfoSearchStrikethrough = ({
   width = 24,
   height = 24,
   color = "#0067AC"
-}) => /* @__PURE__ */ jsxs18(
+}) => /* @__PURE__ */ jsxs16(
   "svg",
   {
     width,
@@ -35835,12 +35807,12 @@ var WfoSearchStrikethrough = ({
 );
 
 // src/icons/WfoSortAsc.tsx
-import { jsx as jsx33, jsxs as jsxs19 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs17 } from "@emotion/react/jsx-runtime";
 var WfoSortAsc = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs19(
+}) => /* @__PURE__ */ jsxs17(
   "svg",
   {
     width,
@@ -35872,12 +35844,12 @@ var WfoSortAsc = ({
 );
 
 // src/icons/WfoSortDesc.tsx
-import { jsx as jsx34, jsxs as jsxs20 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "@emotion/react/jsx-runtime";
 var WfoSortDesc = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs20(
+}) => /* @__PURE__ */ jsxs18(
   "svg",
   {
     width,
@@ -35909,12 +35881,12 @@ var WfoSortDesc = ({
 );
 
 // src/icons/WfoSideMenu.tsx
-import { jsx as jsx35, jsxs as jsxs21 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs19 } from "@emotion/react/jsx-runtime";
 var WfoSideMenu = ({
   width = 20,
   height = 20,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs21(
+}) => /* @__PURE__ */ jsxs19(
   "svg",
   {
     width,
@@ -35924,7 +35896,7 @@ var WfoSideMenu = ({
     xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ jsx35("title", { children: "icon/sidemenu" }),
-      /* @__PURE__ */ jsx35("g", { id: "Symbols", stroke: "none", strokeWidth: "6", fill: "none", children: /* @__PURE__ */ jsxs21(
+      /* @__PURE__ */ jsx35("g", { id: "Symbols", stroke: "none", strokeWidth: "6", fill: "none", children: /* @__PURE__ */ jsxs19(
         "g",
         {
           id: "icon/sidemenu",
@@ -35957,12 +35929,12 @@ var WfoSideMenu = ({
 );
 
 // src/icons/WfoShare.tsx
-import { jsx as jsx36, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs20 } from "@emotion/react/jsx-runtime";
 var WfoShare = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs22(
+}) => /* @__PURE__ */ jsxs20(
   "svg",
   {
     width,
@@ -35996,13 +35968,13 @@ var WfoShare = ({
 );
 
 // src/icons/WfoPlayFill.tsx
-import { jsx as jsx37, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs21 } from "@emotion/react/jsx-runtime";
 var WfoPlayFill = ({
   width = 24,
   height = 24,
   color = "#000000"
 }) => {
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs21(
     "svg",
     {
       width,
@@ -36035,13 +36007,13 @@ var WfoPlayFill = ({
 };
 
 // src/icons/WfoCode.tsx
-import { jsx as jsx38, jsxs as jsxs24 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
 var WfoCode = ({
   width = 24,
   height = 24,
   color = "#000000"
 }) => {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs22(
     "svg",
     {
       width,
@@ -36074,13 +36046,13 @@ var WfoCode = ({
 };
 
 // src/icons/WfoEyeFill.tsx
-import { jsx as jsx39, jsxs as jsxs25 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
 var WfoEyeFill = ({
   width = 24,
   height = 24,
   color = "#000000"
 }) => {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs23(
     "svg",
     {
       width,
@@ -36113,12 +36085,12 @@ var WfoEyeFill = ({
 };
 
 // src/icons/WfoCogFill.tsx
-import { jsx as jsx40, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs24 } from "@emotion/react/jsx-runtime";
 var WfoCogFill = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs26(
+}) => /* @__PURE__ */ jsxs24(
   "svg",
   {
     width,
@@ -36150,12 +36122,12 @@ var WfoCogFill = ({
 );
 
 // src/icons/WfoStatistic.tsx
-import { jsx as jsx41, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs25 } from "@emotion/react/jsx-runtime";
 var WfoStatistic = ({
   width = 20,
   height = 20,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs27(
+}) => /* @__PURE__ */ jsxs25(
   "svg",
   {
     width,
@@ -36167,7 +36139,7 @@ var WfoStatistic = ({
     className: "wfoStatisticIcon",
     children: [
       /* @__PURE__ */ jsx41("title", { children: "icon/statistic" }),
-      /* @__PURE__ */ jsxs27("g", { xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ jsxs25("g", { xmlns: "http://www.w3.org/2000/svg", children: [
         /* @__PURE__ */ jsx41(
           "path",
           {
@@ -36201,12 +36173,12 @@ var WfoStatistic = ({
 );
 
 // src/icons/WfoPencilAlt.tsx
-import { jsx as jsx42, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
 var WfoPencilAlt = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs28(
+}) => /* @__PURE__ */ jsxs26(
   "svg",
   {
     width,
@@ -36261,12 +36233,12 @@ var WfoPencil = ({
 );
 
 // src/icons/WfoViewList.tsx
-import { jsx as jsx44, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
 var WfoViewList = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs29(
+}) => /* @__PURE__ */ jsxs27(
   "svg",
   {
     width,
@@ -36289,11 +36261,11 @@ var WfoViewList = ({
 );
 
 // src/icons/WfoContactEnvelopeFill.tsx
-import { jsx as jsx45, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
 var WfoContactEnvelopeFill = ({
   width = 24,
   height = 24
-}) => /* @__PURE__ */ jsxs30(
+}) => /* @__PURE__ */ jsxs28(
   "svg",
   {
     width,
@@ -36319,8 +36291,8 @@ var WfoContactEnvelopeFill = ({
 );
 
 // src/icons/WfoBell.tsx
-import { jsx as jsx46, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
-var WfoBell = ({ width = 24, height = 24 }) => /* @__PURE__ */ jsxs31(
+import { jsx as jsx46, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
+var WfoBell = ({ width = 24, height = 24 }) => /* @__PURE__ */ jsxs29(
   "svg",
   {
     width,
@@ -36361,12 +36333,12 @@ var WfoBell = ({ width = 24, height = 24 }) => /* @__PURE__ */ jsxs31(
 );
 
 // src/icons/WfoWarningTriangle.tsx
-import { jsx as jsx47, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
 var WfoWarningTriangle = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs32(
+}) => /* @__PURE__ */ jsxs30(
   "svg",
   {
     width,
@@ -36389,12 +36361,12 @@ var WfoWarningTriangle = ({
 );
 
 // src/icons/WfoExternalLink.tsx
-import { jsx as jsx48, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
 var WfoExternalLink = ({
   width = 24,
   height = 24,
   color = "currentColor"
-}) => /* @__PURE__ */ jsxs33(
+}) => /* @__PURE__ */ jsxs31(
   "svg",
   {
     width,
@@ -36420,12 +36392,12 @@ var WfoExternalLink = ({
 );
 
 // src/icons/WfoTrash.tsx
-import { jsx as jsx49, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
 var WfoTrash = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs34(
+}) => /* @__PURE__ */ jsxs32(
   "svg",
   {
     width,
@@ -36565,8 +36537,18 @@ var processStatusApi = orchestratorApi.injectEndpoints({
 });
 var { useProcessStatusCountsQuery } = processStatusApi;
 
+// src/components/WfoBadges/WfoFailedTasksBadge/styles.ts
+import { css as css2 } from "@emotion/react";
+var getTasksBadgeStyles = () => {
+  const failedTaskBadgeStyle = css2({
+    cursor: "pointer",
+    "&:hover": { textDecoration: "underline" }
+  });
+  return { failedTaskBadgeStyle };
+};
+
 // src/components/WfoBadges/WfoFailedTasksBadge/WfoFailedTasksBadge.tsx
-import { Fragment, jsx as jsx54, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
+import { Fragment, jsx as jsx54, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
 var getTaskCountsSummary = (processStatusCounts) => {
   const failed = processStatusCounts?.task_counts.failed || 0;
   const inconsistentData = processStatusCounts?.task_counts.inconsistent_data || 0;
@@ -36578,9 +36560,20 @@ var getTaskCountsSummary = (processStatusCounts) => {
     total: failed + inconsistentData + apiUnavailable
   };
 };
+var WfoTasksLink = ({ children }) => /* @__PURE__ */ jsx54(
+  Link,
+  {
+    href: `${PATH_TASKS}`,
+    onClick: (e) => {
+      e.currentTarget.blur();
+    },
+    children
+  }
+);
 var WfoFailedTasksBadge = () => {
   const t = useTranslations5("common");
   const { theme } = useOrchestratorTheme();
+  const { failedTaskBadgeStyle } = useWithOrchestratorTheme(getTasksBadgeStyles);
   const { data: processStatusCounts } = useProcessStatusCountsQuery();
   const taskCountsSummary = getTaskCountsSummary(processStatusCounts);
   if (taskCountsSummary.total != 0) {
@@ -36588,30 +36581,31 @@ var WfoFailedTasksBadge = () => {
       EuiToolTip,
       {
         position: "bottom",
-        content: /* @__PURE__ */ jsxs35(Fragment, { children: [
-          /* @__PURE__ */ jsxs35("div", { children: [
+        content: /* @__PURE__ */ jsxs33(Fragment, { children: [
+          /* @__PURE__ */ jsxs33("div", { children: [
             "Failed: ",
             taskCountsSummary.failed
           ] }),
-          /* @__PURE__ */ jsxs35("div", { children: [
+          /* @__PURE__ */ jsxs33("div", { children: [
             "Inconsistent data:",
             " ",
             taskCountsSummary.inconsistentData
           ] }),
-          /* @__PURE__ */ jsxs35("div", { children: [
+          /* @__PURE__ */ jsxs33("div", { children: [
             "API unavailable: ",
             taskCountsSummary.apiUnavailable
           ] })
         ] }),
-        children: /* @__PURE__ */ jsx54(
+        children: /* @__PURE__ */ jsx54(WfoTasksLink, { children: /* @__PURE__ */ jsx54(
           WfoHeaderBadge,
           {
+            css: failedTaskBadgeStyle,
             color: theme.colors.ghost,
             textColor: theme.colors.shadow,
             iconType: () => /* @__PURE__ */ jsx54(WfoXCircleFill, { color: theme.colors.danger }),
             children: taskCountsSummary.total
           }
-        )
+        ) })
       }
     );
   } else {
@@ -36620,15 +36614,21 @@ var WfoFailedTasksBadge = () => {
       {
         position: "bottom",
         content: /* @__PURE__ */ jsx54(Fragment, { children: /* @__PURE__ */ jsx54("div", { children: t("noFailedTasks") }) }),
-        children: /* @__PURE__ */ jsx54(
+        children: /* @__PURE__ */ jsx54(WfoTasksLink, { children: /* @__PURE__ */ jsx54(
           WfoHeaderBadge,
           {
+            css: failedTaskBadgeStyle,
             color: theme.colors.ghost,
             textColor: theme.colors.shadow,
-            iconType: () => /* @__PURE__ */ jsx54(WfoCheckmarkCircleFill, { color: theme.colors.success }),
+            iconType: () => /* @__PURE__ */ jsx54(
+              WfoCheckmarkCircleFill,
+              {
+                color: theme.colors.success
+              }
+            ),
             children: "0"
           }
-        )
+        ) })
       }
     );
   }
@@ -36643,7 +36643,7 @@ var WfoHeaderBadge = ({
   children,
   ...restProps
 }) => {
-  const css43 = restProps.iconType ? {
+  const css44 = restProps.iconType ? {
     height: 24,
     display: "flex",
     paddingLeft: 0
@@ -36651,7 +36651,7 @@ var WfoHeaderBadge = ({
     height: 24,
     display: "flex"
   };
-  return /* @__PURE__ */ jsx55(WfoBadge, { ...restProps, css: css43, children });
+  return /* @__PURE__ */ jsx55(WfoBadge, { ...restProps, css: css44, children });
 };
 
 // src/components/WfoBadges/WfoEnvironmentBadge/WfoEnvironmentBadge.tsx
@@ -36790,14 +36790,14 @@ import { useTranslations as useTranslations6 } from "next-intl";
 import { EuiToolTip as EuiToolTip2 } from "@elastic/eui";
 
 // src/components/WfoBadges/WfoWebsocketStatusBadge/styles.ts
-import { css as css2 } from "@emotion/react";
+import { css as css3 } from "@emotion/react";
 var getStyles = ({ theme }) => {
-  const connectedStyle = css2({
+  const connectedStyle = css3({
     paddingLeft: theme.base / 2,
     cursor: "default",
     backgroundColor: theme.colors.ghost
   });
-  const disconnectedStyle = css2({
+  const disconnectedStyle = css3({
     paddingLeft: theme.base / 2,
     cursor: "pointer",
     backgroundColor: theme.colors.danger
@@ -36872,14 +36872,14 @@ import {
   EuiPageHeader,
   EuiSpacer
 } from "@elastic/eui";
-import { Fragment as Fragment2, jsx as jsx61, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx61, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
 var WfoContentHeader = ({
   title,
   subtitle,
   children
-}) => /* @__PURE__ */ jsxs36(Fragment2, { children: [
-  /* @__PURE__ */ jsxs36(EuiFlexGroup, { children: [
-    /* @__PURE__ */ jsxs36(EuiFlexItem, { children: [
+}) => /* @__PURE__ */ jsxs34(Fragment2, { children: [
+  /* @__PURE__ */ jsxs34(EuiFlexGroup, { children: [
+    /* @__PURE__ */ jsxs34(EuiFlexItem, { children: [
       /* @__PURE__ */ jsx61(
         WfoRenderElementOrString,
         {
@@ -36887,7 +36887,7 @@ var WfoContentHeader = ({
           children: title
         }
       ),
-      subtitle && /* @__PURE__ */ jsxs36("div", { children: [
+      subtitle && /* @__PURE__ */ jsxs34("div", { children: [
         /* @__PURE__ */ jsx61(EuiSpacer, { size: "m" }),
         /* @__PURE__ */ jsx61(WfoRenderElementOrString, { children: subtitle })
       ] })
@@ -36901,13 +36901,13 @@ var WfoContentHeader = ({
 import { EuiButtonIcon } from "@elastic/eui";
 
 // src/components/WfoExpandableField/styles.ts
-import { css as css3 } from "@emotion/react";
+import { css as css4 } from "@emotion/react";
 var getStyles2 = ({ theme }) => {
-  const titleRowStyle = css3({
+  const titleRowStyle = css4({
     display: "flex",
     alignItems: "center"
   });
-  const titleStyle = css3({
+  const titleStyle = css4({
     marginLeft: theme.size.s
   });
   return {
@@ -36917,7 +36917,7 @@ var getStyles2 = ({ theme }) => {
 };
 
 // src/components/WfoExpandableField/WfoExpandableField.tsx
-import { Fragment as Fragment3, jsx as jsx62, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx62, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
 var WfoExpandableField = ({
   isExpanded,
   title,
@@ -36926,8 +36926,8 @@ var WfoExpandableField = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { titleRowStyle, titleStyle } = useWithOrchestratorTheme(getStyles2);
-  return /* @__PURE__ */ jsxs37(Fragment3, { children: [
-    /* @__PURE__ */ jsxs37("div", { css: titleRowStyle, children: [
+  return /* @__PURE__ */ jsxs35(Fragment3, { children: [
+    /* @__PURE__ */ jsxs35("div", { css: titleRowStyle, children: [
       /* @__PURE__ */ jsx62(
         EuiButtonIcon,
         {
@@ -37262,7 +37262,7 @@ var isUuid4 = (value) => !!value.match(
 );
 
 // src/components/WfoPageTemplate/WfoBreadcrumbs/WfoBreadcrumbs.tsx
-import { Fragment as Fragment4, jsx as jsx63, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx63, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
 var WfoBreadcrumbs = ({
   handleSideMenuClick
 }) => {
@@ -37295,8 +37295,8 @@ var WfoBreadcrumbs = ({
       });
     }
   });
-  return /* @__PURE__ */ jsxs38(Fragment4, { children: [
-    /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs36(Fragment4, { children: [
+    /* @__PURE__ */ jsxs36(
       EuiFlexGroup2,
       {
         direction: "row",
@@ -37339,9 +37339,9 @@ import { useTranslations as useTranslations8 } from "next-intl";
 import { EuiTab, EuiTabs } from "@elastic/eui";
 
 // src/components/WfoFilterTabs/styles.ts
-import { css as css4 } from "@emotion/react";
+import { css as css5 } from "@emotion/react";
 var getStyles3 = ({ theme }) => {
-  const tabStyle = css4({
+  const tabStyle = css5({
     gap: `${theme.size.xxs}`,
     ".euiTab__prepend": {
       marginRight: `${theme.size.xs}`
@@ -37380,18 +37380,18 @@ var WfoFilterTabs = ({
 import { EuiText as EuiText2 } from "@elastic/eui";
 
 // src/components/WfoKeyValueTable/styles.ts
-import { css as css5 } from "@emotion/react";
+import { css as css6 } from "@emotion/react";
 var getStyles4 = ({ theme }) => {
   const padding = theme.font.baseline * 2.5;
   const clipboardIconMargin = theme.font.baseline * 2;
   const keyColumnWidth = theme.base * 12;
   const radius = theme.border.radius.medium;
   const clipboardIconSize = theme.base;
-  const keyValueTable = css5({
+  const keyValueTable = css6({
     display: "grid",
     gridTemplateColumns: `${keyColumnWidth}px 1fr`
   });
-  const valueOnlyTable = css5({
+  const valueOnlyTable = css6({
     display: "block",
     gridTemplateColumns: `${keyColumnWidth}px 1fr`,
     "& > div": {
@@ -37400,19 +37400,19 @@ var getStyles4 = ({ theme }) => {
       borderBottomLeftRadius: radius
     }
   });
-  const lightBackground = css5({
+  const lightBackground = css6({
     backgroundColor: theme.colors.emptyShade
   });
-  const darkBackground = css5({
+  const darkBackground = css6({
     backgroundColor: theme.colors.lightestShade
   });
   const getBackgroundColorStyleForRow = (rowNumber) => rowNumber % 2 ? lightBackground : darkBackground;
-  const keyColumnStyle = css5({
+  const keyColumnStyle = css6({
     padding,
     borderTopLeftRadius: radius,
     borderBottomLeftRadius: radius
   });
-  const valueColumnStyle = css5({
+  const valueColumnStyle = css6({
     borderTopRightRadius: radius,
     borderBottomRightRadius: radius,
     paddingTop: theme.size.s,
@@ -37423,11 +37423,11 @@ var getStyles4 = ({ theme }) => {
       visibility: "visible"
     }
   });
-  const keyCellStyle = css5({
+  const keyCellStyle = css6({
     fontWeight: theme.font.weight.medium,
     color: theme.colors.title
   });
-  const valueCellStyle = css5({
+  const valueCellStyle = css6({
     fontWeight: theme.font.weight.regular,
     color: theme.colors.text,
     display: "flex",
@@ -37435,12 +37435,12 @@ var getStyles4 = ({ theme }) => {
     overflowWrap: "anywhere",
     whiteSpace: "pre-wrap"
   });
-  const clipboardIconStyle = css5({
+  const clipboardIconStyle = css6({
     visibility: "hidden",
     height: `${clipboardIconSize}px`,
     paddingBottom: 0
   });
-  const clickableStyle = css5({
+  const clickableStyle = css6({
     marginLeft: clipboardIconMargin,
     cursor: "pointer",
     paddingRight: theme.size.s
@@ -37473,12 +37473,12 @@ import React7 from "react";
 import { EuiCopy } from "@elastic/eui";
 
 // src/icons/WfoClipboardCopy.tsx
-import { jsx as jsx66, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
 var WfoClipboardCopy = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs39(
+}) => /* @__PURE__ */ jsxs37(
   "svg",
   {
     width,
@@ -37510,7 +37510,7 @@ var WfoClipboardCopy = ({
 );
 
 // src/components/WfoKeyValueTable/WfoValueCell.tsx
-import { jsx as jsx67, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
 var WfoValueCell = ({
   value,
   textToCopy,
@@ -37529,7 +37529,7 @@ var WfoValueCell = ({
   const shouldRenderCopyColumn = enableCopyIcon && textToCopy;
   const valueToRender = typeof value === "string" || typeof value === "number" || React7.isValidElement(value) ? value : JSON.stringify(value);
   const copyText = typeof textToCopy === "object" ? JSON.stringify(textToCopy) : textToCopy;
-  return /* @__PURE__ */ jsxs40("div", { css: [getBackgroundColorStyleForRow(rowNumber), valueColumnStyle], children: [
+  return /* @__PURE__ */ jsxs38("div", { css: [getBackgroundColorStyleForRow(rowNumber), valueColumnStyle], children: [
     /* @__PURE__ */ jsx67("div", { css: valueCellStyle, children: valueToRender }),
     /* @__PURE__ */ jsx67("div", { css: clipboardIconStyle, children: shouldRenderCopyColumn && /* @__PURE__ */ jsx67(EuiCopy, { textToCopy: copyText || "", children: (copy) => /* @__PURE__ */ jsx67("div", { onClick: copy, css: clickableStyle, children: /* @__PURE__ */ jsx67(
       WfoClipboardCopy,
@@ -37544,13 +37544,13 @@ var WfoValueCell = ({
 
 // src/components/WfoKeyValueTable/WfoKeyValueTable.tsx
 import { Fragment as Fragment5 } from "react";
-import { jsx as jsx68, jsxs as jsxs41 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
 var WfoKeyValueTable = ({
   keyValues,
   showCopyToClipboardIcon = false
 }) => {
   const { keyValueTable } = useWithOrchestratorTheme(getStyles4);
-  return /* @__PURE__ */ jsx68("div", { css: keyValueTable, children: keyValues.map(({ key, value, textToCopy }, rowNumber) => /* @__PURE__ */ jsxs41(Fragment5, { children: [
+  return /* @__PURE__ */ jsx68("div", { css: keyValueTable, children: keyValues.map(({ key, value, textToCopy }, rowNumber) => /* @__PURE__ */ jsxs39(Fragment5, { children: [
     /* @__PURE__ */ jsx68(WfoKeyCell, { value: key, rowNumber }),
     /* @__PURE__ */ jsx68(
       WfoValueCell,
@@ -37596,8 +37596,8 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoPageTemplate/WfoPageHeader/WfoAppLogo.tsx
-import { jsx as jsx70, jsxs as jsxs42 } from "@emotion/react/jsx-runtime";
-var WfoAppLogo = () => /* @__PURE__ */ jsxs42(
+import { jsx as jsx70, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
+var WfoAppLogo = () => /* @__PURE__ */ jsxs40(
   "svg",
   {
     width: "64",
@@ -37636,15 +37636,15 @@ var WfoAppLogo = () => /* @__PURE__ */ jsxs42(
 );
 
 // src/components/WfoPageTemplate/WfoPageHeader/styles.ts
-import { css as css6 } from "@emotion/react";
+import { css as css7 } from "@emotion/react";
 var getWfoPageHeaderStyles = ({ theme }) => {
-  const appNameStyle = css6({
+  const appNameStyle = css7({
     paddingRight: theme.base,
     marginRight: theme.base,
     borderRight: `${theme.border.width.thick} solid ${theme.colors.subduedText}`
   });
   const getHeaderStyle = (navigationHeight) => {
-    return css6({
+    return css7({
       backgroundColor: theme.colors.header,
       height: navigationHeight,
       borderBottom: theme.colors.header
@@ -37664,12 +37664,12 @@ import { useTranslations as useTranslations9 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon3, EuiContextMenu, EuiPopover } from "@elastic/eui";
 
 // src/icons/WfoQuestionCircle.tsx
-import { jsx as jsx71, jsxs as jsxs43 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs41 } from "@emotion/react/jsx-runtime";
 var WfoQuestionCircle = ({
   width = 24,
   height = 24,
   color = "#000000"
-}) => /* @__PURE__ */ jsxs43(
+}) => /* @__PURE__ */ jsxs41(
   "svg",
   {
     width,
@@ -37768,7 +37768,7 @@ var WfoHamburgerMenu = ({}) => {
 };
 
 // src/components/WfoPageTemplate/WfoPageHeader/WfoPageHeader.tsx
-import { jsx as jsx73, jsxs as jsxs44 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs42 } from "@emotion/react/jsx-runtime";
 var WfoPageHeader = ({
   navigationHeight,
   getAppLogo,
@@ -37780,13 +37780,13 @@ var WfoPageHeader = ({
   const { getHeaderStyle, appNameStyle } = useWithOrchestratorTheme(
     getWfoPageHeaderStyles
   );
-  return /* @__PURE__ */ jsxs44(EuiHeader, { css: getHeaderStyle(navigationHeight), children: [
-    /* @__PURE__ */ jsxs44(EuiHeaderSection, { children: [
+  return /* @__PURE__ */ jsxs42(EuiHeader, { css: getHeaderStyle(navigationHeight), children: [
+    /* @__PURE__ */ jsxs42(EuiHeaderSection, { children: [
       /* @__PURE__ */ jsx73(
         EuiToolTip3,
         {
           content: "UI version " + ORCHESTRATOR_UI_LIBRARY_VERSION,
-          children: /* @__PURE__ */ jsxs44(EuiHeaderSectionItem, { css: { paddingTop: theme.size.xs }, children: [
+          children: /* @__PURE__ */ jsxs42(EuiHeaderSectionItem, { css: { paddingTop: theme.size.xs }, children: [
             /* @__PURE__ */ jsx73(EuiHeaderLogo, { iconType: () => /* @__PURE__ */ jsx73(WfoAppLogo, {}) }),
             /* @__PURE__ */ jsx73("div", { css: appNameStyle, children: getAppLogo(navigationHeight) })
           ] })
@@ -37794,8 +37794,8 @@ var WfoPageHeader = ({
       ),
       /* @__PURE__ */ jsx73(EuiHeaderSectionItem, { children: /* @__PURE__ */ jsx73(WfoEnvironmentBadge, {}) })
     ] }),
-    /* @__PURE__ */ jsx73(EuiHeaderSection, { children: /* @__PURE__ */ jsxs44(EuiHeaderSectionItem, { children: [
-      /* @__PURE__ */ jsxs44(EuiBadgeGroup, { css: { marginRight: multiplyByBaseUnit(1) }, children: [
+    /* @__PURE__ */ jsx73(EuiHeaderSection, { children: /* @__PURE__ */ jsxs42(EuiHeaderSectionItem, { children: [
+      /* @__PURE__ */ jsxs42(EuiBadgeGroup, { css: { marginRight: multiplyByBaseUnit(1) }, children: [
         /* @__PURE__ */ jsx73(WfoEngineStatusBadge, {}),
         /* @__PURE__ */ jsx73(WfoFailedTasksBadge, {})
       ] }),
@@ -37836,9 +37836,9 @@ import { useRouter as useRouter4 } from "next/router";
 import { EuiSideNav, EuiSpacer as EuiSpacer4 } from "@elastic/eui";
 
 // src/components/WfoPageTemplate/WfoSidebar/styles.ts
-import { css as css7 } from "@emotion/react";
+import { css as css8 } from "@emotion/react";
 var getCopyrightStyles = ({ theme }) => {
-  const copyrightStyle = css7({
+  const copyrightStyle = css8({
     position: "fixed",
     bottom: 0,
     left: 0,
@@ -37851,7 +37851,7 @@ var getCopyrightStyles = ({ theme }) => {
   };
 };
 var getMenuStyles = ({ theme }) => {
-  const menuStyle = css7({
+  const menuStyle = css8({
     ".euiSideNavItem--branch": {
       "&:after": {
         backgroundColor: theme.colors.lightShade,
@@ -37896,7 +37896,7 @@ var getMenuItemStyles = ({ theme, isDarkThemeActive }) => {
       }
     }
   };
-  const menuItemStyle = css7({
+  const menuItemStyle = css8({
     ...baseStyles,
     color: theme.colors.subduedText
   });
@@ -37907,15 +37907,15 @@ var getMenuItemStyles = ({ theme, isDarkThemeActive }) => {
     borderRadius: theme.border.radius.medium,
     color: theme.colors.ghost
   };
-  const selectedMenuItem = css7({
+  const selectedMenuItem = css8({
     ...selectedMenuItemBaseStyle
   });
-  const subMenuItemStyle = css7({
+  const subMenuItemStyle = css8({
     ...baseSubMenuStyles,
     marginLeft: `${theme.size.xs}`,
     paddingLeft: `${theme.size.s}`
   });
-  const selectedSubMenuItem = css7({
+  const selectedSubMenuItem = css8({
     ...baseSubMenuStyles,
     height: `${theme.base * 2.25}px`,
     backgroundColor: isDarkThemeActive ? theme.colors.mediumShade : theme.colors.header,
@@ -37924,7 +37924,7 @@ var getMenuItemStyles = ({ theme, isDarkThemeActive }) => {
     marginLeft: `${theme.size.xs}`,
     paddingLeft: `${theme.size.s}`
   });
-  const subMenuHeaderStyle = css7({
+  const subMenuHeaderStyle = css8({
     ...baseStyles,
     color: theme.colors.text
   });
@@ -37946,9 +37946,9 @@ import { useState as useState8 } from "react";
 import { EuiButton as EuiButton2, EuiPopover as EuiPopover2, EuiSelectable, EuiSpacer as EuiSpacer3 } from "@elastic/eui";
 
 // src/components/WfoStartButton/styles.ts
-import { css as css8 } from "@emotion/react";
+import { css as css9 } from "@emotion/react";
 var getStyles5 = ({ theme }) => {
-  const selectableStyle = css8({
+  const selectableStyle = css9({
     ".euiFieldSearch": {
       backgroundColor: theme.colors.body,
       color: theme.colors.text,
@@ -37966,7 +37966,7 @@ var getStyles5 = ({ theme }) => {
 };
 
 // src/components/WfoStartButton/WfoStartButtonComboBox.tsx
-import { Fragment as Fragment6, jsx as jsx74, jsxs as jsxs45 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx74, jsxs as jsxs43 } from "@emotion/react/jsx-runtime";
 var WfoStartButtonComboBox = ({
   buttonText,
   options,
@@ -38003,7 +38003,7 @@ var WfoStartButtonComboBox = ({
           options,
           onChange: (_2, __, changedOption) => onOptionChange(changedOption),
           height: 200,
-          children: (list, search) => /* @__PURE__ */ jsxs45(Fragment6, { children: [
+          children: (list, search) => /* @__PURE__ */ jsxs43(Fragment6, { children: [
             search,
             /* @__PURE__ */ jsx74(EuiSpacer3, { size: "s" }),
             list
@@ -38068,11 +38068,11 @@ var PATH_TASKS = "/tasks";
 var PATH_SETTINGS = "/settings";
 
 // src/components/WfoPageTemplate/WfoSidebar/WfoCopyright.tsx
-import { jsx as jsx76, jsxs as jsxs46 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs44 } from "@emotion/react/jsx-runtime";
 var WfoCopyright = () => {
   const { copyrightStyle } = useWithOrchestratorTheme(getCopyrightStyles);
   const year = (/* @__PURE__ */ new Date()).getFullYear();
-  return /* @__PURE__ */ jsx76("div", { children: /* @__PURE__ */ jsx76("span", { css: copyrightStyle, children: /* @__PURE__ */ jsx76("p", { children: /* @__PURE__ */ jsxs46("a", { href: "https://workfloworchestrator.org/", target: "_blank", children: [
+  return /* @__PURE__ */ jsx76("div", { children: /* @__PURE__ */ jsx76("span", { css: copyrightStyle, children: /* @__PURE__ */ jsx76("p", { children: /* @__PURE__ */ jsxs44("a", { href: "https://workfloworchestrator.org/", target: "_blank", children: [
     "\xA9 ",
     year,
     " - workfloworchestrator.org"
@@ -38081,7 +38081,7 @@ var WfoCopyright = () => {
 
 // src/components/WfoPageTemplate/WfoSidebar/WfoMenuLink.tsx
 import { useTranslations as useTranslations12 } from "next-intl";
-import Link from "next/link";
+import Link2 from "next/link";
 import { jsx as jsx77 } from "@emotion/react/jsx-runtime";
 var WfoMenuItemLink = ({
   path,
@@ -38109,11 +38109,11 @@ var WfoMenuItemLink = ({
   };
   const t = useTranslations12("main");
   const linkText = t(translationString) === `main.${translationString}` ? translationString : t(translationString);
-  return /* @__PURE__ */ jsx77(Link, { css: getMenuItemStyle(), href: path, target, children: linkText });
+  return /* @__PURE__ */ jsx77(Link2, { css: getMenuItemStyle(), href: path, target, children: linkText });
 };
 
 // src/components/WfoPageTemplate/WfoSidebar/WfoSidebar.tsx
-import { Fragment as Fragment7, jsx as jsx78, jsxs as jsxs47 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx78, jsxs as jsxs45 } from "@emotion/react/jsx-runtime";
 var urlPolicyMap = /* @__PURE__ */ new Map([
   [PATH_WORKFLOWS, "/orchestrator/processes/" /* NAVIGATION_WORKFLOWS */],
   [PATH_SUBSCRIPTIONS, "/orchestrator/subscriptions/" /* NAVIGATION_SUBSCRIPTIONS */],
@@ -38298,7 +38298,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
   );
   const defaultMenu = [
     {
-      renderItem: () => /* @__PURE__ */ jsxs47(Fragment7, { children: [
+      renderItem: () => /* @__PURE__ */ jsxs45(Fragment7, { children: [
         /* @__PURE__ */ jsx78(
           WfoIsAllowedToRender,
           {
@@ -38336,7 +38336,7 @@ var menuItemIsAllowed = (url, urlPolicyMap2, isAllowedHandler) => {
 };
 
 // src/components/WfoPageTemplate/WfoPageTemplate/WfoPageTemplate.tsx
-import { Fragment as Fragment8, jsx as jsx79, jsxs as jsxs48 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx79, jsxs as jsxs46 } from "@emotion/react/jsx-runtime";
 var WfoPageTemplate = ({
   children,
   getAppLogo,
@@ -38346,7 +38346,7 @@ var WfoPageTemplate = ({
   const { theme, multiplyByBaseUnit } = useOrchestratorTheme();
   const [isSideMenuVisible, setIsSideMenuVisible] = useState10(true);
   const navigationHeight = multiplyByBaseUnit(3);
-  return /* @__PURE__ */ jsxs48(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs46(Fragment8, { children: [
     /* @__PURE__ */ jsx79(
       WfoPageHeader,
       {
@@ -38355,7 +38355,7 @@ var WfoPageTemplate = ({
         onThemeSwitch
       }
     ),
-    /* @__PURE__ */ jsxs48(
+    /* @__PURE__ */ jsxs46(
       EuiPageTemplate,
       {
         panelled: false,
@@ -38373,7 +38373,7 @@ var WfoPageTemplate = ({
               children: /* @__PURE__ */ jsx79(WfoSidebar, { overrideMenuItems })
             }
           ),
-          /* @__PURE__ */ jsxs48(
+          /* @__PURE__ */ jsxs46(
             EuiPageTemplate.Section,
             {
               css: {
@@ -38402,9 +38402,9 @@ import { useTranslations as useTranslations14 } from "next-intl";
 import { EuiFieldSearch, EuiFormRow } from "@elastic/eui";
 
 // src/theme/baseStyles/formFieldsBaseStyle.ts
-import { css as css9 } from "@emotion/react";
+import { css as css10 } from "@emotion/react";
 var getFormFieldsBaseStyle = ({ theme }) => {
-  const formFieldBaseStyle = css9({
+  const formFieldBaseStyle = css10({
     backgroundColor: theme.colors.body,
     color: theme.colors.text,
     "&:focus": {
@@ -38568,13 +38568,13 @@ import {
   EuiModalHeaderTitle as EuiModalHeaderTitle2,
   EuiSpacer as EuiSpacer5
 } from "@elastic/eui";
-import { jsx as jsx81, jsxs as jsxs49 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs47 } from "@emotion/react/jsx-runtime";
 var WfoInformationModal = ({
   title,
   onClose,
   children
 }) => {
-  return /* @__PURE__ */ jsxs49(EuiModal2, { onClose, children: [
+  return /* @__PURE__ */ jsxs47(EuiModal2, { onClose, children: [
     /* @__PURE__ */ jsx81(EuiModalHeader2, { children: /* @__PURE__ */ jsx81(EuiModalHeaderTitle2, { size: "xs", children: title }) }),
     /* @__PURE__ */ jsx81(EuiSpacer5, { size: "s" }),
     /* @__PURE__ */ jsx81(EuiModalBody2, { children }),
@@ -38595,7 +38595,7 @@ import {
   EuiModalHeaderTitle as EuiModalHeaderTitle3,
   EuiSpacer as EuiSpacer6
 } from "@elastic/eui";
-import { jsx as jsx82, jsxs as jsxs50 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs48 } from "@emotion/react/jsx-runtime";
 var WfoSettingsModal = ({
   title,
   onClose,
@@ -38604,11 +38604,11 @@ var WfoSettingsModal = ({
   children
 }) => {
   const t = useTranslations15("main");
-  return /* @__PURE__ */ jsxs50(EuiModal3, { onClose, maxWidth: 400, children: [
+  return /* @__PURE__ */ jsxs48(EuiModal3, { onClose, maxWidth: 400, children: [
     /* @__PURE__ */ jsx82(EuiModalHeader3, { children: /* @__PURE__ */ jsx82(EuiModalHeaderTitle3, { size: "xs", children: title }) }),
     /* @__PURE__ */ jsx82(EuiSpacer6, { size: "s" }),
     /* @__PURE__ */ jsx82(EuiModalBody3, { children }),
-    /* @__PURE__ */ jsx82(EuiModalFooter3, { children: /* @__PURE__ */ jsxs50(EuiFlexGroup3, { justifyContent: "spaceBetween", children: [
+    /* @__PURE__ */ jsx82(EuiModalFooter3, { children: /* @__PURE__ */ jsxs48(EuiFlexGroup3, { justifyContent: "spaceBetween", children: [
       /* @__PURE__ */ jsx82(EuiButtonEmpty, { onClick: onResetToDefaults, flush: "left", children: t("resetToDefault") }),
       /* @__PURE__ */ jsx82(EuiButton4, { onClick: onUpdateTableConfig, fill: true, children: t("savePreferences") })
     ] }) })
@@ -38628,7 +38628,7 @@ import {
   EuiModalHeaderTitle as EuiModalHeaderTitle4,
   EuiSpacer as EuiSpacer7
 } from "@elastic/eui";
-import { jsx as jsx83, jsxs as jsxs51 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs49 } from "@emotion/react/jsx-runtime";
 var WfoSubmitModal = ({
   title,
   onClose,
@@ -38638,11 +38638,11 @@ var WfoSubmitModal = ({
   isDisabled,
   children
 }) => {
-  return /* @__PURE__ */ jsxs51(EuiModal4, { onClose, children: [
+  return /* @__PURE__ */ jsxs49(EuiModal4, { onClose, children: [
     /* @__PURE__ */ jsx83(EuiModalHeader4, { children: /* @__PURE__ */ jsx83(EuiModalHeaderTitle4, { size: "xs", children: title }) }),
     /* @__PURE__ */ jsx83(EuiSpacer7, { size: "s" }),
     /* @__PURE__ */ jsx83(EuiModalBody4, { children }),
-    /* @__PURE__ */ jsx83(EuiModalFooter4, { children: /* @__PURE__ */ jsxs51(EuiFlexGroup4, { justifyContent: "spaceBetween", children: [
+    /* @__PURE__ */ jsx83(EuiModalFooter4, { children: /* @__PURE__ */ jsxs49(EuiFlexGroup4, { justifyContent: "spaceBetween", children: [
       /* @__PURE__ */ jsx83(EuiFlexItem3, { grow: false, children: /* @__PURE__ */ jsx83(EuiButtonEmpty2, { onClick: onClose, children: "Close" }) }),
       /* @__PURE__ */ jsx83(EuiFlexItem3, { grow: false, children: /* @__PURE__ */ jsx83(
         EuiButton5,
@@ -38967,15 +38967,15 @@ var WfoSubscriptionProductInfoSection = ({
 
 // src/components/WfoSubscription/SubscriptionKeyValueBlock.tsx
 import { EuiFlexGroup as EuiFlexGroup5, EuiFlexItem as EuiFlexItem4, EuiSpacer as EuiSpacer8, EuiText as EuiText3 } from "@elastic/eui";
-import { Fragment as Fragment9, jsx as jsx88, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx88, jsxs as jsxs50 } from "@emotion/react/jsx-runtime";
 var SubscriptionKeyValueBlock = ({
   title,
   keyValues
 }) => {
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsxs52(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs50(Fragment9, { children: [
     /* @__PURE__ */ jsx88(EuiSpacer8, { size: "m" }),
-    /* @__PURE__ */ jsx88("div", { children: /* @__PURE__ */ jsxs52("div", { style: { marginTop: 5 }, children: [
+    /* @__PURE__ */ jsx88("div", { children: /* @__PURE__ */ jsxs50("div", { style: { marginTop: 5 }, children: [
       /* @__PURE__ */ jsx88(EuiFlexGroup5, { justifyContent: "spaceBetween", children: /* @__PURE__ */ jsx88(EuiFlexItem4, { children: /* @__PURE__ */ jsx88(
         EuiText3,
         {
@@ -38999,7 +38999,7 @@ var SubscriptionKeyValueBlock = ({
 // src/components/WfoSubscription/WfoInSyncField.tsx
 import { useContext as useContext4 } from "react";
 import { useTranslations as useTranslations20 } from "next-intl";
-import Link2 from "next/link";
+import Link3 from "next/link";
 import { EuiButton as EuiButton6 } from "@elastic/eui";
 
 // src/components/WfoAuth/WfoIsAllowedToRender.tsx
@@ -39034,7 +39034,7 @@ var WfoInsyncIcon = ({ inSync }) => {
 };
 
 // src/components/WfoSubscription/WfoInSyncField.tsx
-import { Fragment as Fragment11, jsx as jsx91, jsxs as jsxs53 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx91, jsxs as jsxs51 } from "@emotion/react/jsx-runtime";
 var WfoInSyncField = ({
   subscriptionDetail,
   isFetching
@@ -39077,9 +39077,9 @@ var WfoInSyncField = ({
         }
       });
     };
-    return /* @__PURE__ */ jsxs53(Fragment11, { children: [
-      /* @__PURE__ */ jsxs53(
-        Link2,
+    return /* @__PURE__ */ jsxs51(Fragment11, { children: [
+      /* @__PURE__ */ jsxs51(
+        Link3,
         {
           href: processUrl,
           css: {
@@ -39106,7 +39106,7 @@ var WfoInSyncField = ({
       ) })
     ] });
   };
-  return /* @__PURE__ */ jsxs53(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs51(Fragment11, { children: [
     /* @__PURE__ */ jsx91("div", { css: { paddingRight: theme.base / 4, display: "flex" }, children: /* @__PURE__ */ jsx91(WfoInsyncIcon, { inSync }) }),
     inSync && lastTaskRunDate && `(${formatDate(lastTaskRunDate)})`,
     !inSync && lastUncompletedProcess && getProcessLink()
@@ -39138,45 +39138,45 @@ var WfoTargetTypeIcon = ({
 };
 
 // src/components/WfoSubscription/styles.ts
-import { css as css10 } from "@emotion/react";
+import { css as css11 } from "@emotion/react";
 var getSubscriptionDetailStyles = ({ theme }) => {
   const productBlockTreeWidth = theme.base * 28;
-  const contentCellStyle = css10({
+  const contentCellStyle = css11({
     padding: theme.base / 4 * 3,
     borderBottom: theme.border.thin,
     borderBottomColor: theme.colors.lightShade
   });
-  const headerCellStyle = css10({
+  const headerCellStyle = css11({
     ...contentCellStyle,
     paddingLeft: 0,
     width: theme.base * 16,
     fontWeight: theme.font.weight.medium
   });
-  const emptyCellStyle = css10({
+  const emptyCellStyle = css11({
     width: theme.base
   });
-  const tableStyle = css10({
+  const tableStyle = css11({
     backgroundColor: theme.colors.lightestShade,
     width: "100%",
     borderRadius: theme.border.radius.medium,
     marginTop: theme.base / 2
   });
-  const timeLineStyle = css10({
+  const timeLineStyle = css11({
     paddingLeft: theme.base / 2
   });
-  const workflowTargetStyle = css10({ fontWeight: theme.font.weight.bold });
-  const lastContentCellStyle = css10({
+  const workflowTargetStyle = css11({ fontWeight: theme.font.weight.bold });
+  const lastContentCellStyle = css11({
     ...contentCellStyle,
     border: 0
   });
-  const lastHeaderCellStyle = css10({
+  const lastHeaderCellStyle = css11({
     padding: theme.base,
     paddingLeft: 0,
     width: 250,
     fontWeight: theme.font.weight.medium,
     border: 0
   });
-  const inUseByRelationDetailsStyle = css10({
+  const inUseByRelationDetailsStyle = css11({
     borderColor: theme.colors.lightShade,
     borderStyle: "solid",
     borderWidth: "thin",
@@ -39198,7 +39198,7 @@ var getSubscriptionDetailStyles = ({ theme }) => {
 };
 
 // src/components/WfoSubscription/WfoProcessesTimeline.tsx
-import { Fragment as Fragment12, jsx as jsx93, jsxs as jsxs54 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx93, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
 var WfoProcessCard = ({ subscriptionDetailProcess }) => {
   const t = useTranslations21("subscriptions.detail.processDetail");
   const {
@@ -39210,8 +39210,8 @@ var WfoProcessCard = ({ subscriptionDetailProcess }) => {
     lastHeaderCellStyle
   } = useWithOrchestratorTheme(getSubscriptionDetailStyles);
   const processUrl = subscriptionDetailProcess.isTask ? PATH_TASKS : PATH_WORKFLOWS;
-  return /* @__PURE__ */ jsx93(Fragment12, { children: /* @__PURE__ */ jsx93("table", { css: tableStyle, children: /* @__PURE__ */ jsxs54("tbody", { children: [
-    /* @__PURE__ */ jsxs54("tr", { children: [
+  return /* @__PURE__ */ jsx93(Fragment12, { children: /* @__PURE__ */ jsx93("table", { css: tableStyle, children: /* @__PURE__ */ jsxs52("tbody", { children: [
+    /* @__PURE__ */ jsxs52("tr", { children: [
       /* @__PURE__ */ jsx93("td", { css: emptyCellStyle }),
       /* @__PURE__ */ jsx93("td", { css: headerCellStyle, children: t("id") }),
       /* @__PURE__ */ jsx93("td", { css: contentCellStyle, children: /* @__PURE__ */ jsx93(
@@ -39223,7 +39223,7 @@ var WfoProcessCard = ({ subscriptionDetailProcess }) => {
       ) }),
       /* @__PURE__ */ jsx93("td", { css: emptyCellStyle })
     ] }),
-    /* @__PURE__ */ jsxs54("tr", { children: [
+    /* @__PURE__ */ jsxs52("tr", { children: [
       /* @__PURE__ */ jsx93("td", { css: emptyCellStyle }),
       /* @__PURE__ */ jsx93("td", { css: headerCellStyle, children: t("status") }),
       /* @__PURE__ */ jsx93("td", { css: contentCellStyle, children: /* @__PURE__ */ jsx93(
@@ -39234,7 +39234,7 @@ var WfoProcessCard = ({ subscriptionDetailProcess }) => {
       ) }),
       /* @__PURE__ */ jsx93("td", { css: emptyCellStyle })
     ] }),
-    /* @__PURE__ */ jsxs54("tr", { children: [
+    /* @__PURE__ */ jsxs52("tr", { children: [
       /* @__PURE__ */ jsx93("td", { css: emptyCellStyle }),
       /* @__PURE__ */ jsx93("td", { css: headerCellStyle, children: t("startedAt") }),
       /* @__PURE__ */ jsx93("td", { css: contentCellStyle, children: parseDateToLocaleDateTimeString(
@@ -39242,7 +39242,7 @@ var WfoProcessCard = ({ subscriptionDetailProcess }) => {
       ) }),
       /* @__PURE__ */ jsx93("td", { css: emptyCellStyle })
     ] }),
-    /* @__PURE__ */ jsxs54("tr", { children: [
+    /* @__PURE__ */ jsxs52("tr", { children: [
       /* @__PURE__ */ jsx93("td", { css: emptyCellStyle }),
       /* @__PURE__ */ jsx93("td", { css: lastHeaderCellStyle, children: t("startedBy") }),
       /* @__PURE__ */ jsx93("td", { css: lastContentCellStyle, children: subscriptionDetailProcess.createdBy }),
@@ -39256,7 +39256,7 @@ var WfoRenderSubscriptionProcess = ({
   const { timeLineStyle, workflowTargetStyle } = useWithOrchestratorTheme(
     getSubscriptionDetailStyles
   );
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs52(
     EuiComment,
     {
       username: subscriptionDetailProcess.workflowTarget ?? "",
@@ -39268,7 +39268,7 @@ var WfoRenderSubscriptionProcess = ({
         }
       ),
       children: [
-        /* @__PURE__ */ jsxs54(
+        /* @__PURE__ */ jsxs52(
           EuiFlexGroup6,
           {
             alignItems: "center",
@@ -39317,7 +39317,7 @@ var WfoProcessesTimeline = ({
     subscriptionDetailProcesses,
     selectedOption.value
   );
-  return /* @__PURE__ */ jsxs54(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs52(Fragment12, { children: [
     /* @__PURE__ */ jsx93(EuiSpacer9, { size: "m" }),
     !subscriptionDetailProcesses && /* @__PURE__ */ jsx93(WfoLoading, {}),
     /* @__PURE__ */ jsx93(
@@ -39341,7 +39341,7 @@ var WfoProcessesTimeline = ({
 // src/components/WfoSubscription/WfoRelatedSubscriptions.tsx
 import { useState as useState14 } from "react";
 import { useTranslations as useTranslations26 } from "next-intl";
-import Link3 from "next/link";
+import Link4 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup8, EuiFlexItem as EuiFlexItem5, EuiSpacer as EuiSpacer12, EuiSwitch } from "@elastic/eui";
 
 // src/components/WfoSubscription/utils/relatedSubscriptionsListItemsObjectMappers.ts
@@ -39425,16 +39425,16 @@ var WfoExpandedRow = ({
 };
 
 // src/components/WfoTable/WfoTable/styles.ts
-import { css as css12, keyframes } from "@emotion/react";
+import { css as css13, keyframes } from "@emotion/react";
 
 // src/components/WfoTable/WfoTable/WfoTableHeaderCell/styles.ts
-import { css as css11 } from "@emotion/react";
+import { css as css12 } from "@emotion/react";
 var HEADER_CELL_TITLE_BUTTON_CLASS = "headerCellTitleButton";
 var HEADER_CELL_SORT_BUTTON_CLASS = "headerCellSortButton";
 var SORTABLE_ICON_CLASS = "sortableIcon";
 var getWfoBasicTableStyles = ({ theme }) => {
   const radius = theme.border.radius.medium;
-  const basicTableStyle = css11({
+  const basicTableStyle = css12({
     table: {
       backgroundColor: theme.colors.emptyShade
     },
@@ -39461,7 +39461,7 @@ var getWfoBasicTableStyles = ({ theme }) => {
       }
     }
   });
-  const getStatusColumnStyle = (columnNumber) => css11(basicTableStyle, {
+  const getStatusColumnStyle = (columnNumber) => css12(basicTableStyle, {
     [`tbody tr td:nth-child(${columnNumber}) .euiTableCellContent`]: {
       padding: 0,
       ".euiTableCellContent__text": {
@@ -39472,7 +39472,7 @@ var getWfoBasicTableStyles = ({ theme }) => {
       }
     }
   });
-  const dropDownTableStyle = css11({
+  const dropDownTableStyle = css12({
     thead: {
       backgroundColor: theme.colors.lightestShade,
       "tr>:first-child": {
@@ -39486,7 +39486,7 @@ var getWfoBasicTableStyles = ({ theme }) => {
       backgroundColor: theme.colors.lightestShade
     }
   });
-  const expandableTableStyle = css11([
+  const expandableTableStyle = css12([
     basicTableStyle,
     {
       "tr.euiTableRow-isExpandedRow": {
@@ -39494,7 +39494,7 @@ var getWfoBasicTableStyles = ({ theme }) => {
       }
     }
   ]);
-  const headerCellStyle = css11({
+  const headerCellStyle = css12({
     display: "flex",
     justifyContent: "flex-start",
     alignItems: "center",
@@ -39502,27 +39502,28 @@ var getWfoBasicTableStyles = ({ theme }) => {
       overflow: "hidden"
     }
   });
-  const getHeaderCellContentStyle = (isSortable) => css11({
+  const getHeaderCellContentStyle = (isSortable) => css12({
     cursor: isSortable ? "pointer" : "not-allowed",
     fontWeight: theme.font.weight.semiBold
   });
-  const headerCellPopoverHeaderStyle = css11({
+  const headerCellPopoverHeaderStyle = css12({
     margin: theme.size.m,
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center"
   });
-  const headerCellPopoverHeaderTitleStyle = css11({
+  const headerCellPopoverHeaderTitleStyle = css12({
     fontWeight: theme.font.weight.medium
   });
-  const headerCellPopoverContentStyle = css11({
+  const headerCellPopoverContentStyle = css12({
     margin: theme.size.m
   });
-  const getTitleButtonStyle = (sortOrder) => css11({
+  const getTitleButtonStyle = (sortOrder) => css12({
     flex: "0 1 auto",
     overflow: sortOrder === void 0 ? "visible" : "hidden"
   });
-  const sortButtonStyle = css11({
+  const sortButtonStyle = css12({
+    paddingLeft: theme.size.xxs,
     display: "flex",
     flex: "0 0 auto",
     alignItems: "center",
@@ -39569,13 +39570,13 @@ var getWfoTableStyles = ({ theme }) => {
       width: 0
     }
   });
-  const tableContainerStyle = css12({
+  const tableContainerStyle = css13({
     overflowX: "auto"
   });
-  const tableStyle = css12({
+  const tableStyle = css13({
     width: "100%"
   });
-  const headerStyle = css12({
+  const headerStyle = css13({
     backgroundColor: theme.colors.lightShade,
     fontSize: theme.size.m,
     textAlign: "left",
@@ -39586,7 +39587,7 @@ var getWfoTableStyles = ({ theme }) => {
       borderTopRightRadius: radius
     }
   });
-  const bodyLoadingStyle = css12({
+  const bodyLoadingStyle = css13({
     position: "relative",
     overflow: "hidden",
     "&::before": {
@@ -39597,21 +39598,22 @@ var getWfoTableStyles = ({ theme }) => {
       animation: `${tableLoadingLineKeyframes} 1s linear infinite`
     }
   });
-  const rowStyle = css12({
+  const rowStyle = css13({
     height: TABLE_ROW_HEIGHT,
     borderStyle: "solid",
     borderWidth: "0 0 1px 0",
     borderColor: theme.colors.lightShade
   });
-  const dataRowStyle = css12({
+  const dataRowStyle = css13({
     "&:hover": {
       backgroundColor: theme.colors.lightestShade
     }
   });
-  const expandedRowStyle = css12({
+  const expandedRowStyle = css13({
     backgroundColor: theme.colors.lightestShade
   });
-  const headerCellStyle = css12({
+  const headerCellStyle = css13({
+    paddingRight: 0,
     [`&:hover`]: {
       [`.${SORTABLE_ICON_CLASS}`]: {
         visibility: "visible"
@@ -39621,19 +39623,22 @@ var getWfoTableStyles = ({ theme }) => {
       }
     }
   });
-  const cellStyle = css12({
+  const cellStyle = css13({
     paddingLeft: theme.size.m,
     paddingRight: theme.size.m,
     whiteSpace: "nowrap",
     verticalAlign: "middle"
   });
-  const emptyTableMessageStyle = css12({
+  const cellContentStyle = css13({
+    display: "inline-block"
+  });
+  const emptyTableMessageStyle = css13({
     textAlign: "center"
   });
-  const clickableStyle = css12({
+  const clickableStyle = css13({
     cursor: "pointer"
   });
-  const setWidth = (width) => width !== void 0 && css12({
+  const setWidth = (width) => width !== void 0 && css13({
     width,
     minWidth: width,
     maxWidth: width,
@@ -39649,6 +39654,7 @@ var getWfoTableStyles = ({ theme }) => {
     expandedRowStyle,
     headerCellStyle,
     cellStyle,
+    cellContentStyle,
     emptyTableMessageStyle,
     clickableStyle,
     setWidth
@@ -39689,7 +39695,7 @@ function mapSortableAndFilterableValuesToTableColumnConfig(tableColumnConfig, so
 }
 
 // src/components/WfoTable/WfoTable/WfoTableDataRows.tsx
-import { Fragment as Fragment14, jsx as jsx94, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx94, jsxs as jsxs53 } from "@emotion/react/jsx-runtime";
 var WfoTableDataRows = ({
   data,
   columnConfig,
@@ -39699,13 +39705,20 @@ var WfoTableDataRows = ({
   onRowClick,
   className
 }) => {
-  const { cellStyle, rowStyle, dataRowStyle, clickableStyle, setWidth } = useWithOrchestratorTheme(getWfoTableStyles);
+  const {
+    cellStyle,
+    cellContentStyle,
+    rowStyle,
+    dataRowStyle,
+    clickableStyle,
+    setWidth
+  } = useWithOrchestratorTheme(getWfoTableStyles);
   const sortedVisibleColumns = getSortedVisibleColumns(
     columnConfig,
     columnOrder,
     hiddenColumns
   );
-  return /* @__PURE__ */ jsx94(Fragment14, { children: data.map((row, index) => /* @__PURE__ */ jsxs55(Fragment13, { children: [
+  return /* @__PURE__ */ jsx94(Fragment14, { children: data.map((row, index) => /* @__PURE__ */ jsxs53(Fragment13, { children: [
     /* @__PURE__ */ jsx94(
       "tr",
       {
@@ -39729,7 +39742,7 @@ var WfoTableDataRows = ({
                   ),
                   setWidth(columnConfig2.width)
                 ],
-                children: /* @__PURE__ */ jsx94("div", { children: columnConfig2.renderControl(row) })
+                children: /* @__PURE__ */ jsx94("div", { css: cellContentStyle, children: columnConfig2.renderControl(row) })
               },
               key
             );
@@ -39745,7 +39758,7 @@ var WfoTableDataRows = ({
                 ),
                 setWidth(columnConfig2.width)
               ],
-              children: /* @__PURE__ */ jsx94("div", { children: /* @__PURE__ */ jsx94(
+              children: /* @__PURE__ */ jsx94("div", { css: cellContentStyle, children: /* @__PURE__ */ jsx94(
                 WfoDataCell,
                 {
                   customTooltip: columnConfig2.renderTooltip?.(
@@ -39784,27 +39797,15 @@ var WfoSortDirectionIcon = ({
     return /* @__PURE__ */ jsx95(
       WfoArrowsUpDown,
       {
+        height: 16,
+        width: 16,
         className: SORTABLE_ICON_CLASS,
         css: { visibility: "hidden" },
         color: theme.colors.subduedText
       }
     );
   }
-  return sortDirection === "ASC" /* ASC */ ? /* @__PURE__ */ jsx95(
-    WfoArrowNarrowUp,
-    {
-      color: theme.colors.subduedText,
-      height: 24,
-      width: 24
-    }
-  ) : /* @__PURE__ */ jsx95(
-    WfoArrowNarrowDown,
-    {
-      color: theme.colors.subduedText,
-      height: 24,
-      width: 24
-    }
-  );
+  return sortDirection === "ASC" /* ASC */ ? /* @__PURE__ */ jsx95(WfoArrowUp, { color: theme.colors.subduedText }) : /* @__PURE__ */ jsx95(WfoArrowDown, { color: theme.colors.subduedText });
 };
 
 // src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoTableHeaderCell.tsx
@@ -39817,7 +39818,7 @@ import {
   EuiText as EuiText5,
   useGeneratedHtmlId
 } from "@elastic/eui";
-import { jsx as jsx96, jsxs as jsxs56 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs54 } from "@emotion/react/jsx-runtime";
 var WfoTableHeaderCell = ({
   fieldName,
   sortOrder,
@@ -39858,8 +39859,8 @@ var WfoTableHeaderCell = ({
       isClearable: false
     }
   ) });
-  return /* @__PURE__ */ jsxs56("div", { css: headerCellStyle, children: [
-    /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs54("div", { css: headerCellStyle, children: [
+    /* @__PURE__ */ jsxs54(
       EuiPopover3,
       {
         className: HEADER_CELL_TITLE_BUTTON_CLASS,
@@ -39968,7 +39969,7 @@ var WfoTableHeaderRow = ({
 };
 
 // src/components/WfoTable/WfoTable/WfoTable.tsx
-import { Fragment as Fragment16, jsx as jsx98, jsxs as jsxs57 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx98, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
 var ColumnType = /* @__PURE__ */ ((ColumnType2) => {
   ColumnType2["DATA"] = "data";
   ColumnType2["CONTROL"] = "control";
@@ -40004,8 +40005,8 @@ var WfoTable = ({
     columnOrder,
     hiddenColumns
   );
-  return /* @__PURE__ */ jsxs57(Fragment16, { children: [
-    /* @__PURE__ */ jsx98("div", { css: [tableContainerStyle, useEuiScrollBar()], children: /* @__PURE__ */ jsxs57("table", { className, css: tableStyle, children: [
+  return /* @__PURE__ */ jsxs55(Fragment16, { children: [
+    /* @__PURE__ */ jsx98("div", { css: [tableContainerStyle, useEuiScrollBar()], children: /* @__PURE__ */ jsxs55("table", { className, css: tableStyle, children: [
       overrideHeader ? overrideHeader(sortedVisibleColumns) : /* @__PURE__ */ jsx98("thead", { css: headerStyle, children: /* @__PURE__ */ jsx98(
         WfoTableHeaderRow,
         {
@@ -40036,7 +40037,7 @@ var WfoTable = ({
         }
       ) })
     ] }) }),
-    pagination && /* @__PURE__ */ jsxs57(Fragment16, { children: [
+    pagination && /* @__PURE__ */ jsxs55(Fragment16, { children: [
       /* @__PURE__ */ jsx98(EuiSpacer10, { size: "xs" }),
       /* @__PURE__ */ jsx98(
         EuiTablePagination,
@@ -40067,24 +40068,24 @@ import { useTranslations as useTranslations24 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon5, EuiText as EuiText6 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/styles.ts
-import { css as css13 } from "@emotion/react";
+import { css as css14 } from "@emotion/react";
 var getWfoGroupedTableStyles = ({ theme }) => {
   const expandRowButtonWidth = "24px";
   const marginBetweenButtonAndGroupLabel = theme.size.m;
-  const innerTableHeaderStyle = css13({
+  const innerTableHeaderStyle = css14({
     fontSize: theme.size.m,
     textAlign: "left",
     backgroundColor: theme.colors.lightestShade
   });
-  const expandableRowContainerStyle = css13({
+  const expandableRowContainerStyle = css14({
     display: "flex",
     alignItems: "center"
   });
-  const expandableRowTextStyle = css13({
+  const expandableRowTextStyle = css14({
     marginLeft: marginBetweenButtonAndGroupLabel,
     fontWeight: theme.font.weight.medium
   });
-  const getNestingStyle = (nestingLevel) => css13({
+  const getNestingStyle = (nestingLevel) => css14({
     "th:first-child > *:first-child, td:first-child > *:first-child": {
       marginLeft: `calc(${nestingLevel} * (${expandRowButtonWidth} + ${marginBetweenButtonAndGroupLabel}))`
     }
@@ -40098,7 +40099,7 @@ var getWfoGroupedTableStyles = ({ theme }) => {
 };
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandableRow.tsx
-import { jsx as jsx99, jsxs as jsxs58 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs56 } from "@emotion/react/jsx-runtime";
 var WfoExpandableRow = ({
   groupName,
   numberOfRowsInGroup,
@@ -40108,7 +40109,7 @@ var WfoExpandableRow = ({
   const { expandableRowContainerStyle, expandableRowTextStyle } = useWithOrchestratorTheme(getWfoGroupedTableStyles);
   const t = useTranslations24("wfoComponents");
   const hasData = numberOfRowsInGroup > 0;
-  return /* @__PURE__ */ jsxs58("div", { css: expandableRowContainerStyle, children: [
+  return /* @__PURE__ */ jsxs56("div", { css: expandableRowContainerStyle, children: [
     /* @__PURE__ */ jsx99(
       EuiButtonIcon5,
       {
@@ -40186,7 +40187,7 @@ var WfoGroupedTableGroups = React18.forwardRef(
 WfoGroupedTableGroups.displayName = "WfoGroupedTableGroups";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandedGroupRow.tsx
-import { Fragment as Fragment17, jsx as jsx101, jsxs as jsxs59 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx101, jsxs as jsxs57 } from "@emotion/react/jsx-runtime";
 var WfoExpandedGroupRow = React19.forwardRef(
   ({
     data,
@@ -40198,7 +40199,7 @@ var WfoExpandedGroupRow = React19.forwardRef(
     const { expandedRowStyle } = useWithOrchestratorTheme(getWfoTableStyles);
     const { innerTableHeaderStyle, getNestingStyle } = useWithOrchestratorTheme(getWfoGroupedTableStyles);
     if (Array.isArray(data)) {
-      return /* @__PURE__ */ jsxs59(Fragment17, { children: [
+      return /* @__PURE__ */ jsxs57(Fragment17, { children: [
         /* @__PURE__ */ jsx101(
           WfoTableHeaderRow,
           {
@@ -40408,7 +40409,7 @@ var useGroupedTableConfig = ({
 };
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoGroupedTable.tsx
-import { Fragment as Fragment18, jsx as jsx103, jsxs as jsxs60 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx103, jsxs as jsxs58 } from "@emotion/react/jsx-runtime";
 var WfoGroupedTable = ({
   data,
   columnConfig,
@@ -40432,7 +40433,7 @@ var WfoGroupedTable = ({
     groupNameLabel,
     columnConfig
   });
-  return /* @__PURE__ */ jsxs60(Fragment18, { children: [
+  return /* @__PURE__ */ jsxs58(Fragment18, { children: [
     /* @__PURE__ */ jsx103(EuiFlexGroup7, { justifyContent: "flexEnd", children: /* @__PURE__ */ jsx103(
       EuiButtonEmpty3,
       {
@@ -40531,7 +40532,7 @@ var WfoToolTip = ({
 };
 
 // src/components/WfoSubscription/WfoRelatedSubscriptions.tsx
-import { Fragment as Fragment20, jsx as jsx108, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx108, jsxs as jsxs59 } from "@emotion/react/jsx-runtime";
 var WfoRelatedSubscriptions = ({
   subscriptionId
 }) => {
@@ -40573,7 +40574,7 @@ var WfoRelatedSubscriptions = ({
       columnType: "data" /* DATA */,
       label: t("description"),
       renderData: (value, record) => /* @__PURE__ */ jsx108(
-        Link3,
+        Link4,
         {
           target: "_blank",
           href: `${PATH_SUBSCRIPTIONS}/${record.subscriptionId}`,
@@ -40623,7 +40624,7 @@ var WfoRelatedSubscriptions = ({
   const toggleTerminatedSubscriptions = () => {
     setHideTerminatedSubscriptions((currentValue) => !currentValue);
   };
-  return /* @__PURE__ */ jsxs61(Fragment20, { children: [
+  return /* @__PURE__ */ jsxs59(Fragment20, { children: [
     /* @__PURE__ */ jsx108(EuiSpacer12, { size: "xl" }),
     /* @__PURE__ */ jsx108(EuiFlexGroup8, { justifyContent: "flexEnd", children: /* @__PURE__ */ jsx108(EuiFlexItem5, { grow: 0, children: /* @__PURE__ */ jsx108(
       EuiSwitch,
@@ -40669,11 +40670,11 @@ import { StringParam as StringParam2, useQueryParam, withDefault as withDefault2
 // src/components/WfoError/WfoError.tsx
 import { useTranslations as useTranslations27 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup9, EuiText as EuiText7 } from "@elastic/eui";
-import { Fragment as Fragment21, jsx as jsx109, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx109, jsxs as jsxs60 } from "@emotion/react/jsx-runtime";
 var WfoError = () => {
   const t = useTranslations27("common");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsxs62(EuiFlexGroup9, { direction: "row", alignItems: "center", gutterSize: "s", children: [
+  return /* @__PURE__ */ jsxs60(EuiFlexGroup9, { direction: "row", alignItems: "center", gutterSize: "s", children: [
     /* @__PURE__ */ jsx109(WfoXCircleFill, { color: theme.colors.danger }),
     /* @__PURE__ */ jsx109("h1", { children: t("errorMessage") })
   ] });
@@ -40682,9 +40683,9 @@ var WfoErrorWithMessage = ({ error }) => {
   const t = useTranslations27("common");
   const { theme } = useOrchestratorTheme();
   const message = error && error.length > 0 ? error.map((err) => err.message).join(", ") : t("unknownError");
-  return /* @__PURE__ */ jsx109(Fragment21, { children: /* @__PURE__ */ jsxs62(EuiFlexGroup9, { direction: "row", alignItems: "center", gutterSize: "s", children: [
+  return /* @__PURE__ */ jsx109(Fragment21, { children: /* @__PURE__ */ jsxs60(EuiFlexGroup9, { direction: "row", alignItems: "center", gutterSize: "s", children: [
     /* @__PURE__ */ jsx109(WfoXCircleFill, { color: theme.colors.danger }),
-    /* @__PURE__ */ jsxs62(EuiText7, { color: theme.colors.dangerText, children: [
+    /* @__PURE__ */ jsxs60(EuiText7, { color: theme.colors.dangerText, children: [
       t("errorMessage"),
       " (",
       message,
@@ -40727,7 +40728,7 @@ var subscriptionDetailTabs = [
 ];
 
 // src/components/WfoSubscription/WfoSubscription.tsx
-import { Fragment as Fragment22, jsx as jsx111, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx111, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
 var WfoSubscription = ({ subscriptionId }) => {
   const [activeTab, setActiveTab] = useQueryParam(
     "activeTab",
@@ -40746,7 +40747,7 @@ var WfoSubscription = ({ subscriptionId }) => {
     setActiveTab(tab);
   };
   const subscriptionDetail = data?.subscription;
-  return /* @__PURE__ */ jsx111(Fragment22, { children: isError2 && /* @__PURE__ */ jsx111(WfoError, {}) || isLoading && /* @__PURE__ */ jsx111(WfoLoading, {}) || subscriptionDetail && subscriptionDetail.subscriptionId && /* @__PURE__ */ jsxs63(Fragment22, { children: [
+  return /* @__PURE__ */ jsx111(Fragment22, { children: isError2 && /* @__PURE__ */ jsx111(WfoError, {}) || isLoading && /* @__PURE__ */ jsx111(WfoLoading, {}) || subscriptionDetail && subscriptionDetail.subscriptionId && /* @__PURE__ */ jsxs61(Fragment22, { children: [
     /* @__PURE__ */ jsx111(
       WfoContentHeader,
       {
@@ -40756,7 +40757,7 @@ var WfoSubscription = ({ subscriptionId }) => {
             title: subscriptionDetail.description
           }
         ),
-        subtitle: /* @__PURE__ */ jsxs63(Fragment22, { children: [
+        subtitle: /* @__PURE__ */ jsxs61(Fragment22, { children: [
           /* @__PURE__ */ jsx111(
             WfoSubscriptionStatusBadge,
             {
@@ -40813,7 +40814,7 @@ var WfoSubscription = ({ subscriptionId }) => {
         subscriptionId: subscriptionDetail.subscriptionId
       }
     )
-  ] }) || /* @__PURE__ */ jsxs63("h1", { children: [
+  ] }) || /* @__PURE__ */ jsxs61("h1", { children: [
     "Unknown subscriptionId: ",
     subscriptionId
   ] }) });
@@ -40822,7 +40823,7 @@ var WfoSubscription = ({ subscriptionId }) => {
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActions.tsx
 import { useState as useState16 } from "react";
 import { useTranslations as useTranslations29 } from "next-intl";
-import Link5 from "next/link";
+import Link6 from "next/link";
 import { useRouter as useRouter5 } from "next/router";
 import {
   EuiButton as EuiButton7,
@@ -40837,41 +40838,41 @@ import {
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionExpandableMenuItem.tsx
 import { useState as useState15 } from "react";
 import { useTranslations as useTranslations28 } from "next-intl";
-import Link4 from "next/link";
+import Link5 from "next/link";
 import { EuiButtonIcon as EuiButtonIcon6, EuiText as EuiText8 } from "@elastic/eui";
 
 // src/components/WfoSubscription/WfoSubscriptionActions/styles.ts
-import { css as css14 } from "@emotion/react";
+import { css as css15 } from "@emotion/react";
 var EXPANDED_CONTENT_LEFT_MARGIN = "52px";
 var getSubscriptionActionStyles = ({ theme }) => {
-  const clickableStyle = css14({
+  const clickableStyle = css15({
     "&:hover, & :hover": {
       cursor: "pointer"
     }
   });
-  const expandableMenuItemStyle = css14({
+  const expandableMenuItemStyle = css15({
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center"
   });
-  const expandButtonStyle = css14({
+  const expandButtonStyle = css15({
     marginRight: theme.size.m
   });
-  const expandedContentStyle = css14({
+  const expandedContentStyle = css15({
     marginLeft: EXPANDED_CONTENT_LEFT_MARGIN,
     paddingBottom: theme.size.m,
     paddingRight: theme.size.m
   });
-  const linkStyle = css14({
+  const linkStyle = css15({
     display: "block"
   });
-  const linkMenuItemStyle = css14({
+  const linkMenuItemStyle = css15({
     "&>:hover": {
       backgroundColor: theme.colors.lightestShade,
       borderRadius: theme.border.radius.medium
     }
   });
-  const tooltipMenuItemStyle = css14([
+  const tooltipMenuItemStyle = css15([
     linkMenuItemStyle,
     {
       "& > *": {
@@ -40879,14 +40880,14 @@ var getSubscriptionActionStyles = ({ theme }) => {
       }
     }
   ]);
-  const disabledIconStyle = css14({
+  const disabledIconStyle = css15({
     display: "flex",
     width: theme.base * 2
   });
-  const iconStyle = css14({
+  const iconStyle = css15({
     width: theme.base * 2
   });
-  const secondaryIconStyle = css14({
+  const secondaryIconStyle = css15({
     transform: "translate(-11px, -8px);"
   });
   return {
@@ -40904,7 +40905,7 @@ var getSubscriptionActionStyles = ({ theme }) => {
 };
 
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionExpandableMenuItem.tsx
-import { jsx as jsx112, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionActionExpandableMenuItem = ({ subscriptionAction, onClickLockedRelation, children }) => {
   const t = useTranslations28("subscriptions.detail.actions");
   const {
@@ -40916,8 +40917,8 @@ var WfoSubscriptionActionExpandableMenuItem = ({ subscriptionAction, onClickLock
   } = useWithOrchestratorTheme(getSubscriptionActionStyles);
   const [isExpanded, setIsExpanded] = useState15(false);
   const { locked_relations: lockedRelations } = subscriptionAction;
-  return /* @__PURE__ */ jsxs64("div", { children: [
-    /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs62("div", { children: [
+    /* @__PURE__ */ jsxs62(
       "div",
       {
         css: [
@@ -40938,10 +40939,10 @@ var WfoSubscriptionActionExpandableMenuItem = ({ subscriptionAction, onClickLock
         ]
       }
     ),
-    lockedRelations && isExpanded && /* @__PURE__ */ jsxs64("div", { css: expandedContentStyle, children: [
+    lockedRelations && isExpanded && /* @__PURE__ */ jsxs62("div", { css: expandedContentStyle, children: [
       /* @__PURE__ */ jsx112(EuiText8, { size: "xs", children: t("lockedBySubscriptions") }),
       lockedRelations.map((relation) => /* @__PURE__ */ jsx112(EuiText8, { size: "xs", children: /* @__PURE__ */ jsx112(
-        Link4,
+        Link5,
         {
           css: linkStyle,
           href: `${PATH_SUBSCRIPTIONS}/${relation}`,
@@ -40954,7 +40955,7 @@ var WfoSubscriptionActionExpandableMenuItem = ({ subscriptionAction, onClickLock
 };
 
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActions.tsx
-import { Fragment as Fragment23, jsx as jsx113, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx113, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
 var MenuBlock = ({ title }) => /* @__PURE__ */ jsx113(EuiTitle, { size: "xxxs", children: /* @__PURE__ */ jsx113("h3", { children: title }) });
 var WfoSubscriptionActions = ({
   subscriptionId,
@@ -41003,7 +41004,7 @@ var WfoSubscriptionActions = ({
           router.push(url);
         }
       };
-      return /* @__PURE__ */ jsx113(Link5, { href: url, onClick: handleLinkClick, children: /* @__PURE__ */ jsx113("div", { css: linkMenuItemStyle, children: actionItem }) });
+      return /* @__PURE__ */ jsx113(Link6, { href: url, onClick: handleLinkClick, children: /* @__PURE__ */ jsx113("div", { css: linkMenuItemStyle, children: actionItem }) });
     };
     const tooltipIt = (actionItem) => {
       if (!action.reason) return actionItem;
@@ -41018,7 +41019,7 @@ var WfoSubscriptionActions = ({
       ) }) });
     };
     const getIcon = () => {
-      return action.reason ? /* @__PURE__ */ jsxs65("div", { css: disabledIconStyle, children: [
+      return action.reason ? /* @__PURE__ */ jsxs63("div", { css: disabledIconStyle, children: [
         /* @__PURE__ */ jsx113(WfoTargetTypeIcon, { target, disabled: true }),
         /* @__PURE__ */ jsx113("div", { css: secondaryIconStyle, children: /* @__PURE__ */ jsx113(
           WfoXCircleFill,
@@ -41052,10 +41053,10 @@ var WfoSubscriptionActions = ({
       closePopover,
       panelPaddingSize: "none",
       anchorPosition: "downLeft",
-      children: /* @__PURE__ */ jsx113(EuiContextMenuPanel, { children: /* @__PURE__ */ jsxs65(EuiPanel, { color: "transparent", paddingSize: "s", children: [
+      children: /* @__PURE__ */ jsx113(EuiContextMenuPanel, { children: /* @__PURE__ */ jsxs63(EuiPanel, { color: "transparent", paddingSize: "s", children: [
         subscriptionActions && isAllowed(
           "/orchestrator/subscriptions/modify/" /* SUBSCRIPTION_MODIFY */ + subscriptionId
-        ) && subscriptionActions.modify && /* @__PURE__ */ jsxs65(Fragment23, { children: [
+        ) && subscriptionActions.modify && /* @__PURE__ */ jsxs63(Fragment23, { children: [
           /* @__PURE__ */ jsx113(MenuBlock, { title: t("modify") }),
           subscriptionActions.modify.map(
             (action, index) => /* @__PURE__ */ jsx113(
@@ -41071,7 +41072,7 @@ var WfoSubscriptionActions = ({
         ] }),
         subscriptionActions && isAllowed(
           "/orchestrator/subscriptions/validate/" /* SUBSCRIPTION_VALIDATE */ + subscriptionId
-        ) && subscriptionActions.system && /* @__PURE__ */ jsxs65(Fragment23, { children: [
+        ) && subscriptionActions.system && /* @__PURE__ */ jsxs63(Fragment23, { children: [
           /* @__PURE__ */ jsx113(MenuBlock, { title: t("tasks") }),
           subscriptionActions.system.map(
             (action, index) => /* @__PURE__ */ jsx113(
@@ -41088,7 +41089,7 @@ var WfoSubscriptionActions = ({
         ] }),
         subscriptionActions && isAllowed(
           "/orchestrator/subscriptions/terminate/" /* SUBSCRIPTION_TERMINATE */ + subscriptionId
-        ) && subscriptionActions.terminate && /* @__PURE__ */ jsxs65(Fragment23, { children: [
+        ) && subscriptionActions.terminate && /* @__PURE__ */ jsxs63(Fragment23, { children: [
           /* @__PURE__ */ jsx113(MenuBlock, { title: t("terminate") }),
           subscriptionActions.terminate.map(
             (action, index) => /* @__PURE__ */ jsx113(
@@ -41123,7 +41124,7 @@ import {
 
 // src/components/WfoSubscription/WfoInUseByRelations.tsx
 import { useTranslations as useTranslations30 } from "next-intl";
-import Link6 from "next/link";
+import Link7 from "next/link";
 import { Fragment as Fragment24, jsx as jsx114 } from "@emotion/react/jsx-runtime";
 var WfoInUseByRelations = ({
   inUseByRelations
@@ -41149,7 +41150,8 @@ var WfoInUseByRelations = ({
         value: /* @__PURE__ */ jsx114(
           WfoFirstPartUUID,
           {
-            UUID: inUseByRelationDetails.subscriptionId
+            UUID: inUseByRelationDetails.subscriptionId,
+            showCopyIcon: false
           }
         ),
         textToCopy: inUseByRelationDetails.subscriptionId
@@ -41157,7 +41159,7 @@ var WfoInUseByRelations = ({
       {
         key: t("description"),
         value: /* @__PURE__ */ jsx114(
-          Link6,
+          Link7,
           {
             href: `${PATH_SUBSCRIPTIONS}/${inUseByRelationDetails.subscriptionId}`,
             target: "_blank",
@@ -41186,10 +41188,10 @@ var WfoInUseByRelations = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionProductBlock/styles.ts
-import { css as css15 } from "@emotion/react";
+import { css as css16 } from "@emotion/react";
 var getStyles6 = (wfoTheme) => {
   const { theme, toSecondaryColor } = wfoTheme;
-  const iconStyle = css15({
+  const iconStyle = css16({
     width: 45,
     height: 45,
     backgroundColor: toSecondaryColor(theme.colors.primary),
@@ -41198,24 +41200,24 @@ var getStyles6 = (wfoTheme) => {
     paddingLeft: 15,
     borderRadius: 7
   });
-  const iconOutsideCurrentSubscriptionStyle = css15([
+  const iconOutsideCurrentSubscriptionStyle = css16([
     iconStyle,
     {
       backgroundColor: theme.colors.lightShade,
       color: theme.colors.darkestShade
     }
   ]);
-  const panelStyle = css15({
+  const panelStyle = css16({
     backgroundColor: toSecondaryColor(
       toSecondaryColor(theme.colors.primary)
     ),
     border: `solid 1px ${toSecondaryColor(theme.colors.primary)}`
   });
-  const panelStyleOutsideCurrentSubscription = css15({
+  const panelStyleOutsideCurrentSubscription = css16({
     backgroundColor: toSecondaryColor(theme.colors.emptyShade),
     border: `dashed 1px ${theme.colors.lightShade}`
   });
-  const rowStyle = css15({
+  const rowStyle = css16({
     display: "flex",
     flexDirection: "row",
     alignItems: "flex-start",
@@ -41228,17 +41230,17 @@ var getStyles6 = (wfoTheme) => {
       borderBottom: "none"
     }
   });
-  const leftColumnStyle = css15({
+  const leftColumnStyle = css16({
     width: 250,
     flexShrink: 0,
     paddingTop: `${theme.base / 4}px`
   });
-  const leftColumnStyleWithAlignSelf = css15({
+  const leftColumnStyleWithAlignSelf = css16({
     width: 250,
     flexShrink: 0,
     alignSelf: "center"
   });
-  const outsideSubscriptionIdTextStyle = css15({
+  const outsideSubscriptionIdTextStyle = css16({
     padding: `${theme.size.xs}px 0`
   });
   return {
@@ -41254,8 +41256,8 @@ var getStyles6 = (wfoTheme) => {
 };
 
 // src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoSubscriptionProductBlock.tsx
-import { Fragment as Fragment25, jsx as jsx115, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
-var HIDDEN_KEYS = ["title", "name", "label"];
+import { Fragment as Fragment25, jsx as jsx115, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
+var HIDDEN_KEYS = ["title", "name", "label", "inUseByIds"];
 var WfoSubscriptionProductBlock = ({
   productBlock,
   subscriptionId
@@ -41281,16 +41283,16 @@ var WfoSubscriptionProductBlock = ({
   const isEmpty2 = (value) => {
     return value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0;
   };
-  return /* @__PURE__ */ jsxs66(Fragment25, { children: [
+  return /* @__PURE__ */ jsxs64(Fragment25, { children: [
     /* @__PURE__ */ jsx115(EuiSpacer13, { size: "m" }),
-    /* @__PURE__ */ jsxs66(
+    /* @__PURE__ */ jsxs64(
       EuiPanel2,
       {
         color: "transparent",
         hasShadow: false,
         css: isOutsideCurrentSubscription ? panelStyleOutsideCurrentSubscription : panelStyle,
         children: [
-          /* @__PURE__ */ jsxs66(EuiFlexGroup11, { children: [
+          /* @__PURE__ */ jsxs64(EuiFlexGroup11, { children: [
             /* @__PURE__ */ jsx115(EuiFlexItem7, { grow: false, children: /* @__PURE__ */ jsx115(
               "div",
               {
@@ -41298,7 +41300,7 @@ var WfoSubscriptionProductBlock = ({
                 children: /* @__PURE__ */ jsx115(EuiIcon, { type: "filebeatApp", color: "currentColor" })
               }
             ) }),
-            /* @__PURE__ */ jsxs66(EuiFlexItem7, { children: [
+            /* @__PURE__ */ jsxs64(EuiFlexItem7, { children: [
               /* @__PURE__ */ jsx115(EuiText9, { grow: true, children: /* @__PURE__ */ jsx115("h3", { children: getProductBlockTitle(
                 productBlock.productBlockInstanceValues
               ) }) }),
@@ -41318,13 +41320,13 @@ var WfoSubscriptionProductBlock = ({
             ) })
           ] }),
           /* @__PURE__ */ jsx115(EuiSpacer13, { size: "m" }),
-          /* @__PURE__ */ jsx115("table", { width: "100%", children: /* @__PURE__ */ jsxs66("tbody", { children: [
-            isOutsideCurrentSubscription && /* @__PURE__ */ jsxs66("tr", { css: rowStyle, children: [
+          /* @__PURE__ */ jsx115("table", { width: "100%", children: /* @__PURE__ */ jsxs64("tbody", { children: [
+            isOutsideCurrentSubscription && /* @__PURE__ */ jsxs64("tr", { css: rowStyle, children: [
               /* @__PURE__ */ jsx115("td", { css: leftColumnStyleWithAlignSelf, children: /* @__PURE__ */ jsx115("b", { children: t("ownerSubscriptionId") }) }),
               /* @__PURE__ */ jsx115("td", { children: /* @__PURE__ */ jsx115(
                 WfoValueCell,
                 {
-                  value: /* @__PURE__ */ jsxs66(Fragment25, { children: [
+                  value: /* @__PURE__ */ jsxs64(Fragment25, { children: [
                     /* @__PURE__ */ jsx115(
                       "a",
                       {
@@ -41350,16 +41352,16 @@ var WfoSubscriptionProductBlock = ({
                 }
               ) })
             ] }, -1),
-            showDetails && /* @__PURE__ */ jsxs66(Fragment25, { children: [
-              /* @__PURE__ */ jsxs66("tr", { css: rowStyle, children: [
+            showDetails && /* @__PURE__ */ jsxs64(Fragment25, { children: [
+              /* @__PURE__ */ jsxs64("tr", { css: rowStyle, children: [
                 /* @__PURE__ */ jsx115("td", { css: leftColumnStyle, children: /* @__PURE__ */ jsx115("b", { children: t("subscriptionInstanceId") }) }),
                 /* @__PURE__ */ jsx115("td", { children: productBlock.subscriptionInstanceId })
               ] }, -2),
-              !isOutsideCurrentSubscription && /* @__PURE__ */ jsxs66("tr", { css: rowStyle, children: [
+              !isOutsideCurrentSubscription && /* @__PURE__ */ jsxs64("tr", { css: rowStyle, children: [
                 /* @__PURE__ */ jsx115("td", { css: leftColumnStyle, children: /* @__PURE__ */ jsx115("b", { children: t("ownerSubscriptionId") }) }),
                 /* @__PURE__ */ jsx115("td", { children: /* @__PURE__ */ jsx115(Fragment25, { children: /* @__PURE__ */ jsx115(EuiBadge2, { children: t("self") }) }) })
               ] }, -3),
-              /* @__PURE__ */ jsxs66("tr", { css: rowStyle, children: [
+              /* @__PURE__ */ jsxs64("tr", { css: rowStyle, children: [
                 /* @__PURE__ */ jsx115("td", { css: leftColumnStyle, children: /* @__PURE__ */ jsx115("b", { children: t("inUseByRelations") }) }),
                 /* @__PURE__ */ jsx115("td", { children: inUseByRelations.length === 0 && "None" || /* @__PURE__ */ jsx115(
                   WfoInUseByRelations,
@@ -41405,7 +41407,7 @@ var WfoSubscriptionProductBlock = ({
 
 // src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoProductBlockKeyValueRow.tsx
 import { EuiBadge as EuiBadge3 } from "@elastic/eui";
-import { Fragment as Fragment26, jsx as jsx116, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx116, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
 var WfoProductBlockKeyValueRow = ({ fieldValue }) => {
   const { leftColumnStyle, rowStyle } = useWithOrchestratorTheme(getStyles6);
   const { getOverriddenValue } = useSubscriptionDetailValueOverride();
@@ -41420,7 +41422,7 @@ var WfoProductBlockKeyValueRow = ({ fieldValue }) => {
       return /* @__PURE__ */ jsx116(Fragment26, { children: value2 });
     }
   };
-  return /* @__PURE__ */ jsxs67("tr", { css: rowStyle, children: [
+  return /* @__PURE__ */ jsxs65("tr", { css: rowStyle, children: [
     /* @__PURE__ */ jsx116("td", { css: leftColumnStyle, children: /* @__PURE__ */ jsx116("b", { children: camelToHuman(field) }) }),
     /* @__PURE__ */ jsx116("td", { children: getOverriddenValue(fieldValue) ?? /* @__PURE__ */ jsx116(WfoProductBlockValue, { value }) })
   ] });
@@ -41510,11 +41512,11 @@ var getStyles7 = (wfoTheme) => {
 };
 
 // src/icons/WfoXMarkSmall.tsx
-import { jsx as jsx117, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
 var WfoXMarkSmall = ({
   width = 20,
   height = 20
-}) => /* @__PURE__ */ jsxs68(
+}) => /* @__PURE__ */ jsxs66(
   "svg",
   {
     width,
@@ -41540,7 +41542,7 @@ var WfoXMarkSmall = ({
 );
 
 // src/components/WfoTree/WfoTreeNodeListItem.tsx
-import { jsx as jsx118, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
 var WfoTreeNodeListItem = ({
   item,
   selected
@@ -41551,7 +41553,7 @@ var WfoTreeNodeListItem = ({
   const { selectedTreeItemStyle, treeItemStyle } = useWithOrchestratorTheme(getStyles7);
   const { isOutsideCurrentSubscription, id, label } = item;
   const textLabel = label.toString();
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs67(
     EuiFlexGroup12,
     {
       alignItems: "center",
@@ -41577,7 +41579,7 @@ var WfoTreeNodeListItem = ({
 };
 
 // src/components/WfoTree/WfoTreeNode.tsx
-import { jsx as jsx119, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
 var WfoTreeNode = ({
   item,
   hasChildren,
@@ -41589,7 +41591,7 @@ var WfoTreeNode = ({
   const expanded = expandedIds.includes(item.id);
   const selected = selectedIds.includes(item.id);
   const expandIcon = expanded ? "arrowDown" : "arrowRight";
-  return /* @__PURE__ */ jsx119("div", { style: { paddingLeft: `${level * parseInt(theme.size.m)}px` }, children: /* @__PURE__ */ jsxs70(EuiFlexGroup13, { children: [
+  return /* @__PURE__ */ jsx119("div", { style: { paddingLeft: `${level * parseInt(theme.size.m)}px` }, children: /* @__PURE__ */ jsxs68(EuiFlexGroup13, { children: [
     /* @__PURE__ */ jsx119(EuiFlexItem9, { grow: false, css: treeContainerStyle, children: hasChildren ? /* @__PURE__ */ jsx119(
       EuiIcon2,
       {
@@ -41604,7 +41606,7 @@ var WfoTreeNode = ({
 };
 
 // src/components/WfoTree/WfoTreeBranch.tsx
-import { Fragment as Fragment27, jsx as jsx120, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx120, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
 var WfoTreeBranch = ({ item, level }) => {
   const { expandedIds } = React27.useContext(TreeContext);
   const selected = expandedIds.includes(item.id);
@@ -41619,7 +41621,7 @@ var WfoTreeBranch = ({ item, level }) => {
     }
     return null;
   };
-  return /* @__PURE__ */ jsxs71(Fragment27, { children: [
+  return /* @__PURE__ */ jsxs69(Fragment27, { children: [
     /* @__PURE__ */ jsx120(
       EuiListGroup,
       {
@@ -41711,7 +41713,7 @@ var getPositionInTree = (tree, id) => {
 };
 
 // src/components/WfoSubscription/WfoSubscriptionDetailTree.tsx
-import { jsx as jsx122, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailTree = ({
   productBlockInstances,
   subscriptionId
@@ -41786,7 +41788,7 @@ var WfoSubscriptionDetailTree = ({
     return 0;
   };
   const headerHeight = 265;
-  return /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs70(
     EuiFlexGroup14,
     {
       css: {
@@ -41804,8 +41806,8 @@ var WfoSubscriptionDetailTree = ({
               overflowY: "auto"
             },
             grow: true,
-            children: /* @__PURE__ */ jsxs72(EuiFlexGroup14, { direction: "column", children: [
-              /* @__PURE__ */ jsx122(EuiFlexItem10, { grow: false, children: /* @__PURE__ */ jsxs72(
+            children: /* @__PURE__ */ jsxs70(EuiFlexGroup14, { direction: "column", children: [
+              /* @__PURE__ */ jsx122(EuiFlexItem10, { grow: false, children: /* @__PURE__ */ jsxs70(
                 EuiFlexGroup14,
                 {
                   justifyContent: "spaceBetween",
@@ -41824,7 +41826,7 @@ var WfoSubscriptionDetailTree = ({
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsxs72(EuiFlexItem10, { grow: true, children: [
+              /* @__PURE__ */ jsxs70(EuiFlexItem10, { grow: true, children: [
                 !tree && /* @__PURE__ */ jsx122(WfoLoading, {}),
                 tree && /* @__PURE__ */ jsx122(
                   WfoTree,
@@ -41845,7 +41847,7 @@ var WfoSubscriptionDetailTree = ({
               minWidth: 350
             },
             grow: true,
-            children: /* @__PURE__ */ jsxs72("div", { children: [
+            children: /* @__PURE__ */ jsxs70("div", { children: [
               /* @__PURE__ */ jsx122("div", { children: "\xA0" }),
               " ",
               selectedIds.length === 0 && /* @__PURE__ */ jsx122(
@@ -41858,7 +41860,7 @@ var WfoSubscriptionDetailTree = ({
                   size: "m",
                   title: t("noProductBlockSelected"),
                   iconType: "inspect",
-                  children: /* @__PURE__ */ jsxs72(EuiText11, { children: [
+                  children: /* @__PURE__ */ jsxs70(EuiText11, { children: [
                     t("ctaSelectProductBlock"),
                     " "
                   ] })
@@ -41979,11 +41981,11 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoTableSettingsModal/styles.ts
-import { css as css16 } from "@emotion/react";
+import { css as css17 } from "@emotion/react";
 var getWfoTableSettingsModalStyles = (wfoTheme) => {
   const { formFieldBaseStyle } = getFormFieldsBaseStyle(wfoTheme);
   const { theme } = wfoTheme;
-  const formRowStyle = css16({
+  const formRowStyle = css17({
     justifyContent: "space-between",
     ".euiFormLabel": {
       color: theme.colors.text
@@ -41996,7 +41998,7 @@ var getWfoTableSettingsModalStyles = (wfoTheme) => {
 };
 
 // src/components/WfoTable/WfoTableSettingsModal/WfoTableSettingsModal.tsx
-import { jsx as jsx125, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
 var TableSettingsModal = ({
   tableConfig,
   pageSizeOptions,
@@ -42035,8 +42037,8 @@ var TableSettingsModal = ({
         columns,
         selectedPageSize
       }),
-      children: /* @__PURE__ */ jsxs73(EuiForm, { children: [
-        columns.map(({ field, name, isVisible }) => /* @__PURE__ */ jsxs73("div", { children: [
+      children: /* @__PURE__ */ jsxs71(EuiForm, { children: [
+        columns.map(({ field, name, isVisible }) => /* @__PURE__ */ jsxs71("div", { children: [
           /* @__PURE__ */ jsx125(
             EuiFormRow2,
             {
@@ -42146,10 +42148,10 @@ var getQueryStringHandler = (setDataDisplayParam) => (queryString) => {
 
 // src/components/WfoTable/WfoStatusColorField/styles.ts
 import { tint as tint2 } from "@elastic/eui";
-import { css as css17 } from "@emotion/react";
+import { css as css18 } from "@emotion/react";
 var getWfoStatusColorFieldStyles = ({ theme }) => {
   const toStatusColorFieldColor = (color) => tint2(color, 0.3);
-  const getStatusColorFieldStyle = (color) => css17({
+  const getStatusColorFieldStyle = (color) => css18({
     backgroundColor: toStatusColorFieldColor(color),
     height: TABLE_ROW_HEIGHT,
     width: theme.size.xs
@@ -42202,13 +42204,13 @@ var hasSpaces = (value) => value.indexOf(" ") !== -1;
 var toQueryValue = (value) => hasSpaces(value) ? `"${value}"` : value;
 
 // src/components/WfoTable/WfoSortButtons/styles.ts
-import { css as css18 } from "@emotion/react";
+import { css as css19 } from "@emotion/react";
 var getStyles8 = () => {
-  const sortButtonsContainerStyle = css18({
+  const sortButtonsContainerStyle = css19({
     display: "flex",
     alignItems: "center"
   });
-  const getSortButtonStyle = (isActive) => css18({
+  const getSortButtonStyle = (isActive) => css19({
     display: "flex",
     alignItems: "center",
     cursor: isActive ? "pointer" : "not-allowed"
@@ -42244,13 +42246,13 @@ var WfoSortButton = ({
 };
 
 // src/components/WfoTable/WfoSortButtons/WfoSortButtons.tsx
-import { jsx as jsx128, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
 var WfoSortButtons = ({
   sortOrder,
   onChangeSortOrder
 }) => {
   const { sortButtonsContainerStyle } = getStyles8();
-  return /* @__PURE__ */ jsxs74("div", { css: sortButtonsContainerStyle, children: [
+  return /* @__PURE__ */ jsxs72("div", { css: sortButtonsContainerStyle, children: [
     /* @__PURE__ */ jsx128(
       WfoSortButton,
       {
@@ -42274,10 +42276,10 @@ var WfoSortButtons = ({
 import { EuiCopy as EuiCopy2 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoFirstPartUUID/styles.ts
-import { css as css19 } from "@emotion/react";
+import { css as css20 } from "@emotion/react";
 var COPY_ICON_CLASS = "copyIcon";
 var getStyles9 = ({ theme }) => {
-  const uuidFieldStyle = css19({
+  const uuidFieldStyle = css20({
     fontWeight: theme.font.weight.medium,
     display: "flex",
     gap: theme.size.xs,
@@ -42288,7 +42290,7 @@ var getStyles9 = ({ theme }) => {
       visibility: "visible"
     }
   });
-  const clickable = css19({
+  const clickable = css20({
     cursor: "pointer",
     visibility: "hidden"
   });
@@ -42299,13 +42301,16 @@ var getStyles9 = ({ theme }) => {
 };
 
 // src/components/WfoTable/WfoFirstPartUUID/WfoFirstPartUUID.tsx
-import { jsx as jsx129, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
-var WfoFirstPartUUID = ({ UUID }) => {
+import { jsx as jsx129, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
+var WfoFirstPartUUID = ({
+  UUID,
+  showCopyIcon = true
+}) => {
   const { uuidFieldStyle, clickable } = useWithOrchestratorTheme(getStyles9);
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsxs75("span", { css: uuidFieldStyle, children: [
+  return /* @__PURE__ */ jsxs73("span", { css: uuidFieldStyle, children: [
     getFirstUuidPart(UUID),
-    /* @__PURE__ */ jsx129(EuiCopy2, { textToCopy: UUID, children: (copy) => /* @__PURE__ */ jsx129(
+    showCopyIcon && /* @__PURE__ */ jsx129(EuiCopy2, { textToCopy: UUID, children: (copy) => /* @__PURE__ */ jsx129(
       "div",
       {
         className: COPY_ICON_CLASS,
@@ -42343,12 +42348,12 @@ import {
 } from "@elastic/eui";
 
 // src/icons/WfoDotsHorizontal.tsx
-import { jsx as jsx131, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
 var WfoDotsHorizontal = ({
   width = 20,
   height = 20,
   color = "currentColor"
-}) => /* @__PURE__ */ jsxs76(
+}) => /* @__PURE__ */ jsxs74(
   "svg",
   {
     width,
@@ -42465,7 +42470,7 @@ import {
   EuiSpacer as EuiSpacer15,
   EuiText as EuiText12
 } from "@elastic/eui";
-import { Fragment as Fragment29, jsx as jsx134, jsxs as jsxs77 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx134, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
 var WfoAdvancedTable = ({
   tableColumnConfig,
   defaultHiddenColumns = [],
@@ -42549,8 +42554,8 @@ var WfoAdvancedTable = ({
     span: (chunks) => /* @__PURE__ */ jsx134("span", { children: chunks }),
     b: (chunks) => /* @__PURE__ */ jsx134("b", { children: chunks })
   });
-  return /* @__PURE__ */ jsxs77(Fragment29, { children: [
-    /* @__PURE__ */ jsxs77(EuiFlexGroup15, { alignItems: "center", children: [
+  return /* @__PURE__ */ jsxs75(Fragment29, { children: [
+    /* @__PURE__ */ jsxs75(EuiFlexGroup15, { alignItems: "center", children: [
       /* @__PURE__ */ jsx134(EuiFlexItem12, { children: /* @__PURE__ */ jsx134(
         WfoSearchField,
         {
@@ -42639,7 +42644,7 @@ import { useEuiScrollBar as useEuiScrollBar2 } from "@elastic/eui";
 import { EuiToolTip as EuiToolTip6 } from "@elastic/eui";
 
 // src/components/WfoTimeline/styles.ts
-import { css as css20 } from "@emotion/react";
+import { css as css21 } from "@emotion/react";
 var getStyles10 = ({ theme }) => {
   const emptyStepOuterDiameter = theme.base;
   const emptyStepInnerDiameter = theme.base / 2;
@@ -42670,7 +42675,7 @@ var getStyles10 = ({ theme }) => {
         return theme.colors.ghost;
     }
   };
-  const timelinePanelStyle = css20({
+  const timelinePanelStyle = css21({
     backgroundColor: theme.colors.body,
     borderRadius: theme.border.radius.medium,
     overflow: "auto",
@@ -42687,7 +42692,7 @@ var getStyles10 = ({ theme }) => {
       flexGrow: 1
     }
   });
-  const getHorizontalLineStyle = (color) => css20({
+  const getHorizontalLineStyle = (color) => css21({
     content: '""',
     height: theme.border.width.thick,
     backgroundColor: color,
@@ -42715,7 +42720,7 @@ var getStyles10 = ({ theme }) => {
           return theme.colors.lightShade;
       }
     };
-    return css20([
+    return css21([
       !isFirstStep && {
         "::before": {
           ...getHorizontalLineStyle(
@@ -42732,7 +42737,7 @@ var getStyles10 = ({ theme }) => {
       }
     ]);
   };
-  const getStepOuterCircleStyle = (hasContent) => css20({
+  const getStepOuterCircleStyle = (hasContent) => css21({
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
@@ -42743,7 +42748,7 @@ var getStyles10 = ({ theme }) => {
   });
   const getStepInnerCircleStyle = (stepStatus, hasContent) => {
     const diameter = hasContent ? stepWithValueInnerDiameter : emptyStepInnerDiameter;
-    return css20({
+    return css21({
       borderRadius: "50%",
       backgroundColor: getColorForStepStatus(stepStatus),
       height: diameter,
@@ -42754,15 +42759,15 @@ var getStyles10 = ({ theme }) => {
       color: getTextColorForStepStatusIcon(stepStatus)
     });
   };
-  const stepStyle = css20({
+  const stepStyle = css21({
     display: "flex",
     flexDirection: "row",
     alignItems: "center"
   });
-  const clickableStyle = css20({
+  const clickableStyle = css21({
     cursor: "pointer"
   });
-  const notClickableStyle = css20({
+  const notClickableStyle = css21({
     cursor: "auto"
   });
   return {
@@ -42925,9 +42930,9 @@ import { connectField, filterDOMProps } from "uniforms";
 import { EuiCheckbox, EuiFlexItem as EuiFlexItem13, EuiText as EuiText13 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/AcceptFieldStyling.ts
-import { css as css21 } from "@emotion/react";
+import { css as css22 } from "@emotion/react";
 var getStyles11 = ({ theme }) => {
-  const acceptFieldStyle = css21({
+  const acceptFieldStyle = css22({
     ".acceptField": {
       "label.warning": {
         color: theme.colors.danger
@@ -42952,7 +42957,7 @@ var getStyles11 = ({ theme }) => {
 };
 
 // src/components/WfoForms/formFields/AcceptField.tsx
-import { jsx as jsx139, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx139, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
 filterDOMProps.register("data");
 function Accept({
   disabled,
@@ -42994,7 +42999,7 @@ function Accept({
     },
     { checks: {}, skip: false, allChecked: false }
   );
-  return /* @__PURE__ */ jsx139(EuiFlexItem13, { css: acceptFieldStyle, children: /* @__PURE__ */ jsxs78(
+  return /* @__PURE__ */ jsx139(EuiFlexItem13, { css: acceptFieldStyle, children: /* @__PURE__ */ jsxs76(
     "section",
     {
       ...filterDOMProps(props),
@@ -43029,7 +43034,7 @@ function Accept({
             case "margin":
               return /* @__PURE__ */ jsx139("br", {}, index);
             case "warning":
-              return /* @__PURE__ */ jsxs78(
+              return /* @__PURE__ */ jsxs76(
                 "label",
                 {
                   className: "euiFormLabel euiFormRow__label warning",
@@ -43096,9 +43101,9 @@ import { connectField as connectField2, filterDOMProps as filterDOMProps2 } from
 import { EuiCheckbox as EuiCheckbox2, EuiFlexItem as EuiFlexItem14, EuiFormRow as EuiFormRow3, EuiText as EuiText14 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/commonStyles.ts
-import { css as css22 } from "@emotion/react";
+import { css as css23 } from "@emotion/react";
 var getCommonFormFieldStyles = ({ theme }) => {
-  const formRowStyle = css22({
+  const formRowStyle = css23({
     ".euiText": {
       color: theme.colors.text
     },
@@ -43115,21 +43120,17 @@ var getCommonFormFieldStyles = ({ theme }) => {
 };
 
 // src/components/WfoForms/formFields/BoolFieldStyling.ts
-import { css as css23 } from "@emotion/react";
+import { css as css24 } from "@emotion/react";
 var PRIMARY_COLOR = "#0077cc";
 var LIGHT_GREY_COLOR = "#eff2f3";
 var MEDIUM_GREY_COLOR = "#a6b6be";
-var boolFieldStyling = css23`
+var boolFieldStyling = css24`
 
   .bool-field {
     .euiCheckbox .euiCheckbox__input ~ .euiCheckbox__label {
       z-index: unset;
     }
 
-    input[type="checkbox"] {
-      display: none;
-    }
-
     label {
       display: inline-block;
       margin: 3px 0;
@@ -43261,10 +43262,10 @@ var ErrorField = connectField4(Error2, {
 
 // src/components/WfoForms/formFields/ErrorsField.tsx
 import { filterDOMProps as filterDOMProps4, useForm as useForm2 } from "uniforms";
-import { jsx as jsx143, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx143, jsxs as jsxs77 } from "@emotion/react/jsx-runtime";
 var ErrorsField = (props) => {
   const { error, schema } = useForm2();
-  return !error && !props.children ? null : /* @__PURE__ */ jsxs79("div", { ...filterDOMProps4(props), children: [
+  return !error && !props.children ? null : /* @__PURE__ */ jsxs77("div", { ...filterDOMProps4(props), children: [
     props.children,
     /* @__PURE__ */ jsx143("ul", { children: schema.getErrorMessages(error).map((message, index) => /* @__PURE__ */ jsx143("li", { children: message }, index)) })
   ] });
@@ -43292,7 +43293,7 @@ import cloneDeep from "lodash/cloneDeep";
 import { useTranslations as useTranslations37 } from "next-intl";
 import { connectField as connectField6, filterDOMProps as filterDOMProps6, joinName, useField } from "uniforms";
 import { EuiIcon as EuiIcon3, EuiText as EuiText15 } from "@elastic/eui";
-import { jsx as jsx145, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx145, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
 function ListAdd({
   disabled,
   initialCount,
@@ -43316,7 +43317,7 @@ function ListAdd({
       parent.onChange(parent.value.concat(newRowsValue));
     }
   }
-  return /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs78(
     "div",
     {
       className: "add-item",
@@ -43348,7 +43349,7 @@ var ListAddField = connectField6(ListAdd, {
 import { useTranslations as useTranslations38 } from "next-intl";
 import { connectField as connectField7, filterDOMProps as filterDOMProps7, joinName as joinName2, useField as useField2 } from "uniforms";
 import { EuiIcon as EuiIcon4, EuiText as EuiText16 } from "@elastic/eui";
-import { jsx as jsx146, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx146, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
 function ListDel({
   disabled,
   name,
@@ -43376,7 +43377,7 @@ function ListDel({
       parent.onChange(value);
     }
   }
-  return /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsxs79(
     "div",
     {
       ...filterDOMProps7(props),
@@ -43414,12 +43415,12 @@ import { EuiFlexItem as EuiFlexItem15, EuiFormRow as EuiFormRow4, EuiText as Eui
 // src/components/WfoForms/formFields/ListItemField.tsx
 import { connectField as connectField8 } from "uniforms";
 import { AutoField as AutoField2 } from "uniforms-unstyled";
-import { jsx as jsx147, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx147, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
 function ListItem({
   children = /* @__PURE__ */ jsx147(AutoField2, { label: null, name: "" }),
   outerList = false
 }) {
-  return /* @__PURE__ */ jsxs82("li", { children: [
+  return /* @__PURE__ */ jsxs80("li", { children: [
     children,
     /* @__PURE__ */ jsx147(ListDelField, { name: "", outerList })
   ] });
@@ -43427,8 +43428,8 @@ function ListItem({
 var ListItemField = connectField8(ListItem, { initialValue: false });
 
 // src/components/WfoForms/formFields/listFieldStyling.ts
-import { css as css24 } from "@emotion/react";
-var listFieldStyling = css24`
+import { css as css25 } from "@emotion/react";
+var listFieldStyling = css25`
     .list-field {
         ul {
             display: flex;
@@ -43514,7 +43515,7 @@ var listFieldStyling = css24`
 `;
 
 // src/components/WfoForms/formFields/ListField.tsx
-import { Fragment as Fragment30, jsx as jsx148, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx148, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
 filterDOMProps8.register("minCount");
 filterDOMProps8.register("maxCount");
 filterDOMProps8.register("items");
@@ -43537,7 +43538,7 @@ function List({
   const { formRowStyle } = useWithOrchestratorTheme(getCommonFormFieldStyles);
   const child = useField3(joinName3(name, "$"), {}, { absoluteName: true })[0];
   const hasListAsChild = child.fieldType === Array;
-  return /* @__PURE__ */ jsx148(EuiFlexItem15, { css: listFieldStyling, children: /* @__PURE__ */ jsxs83(
+  return /* @__PURE__ */ jsx148(EuiFlexItem15, { css: listFieldStyling, children: /* @__PURE__ */ jsxs81(
     "section",
     {
       ...filterDOMProps8(props),
@@ -43556,7 +43557,7 @@ function List({
             children: /* @__PURE__ */ jsx148(Fragment30, {})
           }
         ),
-        /* @__PURE__ */ jsxs83("ul", { children: [
+        /* @__PURE__ */ jsxs81("ul", { children: [
           range(Math.max(value?.length ?? 0, initialCount ?? 0)).map(
             (itemIndex) => Children.map(
               children,
@@ -44095,7 +44096,7 @@ var TextField = connectField14(Text, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/DateField.tsx
 import { connectField as connectField15, filterDOMProps as filterDOMProps15 } from "uniforms";
-import { jsx as jsx157, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx157, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
 var DateConstructor = (typeof global === "object" ? global : window).Date;
 var dateFormat = (value) => {
   return value?.toISOString().slice(0, -8);
@@ -44114,7 +44115,7 @@ function Date2({
   value,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs84("div", { ...filterDOMProps15(props), children: [
+  return /* @__PURE__ */ jsxs82("div", { ...filterDOMProps15(props), children: [
     label && /* @__PURE__ */ jsx157("label", { htmlFor: id, children: label }),
     /* @__PURE__ */ jsx157(
       "input",
@@ -44352,9 +44353,9 @@ var subscriptionHasTaggedProduct = (subscriptionDetail) => {
 };
 
 // src/components/WfoForms/formFields/deprecated/ContactPersonAutocompleteStyles.ts
-import { css as css25 } from "@emotion/react";
+import { css as css26 } from "@emotion/react";
 var getStyles12 = ({ theme }) => {
-  const contactPersonAutocompleteStyling = css25`
+  const contactPersonAutocompleteStyling = css26`
         .autocomplete-container {
             position: relative;
         }
@@ -44392,7 +44393,7 @@ var getStyles12 = ({ theme }) => {
 };
 
 // src/components/WfoForms/formFields/deprecated/ContactPersonAutocomplete.tsx
-import { jsx as jsx159, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx159, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
 var ContactPersonAutocomplete = ({
   query,
   selectedItem,
@@ -44414,13 +44415,13 @@ var ContactPersonAutocomplete = ({
     const first = name.substring(0, indexOf);
     const middle = name.substring(indexOf, indexOf + query2.length);
     const last = name.substring(indexOf + query2.length);
-    return /* @__PURE__ */ jsxs85("span", { children: [
+    return /* @__PURE__ */ jsxs83("span", { children: [
       first,
       /* @__PURE__ */ jsx159("span", { className: "matched", children: middle }),
       last
     ] });
   };
-  return isEmpty(suggestions) ? null : /* @__PURE__ */ jsx159(EuiFlexItem16, { css: contactPersonAutocompleteStyling, children: /* @__PURE__ */ jsx159("section", { className: `autocomplete`, children: /* @__PURE__ */ jsx159("table", { className: "result", children: /* @__PURE__ */ jsx159("tbody", { children: suggestions.map((item, index) => /* @__PURE__ */ jsxs85(
+  return isEmpty(suggestions) ? null : /* @__PURE__ */ jsx159(EuiFlexItem16, { css: contactPersonAutocompleteStyling, children: /* @__PURE__ */ jsx159("section", { className: `autocomplete`, children: /* @__PURE__ */ jsx159("table", { className: "result", children: /* @__PURE__ */ jsx159("tbody", { children: suggestions.map((item, index) => /* @__PURE__ */ jsxs83(
     "tr",
     {
       className: selectedItem === index ? "active" : "",
@@ -44448,7 +44449,7 @@ import {
   useForm as useForm6
 } from "uniforms";
 import { EuiFieldText as EuiFieldText2, EuiFormRow as EuiFormRow11, EuiText as EuiText24 } from "@elastic/eui";
-import { Fragment as Fragment32, jsx as jsx160, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx160, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
 function stop(e) {
   if (e !== void 0 && e !== null) {
     e.preventDefault();
@@ -44581,7 +44582,7 @@ function ContactPersonName({
       id,
       fullWidth: true,
       css: formRowStyle,
-      children: /* @__PURE__ */ jsxs86(Fragment32, { children: [
+      children: /* @__PURE__ */ jsxs84(Fragment32, { children: [
         /* @__PURE__ */ jsx160(
           EuiFieldText2,
           {
@@ -44680,8 +44681,8 @@ import { connectField as connectField19, filterDOMProps as filterDOMProps19 } fr
 import { EuiFlexItem as EuiFlexItem17, EuiFormRow as EuiFormRow12, EuiText as EuiText25 } from "@elastic/eui";
 
 // src/components/WfoForms/formFields/deprecated/ImsPortIdFieldStyling.ts
-import { css as css26 } from "@emotion/react";
-var imsPortIdFieldStyling = css26`
+import { css as css27 } from "@emotion/react";
+var imsPortIdFieldStyling = css27`
     section.node-port {
         display: flex;
         flex-direction: row;
@@ -44698,7 +44699,7 @@ var imsPortIdFieldStyling = css26`
 `;
 
 // src/components/WfoForms/formFields/deprecated/ImsPortIdField.tsx
-import { jsx as jsx162, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx162, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
 function nodeToOptionCorelink(nodeOption) {
   return {
     value: nodeOption.subscriptionId,
@@ -44784,7 +44785,7 @@ function ImsPortId({
     EuiFormRow12,
     {
       label,
-      labelAppend: /* @__PURE__ */ jsxs87(EuiText25, { size: "m", children: [
+      labelAppend: /* @__PURE__ */ jsxs85(EuiText25, { size: "m", children: [
         description,
         " "
       ] }),
@@ -44792,10 +44793,10 @@ function ImsPortId({
       isInvalid: error,
       id,
       fullWidth: true,
-      children: !nodeValue && nodeSubscriptionId && /* @__PURE__ */ jsxs87(EuiText25, { children: [
+      children: !nodeValue && nodeSubscriptionId && /* @__PURE__ */ jsxs85(EuiText25, { children: [
         "This Node subscription is missing. Please check the nodes status: ",
         nodeSubscriptionId
-      ] }) || /* @__PURE__ */ jsxs87("section", { className: "node-port", children: [
+      ] }) || /* @__PURE__ */ jsxs85("section", { className: "node-port", children: [
         /* @__PURE__ */ jsx162("div", { className: "node-select", children: /* @__PURE__ */ jsx162(
           EuiFormRow12,
           {
@@ -44896,7 +44897,7 @@ var ipamApi = orchestratorApi.injectEndpoints({
 var { usePrefixFiltersQuery, useIpBlocksQuery, useFreeSubnetsQuery } = ipamApi;
 
 // src/components/WfoForms/formFields/deprecated/SplitPrefix.tsx
-import { jsx as jsx163, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx163, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
 var SplitPrefix = ({
   id,
   name,
@@ -44955,8 +44956,8 @@ var SplitPrefix = ({
   const prefix_value = prefix_options.find(
     (option) => option.value === selectedSubnet
   );
-  return /* @__PURE__ */ jsx163(EuiFlexItem18, { css: splitPrefixStyling, children: /* @__PURE__ */ jsxs88("section", { children: [
-    /* @__PURE__ */ jsxs88("h3", { children: [
+  return /* @__PURE__ */ jsx163(EuiFlexItem18, { css: splitPrefixStyling, children: /* @__PURE__ */ jsxs86("section", { children: [
+    /* @__PURE__ */ jsxs86("h3", { children: [
       "Selected prefix: ",
       subnet,
       "/",
@@ -44973,7 +44974,7 @@ var SplitPrefix = ({
         value: length_value
       }
     ),
-    /* @__PURE__ */ jsxs88("div", { children: [
+    /* @__PURE__ */ jsxs86("div", { children: [
       /* @__PURE__ */ jsx163("div", { children: "Desired prefix:" }),
       /* @__PURE__ */ jsx163(
         ReactSelect3,
@@ -45018,7 +45019,7 @@ function prop(obj, key) {
 var ipamStates = ["Free", "Allocated", null, "Planned", null, null];
 
 // src/components/WfoForms/formFields/deprecated/IpPrefixTableField.tsx
-import { Fragment as Fragment33, jsx as jsx164, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx164, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
 var IpPrefixTableField = ({
   id,
   name,
@@ -45183,9 +45184,9 @@ var IpPrefixTableField = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs89(EuiFlexItem19, { css: ipPrefixTableFieldStyling, children: [
-    /* @__PURE__ */ jsxs89("div", { children: [
-      /* @__PURE__ */ jsxs89(
+  return /* @__PURE__ */ jsxs87(EuiFlexItem19, { css: ipPrefixTableFieldStyling, children: [
+    /* @__PURE__ */ jsxs87("div", { children: [
+      /* @__PURE__ */ jsxs87(
         EuiFlexGroup16,
         {
           gutterSize: "s",
@@ -45204,7 +45205,7 @@ var IpPrefixTableField = ({
           ]
         }
       ),
-      manualOverrideVisible && /* @__PURE__ */ jsxs89(EuiPanel3, { style: { marginBottom: "20px" }, children: [
+      manualOverrideVisible && /* @__PURE__ */ jsxs87(EuiPanel3, { style: { marginBottom: "20px" }, children: [
         /* @__PURE__ */ jsx164(
           EuiFormRow13,
           {
@@ -45230,9 +45231,9 @@ var IpPrefixTableField = ({
         )
       ] })
     ] }),
-    !manualOverrideVisible && /* @__PURE__ */ jsxs89(Fragment33, { children: [
-      /* @__PURE__ */ jsxs89("div", { children: [
-        /* @__PURE__ */ jsxs89(EuiFlexGroup16, { gutterSize: "s", children: [
+    !manualOverrideVisible && /* @__PURE__ */ jsxs87(Fragment33, { children: [
+      /* @__PURE__ */ jsxs87("div", { children: [
+        /* @__PURE__ */ jsxs87(EuiFlexGroup16, { gutterSize: "s", children: [
           /* @__PURE__ */ jsx164(
             EuiFlexItem19,
             {
@@ -45323,7 +45324,7 @@ var IpPrefixTableField = ({
 var IpPrefixTableField_default = IpPrefixTableField;
 
 // src/components/WfoForms/formFields/deprecated/IpNetworkField.tsx
-import { jsx as jsx165, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx165, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
 function IpNetwork({
   id,
   label,
@@ -45357,7 +45358,7 @@ function IpNetwork({
       isInvalid: error,
       id,
       fullWidth: true,
-      children: /* @__PURE__ */ jsx165("section", { className: "ipblock-selector", children: /* @__PURE__ */ jsxs90("div", { id, children: [
+      children: /* @__PURE__ */ jsx165("section", { className: "ipblock-selector", children: /* @__PURE__ */ jsxs88("div", { id, children: [
         !prefixMin && /* @__PURE__ */ jsx165(
           IpPrefixTableField_default,
           {
@@ -45415,7 +45416,7 @@ function IpNetwork({
 var IpNetworkField = connectField20(IpNetwork, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/deprecated/IpPrefixTableFieldStyling.ts
-import { css as css27 } from "@emotion/react";
+import { css as css28 } from "@emotion/react";
 var DARK_GREY_COLOR = "#333333";
 var LIGHTER_GREY_COLOR = "#999999";
 var LIGHT_GOLD_COLOR = "#fca456";
@@ -45436,7 +45437,7 @@ function shadeColor(color, percent) {
   const BB = B.toString(16).length === 1 ? "0" + B.toString(16) : B.toString(16);
   return "#" + RR + GG + BB;
 }
-var ipPrefixTableFieldStyling = css27`
+var ipPrefixTableFieldStyling = css28`
     table.ip-blocks {
         word-break: break-all;
         margin-bottom: 20px;
@@ -45524,8 +45525,8 @@ var ipPrefixTableFieldStyling = css27`
 `;
 
 // src/components/WfoForms/formFields/deprecated/SplitPrefixStyling.ts
-import { css as css28 } from "@emotion/react";
-var splitPrefixStyling = css28`
+import { css as css29 } from "@emotion/react";
+var splitPrefixStyling = css29`
     section.split-prefix {
         display: flex;
         flex-direction: column;
@@ -45812,7 +45813,7 @@ import {
   EuiFlexItem as EuiFlexItem20,
   EuiText as EuiText30
 } from "@elastic/eui";
-import { Fragment as Fragment34, jsx as jsx168, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx168, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
 filterDOMProps23.register("properties", "wrap");
 function Nest({
   children,
@@ -45829,13 +45830,13 @@ function Nest({
   const isInList = !isNaN(parseInt(lastNamePart));
   const itemIndex = isInList ? parseInt(lastNamePart) : 0;
   if (isInList) {
-    return /* @__PURE__ */ jsxs91(
+    return /* @__PURE__ */ jsxs89(
       EuiFlexGroup17,
       {
         ...filterDOMProps23(props),
         className: `${className} nest-field`,
         children: [
-          label && /* @__PURE__ */ jsxs91(Fragment34, { children: [
+          label && /* @__PURE__ */ jsxs89(Fragment34, { children: [
             /* @__PURE__ */ jsx168("label", { className: "euiFormLabel euiFormRow__label", children: label }),
             /* @__PURE__ */ jsx168(EuiText30, { size: "m", children: description })
           ] }),
@@ -45878,7 +45879,7 @@ import { useTranslations as useTranslations46 } from "next-intl";
 import { connectField as connectField24, filterDOMProps as filterDOMProps24, useField as useField7 } from "uniforms";
 import { AutoField as AutoField4 } from "uniforms-unstyled";
 import { EuiDescribedFormGroup as EuiDescribedFormGroup2, EuiFlexItem as EuiFlexItem21, EuiFormRow as EuiFormRow17 } from "@elastic/eui";
-import { Fragment as Fragment35, jsx as jsx169, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx169, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
 filterDOMProps24.register("properties");
 function OptGroup({
   fields,
@@ -45897,7 +45898,7 @@ function OptGroup({
       title: /* @__PURE__ */ jsx169("span", { children: t(`${name}.title`) }),
       description: t(`${name}.description`),
       className: `${className} optgroup-field`,
-      children: /* @__PURE__ */ jsxs92(Fragment35, { children: [
+      children: /* @__PURE__ */ jsxs90(Fragment35, { children: [
         /* @__PURE__ */ jsx169(EuiFlexItem21, { children: /* @__PURE__ */ jsx169(
           EuiFormRow17,
           {
@@ -45961,8 +45962,8 @@ var useGetSubscriptionDropdownOptions = (tags = [], statuses = ["active"]) => {
 };
 
 // src/components/WfoForms/formFields/SubscriptionFieldStyling.ts
-import { css as css29 } from "@emotion/react";
-var subscriptionFieldStyling = css29`
+import { css as css30 } from "@emotion/react";
+var subscriptionFieldStyling = css30`
     .subscription-field {
         > div {
             display: flex;
@@ -45995,7 +45996,7 @@ var subscriptionFieldStyling = css29`
 `;
 
 // src/components/WfoForms/formFields/SubscriptionField.tsx
-import { jsx as jsx170, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx170, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
 filterDOMProps25.register(
   "excludedSubscriptionIds",
   "customerId",
@@ -46149,7 +46150,7 @@ function SubscriptionFieldDefinition({
           isInvalid: error,
           id,
           fullWidth: true,
-          children: /* @__PURE__ */ jsxs93("div", { children: [
+          children: /* @__PURE__ */ jsxs91("div", { children: [
             !disabled && /* @__PURE__ */ jsx170(
               EuiFlexGroup18,
               {
@@ -46209,10 +46210,10 @@ import { EuiFlexItem as EuiFlexItem23, EuiFormRow as EuiFormRow19, EuiText as Eu
 
 // src/components/WfoForms/formFields/SummaryFieldStyling.ts
 import { tint as tint3 } from "@elastic/eui";
-import { css as css30 } from "@emotion/react";
+import { css as css31 } from "@emotion/react";
 var getStyles13 = ({ theme }) => {
   const toShadeColor = (color) => tint3(color, 0.9);
-  const summaryFieldStyle = css30({
+  const summaryFieldStyle = css31({
     "div.emailMessage": {
       td: {
         color: theme.colors.text
@@ -46253,7 +46254,7 @@ var getStyles13 = ({ theme }) => {
 };
 
 // src/components/WfoForms/formFields/SummaryField.tsx
-import { jsx as jsx171, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx171, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
 function Summary({
   id,
   label,
@@ -46268,7 +46269,7 @@ function Summary({
   }
   const { headers, labels, columns } = data;
   const extraColumnsData = columns.filter((_2, index) => index !== 0);
-  const rows = columns[0].map((row, index) => /* @__PURE__ */ jsxs94("tr", { children: [
+  const rows = columns[0].map((row, index) => /* @__PURE__ */ jsxs92("tr", { children: [
     labels && /* @__PURE__ */ jsx171("td", { className: `label`, children: labels[index] }),
     /* @__PURE__ */ jsx171("td", { className: `value`, children: typeof row === "string" && row.includes("<!doctype html>") ? /* @__PURE__ */ jsx171(
       "div",
@@ -46279,7 +46280,7 @@ function Summary({
     ) : row }),
     extraColumnsData && extraColumnsData.map((_2, idx) => /* @__PURE__ */ jsx171("td", { className: `value`, children: extraColumnsData[idx][index] }, idx))
   ] }, index));
-  const tableHeader = !headers || headers.length === 0 ? null : /* @__PURE__ */ jsxs94("tr", { children: [
+  const tableHeader = !headers || headers.length === 0 ? null : /* @__PURE__ */ jsxs92("tr", { children: [
     labels && /* @__PURE__ */ jsx171("th", {}),
     headers.map((header, idx) => /* @__PURE__ */ jsx171("th", { children: header }, idx))
   ] });
@@ -46290,7 +46291,7 @@ function Summary({
       labelAppend: /* @__PURE__ */ jsx171(EuiText32, { size: "m", children: description }),
       id,
       fullWidth: true,
-      children: /* @__PURE__ */ jsx171("section", { className: "table-summary", children: /* @__PURE__ */ jsxs94("table", { id: `${id}-table`, children: [
+      children: /* @__PURE__ */ jsx171("section", { className: "table-summary", children: /* @__PURE__ */ jsxs92("table", { id: `${id}-table`, children: [
         /* @__PURE__ */ jsx171("thead", { children: tableHeader }),
         /* @__PURE__ */ jsx171("tbody", { children: rows })
       ] }) })
@@ -46416,9 +46417,9 @@ function autoFieldFunction(props, uniforms) {
 }
 
 // src/components/WfoForms/UserInputFormStyling.ts
-import { css as css31 } from "@emotion/react";
+import { css as css32 } from "@emotion/react";
 var PRIMARY_COLOR2 = "#0077cc";
-var userInputFormStyling = css31`
+var userInputFormStyling = css32`
     .user-input-form {
         h3 {
             padding: 20px 0;
@@ -46495,7 +46496,7 @@ var userInputFormStyling = css31`
 `;
 
 // src/components/WfoForms/UserInputForm.tsx
-import { Fragment as Fragment36, jsx as jsx174, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx174, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
 filterDOMProps27.register("description");
 filterDOMProps27.register("const");
 filterDOMProps27.register("default");
@@ -46875,9 +46876,9 @@ function WfoUserInputForm({
         children: buttons2.next.text ?? t(nextButtonTranslationKey)
       }
     );
-    return /* @__PURE__ */ jsxs95(Fragment36, { children: [
+    return /* @__PURE__ */ jsxs93(Fragment36, { children: [
       /* @__PURE__ */ jsx174(EuiHorizontalRule4, {}),
-      /* @__PURE__ */ jsxs95(EuiFlexGroup19, { justifyContent: "spaceBetween", children: [
+      /* @__PURE__ */ jsxs93(EuiFlexGroup19, { justifyContent: "spaceBetween", children: [
         prevButton,
         nextButton
       ] })
@@ -46896,9 +46897,9 @@ function WfoUserInputForm({
     next: {}
   };
   const buttons = buttonsFromSchema;
-  return /* @__PURE__ */ jsx174("div", { css: userInputFormStyling, children: /* @__PURE__ */ jsx174("div", { className: "user-input-form", children: /* @__PURE__ */ jsxs95("section", { className: "form-fieldset", children: [
+  return /* @__PURE__ */ jsx174("div", { css: userInputFormStyling, children: /* @__PURE__ */ jsx174("div", { className: "user-input-form", children: /* @__PURE__ */ jsxs93("section", { className: "form-fieldset", children: [
     stepUserInput.title && stepUserInput.title !== "unknown" && /* @__PURE__ */ jsx174("h3", { children: stepUserInput.title }),
-    /* @__PURE__ */ jsx174(AutoFieldProvider, { value: autoFieldFunction, children: /* @__PURE__ */ jsxs95(
+    /* @__PURE__ */ jsx174(AutoFieldProvider, { value: autoFieldFunction, children: /* @__PURE__ */ jsxs93(
       AutoForm,
       {
         schema: bridge,
@@ -47150,7 +47151,7 @@ var WfoDropdownButton = ({
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
 import { useTranslations as useTranslations70 } from "next-intl";
-import Link9 from "next/link";
+import Link10 from "next/link";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
 import { useEffect as useEffect22, useState as useState34 } from "react";
@@ -47161,7 +47162,7 @@ import { EuiBadgeGroup as EuiBadgeGroup2 } from "@elastic/eui";
 import { useTranslations as useTranslations51 } from "next-intl";
 import { useRouter as useRouter7 } from "next/router";
 import { EuiSpacer as EuiSpacer16, EuiTab as EuiTab2, EuiTabs as EuiTabs2 } from "@elastic/eui";
-import { Fragment as Fragment38, jsx as jsx182, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx182, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
 var metaDataTabs = [
   {
     id: 1,
@@ -47196,7 +47197,7 @@ var WfoMetadataPageLayout = ({
   const router = useRouter7();
   const t = useTranslations51("metadata");
   const currentPath = router.pathname;
-  return /* @__PURE__ */ jsxs96(Fragment38, { children: [
+  return /* @__PURE__ */ jsxs94(Fragment38, { children: [
     /* @__PURE__ */ jsx182(WfoContentHeader, { title: t("title") }),
     /* @__PURE__ */ jsx182(EuiTabs2, { children: tabs.map(({ id, translationKey: name, path }) => /* @__PURE__ */ jsx182(
       EuiTab2,
@@ -47213,7 +47214,7 @@ var WfoMetadataPageLayout = ({
 };
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { Fragment as Fragment39, jsx as jsx183, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx183, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
 var PRODUCT_BLOCK_FIELD_NAME = "name";
 var WfoProductBlocksPage = () => {
   const t = useTranslations52("metadata.productBlocks");
@@ -47281,7 +47282,7 @@ var WfoProductBlocksPage = () => {
         index
       )) }),
       renderTooltip: (productBlocks) => {
-        return productBlocks.map((productBlock) => /* @__PURE__ */ jsxs97("p", { children: [
+        return productBlocks.map((productBlock) => /* @__PURE__ */ jsxs95("p", { children: [
           "- ",
           productBlock.name
         ] }, productBlock.name));
@@ -47307,7 +47308,7 @@ var WfoProductBlocksPage = () => {
         index
       )) }),
       renderTooltip: (resourceTypes) => {
-        return resourceTypes.map((resourceType) => /* @__PURE__ */ jsxs97("p", { children: [
+        return resourceTypes.map((resourceType) => /* @__PURE__ */ jsxs95("p", { children: [
           "- ",
           resourceType.resourceType
         ] }, resourceType.resourceType));
@@ -47406,7 +47407,7 @@ var WfoProductBlocksPage = () => {
 import { useEffect as useEffect23, useState as useState35 } from "react";
 import { useTranslations as useTranslations53 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup3 } from "@elastic/eui";
-import { Fragment as Fragment40, jsx as jsx184, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx184, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
 var RESOURCE_TYPE_FIELD_TYPE = "resourceType";
 var WfoResourceTypesPage = () => {
   const t = useTranslations53("metadata.resourceTypes");
@@ -47472,7 +47473,7 @@ var WfoResourceTypesPage = () => {
         index
       )) }),
       renderTooltip: (productBlocks) => {
-        return productBlocks.map((productBlock) => /* @__PURE__ */ jsxs98("p", { children: [
+        return productBlocks.map((productBlock) => /* @__PURE__ */ jsxs96("p", { children: [
           "- ",
           productBlock.name
         ] }, productBlock.name));
@@ -47555,7 +47556,7 @@ var WfoResourceTypesPage = () => {
 // src/pages/metadata/WfoProductsPage.tsx
 import { useEffect as useEffect24, useState as useState36 } from "react";
 import { useTranslations as useTranslations54 } from "next-intl";
-import { Fragment as Fragment41, jsx as jsx185, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx185, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
 var PRODUCT_FIELD_NAME = "name";
 var WfoProductsPage = () => {
   const t = useTranslations54("metadata.products");
@@ -47631,7 +47632,7 @@ var WfoProductsPage = () => {
         index
       )) }),
       renderTooltip: (fixedInputs) => {
-        return fixedInputs.map((fixedInput) => /* @__PURE__ */ jsxs99("p", { children: [
+        return fixedInputs.map((fixedInput) => /* @__PURE__ */ jsxs97("p", { children: [
           "- ",
           `${fixedInput.name}: ${fixedInput.value}`
         ] }, fixedInput.name));
@@ -47649,7 +47650,7 @@ var WfoProductsPage = () => {
         index
       )) }),
       renderTooltip: (productBlocks) => {
-        return productBlocks.map((productBlock) => /* @__PURE__ */ jsxs99("p", { children: [
+        return productBlocks.map((productBlock) => /* @__PURE__ */ jsxs97("p", { children: [
           "- ",
           productBlock.name
         ] }, productBlock.name));
@@ -47789,7 +47790,7 @@ var graphQlWorkflowListMapper = ({
 });
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { Fragment as Fragment42, jsx as jsx186, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx186, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsPage = () => {
   const t = useTranslations55("metadata.workflows");
   const tError = useTranslations55("errors");
@@ -47852,7 +47853,7 @@ var WfoWorkflowsPage = () => {
         index
       )) }),
       renderTooltip: (productTags) => {
-        return productTags?.filter(onlyUnique).sort((tagA, tagB) => tagA.localeCompare(tagB)).map((productTag) => /* @__PURE__ */ jsxs100("p", { children: [
+        return productTags?.filter(onlyUnique).sort((tagA, tagB) => tagA.localeCompare(tagB)).map((productTag) => /* @__PURE__ */ jsxs98("p", { children: [
           "- ",
           productTag
         ] }, productTag));
@@ -47979,7 +47980,7 @@ var graphQlTaskListMapper = ({
 });
 
 // src/pages/metadata/WfoTasksPage.tsx
-import { Fragment as Fragment43, jsx as jsx187, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx187, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
 var WfoTasksPage = () => {
   const t = useTranslations56("metadata.tasks");
   const tError = useTranslations56("errors");
@@ -48042,7 +48043,7 @@ var WfoTasksPage = () => {
         index
       )) }),
       renderTooltip: (productTags) => {
-        return productTags?.filter(onlyUnique).sort((tagA, tagB) => tagA.localeCompare(tagB)).map((productTag) => /* @__PURE__ */ jsxs101("p", { children: [
+        return productTags?.filter(onlyUnique).sort((tagA, tagB) => tagA.localeCompare(tagB)).map((productTag) => /* @__PURE__ */ jsxs99("p", { children: [
           "- ",
           productTag
         ] }, productTag));
@@ -48137,9 +48138,9 @@ var WfoTasksPage = () => {
 };
 
 // src/pages/processes/WfoProcessListSubscriptionsCell.tsx
-import Link7 from "next/link";
+import Link8 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup20 } from "@elastic/eui";
-import { Fragment as Fragment44, jsx as jsx188, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx188, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
 var RENDER_ALL = "RENDER_ALL";
 var RenderDirection = /* @__PURE__ */ ((RenderDirection2) => {
   RenderDirection2["HORIZONTAL"] = "HORIZONTAL";
@@ -48157,14 +48158,14 @@ var WfoProcessListSubscriptionsCell = ({
   }
   const visibleSubscriptions = numberOfSubscriptionsToRender === RENDER_ALL ? subscriptions : subscriptions.slice(0, numberOfSubscriptionsToRender);
   const numberOfNotVisibleSubscriptions = length - visibleSubscriptions.length;
-  return /* @__PURE__ */ jsx188(Fragment44, { children: /* @__PURE__ */ jsxs102(
+  return /* @__PURE__ */ jsx188(Fragment44, { children: /* @__PURE__ */ jsxs100(
     EuiFlexGroup20,
     {
       direction: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "row" : "column",
       gutterSize: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "m" : "xs",
       children: [
         visibleSubscriptions.map((subscription) => /* @__PURE__ */ jsx188(
-          Link7,
+          Link8,
           {
             href: `/subscriptions/${subscription.subscriptionId}`,
             css: {
@@ -48270,14 +48271,14 @@ var getIndexOfCurrentStep = (timelineItems) => {
 };
 
 // src/pages/processes/WfoProcessDetail.tsx
-import { Fragment as Fragment45, jsx as jsx189, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx189, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
 var ProcessHeaderValue = ({
   translationKey,
   value = ""
 }) => {
   const t = useTranslations57("processes.detail");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsxs103(
+  return /* @__PURE__ */ jsxs101(
     EuiFlexGroup21,
     {
       direction: "column",
@@ -48384,8 +48385,8 @@ var WfoProcessDetail = ({
       router.push(PATH_TASKS);
     }
   });
-  return /* @__PURE__ */ jsxs103(Fragment45, { children: [
-    /* @__PURE__ */ jsxs103(
+  return /* @__PURE__ */ jsxs101(Fragment45, { children: [
+    /* @__PURE__ */ jsxs101(
       WfoContentHeader,
       {
         title: /* @__PURE__ */ jsx189(WfoTitleWithWebsocketBadge, { title: pageTitle }),
@@ -48457,7 +48458,7 @@ var WfoProcessDetail = ({
         hasBorder: false,
         color: "subdued",
         element: "div",
-        children: isLoading && !hasError && /* @__PURE__ */ jsx189(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs103(EuiFlexGroup21, { direction: "row", gutterSize: "m", children: [
+        children: isLoading && !hasError && /* @__PURE__ */ jsx189(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs101(EuiFlexGroup21, { direction: "row", gutterSize: "m", children: [
           /* @__PURE__ */ jsx189(
             ProcessHeaderValue,
             {
@@ -48506,7 +48507,7 @@ var WfoProcessDetail = ({
           ),
           process && isAllowed(
             "/orchestrator/subscriptions/view/from-process" /* PROCESS_RELATED_SUBSCRIPTIONS */
-          ) && processDetail.subscriptions && /* @__PURE__ */ jsxs103(
+          ) && processDetail.subscriptions && /* @__PURE__ */ jsxs101(
             EuiFlexGroup21,
             {
               gutterSize: "xs",
@@ -48641,32 +48642,32 @@ import {
 import { EuiFlexItem as EuiFlexItem24 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/styles.ts
-import { css as css32 } from "@emotion/react";
+import { css as css33 } from "@emotion/react";
 var getStyles14 = ({ theme, toSecondaryColor }) => {
-  const stepSpacerStyle = css32({
+  const stepSpacerStyle = css33({
     borderLeft: `1px solid ${theme.colors.darkShade}`,
     height: "24px",
     marginLeft: "36px"
   });
-  const stepRowStyle = css32({
+  const stepRowStyle = css33({
     flexGrow: 1,
     alignItems: "center",
     justifyContent: "flex-end"
   });
-  const stepListHeaderStyle = css32({
+  const stepListHeaderStyle = css33({
     marginBottom: "24px",
     marginTop: "60px",
     alignItems: "flex-end"
   });
-  const stepListContentStyle = css32({
+  const stepListContentStyle = css33({
     flexDirection: "row",
     alignItems: "center"
   });
-  const stepListContentBoldTextStyle = css32({
+  const stepListContentBoldTextStyle = css33({
     fontSize: theme.size.base,
     fontWeight: theme.font.weight.bold
   });
-  const stepListContentAnchorStyle = css32({
+  const stepListContentAnchorStyle = css33({
     marginTop: 2,
     marginLeft: 0,
     fontSize: theme.size.m,
@@ -48674,7 +48675,7 @@ var getStyles14 = ({ theme, toSecondaryColor }) => {
     color: theme.colors.link,
     cursor: "pointer"
   });
-  const stepListOptionsContainerStyle = css32({
+  const stepListOptionsContainerStyle = css33({
     flexGrow: 0
   });
   const stepStateIcon = {
@@ -48690,36 +48691,36 @@ var getStyles14 = ({ theme, toSecondaryColor }) => {
     color: theme.colors.disabled,
     fontWeight: theme.font.weight.semiBold
   };
-  const stepStateSuccessIconStyle = css32({
+  const stepStateSuccessIconStyle = css33({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.primary)
   });
-  const stepStateSuspendIconStyle = css32({
+  const stepStateSuspendIconStyle = css33({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.warning)
   });
-  const stepStatePendingIconStyle = css32({
+  const stepStatePendingIconStyle = css33({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.darkShade)
   });
-  const stepStateFailedIconStyle = css32({
+  const stepStateFailedIconStyle = css33({
     ...stepStateIcon,
     backgroundColor: toSecondaryColor(theme.colors.danger)
   });
-  const stepHeaderRightStyle = css32({
+  const stepHeaderRightStyle = css33({
     alignItems: "center"
   });
-  const stepEmailContainerStyle = css32({
+  const stepEmailContainerStyle = css33({
     paddingLeft: 24,
     width: 600,
     marginTop: 0
   });
-  const getStepHeaderStyle = (isClickable) => css32({
+  const getStepHeaderStyle = (isClickable) => css33({
     gap: 0,
     alignItems: "center",
     cursor: isClickable ? "pointer" : "default"
   });
-  const getStepToggleExpandStyle = (isVisible) => css32({
+  const getStepToggleExpandStyle = (isVisible) => css33({
     marginRight: theme.base / 2,
     visibility: isVisible ? "visible" : "hidden"
   });
@@ -48744,7 +48745,7 @@ var getStyles14 = ({ theme, toSecondaryColor }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
-import { jsx as jsx191, jsxs as jsxs104 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx191, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
 var SubIcon = ({ stepStatus, color = "" }) => {
   switch (stepStatus) {
     case "suspend" /* SUSPEND */:
@@ -48818,7 +48819,7 @@ var WfoStepStatusIcon = ({
         ];
     }
   })();
-  return /* @__PURE__ */ jsxs104(EuiFlexItem24, { css: { flexDirection: "row" }, grow: 0, children: [
+  return /* @__PURE__ */ jsxs102(EuiFlexItem24, { css: { flexDirection: "row" }, grow: 0, children: [
     /* @__PURE__ */ jsx191("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx191(
       MainIcon,
       {
@@ -48907,7 +48908,7 @@ var WfoStepForm = ({
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import { Fragment as Fragment46, jsx as jsx193, jsxs as jsxs105 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx193, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
 var WfoStep = React58.forwardRef(
   ({
     stepListItem,
@@ -48938,10 +48939,10 @@ var WfoStep = React58.forwardRef(
       if (!value) {
         return "";
       }
-      return /* @__PURE__ */ jsxs105(EuiText34, { size: "s", children: [
+      return /* @__PURE__ */ jsxs103(EuiText34, { size: "s", children: [
         /* @__PURE__ */ jsx193("h4", { children: "To" }),
         /* @__PURE__ */ jsx193("p", { children: value.to.map(
-          (v, i) => /* @__PURE__ */ jsxs105("div", { children: [
+          (v, i) => /* @__PURE__ */ jsxs103("div", { children: [
             v.name,
             " <",
             /* @__PURE__ */ jsx193("a", { href: `mailto: ${v.email}`, children: v.email }),
@@ -48950,7 +48951,7 @@ var WfoStep = React58.forwardRef(
         ) }),
         /* @__PURE__ */ jsx193("h4", { children: "CC" }),
         /* @__PURE__ */ jsx193("p", { children: value.cc.map(
-          (v, i) => /* @__PURE__ */ jsxs105("div", { children: [
+          (v, i) => /* @__PURE__ */ jsxs103("div", { children: [
             v.name,
             " <",
             /* @__PURE__ */ jsx193("a", { href: `mailto: ${v.email}`, children: v.email }),
@@ -48969,8 +48970,8 @@ var WfoStep = React58.forwardRef(
         )
       ] });
     };
-    return /* @__PURE__ */ jsx193("div", { ref, children: /* @__PURE__ */ jsxs105(EuiPanel5, { children: [
-      /* @__PURE__ */ jsxs105(
+    return /* @__PURE__ */ jsx193("div", { ref, children: /* @__PURE__ */ jsxs103(EuiPanel5, { children: [
+      /* @__PURE__ */ jsxs103(
         EuiFlexGroup22,
         {
           css: getStepHeaderStyle(hasStepContent),
@@ -48983,15 +48984,15 @@ var WfoStep = React58.forwardRef(
                 isStartStep
               }
             ),
-            /* @__PURE__ */ jsxs105(EuiFlexItem26, { grow: 0, children: [
+            /* @__PURE__ */ jsxs103(EuiFlexItem26, { grow: 0, children: [
               /* @__PURE__ */ jsx193(EuiText34, { css: stepListContentBoldTextStyle, children: step.name }),
-              /* @__PURE__ */ jsxs105(EuiText34, { children: [
+              /* @__PURE__ */ jsxs103(EuiText34, { children: [
                 step.status,
                 " ",
                 step.executed && `- ${formatDate(step.executed)}`
               ] })
             ] }),
-            /* @__PURE__ */ jsx193(EuiFlexGroup22, { css: stepRowStyle, children: step.executed && /* @__PURE__ */ jsxs105(Fragment46, { children: [
+            /* @__PURE__ */ jsx193(EuiFlexGroup22, { css: stepRowStyle, children: step.executed && /* @__PURE__ */ jsxs103(Fragment46, { children: [
               isExpanded && /* @__PURE__ */ jsx193(
                 EuiButton12,
                 {
@@ -49005,7 +49006,7 @@ var WfoStep = React58.forwardRef(
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs105(
+              /* @__PURE__ */ jsxs103(
                 EuiFlexItem26,
                 {
                   grow: 0,
@@ -49062,7 +49063,7 @@ WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
 import React59, { useImperativeHandle as useImperativeHandle2, useRef as useRef9 } from "react";
-import { Fragment as Fragment47, jsx as jsx194, jsxs as jsxs106 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx194, jsxs as jsxs104 } from "@emotion/react/jsx-runtime";
 var WfoStepList = React59.forwardRef(
   ({
     stepListItems,
@@ -49109,7 +49110,7 @@ var WfoStepList = React59.forwardRef(
       }
     };
     return /* @__PURE__ */ jsx194(Fragment47, { children: stepListItems.map((stepListItem, index) => {
-      const stepComponent = /* @__PURE__ */ jsxs106("div", { children: [
+      const stepComponent = /* @__PURE__ */ jsxs104("div", { children: [
         index !== 0 && /* @__PURE__ */ jsx194("div", { css: stepSpacerStyle }),
         /* @__PURE__ */ jsx194(
           WfoStep,
@@ -49158,7 +49159,7 @@ import {
 
 // src/components/WfoDiff/styles.ts
 import { shade as shade2, tint as tint4 } from "@elastic/eui";
-import { css as css33 } from "@emotion/react";
+import { css as css34 } from "@emotion/react";
 var getWfoDiffStyles = ({
   theme,
   toSecondaryColor,
@@ -49170,7 +49171,7 @@ var getWfoDiffStyles = ({
   const insertCodeColor = isDarkThemeActive ? shade2(insertGutterColor, SHADE_FACTOR) : tint4(insertGutterColor, TINT_FACTOR);
   const deleteColor = toSecondaryColor(theme.colors.danger);
   const deleteSecondaryColor = isDarkThemeActive ? shade2(deleteColor, SHADE_FACTOR) : tint4(deleteColor, TINT_FACTOR);
-  const diffStyle = css33({
+  const diffStyle = css34({
     ".diff-code-insert": {
       backgroundColor: insertCodeColor
     },
@@ -49193,7 +49194,7 @@ var getWfoDiffStyles = ({
 };
 
 // src/components/WfoDiff/WfoDiff.tsx
-import { jsx as jsx195, jsxs as jsxs107 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx195, jsxs as jsxs105 } from "@emotion/react/jsx-runtime";
 var EMPTY_HUNKS = [];
 var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
@@ -49231,8 +49232,8 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
   useEffect27(() => {
     updateDiffText();
   }, [updateDiffText, showFull]);
-  return /* @__PURE__ */ jsxs107("div", { children: [
-    /* @__PURE__ */ jsxs107(EuiFlexGroup23, { gutterSize: "xs", children: [
+  return /* @__PURE__ */ jsxs105("div", { children: [
+    /* @__PURE__ */ jsxs105(EuiFlexGroup23, { gutterSize: "xs", children: [
       /* @__PURE__ */ jsx195(EuiFlexItem27, { grow: false, children: /* @__PURE__ */ jsx195(EuiText35, { children: /* @__PURE__ */ jsx195("h3", { children: t("title") }) }) }),
       /* @__PURE__ */ jsx195(EuiFlexItem27, { grow: false, children: /* @__PURE__ */ jsx195(
         EuiButtonIcon12,
@@ -49278,9 +49279,9 @@ import { useTranslations as useTranslations60 } from "next-intl";
 import { EuiCodeBlock, EuiText as EuiText36 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoTraceback/styles.ts
-import { css as css34 } from "@emotion/react";
+import { css as css35 } from "@emotion/react";
 var getStyles15 = ({ theme }) => {
-  const codeBlockStyle = css34({
+  const codeBlockStyle = css35({
     marginTop: theme.size.m,
     marginBottom: theme.size.l,
     borderRadius: theme.border.radius.medium
@@ -49291,18 +49292,18 @@ var getStyles15 = ({ theme }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx
-import { Fragment as Fragment48, jsx as jsx196, jsxs as jsxs108 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx196, jsxs as jsxs106 } from "@emotion/react/jsx-runtime";
 var WfoTraceback = ({ children }) => {
   const { codeBlockStyle } = useWithOrchestratorTheme(getStyles15);
   const t = useTranslations60("processes.steps");
-  return /* @__PURE__ */ jsxs108(Fragment48, { children: [
+  return /* @__PURE__ */ jsxs106(Fragment48, { children: [
     /* @__PURE__ */ jsx196(EuiText36, { children: /* @__PURE__ */ jsx196("h3", { children: t("traceback") }) }),
     /* @__PURE__ */ jsx196(EuiCodeBlock, { css: codeBlockStyle, children })
   ] });
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import { Fragment as Fragment49, jsx as jsx197, jsxs as jsxs109 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx197, jsxs as jsxs107 } from "@emotion/react/jsx-runtime";
 var WfoProcessRawData = ({ processId }) => {
   const { data, isFetching } = useGetRawProcessDetailQuery({ processId });
   return isFetching ? /* @__PURE__ */ jsx197(WfoLoading, {}) : /* @__PURE__ */ jsx197(WfoJsonCodeBlock, { data: data || {} });
@@ -49397,7 +49398,7 @@ var WfoWorkflowStepList = React61.forwardRef(
       "aborted" /* ABORTED */,
       "completed" /* COMPLETED */
     ].map((status) => status.toLowerCase()).includes(lastStatus.toLowerCase());
-    return /* @__PURE__ */ jsxs109(Fragment49, { children: [
+    return /* @__PURE__ */ jsxs107(Fragment49, { children: [
       /* @__PURE__ */ jsx197(
         WfoStepListHeader,
         {
@@ -49454,9 +49455,9 @@ import {
 import { EuiText as EuiText37 } from "@elastic/eui";
 
 // src/components/WfoTextAnchor/styles.ts
-import { css as css35 } from "@emotion/react";
+import { css as css36 } from "@emotion/react";
 var getStyles16 = ({ theme }) => {
-  const textAnchorStyle = css35({
+  const textAnchorStyle = css36({
     marginTop: theme.size.xxs,
     marginLeft: 0,
     fontSize: theme.size.m,
@@ -49477,7 +49478,7 @@ var WfoTextAnchor = ({ text, onClick }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { jsx as jsx199, jsxs as jsxs110 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx199, jsxs as jsxs108 } from "@emotion/react/jsx-runtime";
 var WfoStepListHeader = ({
   allDetailToggleText,
   showDelta,
@@ -49514,8 +49515,8 @@ var WfoStepListHeader = ({
       children: t("viewOptions")
     }
   );
-  return /* @__PURE__ */ jsxs110(EuiFlexGroup24, { css: stepListHeaderStyle, children: [
-    /* @__PURE__ */ jsxs110(EuiFlexGroup24, { css: stepListContentStyle, children: [
+  return /* @__PURE__ */ jsxs108(EuiFlexGroup24, { css: stepListHeaderStyle, children: [
+    /* @__PURE__ */ jsxs108(EuiFlexGroup24, { css: stepListContentStyle, children: [
       /* @__PURE__ */ jsx199(EuiText38, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
       !showRaw && /* @__PURE__ */ jsx199(
         WfoTextAnchor,
@@ -49525,7 +49526,7 @@ var WfoStepListHeader = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs110(
+    /* @__PURE__ */ jsxs108(
       EuiFlexGroup24,
       {
         justifyContent: "flexEnd",
@@ -49564,7 +49565,7 @@ var WfoStepListHeader = ({
               isOpen: isViewOptionOpen,
               closePopover: closeViewOption,
               display: "block",
-              children: /* @__PURE__ */ jsx199("div", { children: /* @__PURE__ */ jsxs110(EuiForm2, { component: "form", children: [
+              children: /* @__PURE__ */ jsx199("div", { children: /* @__PURE__ */ jsxs108(EuiForm2, { component: "form", children: [
                 /* @__PURE__ */ jsx199(EuiFormRow20, { children: /* @__PURE__ */ jsx199(
                   EuiSwitch3,
                   {
@@ -49599,7 +49600,7 @@ var WfoStepListHeader = ({
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { jsx as jsx200, jsxs as jsxs111 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx200, jsxs as jsxs109 } from "@emotion/react/jsx-runtime";
 var getInitialProcessPayload = ({
   productId,
   subscriptionId
@@ -49741,10 +49742,10 @@ var WfoStartProcessPage = ({
       processDetail,
       timelineItems: timeLineItems,
       isLoading,
-      children: /* @__PURE__ */ jsxs111(EuiPanel6, { css: { marginTop: theme.base * 3 }, children: [
-        /* @__PURE__ */ jsxs111(EuiFlexGroup25, { css: getStepHeaderStyle(false), children: [
+      children: /* @__PURE__ */ jsxs109(EuiPanel6, { css: { marginTop: theme.base * 3 }, children: [
+        /* @__PURE__ */ jsxs109(EuiFlexGroup25, { css: getStepHeaderStyle(false), children: [
           /* @__PURE__ */ jsx200(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
-          /* @__PURE__ */ jsxs111(EuiFlexItem28, { grow: 0, children: [
+          /* @__PURE__ */ jsxs109(EuiFlexItem28, { grow: 0, children: [
             /* @__PURE__ */ jsx200(EuiText39, { css: stepListContentBoldTextStyle, children: t("userInput") }),
             /* @__PURE__ */ jsx200(EuiText39, { children: t(
               isTask ? "submitTaskFormLabel" : "submitWorkflowFormLabel"
@@ -49772,7 +49773,7 @@ var WfoStartProcessPage = ({
 // src/pages/processes/WfoProductInformationWithLink.tsx
 import { useTranslations as useTranslations64 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon13, EuiFlexGroup as EuiFlexGroup26, EuiText as EuiText40, EuiToolTip as EuiToolTip7 } from "@elastic/eui";
-import { jsx as jsx201, jsxs as jsxs112 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx201, jsxs as jsxs110 } from "@emotion/react/jsx-runtime";
 var WfoProductInformationWithLink = ({
   workflowName,
   productNames
@@ -49780,7 +49781,7 @@ var WfoProductInformationWithLink = ({
   const { workflowInformationLinkUrl, showWorkflowInformationLink } = useGetOrchestratorConfig();
   const t = useTranslations64("processes.detail");
   const docsUrl = workflowInformationLinkUrl + workflowName;
-  return /* @__PURE__ */ jsxs112(EuiFlexGroup26, { gutterSize: "s", alignItems: "center", children: [
+  return /* @__PURE__ */ jsxs110(EuiFlexGroup26, { gutterSize: "s", alignItems: "center", children: [
     showWorkflowInformationLink && /* @__PURE__ */ jsx201(EuiToolTip7, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx201("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx201(
       EuiButtonIcon13,
       {
@@ -49796,11 +49797,11 @@ var WfoProductInformationWithLink = ({
 // src/pages/settings/WfoSettingsPage.tsx
 import { useTranslations as useTranslations65 } from "next-intl";
 import { EuiHorizontalRule as EuiHorizontalRule6, EuiSpacer as EuiSpacer19 } from "@elastic/eui";
-import { Fragment as Fragment50, jsx as jsx202, jsxs as jsxs113 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx202, jsxs as jsxs111 } from "@emotion/react/jsx-runtime";
 var WfoSettingsPage = () => {
   const { theme } = useOrchestratorTheme();
   const t = useTranslations65("main");
-  return /* @__PURE__ */ jsxs113(Fragment50, { children: [
+  return /* @__PURE__ */ jsxs111(Fragment50, { children: [
     /* @__PURE__ */ jsx202(
       WfoContentHeader,
       {
@@ -49808,7 +49809,7 @@ var WfoSettingsPage = () => {
         subtitle: /* @__PURE__ */ jsx202(EuiHorizontalRule6, { margin: "s" })
       }
     ),
-    /* @__PURE__ */ jsxs113("div", { css: { maxWidth: theme.base * 40 }, children: [
+    /* @__PURE__ */ jsxs111("div", { css: { maxWidth: theme.base * 40 }, children: [
       /* @__PURE__ */ jsx202(WfoFlushSettings, {}),
       /* @__PURE__ */ jsx202(EuiSpacer19, {}),
       /* @__PURE__ */ jsx202(WfoModifySettings, {}),
@@ -49835,7 +49836,7 @@ var useStartPageSummaryCardConfigurationOverride = () => {
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { Fragment as Fragment51, jsx as jsx203, jsxs as jsxs114 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx203, jsxs as jsxs112 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
   const t = useTranslations66("main");
   const { overrideSummaryCards } = useStartPageSummaryCardConfigurationOverride();
@@ -49857,7 +49858,7 @@ var WfoStartPage = () => {
     /* @__PURE__ */ jsx203(WfoProductsSummaryCard, {}, "products")
   ];
   const summaryCards = overrideSummaryCards?.(defaultSummaryCards) || defaultSummaryCards;
-  return /* @__PURE__ */ jsxs114(Fragment51, { children: [
+  return /* @__PURE__ */ jsxs112(Fragment51, { children: [
     /* @__PURE__ */ jsx203(
       WfoContentHeader,
       {
@@ -49894,7 +49895,7 @@ import { useEffect as useEffect30, useState as useState45 } from "react";
 import { useTranslations as useTranslations67 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiSpacer as EuiSpacer20 } from "@elastic/eui";
-import { Fragment as Fragment53, jsx as jsx205, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx205, jsxs as jsxs113 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   const t = useTranslations67("subscriptions.detail");
   const [tableDefaults, setTableDefaults] = useState45();
@@ -49932,7 +49933,7 @@ var WfoSubscriptionsListPage = () => {
   const alwaysOnFilters = subscriptionListTabs.find(
     ({ id }) => id === activeTab
   )?.alwaysOnFilters;
-  return /* @__PURE__ */ jsxs115(Fragment53, { children: [
+  return /* @__PURE__ */ jsxs113(Fragment53, { children: [
     /* @__PURE__ */ jsx205(
       WfoContentHeader,
       {
@@ -49964,7 +49965,7 @@ var WfoSubscriptionsListPage = () => {
 // src/pages/tasks/WfoTasksListPage.tsx
 import { useContext as useContext9, useEffect as useEffect31, useState as useState46 } from "react";
 import { useTranslations as useTranslations68 } from "next-intl";
-import Link8 from "next/link";
+import Link9 from "next/link";
 import { useRouter as useRouter11 } from "next/router";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
 import { EuiButton as EuiButton14, EuiSpacer as EuiSpacer21 } from "@elastic/eui";
@@ -50032,7 +50033,7 @@ var getTasksListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { Fragment as Fragment54, jsx as jsx206, jsxs as jsxs116 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx206, jsxs as jsxs114 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   const router = useRouter11();
   const t = useTranslations68("tasks.page");
@@ -50088,7 +50089,7 @@ var WfoTasksListPage = () => {
     workflowName: {
       columnType: "data" /* DATA */,
       label: t("taskName"),
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx206(Link8, { href: `${PATH_TASKS}/${processId}`, children: value })
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx206(Link9, { href: `${PATH_TASKS}/${processId}`, children: value })
     },
     ...toSortedTableColumnConfig(defaultTableColumns, [
       "lastStep",
@@ -50106,8 +50107,8 @@ var WfoTasksListPage = () => {
       "lastModifiedAt"
     ])
   });
-  return /* @__PURE__ */ jsxs116(Fragment54, { children: [
-    /* @__PURE__ */ jsxs116(
+  return /* @__PURE__ */ jsxs114(Fragment54, { children: [
+    /* @__PURE__ */ jsxs114(
       WfoContentHeader,
       {
         title: /* @__PURE__ */ jsx206(WfoTitleWithWebsocketBadge, { title: "Tasks" }),
@@ -50218,7 +50219,7 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { Fragment as Fragment55, jsx as jsx207, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx207, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   const router = useRouter12();
   const t = useTranslations69("workflows.index");
@@ -50256,7 +50257,7 @@ var WfoWorkflowsListPage = () => {
     router.replace(PATH_WORKFLOWS);
     return null;
   }
-  return /* @__PURE__ */ jsxs117(Fragment55, { children: [
+  return /* @__PURE__ */ jsxs115(Fragment55, { children: [
     /* @__PURE__ */ jsx207(
       WfoContentHeader,
       {
@@ -50383,7 +50384,7 @@ var graphQlProcessFilterMapper = (data) => data?.map(({ field, value }) => ({
 }));
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { jsx as jsx208, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx208, jsxs as jsxs116 } from "@emotion/react/jsx-runtime";
 var WfoProcessesList = ({
   alwaysOnFilters,
   defaultHiddenColumns = [],
@@ -50400,7 +50401,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("workflowName"),
       width: "20%",
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx208(Link9, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx208(Link10, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
       renderTooltip: (value) => value
     },
     lastStep: {
@@ -50457,7 +50458,7 @@ var WfoProcessesList = ({
           subscriptions
         }
       ),
-      renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */ jsxs118("p", { children: [
+      renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */ jsxs116("p", { children: [
         "- ",
         description
       ] }, subscriptionId)),
@@ -50566,13 +50567,13 @@ var WfoProcessesList = ({
 import { EuiCodeBlock as EuiCodeBlock2 } from "@elastic/eui";
 
 // src/components/WfoJsonCodeBlock/styles.ts
-import { css as css36 } from "@emotion/react";
+import { css as css37 } from "@emotion/react";
 var getStyles17 = ({ theme }) => {
-  const euiCodeBlockStyle = css36({
+  const euiCodeBlockStyle = css37({
     marginTop: 10,
     borderRadius: theme.border.radius.medium
   });
-  const euiBasicCodeBlockStyle = css36({
+  const euiBasicCodeBlockStyle = css37({
     backgroundColor: "inherit",
     ".euiCodeBlock__pre": {
       paddingTop: 0,
@@ -50621,10 +50622,10 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoSettings/styles.ts
-import { css as css37 } from "@emotion/react";
+import { css as css38 } from "@emotion/react";
 var getWfoFlushSettingsStyle = (wfoTheme) => {
   const { theme } = wfoTheme;
-  const comboboxStyle = css37({
+  const comboboxStyle = css38({
     // .euiComboBox is needed to override eui styling (more specific)
     "&.euiComboBox": {
       ".euiComboBox__inputWrap": {
@@ -50645,7 +50646,7 @@ var getWfoFlushSettingsStyle = (wfoTheme) => {
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { jsx as jsx210, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx210, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const { comboboxStyle } = useWithOrchestratorTheme(
     getWfoFlushSettingsStyle
@@ -50683,7 +50684,7 @@ var WfoFlushSettings = () => {
       );
     });
   };
-  return /* @__PURE__ */ jsx210(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs119(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+  return /* @__PURE__ */ jsx210(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs117(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
     /* @__PURE__ */ jsx210(EuiText41, { size: "s", children: /* @__PURE__ */ jsx210("h4", { children: t("flushCacheSettingsTitle") }) }),
     /* @__PURE__ */ jsx210(EuiSpacer23, { size: "m" }),
     /* @__PURE__ */ jsx210(
@@ -50759,17 +50760,17 @@ var WfoResetTextSearchIndexButton = () => {
 };
 
 // src/components/WfoSettings/WfoModifySettings.tsx
-import { jsx as jsx213, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx213, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
   const t = useTranslations74("settings.page");
-  return /* @__PURE__ */ jsxs120(EuiFlexItem29, { children: [
-    /* @__PURE__ */ jsxs120(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+  return /* @__PURE__ */ jsxs118(EuiFlexItem29, { children: [
+    /* @__PURE__ */ jsxs118(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
       /* @__PURE__ */ jsx213(EuiText42, { size: "s", children: /* @__PURE__ */ jsx213("h4", { children: t("resetTextSearchIndex") }) }),
       /* @__PURE__ */ jsx213(EuiSpacer24, { size: "m" }),
       /* @__PURE__ */ jsx213(WfoResetTextSearchIndexButton, {})
     ] }),
     /* @__PURE__ */ jsx213(EuiSpacer24, {}),
-    /* @__PURE__ */ jsxs120(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+    /* @__PURE__ */ jsxs118(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
       /* @__PURE__ */ jsx213(EuiText42, { size: "s", children: /* @__PURE__ */ jsx213("h4", { children: t("modifyEngine") }) }),
       /* @__PURE__ */ jsx213(EuiSpacer24, { size: "m" }),
       /* @__PURE__ */ jsx213(WfoEngineStatusButton, {})
@@ -50780,20 +50781,20 @@ var WfoModifySettings = () => {
 // src/components/WfoSettings/WfoEngineStatus.tsx
 import { useTranslations as useTranslations75 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup27, EuiFlexItem as EuiFlexItem30, EuiPanel as EuiPanel9, EuiText as EuiText43 } from "@elastic/eui";
-import { jsx as jsx214, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx214, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatus = () => {
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
   const t = useTranslations75("settings.page");
-  return /* @__PURE__ */ jsx214(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs121(EuiFlexGroup27, { direction: "column", gutterSize: "s", children: [
+  return /* @__PURE__ */ jsx214(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs119(EuiFlexGroup27, { direction: "column", gutterSize: "s", children: [
     /* @__PURE__ */ jsx214(EuiFlexItem30, { children: /* @__PURE__ */ jsx214(EuiText43, { size: "s", children: /* @__PURE__ */ jsx214("h4", { children: t("engineStatusTitle") }) }) }),
-    /* @__PURE__ */ jsxs121(EuiFlexItem30, { css: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxs119(EuiFlexItem30, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx214(EuiText43, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
       /* @__PURE__ */ jsx214(EuiText43, { size: "s", children: runningProcesses || "-" })
     ] }),
-    /* @__PURE__ */ jsxs121(EuiFlexItem30, { css: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxs119(EuiFlexItem30, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx214(EuiText43, { size: "s", style: { minWidth: 190 }, children: t("status") }),
       /* @__PURE__ */ jsx214(
         WfoStatusDotIcon,
@@ -50809,7 +50810,7 @@ var WfoEngineStatus = () => {
 // src/components/WfoSettings/WfoWorkerStatus.tsx
 import { useTranslations as useTranslations76 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup28, EuiFlexItem as EuiFlexItem31, EuiPanel as EuiPanel10, EuiText as EuiText44 } from "@elastic/eui";
-import { jsx as jsx215, jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx215, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
 var WfoWorkerStatus = () => {
   const { data } = useGetWorkerStatusQuery();
   const {
@@ -50819,17 +50820,17 @@ var WfoWorkerStatus = () => {
     numberOfWorkersOnline
   } = data || {};
   const t = useTranslations76("settings.page");
-  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx215(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs122(EuiFlexGroup28, { direction: "column", gutterSize: "s", children: [
+  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx215(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs120(EuiFlexGroup28, { direction: "column", gutterSize: "s", children: [
     /* @__PURE__ */ jsx215(EuiFlexItem31, { children: /* @__PURE__ */ jsx215(EuiText44, { size: "s", children: /* @__PURE__ */ jsx215("h4", { children: t("workerStatusTitle") }) }) }),
-    /* @__PURE__ */ jsxs122(EuiFlexItem31, { css: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxs120(EuiFlexItem31, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx215(EuiText44, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
       /* @__PURE__ */ jsx215(EuiText44, { size: "s", children: numberOfQueuedJobs || "-" })
     ] }),
-    /* @__PURE__ */ jsxs122(EuiFlexItem31, { css: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxs120(EuiFlexItem31, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx215(EuiText44, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
       /* @__PURE__ */ jsx215(EuiText44, { size: "s", children: numberOfRunningJobs || "-" })
     ] }),
-    /* @__PURE__ */ jsxs122(EuiFlexItem31, { css: { flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxs120(EuiFlexItem31, { css: { flexDirection: "row" }, children: [
       /* @__PURE__ */ jsx215(EuiText44, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
       /* @__PURE__ */ jsx215(EuiText44, { size: "s", children: numberOfWorkersOnline || "-" })
     ] })
@@ -50838,7 +50839,7 @@ var WfoWorkerStatus = () => {
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
 import React68 from "react";
-import { jsx as jsx216, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx216, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
 var WfoErrorBoundary = class extends React68.Component {
   constructor(props) {
     super(props);
@@ -50855,7 +50856,7 @@ var WfoErrorBoundary = class extends React68.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ jsxs123("p", { children: [
+      return /* @__PURE__ */ jsxs121("p", { children: [
         "An unexpected error occurred, try to go back to the",
         " ",
         /* @__PURE__ */ jsx216("a", { href: "/", children: "home page" })
@@ -50869,9 +50870,9 @@ var WfoErrorBoundary = class extends React68.Component {
 import { EuiFlexGroup as EuiFlexGroup29 } from "@elastic/eui";
 
 // src/components/WfoNoResults/styles.ts
-import { css as css38 } from "@emotion/react";
+import { css as css39 } from "@emotion/react";
 var getStyles18 = ({ theme }) => {
-  const panelStyle = css38({
+  const panelStyle = css39({
     display: "flex",
     padding: theme.base * 2,
     flexDirection: "row",
@@ -50890,10 +50891,10 @@ var getStyles18 = ({ theme }) => {
 };
 
 // src/components/WfoNoResults/WfoNoResults.tsx
-import { jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
+import { jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
 var WfoNoResults = ({ text, icon }) => {
   const { panelStyle } = useWithOrchestratorTheme(getStyles18);
-  return /* @__PURE__ */ jsxs124(EuiFlexGroup29, { css: panelStyle, children: [
+  return /* @__PURE__ */ jsxs122(EuiFlexGroup29, { css: panelStyle, children: [
     icon,
     " ",
     text
@@ -51028,7 +51029,7 @@ var subscriptionListTabs = [
 
 // src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
 import { useTranslations as useTranslations78 } from "next-intl";
-import Link10 from "next/link";
+import Link11 from "next/link";
 import { useRouter as useRouter14 } from "next/router";
 import { jsx as jsx219 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsList = ({
@@ -51045,6 +51046,7 @@ var WfoSubscriptionsList = ({
     subscriptionId: {
       columnType: "data" /* DATA */,
       label: t("id"),
+      width: "100px",
       renderData: (value) => /* @__PURE__ */ jsx219(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
@@ -51052,18 +51054,20 @@ var WfoSubscriptionsList = ({
     description: {
       columnType: "data" /* DATA */,
       label: t("description"),
-      width: "400px",
-      renderData: (value, record) => /* @__PURE__ */ jsx219(Link10, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
+      width: "500px",
+      renderData: (value, record) => /* @__PURE__ */ jsx219(Link11, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
       renderTooltip: (value) => value
     },
     status: {
       columnType: "data" /* DATA */,
       label: t("status"),
+      width: "120px",
       renderData: (value) => /* @__PURE__ */ jsx219(WfoSubscriptionStatusBadge, { status: value })
     },
     insync: {
       columnType: "data" /* DATA */,
       label: t("insync"),
+      width: "80px",
       renderData: (value) => /* @__PURE__ */ jsx219(WfoInsyncIcon, { inSync: value })
     },
     productName: {
@@ -51077,8 +51081,7 @@ var WfoSubscriptionsList = ({
     },
     customerFullname: {
       columnType: "data" /* DATA */,
-      label: t("customerFullname"),
-      width: "150px"
+      label: t("customerFullname")
     },
     customerShortcode: {
       columnType: "data" /* DATA */,
@@ -51088,6 +51091,7 @@ var WfoSubscriptionsList = ({
     startDate: {
       columnType: "data" /* DATA */,
       label: t("startDate"),
+      width: "120px",
       renderData: (value) => /* @__PURE__ */ jsx219(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
@@ -51096,6 +51100,7 @@ var WfoSubscriptionsList = ({
     endDate: {
       columnType: "data" /* DATA */,
       label: t("endDate"),
+      width: "120px",
       renderData: (value) => /* @__PURE__ */ jsx219(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
@@ -51104,7 +51109,14 @@ var WfoSubscriptionsList = ({
     note: {
       columnType: "data" /* DATA */,
       label: t("note"),
-      width: "100px"
+      renderData: (cellValue, row) => /* @__PURE__ */ jsx219(
+        WfoInlineNoteEdit,
+        {
+          subscriptionId: row.subscriptionId,
+          value: cellValue,
+          onlyShowOnHover: true
+        }
+      )
     },
     metadata: {
       columnType: "data" /* DATA */,
@@ -51216,18 +51228,18 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoSummary/WfoSummaryCardHeader/styles.ts
-import { css as css39 } from "@emotion/react";
+import { css as css40 } from "@emotion/react";
 var getWfoSummaryCardHeaderStyles = ({ theme }) => {
-  const avatarStyle = css39({
+  const avatarStyle = css40({
     maxHeight: theme.base * 3,
     maxWidth: theme.base * 3
   });
-  const totalSectionStyle = css39({
+  const totalSectionStyle = css40({
     display: "flex",
     flexDirection: "column",
     justifyContent: "space-between"
   });
-  const valueStyle = css39({
+  const valueStyle = css40({
     fontSize: theme.size.l,
     fontWeight: theme.font.weight.semiBold
   });
@@ -51239,7 +51251,7 @@ var getWfoSummaryCardHeaderStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
-import { jsx as jsx220, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx220, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardHeader = ({
   text,
   value,
@@ -51248,7 +51260,7 @@ var WfoSummaryCardHeader = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { avatarStyle, totalSectionStyle, valueStyle } = useWithOrchestratorTheme(getWfoSummaryCardHeaderStyles);
-  return /* @__PURE__ */ jsx220(EuiFlexItem32, { grow: 0, children: /* @__PURE__ */ jsx220(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs125(EuiFlexGroup30, { children: [
+  return /* @__PURE__ */ jsx220(EuiFlexItem32, { grow: 0, children: /* @__PURE__ */ jsx220(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs123(EuiFlexGroup30, { children: [
     /* @__PURE__ */ jsx220(
       EuiAvatar2,
       {
@@ -51262,7 +51274,7 @@ var WfoSummaryCardHeader = ({
         color: iconColor
       }
     ),
-    /* @__PURE__ */ jsxs125("div", { css: totalSectionStyle, children: [
+    /* @__PURE__ */ jsxs123("div", { css: totalSectionStyle, children: [
       /* @__PURE__ */ jsx220(EuiText45, { color: "subdued", children: text }),
       /* @__PURE__ */ jsx220(EuiText45, { css: valueStyle, children: value })
     ] })
@@ -51285,7 +51297,7 @@ import {
 import { EuiFlexGroup as EuiFlexGroup31, EuiFlexItem as EuiFlexItem33, EuiIcon as EuiIcon5, EuiTextColor } from "@elastic/eui";
 
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
-import Link11 from "next/link";
+import Link12 from "next/link";
 import { jsx as jsx221 } from "@emotion/react/jsx-runtime";
 var WfoOptionalLink = ({
   children,
@@ -51294,27 +51306,27 @@ var WfoOptionalLink = ({
   if (!href) {
     return /* @__PURE__ */ jsx221("span", { children });
   }
-  return /* @__PURE__ */ jsx221(Link11, { href, children });
+  return /* @__PURE__ */ jsx221(Link12, { href, children });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
-import { css as css40 } from "@emotion/react";
+import { css as css41 } from "@emotion/react";
 var getWfoSummaryCardListStyles = ({ theme }) => {
-  const listContainerStyle = css40({
+  const listContainerStyle = css41({
     display: "flex",
     flexDirection: "column",
     justifyContent: "space-between",
     flexGrow: 1,
     borderColor: theme.colors.lightShade
   });
-  const listHeaderStyle = css40({
+  const listHeaderStyle = css41({
     fontWeight: theme.font.weight.semiBold
   });
-  const listStyle = css40({
+  const listStyle = css41({
     height: theme.base * 20,
     overflow: "auto"
   });
-  const listItemContainerStyle = css40({
+  const listItemContainerStyle = css41({
     paddingBlock: theme.size.m,
     ".highlight-icon": {
       visibility: "hidden"
@@ -51323,13 +51335,13 @@ var getWfoSummaryCardListStyles = ({ theme }) => {
       visibility: "visible"
     }
   });
-  const listItemTitleStyle = css40({
+  const listItemTitleStyle = css41({
     fontWeight: theme.font.weight.medium
   });
-  const listItemSubtitleStyle = css40({
+  const listItemSubtitleStyle = css41({
     fontWeight: theme.font.weight.regular
   });
-  const listItemHighlightIconStyle = css40({
+  const listItemHighlightIconStyle = css41({
     visibility: "hidden"
   });
   return {
@@ -51344,7 +51356,7 @@ var getWfoSummaryCardListStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { jsx as jsx222, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx222, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardListItem = ({
   title,
   value,
@@ -51357,8 +51369,8 @@ var WfoSummaryCardListItem = ({
     listItemSubtitleStyle,
     listItemHighlightIconStyle
   } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx222(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs126(EuiFlexGroup31, { css: listItemContainerStyle, gutterSize: "none", children: [
-    /* @__PURE__ */ jsxs126(EuiFlexItem33, { children: [
+  return /* @__PURE__ */ jsx222(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs124(EuiFlexGroup31, { css: listItemContainerStyle, gutterSize: "none", children: [
+    /* @__PURE__ */ jsxs124(EuiFlexItem33, { children: [
       /* @__PURE__ */ jsx222(
         EuiTextColor,
         {
@@ -51382,7 +51394,7 @@ var WfoSummaryCardListItem = ({
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { jsx as jsx223, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx223, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardList = ({
   title,
   items,
@@ -51392,7 +51404,7 @@ var WfoSummaryCardList = ({
   const router = useRouter15();
   const euiScrollBarStyle = useEuiScrollBar3();
   const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx223(EuiFlexItem34, { children: /* @__PURE__ */ jsxs127(
+  return /* @__PURE__ */ jsx223(EuiFlexItem34, { children: /* @__PURE__ */ jsxs125(
     EuiPanel12,
     {
       css: listContainerStyle,
@@ -51400,10 +51412,10 @@ var WfoSummaryCardList = ({
       hasBorder: true,
       paddingSize: "l",
       children: [
-        /* @__PURE__ */ jsxs127("div", { children: [
+        /* @__PURE__ */ jsxs125("div", { children: [
           /* @__PURE__ */ jsx223("p", { css: listHeaderStyle, children: title }),
           /* @__PURE__ */ jsx223(EuiSpacer25, { size: "m" }),
-          /* @__PURE__ */ jsx223(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx223("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs127("div", { children: [
+          /* @__PURE__ */ jsx223(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx223("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs125("div", { children: [
             /* @__PURE__ */ jsx223(
               WfoSummaryCardListItem,
               {
@@ -51449,9 +51461,9 @@ var WfoSummaryCards = ({ children }) => {
 import { EuiFlexItem as EuiFlexItem35, EuiSpacer as EuiSpacer26 } from "@elastic/eui";
 
 // src/components/WfoSummary/styles.ts
-import { css as css41 } from "@emotion/react";
+import { css as css42 } from "@emotion/react";
 var getWfoSummaryCardsStyles = ({ theme }) => {
-  const cardContainerStyle = css41({
+  const cardContainerStyle = css42({
     height: theme.base * 36,
     minWidth: theme.base * 25
   });
@@ -51461,7 +51473,7 @@ var getWfoSummaryCardsStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCard.tsx
-import { jsx as jsx225, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx225, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
 var SummaryCardStatus = /* @__PURE__ */ ((SummaryCardStatus2) => {
   SummaryCardStatus2["Success"] = "Success";
   SummaryCardStatus2["Error"] = "Error";
@@ -51501,7 +51513,7 @@ var WfoSummaryCard = ({
         };
     }
   };
-  return /* @__PURE__ */ jsxs128(EuiFlexItem35, { css: cardContainerStyle, children: [
+  return /* @__PURE__ */ jsxs126(EuiFlexItem35, { css: cardContainerStyle, children: [
     /* @__PURE__ */ jsx225(
       WfoSummaryCardHeader,
       {
@@ -51765,7 +51777,7 @@ var WfoMyWorkflowsSummaryCard = ({
 
 // src/components/WfoSummary/WfoProductsSummaryCard.tsx
 import { useTranslations as useTranslations84 } from "next-intl";
-import { jsx as jsx231, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx231, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
 var WfoProductsSummaryCard = () => {
   const t = useTranslations84("startPage.products");
   const {
@@ -51776,7 +51788,7 @@ var WfoProductsSummaryCard = () => {
     (left, right) => (right.subscriptions.pageInfo.totalItems ?? 0) - (left.subscriptions.pageInfo.totalItems ?? 0)
   ).map((product) => ({
     title: "",
-    value: /* @__PURE__ */ jsxs129(
+    value: /* @__PURE__ */ jsxs127(
       "div",
       {
         css: {
@@ -51805,12 +51817,12 @@ var WfoProductsSummaryCard = () => {
 
 // src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx
 import { EuiPageHeader as EuiPageHeader3 } from "@elastic/eui";
-import { Fragment as Fragment57, jsx as jsx232, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment57, jsx as jsx232, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
 var WfoTitleWithWebsocketBadge = ({
   title
 }) => {
   const { useWebSockets } = useGetOrchestratorConfig();
-  const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs130(Fragment57, { children: [
+  const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs128(Fragment57, { children: [
     title,
     " ",
     /* @__PURE__ */ jsx232(WfoWebsocketStatusBadge, {})
@@ -51897,7 +51909,7 @@ var WfoRadioDropdown = ({
 };
 
 // src/components/WfoInlineNoteEdit/WfoInlineNoteEdit.tsx
-import { useEffect as useEffect33, useMemo as useMemo6, useState as useState50 } from "react";
+import { useEffect as useEffect33, useState as useState50 } from "react";
 import { EuiInlineEditText } from "@elastic/eui";
 import { jsx as jsx234 } from "@emotion/react/jsx-runtime";
 var WfoInlineNoteEdit = ({
@@ -51906,8 +51918,7 @@ var WfoInlineNoteEdit = ({
   onlyShowOnHover = false
 }) => {
   const { theme } = useOrchestratorTheme();
-  const initialNote = useMemo6(() => value || "", [value]);
-  const [note, setNote] = useState50(initialNote);
+  const [note, setNote] = useState50(value ?? "");
   const [isTooltipVisible, setIsTooltipVisible] = useState50(true);
   const [startProcess] = useStartProcessMutation();
   const triggerNoteModifyWorkflow = () => {
@@ -51925,12 +51936,12 @@ var WfoInlineNoteEdit = ({
     setIsTooltipVisible(true);
   };
   const handleCancel = () => {
-    setNote(initialNote);
+    setNote(value ?? "");
     setIsTooltipVisible(true);
   };
   useEffect33(() => {
-    setNote(initialNote);
-  }, [initialNote]);
+    setNote(value ?? "");
+  }, [value]);
   return /* @__PURE__ */ jsx234(
     "div",
     {
@@ -52021,9 +52032,9 @@ var WfoInlineNoteEdit = ({
 import { EuiFlexItem as EuiFlexItem36 } from "@elastic/eui";
 
 // src/components/WfoTableCodeBlock/styles.ts
-import { css as css42 } from "@emotion/react";
+import { css as css43 } from "@emotion/react";
 var getStyles19 = ({ theme }) => {
-  const tableCodeBlockMarginStyle = css42({
+  const tableCodeBlockMarginStyle = css43({
     margin: theme.size.base,
     marginTop: theme.size.l,
     marginRight: theme.size.l
@@ -53094,8 +53105,10 @@ export {
   WfoActiveWorkflowsSummaryCard,
   WfoActualWork,
   WfoAdvancedTable,
-  WfoArrowNarrowDown,
-  WfoArrowNarrowUp,
+  WfoArrowDown,
+  WfoArrowDownSvg,
+  WfoArrowUp,
+  WfoArrowUpSvg,
   WfoArrowsExpand,
   WfoArrowsUpDown,
   WfoAuth,