@orchestrator-ui/orchestrator-ui-components 1.14.2 → 1.15.0

package/dist/index.js

@@ -23127,10 +23127,10 @@ var require_jsstacktrace = __commonJS({
 var require_jsx = __commonJS({
   "../../node_modules/refractor/lang/jsx.js"(exports, module) {
     "use strict";
-    module.exports = jsx199;
-    jsx199.displayName = "jsx";
-    jsx199.aliases = [];
-    function jsx199(Prism) {
+    module.exports = jsx200;
+    jsx200.displayName = "jsx";
+    jsx200.aliases = [];
+    function jsx200(Prism) {
       ;
       (function(Prism2) {
         var javascript = Prism2.util.clone(Prism2.languages.javascript);
@@ -41940,7 +41940,9 @@ var OrchestratorConfigContext = createContext({
   subscriptionProcessesEndpoint: "",
   authActive: true,
   useWebSockets: false,
-  useThemeToggle: false
+  useThemeToggle: false,
+  showWorkflowInformationLink: false,
+  workflowInformationLinkUrl: ""
 });
 var OrchestratorConfigProvider = ({ initialOrchestratorConfig, children }) => {
   const { orchestratorConfig } = useOrchestratorConfig(
@@ -52972,7 +52974,7 @@ var WfoDropdownButton = ({
 };
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { useTranslations as useTranslations59 } from "next-intl";
+import { useTranslations as useTranslations60 } from "next-intl";
 import Link9 from "next/link";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
@@ -55041,7 +55043,7 @@ var WfoProcessDetail = ({
   isLoading = false,
   hasError = false
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   const t = useTranslations53("processes.detail");
   const { theme } = useOrchestratorTheme();
   const { showConfirmDialog } = useContext13(ConfirmationDialogContext);
@@ -55107,7 +55109,13 @@ var WfoProcessDetail = ({
       /* @__PURE__ */ jsxs94(EuiFlexItem27, { children: [
         /* @__PURE__ */ jsx168(EuiPageHeader2, { pageTitle }),
         /* @__PURE__ */ jsx168(EuiSpacer16, {}),
-        /* @__PURE__ */ jsx168(EuiText35, { size: "s", children: productNames })
+        /* @__PURE__ */ jsx168(
+          WfoProductInformationWithLink,
+          {
+            productNames,
+            workflowName: (_a = processDetail == null ? void 0 : processDetail.workflowName) != null ? _a : ""
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxs94(
         EuiFlexGroup20,
@@ -55204,7 +55212,7 @@ var WfoProcessDetail = ({
             ProcessHeaderValue,
             {
               translationKey: "customer",
-              value: (_a = processDetail.customer) == null ? void 0 : _a.fullname
+              value: (_b = processDetail.customer) == null ? void 0 : _b.fullname
             }
           ),
           /* @__PURE__ */ jsx168(
@@ -55258,7 +55266,7 @@ var WfoProcessDetail = ({
                     children: /* @__PURE__ */ jsx168(
                       WfoProcessListSubscriptionsCell,
                       {
-                        subscriptions: process && ((_b = processDetail == null ? void 0 : processDetail.subscriptions) == null ? void 0 : _b.page.map(
+                        subscriptions: process && ((_c = processDetail == null ? void 0 : processDetail.subscriptions) == null ? void 0 : _c.page.map(
                           (subscription) => ({
                             subscriptionId: subscription.subscriptionId,
                             description: subscription.description
@@ -55518,19 +55526,36 @@ var WfoStartProcessPage = ({
   );
 };
 
+// src/pages/processes/WfoProductInformationWithLink.tsx
+import { useTranslations as useTranslations55 } from "next-intl";
+import { EuiButtonIcon as EuiButtonIcon7, EuiFlexGroup as EuiFlexGroup22, EuiText as EuiText37, EuiToolTip as EuiToolTip5 } from "@elastic/eui";
+import { jsx as jsx171, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
+var WfoProductInformationWithLink = ({
+  workflowName,
+  productNames
+}) => {
+  const { workflowInformationLinkUrl, showWorkflowInformationLink } = useGetOrchestratorConfig();
+  const t = useTranslations55("processes.detail");
+  const docsUrl = workflowInformationLinkUrl + workflowName;
+  return /* @__PURE__ */ jsxs96(EuiFlexGroup22, { gutterSize: "s", alignItems: "center", children: [
+    showWorkflowInformationLink && /* @__PURE__ */ jsx171(EuiToolTip5, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx171("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx171(EuiButtonIcon7, { iconSize: "l", iconType: "iInCircle" }) }) }),
+    /* @__PURE__ */ jsx171(EuiText37, { size: "s", children: productNames })
+  ] });
+};
+
 // src/pages/settings/WfoSettingsPage.tsx
 import { EuiHorizontalRule as EuiHorizontalRule6, EuiPageHeader as EuiPageHeader3, EuiSpacer as EuiSpacer17 } from "@elastic/eui";
-import { Fragment as Fragment42, jsx as jsx171, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx172, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
 var WfoSettingsPage = () => {
-  return /* @__PURE__ */ jsxs96(Fragment42, { children: [
-    /* @__PURE__ */ jsx171(EuiSpacer17, {}),
-    /* @__PURE__ */ jsx171(EuiPageHeader3, { pageTitle: "Settings" }),
-    /* @__PURE__ */ jsx171(EuiHorizontalRule6, {}),
-    /* @__PURE__ */ jsx171(WfoFlushSettings, {}),
-    /* @__PURE__ */ jsx171(EuiSpacer17, {}),
-    /* @__PURE__ */ jsx171(WfoModifySettings, {}),
-    /* @__PURE__ */ jsx171(EuiSpacer17, {}),
-    /* @__PURE__ */ jsx171(WfoStatus, {})
+  return /* @__PURE__ */ jsxs97(Fragment42, { children: [
+    /* @__PURE__ */ jsx172(EuiSpacer17, {}),
+    /* @__PURE__ */ jsx172(EuiPageHeader3, { pageTitle: "Settings" }),
+    /* @__PURE__ */ jsx172(EuiHorizontalRule6, {}),
+    /* @__PURE__ */ jsx172(WfoFlushSettings, {}),
+    /* @__PURE__ */ jsx172(EuiSpacer17, {}),
+    /* @__PURE__ */ jsx172(WfoModifySettings, {}),
+    /* @__PURE__ */ jsx172(EuiSpacer17, {}),
+    /* @__PURE__ */ jsx172(WfoStatus, {})
   ] });
 };
 
@@ -55548,7 +55573,7 @@ var useStartPageSummaryCardConfigurationOverride = () => {
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { jsx as jsx172 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx173 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
   var _a, _b;
   const { overrideSummaryCards } = useStartPageSummaryCardConfigurationOverride();
@@ -55557,20 +55582,20 @@ var WfoStartPage = () => {
   const username = (_b = (_a = session == null ? void 0 : session.user) == null ? void 0 : _a.name) != null ? _b : "";
   const defaultSummaryCards = [
     ...toOptionalArrayEntry(
-      /* @__PURE__ */ jsx172(WfoMyWorkflowsSummaryCard, { username: "Todo" }, "myWorkflows"),
+      /* @__PURE__ */ jsx173(WfoMyWorkflowsSummaryCard, { username: "Todo" }, "myWorkflows"),
       !!username
     ),
-    /* @__PURE__ */ jsx172(WfoActiveWorkflowsSummaryCard, {}, "activeWorkflows"),
+    /* @__PURE__ */ jsx173(WfoActiveWorkflowsSummaryCard, {}, "activeWorkflows"),
     ...toOptionalArrayEntry(
-      /* @__PURE__ */ jsx172(WfoFailedTasksSummaryCard, {}, "failedTasks"),
+      /* @__PURE__ */ jsx173(WfoFailedTasksSummaryCard, {}, "failedTasks"),
       isAllowed("/orchestrator/tasks/" /* NAVIGATION_TASKS */)
     ),
-    /* @__PURE__ */ jsx172(WfoLatestOutOfSyncSubscriptionSummaryCard, {}, "latestOutOfSyncSubscription"),
-    /* @__PURE__ */ jsx172(WfoLatestActiveSubscriptionsSummaryCard, {}, "latestActiveSubscriptions"),
-    /* @__PURE__ */ jsx172(WfoProductsSummaryCard, {}, "products")
+    /* @__PURE__ */ jsx173(WfoLatestOutOfSyncSubscriptionSummaryCard, {}, "latestOutOfSyncSubscription"),
+    /* @__PURE__ */ jsx173(WfoLatestActiveSubscriptionsSummaryCard, {}, "latestActiveSubscriptions"),
+    /* @__PURE__ */ jsx173(WfoProductsSummaryCard, {}, "products")
   ];
   const summaryCards = (overrideSummaryCards == null ? void 0 : overrideSummaryCards(defaultSummaryCards)) || defaultSummaryCards;
-  return /* @__PURE__ */ jsx172(WfoSummaryCards, { children: summaryCards });
+  return /* @__PURE__ */ jsx173(WfoSummaryCards, { children: summaryCards });
 };
 
 // src/pages/startPage/mappers.ts
@@ -55587,16 +55612,16 @@ var mapSubscriptionSummaryToSummaryCardListItem = (subscription) => ({
 
 // src/pages/subscriptions/WfoSubscriptionDetailPage.tsx
 import { useRouter as useRouter11 } from "next/router";
-import { Fragment as Fragment43, jsx as jsx173 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx174 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailPage = () => {
   const router = useRouter11();
   const { subscriptionId } = router.query;
-  return subscriptionId && /* @__PURE__ */ jsx173(TreeProvider, { children: /* @__PURE__ */ jsx173(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx173(Fragment43, {});
+  return subscriptionId && /* @__PURE__ */ jsx174(TreeProvider, { children: /* @__PURE__ */ jsx174(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx174(Fragment43, {});
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
 import { useEffect as useEffect25, useState as useState39 } from "react";
-import { useTranslations as useTranslations56 } from "next-intl";
+import { useTranslations as useTranslations57 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiPageHeader as EuiPageHeader4, EuiSpacer as EuiSpacer18 } from "@elastic/eui";
 
@@ -55679,10 +55704,10 @@ var subscriptionListTabs = [
 ];
 
 // src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
-import { useTranslations as useTranslations55 } from "next-intl";
+import { useTranslations as useTranslations56 } from "next-intl";
 import Link7 from "next/link";
 import { useRouter as useRouter12 } from "next/router";
-import { jsx as jsx174 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx175 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsList = ({
   alwaysOnFilters,
   dataDisplayParams,
@@ -55691,34 +55716,34 @@ var WfoSubscriptionsList = ({
 }) => {
   var _a, _b, _c;
   const router = useRouter12();
-  const t = useTranslations55("subscriptions.index");
-  const tError = useTranslations55("errors");
+  const t = useTranslations56("subscriptions.index");
+  const tError = useTranslations56("errors");
   const { showToastMessage } = useShowToastMessage();
   const tableColumns = {
     subscriptionId: {
       field: "subscriptionId",
       name: t("id"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx174(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx175(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     description: {
       field: "description",
       name: t("description"),
       width: "400",
-      render: (value, record) => /* @__PURE__ */ jsx174(Link7, { href: `/subscriptions/${record.subscriptionId}`, children: value })
+      render: (value, record) => /* @__PURE__ */ jsx175(Link7, { href: `/subscriptions/${record.subscriptionId}`, children: value })
     },
     status: {
       field: "status",
       name: t("status"),
       width: "110",
-      render: (value) => /* @__PURE__ */ jsx174(WfoSubscriptionStatusBadge, { status: value })
+      render: (value) => /* @__PURE__ */ jsx175(WfoSubscriptionStatusBadge, { status: value })
     },
     insync: {
       field: "insync",
       name: t("insync"),
       width: "110",
-      render: (value) => /* @__PURE__ */ jsx174(WfoInsyncIcon, { inSync: value })
+      render: (value) => /* @__PURE__ */ jsx175(WfoInsyncIcon, { inSync: value })
     },
     productName: {
       field: "productName",
@@ -55743,7 +55768,7 @@ var WfoSubscriptionsList = ({
       field: "startDate",
       name: t("startDate"),
       width: "150",
-      render: (value) => /* @__PURE__ */ jsx174(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx175(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -55751,7 +55776,7 @@ var WfoSubscriptionsList = ({
       field: "endDate",
       name: t("endDate"),
       width: "150",
-      render: (value) => /* @__PURE__ */ jsx174(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx175(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -55762,8 +55787,8 @@ var WfoSubscriptionsList = ({
     metadata: {
       field: "metadata",
       name: t("metadata"),
-      render: (value) => /* @__PURE__ */ jsx174(WfoInlineJson, { data: value }),
-      renderDetails: (value) => value && /* @__PURE__ */ jsx174(WfoJsonCodeBlock, { data: value, isBasicStyle: true })
+      render: (value) => /* @__PURE__ */ jsx175(WfoInlineJson, { data: value }),
+      renderDetails: (value) => value && /* @__PURE__ */ jsx175(WfoJsonCodeBlock, { data: value, isBasicStyle: true })
     }
   };
   const { sortBy, queryString, pageIndex, pageSize } = dataDisplayParams;
@@ -55797,7 +55822,7 @@ var WfoSubscriptionsList = ({
     pageSizeOptions: DEFAULT_PAGE_SIZES,
     totalItemCount: totalItems != null ? totalItems : 0
   };
-  return /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx175(
     WfoTableWithFilter,
     {
       queryString: dataDisplayParams.queryString,
@@ -55838,10 +55863,10 @@ var WfoSubscriptionsList = ({
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { Fragment as Fragment44, jsx as jsx175, jsxs as jsxs97 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx176, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   var _a;
-  const t = useTranslations56("subscriptions.detail");
+  const t = useTranslations57("subscriptions.detail");
   const [tableDefaults, setTableDefaults] = useState39();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
@@ -55878,11 +55903,11 @@ var WfoSubscriptionsListPage = () => {
   const alwaysOnFilters = (_a = subscriptionListTabs.find(
     ({ id }) => id === activeTab
   )) == null ? void 0 : _a.alwaysOnFilters;
-  return /* @__PURE__ */ jsxs97(Fragment44, { children: [
-    /* @__PURE__ */ jsx175(EuiSpacer18, {}),
-    /* @__PURE__ */ jsx175(EuiPageHeader4, { pageTitle: t("title") }),
-    /* @__PURE__ */ jsx175(EuiSpacer18, { size: "m" }),
-    /* @__PURE__ */ jsx175(
+  return /* @__PURE__ */ jsxs98(Fragment44, { children: [
+    /* @__PURE__ */ jsx176(EuiSpacer18, {}),
+    /* @__PURE__ */ jsx176(EuiPageHeader4, { pageTitle: t("title") }),
+    /* @__PURE__ */ jsx176(EuiSpacer18, { size: "m" }),
+    /* @__PURE__ */ jsx176(
       WfoFilterTabs,
       {
         tabs: subscriptionListTabs,
@@ -55891,8 +55916,8 @@ var WfoSubscriptionsListPage = () => {
         onChangeTab: handleChangeSubscriptionsTab
       }
     ),
-    /* @__PURE__ */ jsx175(EuiSpacer18, { size: "xxl" }),
-    /* @__PURE__ */ jsx175(
+    /* @__PURE__ */ jsx176(EuiSpacer18, { size: "xxl" }),
+    /* @__PURE__ */ jsx176(
       WfoSubscriptionsList,
       {
         hiddenColumns: tableDefaults == null ? void 0 : tableDefaults.hiddenColumns,
@@ -55906,13 +55931,13 @@ var WfoSubscriptionsListPage = () => {
 
 // src/pages/tasks/WfoTasksListPage.tsx
 import { useContext as useContext14, useEffect as useEffect26, useState as useState40 } from "react";
-import { useTranslations as useTranslations57 } from "next-intl";
+import { useTranslations as useTranslations58 } from "next-intl";
 import Link8 from "next/link";
 import { useRouter as useRouter13 } from "next/router";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
 import {
   EuiButton as EuiButton13,
-  EuiFlexGroup as EuiFlexGroup22,
+  EuiFlexGroup as EuiFlexGroup23,
   EuiFlexItem as EuiFlexItem29,
   EuiPageHeader as EuiPageHeader5,
   EuiSpacer as EuiSpacer19
@@ -55981,11 +56006,11 @@ var getTasksListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { Fragment as Fragment45, jsx as jsx176, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx177, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   var _a;
   const router = useRouter13();
-  const t = useTranslations57("tasks.page");
+  const t = useTranslations58("tasks.page");
   const [activeTab, setActiveTab] = useQueryParam3(
     "activeTab",
     withDefault4(StringParam4, "ACTIVE" /* ACTIVE */)
@@ -56038,7 +56063,7 @@ var WfoTasksListPage = () => {
     workflowName: {
       field: "workflowName",
       name: t("taskName"),
-      render: (value, { processId }) => /* @__PURE__ */ jsx176(Link8, { href: `${PATH_TASKS}/${processId}`, children: value })
+      render: (value, { processId }) => /* @__PURE__ */ jsx177(Link8, { href: `${PATH_TASKS}/${processId}`, children: value })
     },
     lastStep: defaultTableColumns.lastStep,
     lastStatus: defaultTableColumns.lastStatus,
@@ -56054,21 +56079,21 @@ var WfoTasksListPage = () => {
     startedAt: defaultTableColumns.startedAt,
     lastModifiedAt: defaultTableColumns.lastModifiedAt
   });
-  return /* @__PURE__ */ jsxs98(Fragment45, { children: [
-    /* @__PURE__ */ jsx176(EuiSpacer19, {}),
-    /* @__PURE__ */ jsxs98(EuiFlexGroup22, { children: [
-      /* @__PURE__ */ jsx176(EuiFlexItem29, { children: /* @__PURE__ */ jsx176(EuiPageHeader5, { pageTitle: "Tasks" }) }),
-      /* @__PURE__ */ jsx176(EuiFlexItem29, { children: /* @__PURE__ */ jsxs98(EuiFlexGroup22, { justifyContent: "flexEnd", children: [
+  return /* @__PURE__ */ jsxs99(Fragment45, { children: [
+    /* @__PURE__ */ jsx177(EuiSpacer19, {}),
+    /* @__PURE__ */ jsxs99(EuiFlexGroup23, { children: [
+      /* @__PURE__ */ jsx177(EuiFlexItem29, { children: /* @__PURE__ */ jsx177(EuiPageHeader5, { pageTitle: "Tasks" }) }),
+      /* @__PURE__ */ jsx177(EuiFlexItem29, { children: /* @__PURE__ */ jsxs99(EuiFlexGroup23, { justifyContent: "flexEnd", children: [
         " ",
-        /* @__PURE__ */ jsx176(
+        /* @__PURE__ */ jsx177(
           WfoIsAllowedToRender,
           {
             resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */,
-            children: /* @__PURE__ */ jsx176(
+            children: /* @__PURE__ */ jsx177(
               EuiButton13,
               {
                 onClick: handleRerunAllButtonClick,
-                iconType: () => /* @__PURE__ */ jsx176(
+                iconType: () => /* @__PURE__ */ jsx177(
                   WfoRefresh,
                   {
                     color: theme.colors.primaryText
@@ -56079,16 +56104,16 @@ var WfoTasksListPage = () => {
             )
           }
         ),
-        /* @__PURE__ */ jsx176(
+        /* @__PURE__ */ jsx177(
           WfoIsAllowedToRender,
           {
             resource: "/orchestrator/processes/create/task" /* TASKS_CREATE */,
-            children: /* @__PURE__ */ jsx176(WfoStartTaskButtonComboBox, {})
+            children: /* @__PURE__ */ jsx177(WfoStartTaskButtonComboBox, {})
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx176(
+    /* @__PURE__ */ jsx177(
       WfoFilterTabs,
       {
         tabs: defaultTasksListTabs,
@@ -56097,8 +56122,8 @@ var WfoTasksListPage = () => {
         onChangeTab: handleChangeTasksListTab
       }
     ),
-    /* @__PURE__ */ jsx176(EuiSpacer19, { size: "xxl" }),
-    /* @__PURE__ */ jsx176(
+    /* @__PURE__ */ jsx177(EuiSpacer19, { size: "xxl" }),
+    /* @__PURE__ */ jsx177(
       WfoProcessesList,
       {
         defaultHiddenColumns: tableDefaults == null ? void 0 : tableDefaults.hiddenColumns,
@@ -56114,7 +56139,7 @@ var WfoTasksListPage = () => {
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
 import { useEffect as useEffect27, useState as useState41 } from "react";
-import { useTranslations as useTranslations58 } from "next-intl";
+import { useTranslations as useTranslations59 } from "next-intl";
 import { useRouter as useRouter14 } from "next/router";
 import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
 import { EuiPageHeader as EuiPageHeader6, EuiSpacer as EuiSpacer20 } from "@elastic/eui";
@@ -56182,11 +56207,11 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { Fragment as Fragment46, jsx as jsx177, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx178, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   var _a;
   const router = useRouter14();
-  const t = useTranslations58("workflows.index");
+  const t = useTranslations59("workflows.index");
   const [activeTab, setActiveTab] = useQueryParam4(
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
@@ -56221,11 +56246,11 @@ var WfoWorkflowsListPage = () => {
     router.replace(PATH_WORKFLOWS);
     return null;
   }
-  return /* @__PURE__ */ jsxs99(Fragment46, { children: [
-    /* @__PURE__ */ jsx177(EuiSpacer20, {}),
-    /* @__PURE__ */ jsx177(EuiPageHeader6, { pageTitle: t("title") }),
-    /* @__PURE__ */ jsx177(EuiSpacer20, { size: "m" }),
-    /* @__PURE__ */ jsx177(
+  return /* @__PURE__ */ jsxs100(Fragment46, { children: [
+    /* @__PURE__ */ jsx178(EuiSpacer20, {}),
+    /* @__PURE__ */ jsx178(EuiPageHeader6, { pageTitle: t("title") }),
+    /* @__PURE__ */ jsx178(EuiSpacer20, { size: "m" }),
+    /* @__PURE__ */ jsx178(
       WfoFilterTabs,
       {
         tabs: defaultWorkflowsListTabs,
@@ -56234,8 +56259,8 @@ var WfoWorkflowsListPage = () => {
         onChangeTab: handleChangeWorkflowsListTab
       }
     ),
-    /* @__PURE__ */ jsx177(EuiSpacer20, { size: "xxl" }),
-    /* @__PURE__ */ jsx177(
+    /* @__PURE__ */ jsx178(EuiSpacer20, { size: "xxl" }),
+    /* @__PURE__ */ jsx178(
       WfoProcessesList,
       {
         alwaysOnFilters,
@@ -56345,7 +56370,7 @@ var graphQlProcessFilterMapper = (data) => data == null ? void 0 : data.map(({ f
 }));
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { jsx as jsx178 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx179 } from "@emotion/react/jsx-runtime";
 var WfoProcessesList = ({
   alwaysOnFilters,
   defaultHiddenColumns = [],
@@ -56355,15 +56380,15 @@ var WfoProcessesList = ({
   overrideDefaultTableColumns
 }) => {
   var _a, _b;
-  const t = useTranslations59("processes.index");
-  const tError = useTranslations59("errors");
+  const t = useTranslations60("processes.index");
+  const tError = useTranslations60("errors");
   const { showToastMessage } = useShowToastMessage();
   const defaultTableColumns = {
     workflowName: {
       field: "workflowName",
       name: t("workflowName"),
       width: "20%",
-      render: (value, { processId }) => /* @__PURE__ */ jsx178(Link9, { href: `${PATH_WORKFLOWS}/${processId}`, children: value })
+      render: (value, { processId }) => /* @__PURE__ */ jsx179(Link9, { href: `${PATH_WORKFLOWS}/${processId}`, children: value })
     },
     lastStep: {
       field: "lastStep",
@@ -56374,13 +56399,13 @@ var WfoProcessesList = ({
       field: "lastStatus",
       name: t("status"),
       width: "100",
-      render: (cellValue) => /* @__PURE__ */ jsx178(WfoProcessStatusBadge, { processStatus: cellValue })
+      render: (cellValue) => /* @__PURE__ */ jsx179(WfoProcessStatusBadge, { processStatus: cellValue })
     },
     workflowTarget: {
       field: "workflowTarget",
       name: t("workflowTarget"),
       width: "100",
-      render: (target) => /* @__PURE__ */ jsx178(WfoWorkflowTargetBadge, { target })
+      render: (target) => /* @__PURE__ */ jsx179(WfoWorkflowTargetBadge, { target })
     },
     tag: {
       field: "tag",
@@ -56406,14 +56431,14 @@ var WfoProcessesList = ({
       field: "subscriptions",
       name: t("subscriptions"),
       width: "15%",
-      render: ({ page: subscriptions }) => /* @__PURE__ */ jsx178(
+      render: ({ page: subscriptions }) => /* @__PURE__ */ jsx179(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions,
           numberOfSubscriptionsToRender: 1
         }
       ),
-      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx178(
+      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx179(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions
@@ -56435,14 +56460,14 @@ var WfoProcessesList = ({
       field: "processId",
       name: t("processId"),
       width: "90",
-      render: (value) => /* @__PURE__ */ jsx178(WfoFirstPartUUID, { UUID: value }),
+      render: (value) => /* @__PURE__ */ jsx179(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value
     },
     startedAt: {
       field: "startedAt",
       name: t("started"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx178(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx179(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     },
@@ -56450,7 +56475,7 @@ var WfoProcessesList = ({
       field: "lastModifiedAt",
       name: t("lastModified"),
       width: "100",
-      render: (value) => /* @__PURE__ */ jsx178(WfoDateTime, { dateOrIsoString: value }),
+      render: (value) => /* @__PURE__ */ jsx179(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString
     }
@@ -56480,7 +56505,7 @@ var WfoProcessesList = ({
   const getProcessListForExport = () => getProcessListTrigger(
     getQueryVariablesForExport(processListQueryVars)
   ).unwrap();
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     WfoTableWithFilter,
     {
       queryString,
@@ -56544,14 +56569,14 @@ var getStyles16 = (theme) => {
 };
 
 // src/components/WfoJsonCodeBlock/WfoJsonCodeBlock.tsx
-import { jsx as jsx179 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx180 } from "@emotion/react/jsx-runtime";
 var WfoJsonCodeBlock = ({
   data,
   isBasicStyle = false
 }) => {
   const { euiCodeBlockStyle, euiBasicCodeBlockStyle } = useWithOrchestratorTheme(getStyles16);
   const json = JSON.stringify(data, null, 4);
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     EuiCodeBlock2,
     {
       css: isBasicStyle ? euiBasicCodeBlockStyle : euiCodeBlockStyle,
@@ -56565,18 +56590,18 @@ var WfoJsonCodeBlock = ({
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
 import { useState as useState42 } from "react";
-import { useTranslations as useTranslations60 } from "next-intl";
+import { useTranslations as useTranslations61 } from "next-intl";
 import {
   EuiButton as EuiButton14,
   EuiComboBox,
   EuiPanel as EuiPanel7,
   EuiSpacer as EuiSpacer21,
-  EuiText as EuiText37
+  EuiText as EuiText38
 } from "@elastic/eui";
-import { jsx as jsx180, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx181, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const [clearCache] = useClearCacheMutation();
-  const t = useTranslations60("settings.page");
+  const t = useTranslations61("settings.page");
   const [selectedOptions, setSelected] = useState42(
     []
   );
@@ -56608,7 +56633,7 @@ var WfoFlushSettings = () => {
       );
     });
   };
-  return /* @__PURE__ */ jsxs100(
+  return /* @__PURE__ */ jsxs101(
     EuiPanel7,
     {
       hasShadow: false,
@@ -56616,9 +56641,9 @@ var WfoFlushSettings = () => {
       paddingSize: "l",
       style: { width: "50%" },
       children: [
-        /* @__PURE__ */ jsx180(EuiText37, { size: "s", children: /* @__PURE__ */ jsx180("h4", { children: t("flushCacheSettingsTitle") }) }),
-        /* @__PURE__ */ jsx180(EuiSpacer21, { size: "m" }),
-        /* @__PURE__ */ jsx180(
+        /* @__PURE__ */ jsx181(EuiText38, { size: "s", children: /* @__PURE__ */ jsx181("h4", { children: t("flushCacheSettingsTitle") }) }),
+        /* @__PURE__ */ jsx181(EuiSpacer21, { size: "m" }),
+        /* @__PURE__ */ jsx181(
           EuiComboBox,
           {
             "aria-label": "Flush settings",
@@ -56630,26 +56655,26 @@ var WfoFlushSettings = () => {
             fullWidth: true
           }
         ),
-        /* @__PURE__ */ jsx180(EuiSpacer21, { size: "m" }),
-        /* @__PURE__ */ jsx180(EuiButton14, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
+        /* @__PURE__ */ jsx181(EuiSpacer21, { size: "m" }),
+        /* @__PURE__ */ jsx181(EuiButton14, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
       ]
     }
   );
 };
 
 // src/components/WfoSettings/WfoEngineStatusButton.tsx
-import { useTranslations as useTranslations61 } from "next-intl";
+import { useTranslations as useTranslations62 } from "next-intl";
 import { EuiButton as EuiButton15 } from "@elastic/eui";
-import { jsx as jsx181 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx182 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
-  const t = useTranslations61("settings.page");
+  const t = useTranslations62("settings.page");
   if (isLoading || isSettingEngineStatus) {
-    return /* @__PURE__ */ jsx181(EuiButton15, { isLoading: true, fill: true, children: "Loading..." });
+    return /* @__PURE__ */ jsx182(EuiButton15, { isLoading: true, fill: true, children: "Loading..." });
   }
-  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx181(
+  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx182(
     EuiButton15,
     {
       onClick: () => setEngineStatus(true),
@@ -56658,7 +56683,7 @@ var WfoEngineStatusButton = () => {
       iconType: "pause",
       children: t("pauseEngine")
     }
-  ) : /* @__PURE__ */ jsx181(
+  ) : /* @__PURE__ */ jsx182(
     EuiButton15,
     {
       onClick: () => setEngineStatus(false),
@@ -56671,17 +56696,17 @@ var WfoEngineStatusButton = () => {
 };
 
 // src/components/WfoSettings/WfoModifySettings.tsx
-import { useTranslations as useTranslations63 } from "next-intl";
-import { EuiFlexItem as EuiFlexItem30, EuiPanel as EuiPanel8, EuiSpacer as EuiSpacer22, EuiText as EuiText38 } from "@elastic/eui";
+import { useTranslations as useTranslations64 } from "next-intl";
+import { EuiFlexItem as EuiFlexItem30, EuiPanel as EuiPanel8, EuiSpacer as EuiSpacer22, EuiText as EuiText39 } from "@elastic/eui";
 
 // src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx
-import { useTranslations as useTranslations62 } from "next-intl";
+import { useTranslations as useTranslations63 } from "next-intl";
 import { EuiButton as EuiButton16 } from "@elastic/eui";
-import { jsx as jsx182 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx183 } from "@emotion/react/jsx-runtime";
 var WfoResetTextSearchIndexButton = () => {
   const [resetTextSearchIndex] = useResetTextSearchIndexMutation();
-  const t = useTranslations62("settings.page");
-  return /* @__PURE__ */ jsx182(
+  const t = useTranslations63("settings.page");
+  return /* @__PURE__ */ jsx183(
     EuiButton16,
     {
       onClick: () => resetTextSearchIndex(null),
@@ -56692,11 +56717,11 @@ var WfoResetTextSearchIndexButton = () => {
 };
 
 // src/components/WfoSettings/WfoModifySettings.tsx
-import { jsx as jsx183, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx184, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
-  const t = useTranslations63("settings.page");
-  return /* @__PURE__ */ jsxs101(EuiFlexItem30, { children: [
-    /* @__PURE__ */ jsxs101(
+  const t = useTranslations64("settings.page");
+  return /* @__PURE__ */ jsxs102(EuiFlexItem30, { children: [
+    /* @__PURE__ */ jsxs102(
       EuiPanel8,
       {
         hasShadow: false,
@@ -56704,14 +56729,14 @@ var WfoModifySettings = () => {
         paddingSize: "l",
         css: { width: "50%" },
         children: [
-          /* @__PURE__ */ jsx183(EuiText38, { size: "s", children: /* @__PURE__ */ jsx183("h4", { children: t("resetTextSearchIndex") }) }),
-          /* @__PURE__ */ jsx183(EuiSpacer22, { size: "m" }),
-          /* @__PURE__ */ jsx183(WfoResetTextSearchIndexButton, {})
+          /* @__PURE__ */ jsx184(EuiText39, { size: "s", children: /* @__PURE__ */ jsx184("h4", { children: t("resetTextSearchIndex") }) }),
+          /* @__PURE__ */ jsx184(EuiSpacer22, { size: "m" }),
+          /* @__PURE__ */ jsx184(WfoResetTextSearchIndexButton, {})
         ]
       }
     ),
-    /* @__PURE__ */ jsx183(EuiSpacer22, {}),
-    /* @__PURE__ */ jsxs101(
+    /* @__PURE__ */ jsx184(EuiSpacer22, {}),
+    /* @__PURE__ */ jsxs102(
       EuiPanel8,
       {
         hasShadow: false,
@@ -56719,9 +56744,9 @@ var WfoModifySettings = () => {
         paddingSize: "l",
         css: { width: "50%" },
         children: [
-          /* @__PURE__ */ jsx183(EuiText38, { size: "s", children: /* @__PURE__ */ jsx183("h4", { children: t("modifyEngine") }) }),
-          /* @__PURE__ */ jsx183(EuiSpacer22, { size: "m" }),
-          /* @__PURE__ */ jsx183(WfoEngineStatusButton, {})
+          /* @__PURE__ */ jsx184(EuiText39, { size: "s", children: /* @__PURE__ */ jsx184("h4", { children: t("modifyEngine") }) }),
+          /* @__PURE__ */ jsx184(EuiSpacer22, { size: "m" }),
+          /* @__PURE__ */ jsx184(WfoEngineStatusButton, {})
         ]
       }
     )
@@ -56729,22 +56754,22 @@ var WfoModifySettings = () => {
 };
 
 // src/components/WfoSettings/WfoStatus.tsx
-import { useTranslations as useTranslations64 } from "next-intl";
+import { useTranslations as useTranslations65 } from "next-intl";
 import {
-  EuiFlexGroup as EuiFlexGroup23,
+  EuiFlexGroup as EuiFlexGroup24,
   EuiFlexItem as EuiFlexItem31,
   EuiPanel as EuiPanel9,
   EuiSpacer as EuiSpacer23,
-  EuiText as EuiText39
+  EuiText as EuiText40
 } from "@elastic/eui";
-import { jsx as jsx184, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx185, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
 var WfoStatus = () => {
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
-  const t = useTranslations64("settings.page");
-  return /* @__PURE__ */ jsxs102(
+  const t = useTranslations65("settings.page");
+  return /* @__PURE__ */ jsxs103(
     EuiPanel9,
     {
       hasShadow: false,
@@ -56752,21 +56777,21 @@ var WfoStatus = () => {
       paddingSize: "l",
       style: { width: "50%" },
       children: [
-        /* @__PURE__ */ jsxs102(EuiFlexGroup23, { children: [
-          /* @__PURE__ */ jsx184(EuiFlexItem31, { grow: false, style: { minWidth: 208 }, children: /* @__PURE__ */ jsx184(EuiText39, { size: "s", children: /* @__PURE__ */ jsx184("h4", { children: t("runningProcesses") }) }) }),
-          /* @__PURE__ */ jsx184(EuiFlexItem31, { grow: false, children: /* @__PURE__ */ jsx184(EuiText39, { size: "s", children: /* @__PURE__ */ jsx184("p", { children: runningProcesses || "-" }) }) })
+        /* @__PURE__ */ jsxs103(EuiFlexGroup24, { children: [
+          /* @__PURE__ */ jsx185(EuiFlexItem31, { grow: false, style: { minWidth: 208 }, children: /* @__PURE__ */ jsx185(EuiText40, { size: "s", children: /* @__PURE__ */ jsx185("h4", { children: t("runningProcesses") }) }) }),
+          /* @__PURE__ */ jsx185(EuiFlexItem31, { grow: false, children: /* @__PURE__ */ jsx185(EuiText40, { size: "s", children: /* @__PURE__ */ jsx185("p", { children: runningProcesses || "-" }) }) })
         ] }),
-        /* @__PURE__ */ jsx184(EuiSpacer23, { size: "m" }),
-        /* @__PURE__ */ jsxs102(EuiFlexGroup23, { children: [
-          /* @__PURE__ */ jsx184(EuiFlexItem31, { grow: false, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx184(EuiText39, { size: "s", children: /* @__PURE__ */ jsx184("h4", { children: t("engineStatus") }) }) }),
-          /* @__PURE__ */ jsx184(EuiFlexItem31, { grow: false, children: /* @__PURE__ */ jsxs102(EuiFlexGroup23, { gutterSize: "xs", children: [
-            /* @__PURE__ */ jsx184(EuiFlexItem31, { children: /* @__PURE__ */ jsx184(
+        /* @__PURE__ */ jsx185(EuiSpacer23, { size: "m" }),
+        /* @__PURE__ */ jsxs103(EuiFlexGroup24, { children: [
+          /* @__PURE__ */ jsx185(EuiFlexItem31, { grow: false, style: { minWidth: 200 }, children: /* @__PURE__ */ jsx185(EuiText40, { size: "s", children: /* @__PURE__ */ jsx185("h4", { children: t("engineStatus") }) }) }),
+          /* @__PURE__ */ jsx185(EuiFlexItem31, { grow: false, children: /* @__PURE__ */ jsxs103(EuiFlexGroup24, { gutterSize: "xs", children: [
+            /* @__PURE__ */ jsx185(EuiFlexItem31, { children: /* @__PURE__ */ jsx185(
               WfoStatusDotIcon,
               {
                 color: isRunning ? theme.colors.success : theme.colors.warning
               }
             ) }),
-            /* @__PURE__ */ jsx184(EuiFlexItem31, { children: /* @__PURE__ */ jsx184(EuiText39, { size: "xs", style: { marginTop: 4 }, children: /* @__PURE__ */ jsx184("p", { children: engineStatus }) }) })
+            /* @__PURE__ */ jsx185(EuiFlexItem31, { children: /* @__PURE__ */ jsx185(EuiText40, { size: "xs", style: { marginTop: 4 }, children: /* @__PURE__ */ jsx185("p", { children: engineStatus }) }) })
           ] }) })
         ] })
       ]
@@ -56776,7 +56801,7 @@ var WfoStatus = () => {
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
 import React58 from "react";
-import { jsx as jsx185, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx186, jsxs as jsxs104 } from "@emotion/react/jsx-runtime";
 var WfoErrorBoundary = class extends React58.Component {
   constructor(props) {
     super(props);
@@ -56793,10 +56818,10 @@ var WfoErrorBoundary = class extends React58.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ jsxs103("p", { children: [
+      return /* @__PURE__ */ jsxs104("p", { children: [
         "An unexpected error occurred, try to go back to the",
         " ",
-        /* @__PURE__ */ jsx185("a", { href: "/", children: "home page" })
+        /* @__PURE__ */ jsx186("a", { href: "/", children: "home page" })
       ] });
     }
     return this.props.children;
@@ -56804,7 +56829,7 @@ var WfoErrorBoundary = class extends React58.Component {
 };
 
 // src/components/WfoNoResults/WfoNoResults.tsx
-import { EuiFlexGroup as EuiFlexGroup24 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup25 } from "@elastic/eui";
 
 // src/components/WfoNoResults/styles.ts
 import { css as css27 } from "@emotion/react";
@@ -56828,11 +56853,11 @@ var getStyles17 = (theme) => {
 };
 
 // src/components/WfoNoResults/WfoNoResults.tsx
-import { jsxs as jsxs104 } from "@emotion/react/jsx-runtime";
+import { jsxs as jsxs105 } from "@emotion/react/jsx-runtime";
 var WfoNoResults = ({ text, icon }) => {
   const { theme } = useOrchestratorTheme();
   const { panelStyle } = getStyles17(theme);
-  return /* @__PURE__ */ jsxs104(EuiFlexGroup24, { css: panelStyle, children: [
+  return /* @__PURE__ */ jsxs105(EuiFlexGroup25, { css: panelStyle, children: [
     icon,
     " ",
     text
@@ -56840,12 +56865,12 @@ var WfoNoResults = ({ text, icon }) => {
 };
 
 // src/components/WfoStartButton/WfoStartTaskComboBox.tsx
-import { useTranslations as useTranslations65 } from "next-intl";
+import { useTranslations as useTranslations66 } from "next-intl";
 import { useRouter as useRouter15 } from "next/router";
-import { jsx as jsx186 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx187 } from "@emotion/react/jsx-runtime";
 var WfoStartTaskButtonComboBox = () => {
   const router = useRouter15();
-  const t = useTranslations65("common");
+  const t = useTranslations66("common");
   const { isEngineRunningNow } = useCheckEngineStatus();
   const { data } = useGetTaskOptionsQuery();
   const taskOptions = (data == null ? void 0 : data.startOptions) || [];
@@ -56865,7 +56890,7 @@ var WfoStartTaskButtonComboBox = () => {
       });
     }
   });
-  return /* @__PURE__ */ jsx186(
+  return /* @__PURE__ */ jsx187(
     WfoStartButtonComboBox,
     {
       buttonText: t("newTask"),
@@ -56895,10 +56920,10 @@ var getNumberOfColumns = (currentBreakpoint) => {
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
 import {
   EuiAvatar as EuiAvatar2,
-  EuiFlexGroup as EuiFlexGroup25,
+  EuiFlexGroup as EuiFlexGroup26,
   EuiFlexItem as EuiFlexItem32,
   EuiPanel as EuiPanel10,
-  EuiText as EuiText40
+  EuiText as EuiText41
 } from "@elastic/eui";
 
 // src/components/WfoSummary/WfoSummaryCardHeader/styles.ts
@@ -56925,7 +56950,7 @@ var getWfoSummaryCardHeaderStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
-import { jsx as jsx187, jsxs as jsxs105 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx188, jsxs as jsxs106 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardHeader = ({
   text,
   value,
@@ -56934,8 +56959,8 @@ var WfoSummaryCardHeader = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { avatarStyle, totalSectionStyle, valueStyle } = getWfoSummaryCardHeaderStyles(theme);
-  return /* @__PURE__ */ jsx187(EuiFlexItem32, { grow: 0, children: /* @__PURE__ */ jsx187(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs105(EuiFlexGroup25, { children: [
-    /* @__PURE__ */ jsx187(
+  return /* @__PURE__ */ jsx188(EuiFlexItem32, { grow: 0, children: /* @__PURE__ */ jsx188(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs106(EuiFlexGroup26, { children: [
+    /* @__PURE__ */ jsx188(
       EuiAvatar2,
       {
         iconSize: "l",
@@ -56948,9 +56973,9 @@ var WfoSummaryCardHeader = ({
         color: iconColor
       }
     ),
-    /* @__PURE__ */ jsxs105("div", { css: totalSectionStyle, children: [
-      /* @__PURE__ */ jsx187(EuiText40, { color: "subdued", children: text }),
-      /* @__PURE__ */ jsx187(EuiText40, { css: valueStyle, children: value })
+    /* @__PURE__ */ jsxs106("div", { css: totalSectionStyle, children: [
+      /* @__PURE__ */ jsx188(EuiText41, { color: "subdued", children: text }),
+      /* @__PURE__ */ jsx188(EuiText41, { css: valueStyle, children: value })
     ] })
   ] }) }) });
 };
@@ -56968,19 +56993,19 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { EuiFlexGroup as EuiFlexGroup26, EuiFlexItem as EuiFlexItem33, EuiIcon as EuiIcon5, EuiTextColor } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup27, EuiFlexItem as EuiFlexItem33, EuiIcon as EuiIcon5, EuiTextColor } from "@elastic/eui";
 
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
 import Link10 from "next/link";
-import { jsx as jsx188 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx189 } from "@emotion/react/jsx-runtime";
 var WfoOptionalLink = ({
   children,
   href
 }) => {
   if (!href) {
-    return /* @__PURE__ */ jsx188("span", { children });
+    return /* @__PURE__ */ jsx189("span", { children });
   }
-  return /* @__PURE__ */ jsx188(Link10, { href, children });
+  return /* @__PURE__ */ jsx189(Link10, { href, children });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
@@ -57029,7 +57054,7 @@ var getWfoSummaryCardListStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { jsx as jsx189, jsxs as jsxs106 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx190, jsxs as jsxs107 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardListItem = ({
   title,
   value,
@@ -57042,9 +57067,9 @@ var WfoSummaryCardListItem = ({
     listItemSubtitleStyle,
     listItemHighlightIconStyle
   } = getWfoSummaryCardListStyles(theme);
-  return /* @__PURE__ */ jsx189(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs106(EuiFlexGroup26, { css: listItemContainerStyle, gutterSize: "none", children: [
-    /* @__PURE__ */ jsxs106(EuiFlexItem33, { children: [
-      /* @__PURE__ */ jsx189(
+  return /* @__PURE__ */ jsx190(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs107(EuiFlexGroup27, { css: listItemContainerStyle, gutterSize: "none", children: [
+    /* @__PURE__ */ jsxs107(EuiFlexItem33, { children: [
+      /* @__PURE__ */ jsx190(
         EuiTextColor,
         {
           color: url ? theme.colors.link : theme.colors.title,
@@ -57052,22 +57077,22 @@ var WfoSummaryCardListItem = ({
           children: title
         }
       ),
-      /* @__PURE__ */ jsx189(EuiTextColor, { css: listItemSubtitleStyle, children: value })
+      /* @__PURE__ */ jsx190(EuiTextColor, { css: listItemSubtitleStyle, children: value })
     ] }),
-    /* @__PURE__ */ jsx189(
+    /* @__PURE__ */ jsx190(
       EuiFlexItem33,
       {
         className: url ? "highlight-icon" : void 0,
         grow: false,
         css: listItemHighlightIconStyle,
-        children: /* @__PURE__ */ jsx189(EuiIcon5, { type: "sortRight", color: "primary" })
+        children: /* @__PURE__ */ jsx190(EuiIcon5, { type: "sortRight", color: "primary" })
       }
     )
   ] }) });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { jsx as jsx190, jsxs as jsxs107 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx191, jsxs as jsxs108 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardList = ({
   title,
   items,
@@ -57077,7 +57102,7 @@ var WfoSummaryCardList = ({
   const router = useRouter16();
   const euiScrollBarStyle = useEuiScrollBar2();
   const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx190(EuiFlexItem34, { children: /* @__PURE__ */ jsxs107(
+  return /* @__PURE__ */ jsx191(EuiFlexItem34, { children: /* @__PURE__ */ jsxs108(
     EuiPanel11,
     {
       css: listContainerStyle,
@@ -57085,11 +57110,11 @@ var WfoSummaryCardList = ({
       hasBorder: true,
       paddingSize: "l",
       children: [
-        /* @__PURE__ */ jsxs107("div", { children: [
-          /* @__PURE__ */ jsx190("p", { css: listHeaderStyle, children: title }),
-          /* @__PURE__ */ jsx190(EuiSpacer24, { size: "m" }),
-          /* @__PURE__ */ jsx190(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx190("div", { css: [listStyle, euiScrollBarStyle], children: items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ jsxs107("div", { children: [
-            /* @__PURE__ */ jsx190(
+        /* @__PURE__ */ jsxs108("div", { children: [
+          /* @__PURE__ */ jsx191("p", { css: listHeaderStyle, children: title }),
+          /* @__PURE__ */ jsx191(EuiSpacer24, { size: "m" }),
+          /* @__PURE__ */ jsx191(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx191("div", { css: [listStyle, euiScrollBarStyle], children: items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ jsxs108("div", { children: [
+            /* @__PURE__ */ jsx191(
               WfoSummaryCardListItem,
               {
                 title: item.title,
@@ -57097,11 +57122,11 @@ var WfoSummaryCardList = ({
                 url: item.url
               }
             ),
-            index === items.length - 1 ? null : /* @__PURE__ */ jsx190(EuiHorizontalRule7, { margin: "none" })
+            index === items.length - 1 ? null : /* @__PURE__ */ jsx191(EuiHorizontalRule7, { margin: "none" })
           ] }, index)) }) })
         ] }),
-        /* @__PURE__ */ jsx190(EuiSpacer24, { size: "m" }),
-        button && /* @__PURE__ */ jsx190(
+        /* @__PURE__ */ jsx191(EuiSpacer24, { size: "m" }),
+        button && /* @__PURE__ */ jsx191(
           EuiButton17,
           {
             fullWidth: true,
@@ -57116,10 +57141,10 @@ var WfoSummaryCardList = ({
 
 // src/components/WfoSummary/WfoSummaryCards.tsx
 import { EuiFlexGrid as EuiFlexGrid2, useCurrentEuiBreakpoint } from "@elastic/eui";
-import { jsx as jsx191 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx192 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCards = ({ children }) => {
   const currentBreakpoint = useCurrentEuiBreakpoint();
-  return /* @__PURE__ */ jsx191(
+  return /* @__PURE__ */ jsx192(
     EuiFlexGrid2,
     {
       responsive: false,
@@ -57146,7 +57171,7 @@ var getWfoSummaryCardsStyles = (theme) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCard.tsx
-import { jsx as jsx192, jsxs as jsxs108 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx193, jsxs as jsxs109 } from "@emotion/react/jsx-runtime";
 var SummaryCardStatus = /* @__PURE__ */ ((SummaryCardStatus2) => {
   SummaryCardStatus2["Success"] = "Success";
   SummaryCardStatus2["Error"] = "Error";
@@ -57184,16 +57209,16 @@ var WfoSummaryCard = ({
         };
     }
   };
-  return /* @__PURE__ */ jsxs108(EuiFlexItem35, { css: cardContainerStyle, children: [
-    /* @__PURE__ */ jsx192(
+  return /* @__PURE__ */ jsxs109(EuiFlexItem35, { css: cardContainerStyle, children: [
+    /* @__PURE__ */ jsx193(
       WfoSummaryCardHeader,
       __spreadValues({
         text: headerTitle,
         value: headerValue
       }, getIconTypeAndColorForHeaderStatus(headerStatus))
     ),
-    /* @__PURE__ */ jsx192(EuiSpacer25, { size: "m" }),
-    /* @__PURE__ */ jsx192(
+    /* @__PURE__ */ jsx193(EuiSpacer25, { size: "m" }),
+    /* @__PURE__ */ jsx193(
       WfoSummaryCardList,
       {
         title: listTitle,
@@ -57206,7 +57231,7 @@ var WfoSummaryCard = ({
 };
 
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
-import { useTranslations as useTranslations66 } from "next-intl";
+import { useTranslations as useTranslations67 } from "next-intl";
 
 // src/pages/startPage/queryVariables.ts
 var baseQueryVariables = {
@@ -57290,15 +57315,15 @@ var productsSummaryQueryVariables = {
 };
 
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
-import { jsx as jsx193 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx194 } from "@emotion/react/jsx-runtime";
 var WfoActiveWorkflowsSummaryCard = () => {
   var _a;
-  const t = useTranslations66("startPage.activeWorkflows");
+  const t = useTranslations67("startPage.activeWorkflows");
   const {
     data: activeWorkflowsSummaryResponse,
     isFetching: activeWorkflowsSummaryIsFetching
   } = useGetProcessListSummaryQuery(activeWorkflowsListSummaryQueryVariables);
-  return /* @__PURE__ */ jsx193(
+  return /* @__PURE__ */ jsx194(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -57316,16 +57341,16 @@ var WfoActiveWorkflowsSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoFailedTasksSummaryCard.tsx
-import { useTranslations as useTranslations67 } from "next-intl";
-import { jsx as jsx194 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations68 } from "next-intl";
+import { jsx as jsx195 } from "@emotion/react/jsx-runtime";
 var WfoFailedTasksSummaryCard = () => {
   var _a;
-  const t = useTranslations67("startPage.failedTasks");
+  const t = useTranslations68("startPage.failedTasks");
   const {
     data: failedTasksSummaryResponse,
     isFetching: failedTasksSummaryIsFetching
   } = useGetProcessListSummaryQuery(taskListSummaryQueryVariables);
-  return /* @__PURE__ */ jsx194(
+  return /* @__PURE__ */ jsx195(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -57343,18 +57368,18 @@ var WfoFailedTasksSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoLatestActiveSubscriptionsSummaryCard.tsx
-import { useTranslations as useTranslations68 } from "next-intl";
-import { jsx as jsx195 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations69 } from "next-intl";
+import { jsx as jsx196 } from "@emotion/react/jsx-runtime";
 var WfoLatestActiveSubscriptionsSummaryCard = () => {
   var _a;
-  const t = useTranslations68("startPage.activeSubscriptions");
+  const t = useTranslations69("startPage.activeSubscriptions");
   const {
     data: subscriptionsSummaryResult,
     isLoading: subscriptionsSummaryIsFetching
   } = useGetSubscriptionSummaryListQuery(
     subscriptionsListSummaryQueryVariables
   );
-  return /* @__PURE__ */ jsx195(
+  return /* @__PURE__ */ jsx196(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -57372,18 +57397,18 @@ var WfoLatestActiveSubscriptionsSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoLatestOutOfSyncSubscriptionSummaryCard.tsx
-import { useTranslations as useTranslations69 } from "next-intl";
-import { jsx as jsx196 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations70 } from "next-intl";
+import { jsx as jsx197 } from "@emotion/react/jsx-runtime";
 var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
   var _a;
-  const t = useTranslations69("startPage.outOfSyncSubscriptions");
+  const t = useTranslations70("startPage.outOfSyncSubscriptions");
   const {
     data: outOfSyncSubscriptionsSummaryResult,
     isLoading: outOfSyncsubscriptionsSummaryIsFetching
   } = useGetSubscriptionSummaryListQuery(
     outOfSyncSubscriptionsListSummaryQueryVariables
   );
-  return /* @__PURE__ */ jsx196(
+  return /* @__PURE__ */ jsx197(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -57404,20 +57429,20 @@ var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoMyWorkflowsSummaryCard.tsx
-import { useTranslations as useTranslations70 } from "next-intl";
-import { jsx as jsx197 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations71 } from "next-intl";
+import { jsx as jsx198 } from "@emotion/react/jsx-runtime";
 var WfoMyWorkflowsSummaryCard = ({
   username
 }) => {
   var _a;
-  const t = useTranslations70("startPage.myWorkflows");
+  const t = useTranslations71("startPage.myWorkflows");
   const {
     data: myWorkflowsSummaryResponse,
     isFetching: myWorkflowsSummaryIsFetching
   } = useGetProcessListSummaryQuery(
     getMyWorkflowListSummaryQueryVariables(username)
   );
-  return /* @__PURE__ */ jsx197(
+  return /* @__PURE__ */ jsx198(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -57438,11 +57463,11 @@ var WfoMyWorkflowsSummaryCard = ({
 };
 
 // src/components/WfoSummary/WfoProductsSummaryCard.tsx
-import { useTranslations as useTranslations71 } from "next-intl";
-import { jsx as jsx198, jsxs as jsxs109 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations72 } from "next-intl";
+import { jsx as jsx199, jsxs as jsxs110 } from "@emotion/react/jsx-runtime";
 var WfoProductsSummaryCard = () => {
   var _a, _b, _c;
-  const t = useTranslations71("startPage.products");
+  const t = useTranslations72("startPage.products");
   const {
     data: productsSummaryResult,
     isLoading: productsSummaryIsFetching
@@ -57454,7 +57479,7 @@ var WfoProductsSummaryCard = () => {
     }
   ).map((product) => ({
     title: "",
-    value: /* @__PURE__ */ jsxs109(
+    value: /* @__PURE__ */ jsxs110(
       "div",
       {
         css: {
@@ -57462,13 +57487,13 @@ var WfoProductsSummaryCard = () => {
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ jsx198("div", { children: product.name }),
-          /* @__PURE__ */ jsx198("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
+          /* @__PURE__ */ jsx199("div", { children: product.name }),
+          /* @__PURE__ */ jsx199("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
         ]
       }
     )
   }))) != null ? _b : [];
-  return /* @__PURE__ */ jsx198(
+  return /* @__PURE__ */ jsx199(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -57697,7 +57722,8 @@ var en_GB_default = {
       lastUpdate: "Last update",
       relatedSubscriptions: "Related subscriptions",
       subscriptions: "{count, plural, =0 {0 subscriptions} =1 {1 subscription} other {# subscriptions}}",
-      customer: "Customer"
+      customer: "Customer",
+      openWorkflowTaskInfo: "open workflow/task information in a new tab"
     },
     steps: {
       taskSteps: "Task steps",
@@ -58103,7 +58129,8 @@ var nl_NL_default = {
       lastUpdate: "Laatste update",
       relatedSubscriptions: "Gerelateerde subscriptions",
       subscriptions: "{count, plural, =0 {0 subscriptions} =1 {1 subscriptie} other {# subscriptions}}",
-      customer: "Customer"
+      customer: "Customer",
+      openWorkflowTaskInfo: "open workflow-/taakinformatie op een nieuw tabblad"
     },
     steps: {
       steps: "Workflow stappen",
@@ -58597,6 +58624,7 @@ export {
   WfoProductBlockBadge,
   WfoProductBlockKeyValueRow,
   WfoProductBlocksPage,
+  WfoProductInformationWithLink,
   WfoProductStatusBadge,
   WfoProductsPage,
   WfoProductsSummaryCard,