@orchestrator-ui/orchestrator-ui-components 3.8.1 → 3.9.0

package/dist/index.js

@@ -26798,7 +26798,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "3.8.1";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "3.9.0";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -34653,7 +34653,6 @@ var subscriptionsDropdownOptionsQuery = `
                     parent
                     productBlockInstanceValues
                     subscriptionInstanceId
-                    inUseByRelations
                 }
                 fixedInputs
             }
@@ -41179,6 +41178,7 @@ var WfoToolTip = ({
       content: tooltipContent,
       css: { maxWidth: "fit-content" },
       repositionOnScroll: true,
+      display: "block",
       children: /* @__PURE__ */ jsx115("div", { css: { width: "100%" }, children })
     }
   );
@@ -47844,8 +47844,9 @@ var WfoDropdownButton = ({
 };
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { useTranslations as useTranslations72 } from "next-intl";
+import { useTranslations as useTranslations73 } from "next-intl";
 import Link11 from "next/link";
+import { useRouter as useRouter14 } from "next/router";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
 import { useEffect as useEffect22, useState as useState37 } from "react";
@@ -48997,6 +48998,7 @@ var WfoTasksPage = () => {
 };
 
 // src/pages/processes/WfoProcessListSubscriptionsCell.tsx
+import { useTranslations as useTranslations58 } from "next-intl";
 import Link9 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup19 } from "@elastic/eui";
 import { Fragment as Fragment46, jsx as jsx197, jsxs as jsxs104 } from "@emotion/react/jsx-runtime";
@@ -49009,8 +49011,12 @@ var RenderDirection = /* @__PURE__ */ ((RenderDirection2) => {
 var WfoProcessListSubscriptionsCell = ({
   subscriptions,
   numberOfSubscriptionsToRender = RENDER_ALL,
-  renderDirection = "HORIZONTAL" /* HORIZONTAL */
+  renderDirection = "HORIZONTAL" /* HORIZONTAL */,
+  onMoreSubscriptionsClick = () => {
+  }
 }) => {
+  const { theme, toSecondaryColor } = useOrchestratorTheme();
+  const t = useTranslations58("processes.index");
   const { length } = subscriptions;
   if (length === 0) {
     return null;
@@ -49021,7 +49027,8 @@ var WfoProcessListSubscriptionsCell = ({
     EuiFlexGroup19,
     {
       direction: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "row" : "column",
-      gutterSize: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "m" : "xs",
+      alignItems: "center",
+      gutterSize: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "s" : "xs",
       children: [
         visibleSubscriptions.map((subscription) => /* @__PURE__ */ jsx197(
           Link9,
@@ -49035,7 +49042,21 @@ var WfoProcessListSubscriptionsCell = ({
           },
           subscription.subscriptionId
         )),
-        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsx197("span", { children: `(+${numberOfNotVisibleSubscriptions})` })
+        numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsxs104(
+          WfoBadge,
+          {
+            textColor: theme.colors.primaryText,
+            color: toSecondaryColor(theme.colors.primary),
+            onClick: () => onMoreSubscriptionsClick(),
+            iconOnClick: () => onMoreSubscriptionsClick(),
+            onClickAriaLabel: t("showAllRelatedSubscriptions"),
+            iconOnClickAriaLabel: t("showAllRelatedSubscriptions"),
+            children: [
+              "+ ",
+              numberOfNotVisibleSubscriptions
+            ]
+          }
+        )
       ]
     }
   ) });
@@ -49046,7 +49067,7 @@ import { useRef as useRef10 } from "react";
 
 // src/pages/processes/WfoProcessDetail.tsx
 import { useContext as useContext10 } from "react";
-import { useTranslations as useTranslations58 } from "next-intl";
+import { useTranslations as useTranslations59 } from "next-intl";
 import { useRouter as useRouter8 } from "next/router";
 import {
   EuiButton as EuiButton10,
@@ -49135,7 +49156,7 @@ var ProcessHeaderValue = ({
   translationKey,
   value = ""
 }) => {
-  const t = useTranslations58("processes.detail");
+  const t = useTranslations59("processes.detail");
   const { theme } = useOrchestratorTheme();
   return /* @__PURE__ */ jsxs105(
     EuiFlexGroup20,
@@ -49176,7 +49197,7 @@ var WfoProcessDetail = ({
   isLoading = false,
   hasError = false
 }) => {
-  const t = useTranslations58("processes.detail");
+  const t = useTranslations59("processes.detail");
   const { theme } = useOrchestratorTheme();
   const { showConfirmDialog } = useContext10(ConfirmationDialogContext);
   const [retryProcess] = useRetryProcessMutation();
@@ -49476,7 +49497,7 @@ var WfoProcessDetailPage = ({
 
 // src/pages/processes/WfoStartProcessPage.tsx
 import { useCallback as useCallback7, useEffect as useEffect29, useMemo as useMemo5, useState as useState47 } from "react";
-import { useTranslations as useTranslations65 } from "next-intl";
+import { useTranslations as useTranslations66 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
 import {
   EuiFlexGroup as EuiFlexGroup24,
@@ -49496,13 +49517,13 @@ import {
 } from "pydantic-forms";
 
 // src/components/WfoPydanticForm/Footer.tsx
-import { useTranslations as useTranslations59 } from "next-intl";
+import { useTranslations as useTranslations60 } from "next-intl";
 import { usePydanticFormContext } from "pydantic-forms";
 import { EuiButton as EuiButton11, EuiHorizontalRule as EuiHorizontalRule6 } from "@elastic/eui";
 import { jsx as jsx200, jsxs as jsxs106 } from "@emotion/react/jsx-runtime";
 var Footer = () => {
   const { theme } = useOrchestratorTheme();
-  const t = useTranslations59("pydanticForms.userInputForm");
+  const t = useTranslations60("pydanticForms.userInputForm");
   const { rhf, onCancel, allowUntouchedSubmit, isLoading } = usePydanticFormContext();
   const isDisabled = !rhf.formState.isValid || !allowUntouchedSubmit && !rhf.formState.isDirty && !rhf.formState.isSubmitting;
   return /* @__PURE__ */ jsxs106("div", { children: [
@@ -49697,7 +49718,7 @@ var WfoPydanticForm = ({
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
 import React65, { useState as useState43 } from "react";
-import { useTranslations as useTranslations60 } from "next-intl";
+import { useTranslations as useTranslations61 } from "next-intl";
 import {
   EuiButton as EuiButton12,
   EuiFlexGroup as EuiFlexGroup21,
@@ -50004,7 +50025,7 @@ var WfoStep = React65.forwardRef(
       stepRowStyle,
       getStepToggleExpandStyle
     } = useWithOrchestratorTheme(getWorkflowStepsStyles);
-    const t = useTranslations60("processes.steps");
+    const t = useTranslations61("processes.steps");
     const hasHtmlMail = step.stateDelta?.hasOwnProperty("confirmation_mail");
     const stepContent = step.stateDelta ? getStepContent(step.stateDelta, showHiddenKeys) : {};
     const hasStepContent = hasHtmlMail || Object.keys(stepContent).length > 0;
@@ -50223,14 +50244,14 @@ WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
 import React68, { useEffect as useEffect28, useState as useState45 } from "react";
-import { useTranslations as useTranslations63 } from "next-intl";
+import { useTranslations as useTranslations64 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
 import { useCallback as useCallback6, useEffect as useEffect27, useMemo as useMemo4, useState as useState44 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
-import { useTranslations as useTranslations61 } from "next-intl";
+import { useTranslations as useTranslations62 } from "next-intl";
 import "prism-themes/themes/prism-ghcolors.min.css";
 import { diffLines, formatLines } from "unidiff";
 import {
@@ -50283,7 +50304,7 @@ var EMPTY_HUNKS = [];
 var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
 var WfoDiff = ({ oldText, newText, syntax }) => {
-  const t = useTranslations61("processes.delta");
+  const t = useTranslations62("processes.delta");
   const [showSplit, setShowSplit] = useState44(true);
   const [showFull, setShowFull] = useState44(false);
   const { diffStyle } = useWithOrchestratorTheme(getWfoDiffStyles);
@@ -50359,7 +50380,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
 var WfoDiff_default = WfoDiff;
 
 // src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx
-import { useTranslations as useTranslations62 } from "next-intl";
+import { useTranslations as useTranslations63 } from "next-intl";
 import { EuiCodeBlock, EuiText as EuiText37 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoTraceback/styles.ts
@@ -50379,7 +50400,7 @@ var getStyles13 = ({ theme }) => {
 import { Fragment as Fragment50, jsx as jsx209, jsxs as jsxs111 } from "@emotion/react/jsx-runtime";
 var WfoTraceback = ({ children }) => {
   const { codeBlockStyle } = useWithOrchestratorTheme(getStyles13);
-  const t = useTranslations62("processes.steps");
+  const t = useTranslations63("processes.steps");
   return /* @__PURE__ */ jsxs111(Fragment50, { children: [
     /* @__PURE__ */ jsx209(EuiText37, { children: /* @__PURE__ */ jsx209("h3", { children: t("traceback") }) }),
     /* @__PURE__ */ jsx209(EuiCodeBlock, { css: codeBlockStyle, children })
@@ -50422,7 +50443,7 @@ var WfoWorkflowStepList = React68.forwardRef(
     const [showRaw, setShowRaw] = useState45(false);
     const [showDelta, setShowDelta] = useState45(false);
     const [showTraceback, setShowTraceback] = useState45(false);
-    const t = useTranslations63("processes.steps");
+    const t = useTranslations64("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
@@ -50524,7 +50545,7 @@ WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
 import { useState as useState46 } from "react";
-import { useTranslations as useTranslations64 } from "next-intl";
+import { useTranslations as useTranslations65 } from "next-intl";
 import {
   EuiButton as EuiButton13,
   EuiFlexGroup as EuiFlexGroup23,
@@ -50578,7 +50599,7 @@ var WfoStepListHeader = ({
   onShowTraceback,
   onToggleAllDetailsIsOpen
 }) => {
-  const t = useTranslations64("processes.steps");
+  const t = useTranslations65("processes.steps");
   const { theme } = useOrchestratorTheme();
   const {
     stepListHeaderStyle,
@@ -50704,7 +50725,7 @@ var WfoStartProcessPage = ({
   processName,
   isTask = false
 }) => {
-  const t = useTranslations65("processes.steps");
+  const t = useTranslations66("processes.steps");
   const router = useRouter10();
   const [hasError, setHasError] = useState47(false);
   const { theme } = useOrchestratorTheme();
@@ -50864,7 +50885,7 @@ var WfoStartProcessPage = ({
 };
 
 // src/pages/processes/WfoProductInformationWithLink.tsx
-import { useTranslations as useTranslations66 } from "next-intl";
+import { useTranslations as useTranslations67 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon12, EuiFlexGroup as EuiFlexGroup25, EuiText as EuiText41, EuiToolTip as EuiToolTip8 } from "@elastic/eui";
 import { jsx as jsx214, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
 var WfoProductInformationWithLink = ({
@@ -50872,7 +50893,7 @@ var WfoProductInformationWithLink = ({
   productNames
 }) => {
   const { workflowInformationLinkUrl, showWorkflowInformationLink } = useGetOrchestratorConfig();
-  const t = useTranslations66("processes.detail");
+  const t = useTranslations67("processes.detail");
   const docsUrl = workflowInformationLinkUrl + workflowName;
   return /* @__PURE__ */ jsxs115(EuiFlexGroup25, { gutterSize: "s", alignItems: "center", children: [
     showWorkflowInformationLink && /* @__PURE__ */ jsx214(EuiToolTip8, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx214("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx214(
@@ -50888,12 +50909,12 @@ var WfoProductInformationWithLink = ({
 };
 
 // src/pages/settings/WfoSettingsPage.tsx
-import { useTranslations as useTranslations67 } from "next-intl";
+import { useTranslations as useTranslations68 } from "next-intl";
 import { EuiHorizontalRule as EuiHorizontalRule8, EuiSpacer as EuiSpacer20 } from "@elastic/eui";
 import { Fragment as Fragment52, jsx as jsx215, jsxs as jsxs116 } from "@emotion/react/jsx-runtime";
 var WfoSettingsPage = () => {
   const { theme } = useOrchestratorTheme();
-  const t = useTranslations67("main");
+  const t = useTranslations68("main");
   return /* @__PURE__ */ jsxs116(Fragment52, { children: [
     /* @__PURE__ */ jsx215(
       WfoContentHeader,
@@ -50915,7 +50936,7 @@ var WfoSettingsPage = () => {
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { useTranslations as useTranslations68 } from "next-intl";
+import { useTranslations as useTranslations69 } from "next-intl";
 import { EuiPageHeader as EuiPageHeader2 } from "@elastic/eui";
 
 // src/pages/startPage/useStartPageSummaryCardConfigurationOverride.ts
@@ -50931,7 +50952,7 @@ var useStartPageSummaryCardConfigurationOverride = () => {
 // src/pages/startPage/WfoStartPage.tsx
 import { Fragment as Fragment53, jsx as jsx216, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
-  const t = useTranslations68("main");
+  const t = useTranslations69("main");
   const { overrideSummaryCards } = useStartPageSummaryCardConfigurationOverride();
   const { isAllowed } = usePolicy();
   const { session } = useWfoSession();
@@ -50985,12 +51006,12 @@ var WfoSubscriptionDetailPage = () => {
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
 import { useEffect as useEffect30, useState as useState48 } from "react";
-import { useTranslations as useTranslations69 } from "next-intl";
+import { useTranslations as useTranslations70 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiSpacer as EuiSpacer21 } from "@elastic/eui";
 import { Fragment as Fragment55, jsx as jsx218, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
-  const t = useTranslations69("subscriptions.detail");
+  const t = useTranslations70("subscriptions.detail");
   const [tableDefaults, setTableDefaults] = useState48();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
@@ -51057,7 +51078,7 @@ var WfoSubscriptionsListPage = () => {
 
 // src/pages/tasks/WfoTasksListPage.tsx
 import { useContext as useContext11, useEffect as useEffect31, useState as useState49 } from "react";
-import { useTranslations as useTranslations70 } from "next-intl";
+import { useTranslations as useTranslations71 } from "next-intl";
 import Link10 from "next/link";
 import { useRouter as useRouter12 } from "next/router";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
@@ -51129,7 +51150,7 @@ var getTasksListTabTypeFromString = (tabId) => {
 import { Fragment as Fragment56, jsx as jsx219, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   const router = useRouter12();
-  const t = useTranslations70("tasks.page");
+  const t = useTranslations71("tasks.page");
   const [activeTab, setActiveTab] = useQueryParam3(
     "activeTab",
     withDefault4(StringParam4, "ACTIVE" /* ACTIVE */)
@@ -51244,7 +51265,7 @@ var WfoTasksListPage = () => {
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
 import { useEffect as useEffect32, useState as useState50 } from "react";
-import { useTranslations as useTranslations71 } from "next-intl";
+import { useTranslations as useTranslations72 } from "next-intl";
 import { useRouter as useRouter13 } from "next/router";
 import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
 import { EuiSpacer as EuiSpacer23 } from "@elastic/eui";
@@ -51315,7 +51336,7 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 import { Fragment as Fragment57, jsx as jsx220, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   const router = useRouter13();
-  const t = useTranslations71("workflows.index");
+  const t = useTranslations72("workflows.index");
   const [activeTab, setActiveTab] = useQueryParam4(
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
@@ -51486,9 +51507,10 @@ var WfoProcessesList = ({
   overrideDefaultTableColumns,
   setDataDisplayParam
 }) => {
-  const t = useTranslations72("processes.index");
-  const tError = useTranslations72("errors");
+  const t = useTranslations73("processes.index");
+  const tError = useTranslations73("errors");
   const { showToastMessage } = useShowToastMessage();
+  const router = useRouter14();
   const defaultTableColumns = {
     workflowName: {
       columnType: "data" /* DATA */,
@@ -51538,11 +51560,12 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("subscriptions"),
       width: "425px",
-      renderData: ({ page: subscriptions }) => /* @__PURE__ */ jsx221(
+      renderData: ({ page: subscriptions }, { processId }) => /* @__PURE__ */ jsx221(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions,
-          numberOfSubscriptionsToRender: 1
+          numberOfSubscriptionsToRender: 1,
+          onMoreSubscriptionsClick: () => router.push(`${PATH_WORKFLOWS}/${processId}`)
         }
       ),
       renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx221(
@@ -51705,7 +51728,7 @@ var WfoJsonCodeBlock = ({
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
 import { useState as useState51 } from "react";
-import { useTranslations as useTranslations73 } from "next-intl";
+import { useTranslations as useTranslations74 } from "next-intl";
 import {
   EuiButton as EuiButton15,
   EuiComboBox,
@@ -51745,7 +51768,7 @@ var WfoFlushSettings = () => {
     getWfoFlushSettingsStyle
   );
   const [clearCache] = useClearCacheMutation();
-  const t = useTranslations73("settings.page");
+  const t = useTranslations74("settings.page");
   const [selectedOptions, setSelected] = useState51(
     []
   );
@@ -51799,14 +51822,14 @@ var WfoFlushSettings = () => {
 };
 
 // src/components/WfoSettings/WfoEngineStatusButton.tsx
-import { useTranslations as useTranslations74 } from "next-intl";
+import { useTranslations as useTranslations75 } from "next-intl";
 import { EuiButton as EuiButton16 } from "@elastic/eui";
 import { jsx as jsx224 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
-  const t = useTranslations74("settings.page");
+  const t = useTranslations75("settings.page");
   if (isLoading || isSettingEngineStatus) {
     return /* @__PURE__ */ jsx224(EuiButton16, { isLoading: true, fill: true, children: "Loading..." });
   }
@@ -51832,11 +51855,11 @@ var WfoEngineStatusButton = () => {
 };
 
 // src/components/WfoSettings/WfoModifySettings.tsx
-import { useTranslations as useTranslations75 } from "next-intl";
+import { useTranslations as useTranslations76 } from "next-intl";
 import { EuiFlexItem as EuiFlexItem28, EuiPanel as EuiPanel7, EuiSpacer as EuiSpacer25, EuiText as EuiText43 } from "@elastic/eui";
 import { jsx as jsx225, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
-  const t = useTranslations75("settings.page");
+  const t = useTranslations76("settings.page");
   return /* @__PURE__ */ jsxs123(EuiFlexItem28, { children: [
     /* @__PURE__ */ jsxs123(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
       /* @__PURE__ */ jsx225(EuiText43, { size: "s", children: /* @__PURE__ */ jsx225("h4", { children: t("resetTextSearchIndex") }) }),
@@ -51861,7 +51884,7 @@ var WfoModifySettings = () => {
 };
 
 // src/components/WfoSettings/WfoEngineStatus.tsx
-import { useTranslations as useTranslations76 } from "next-intl";
+import { useTranslations as useTranslations77 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup26, EuiFlexItem as EuiFlexItem29, EuiPanel as EuiPanel8, EuiText as EuiText44 } from "@elastic/eui";
 import { jsx as jsx226, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatus = () => {
@@ -51869,7 +51892,7 @@ var WfoEngineStatus = () => {
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
-  const t = useTranslations76("settings.page");
+  const t = useTranslations77("settings.page");
   return /* @__PURE__ */ jsx226(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs124(EuiFlexGroup26, { direction: "column", gutterSize: "s", children: [
     /* @__PURE__ */ jsx226(EuiFlexItem29, { children: /* @__PURE__ */ jsx226(EuiText44, { size: "s", children: /* @__PURE__ */ jsx226("h4", { children: t("engineStatusTitle") }) }) }),
     /* @__PURE__ */ jsxs124(EuiFlexItem29, { css: { flexDirection: "row" }, children: [
@@ -51890,7 +51913,7 @@ var WfoEngineStatus = () => {
 };
 
 // src/components/WfoSettings/WfoWorkerStatus.tsx
-import { useTranslations as useTranslations77 } from "next-intl";
+import { useTranslations as useTranslations78 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup27, EuiFlexItem as EuiFlexItem30, EuiPanel as EuiPanel9, EuiText as EuiText45 } from "@elastic/eui";
 import { jsx as jsx227, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
 var WfoWorkerStatus = () => {
@@ -51901,7 +51924,7 @@ var WfoWorkerStatus = () => {
     numberOfRunningJobs,
     numberOfWorkersOnline
   } = data || {};
-  const t = useTranslations77("settings.page");
+  const t = useTranslations78("settings.page");
   return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx227(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs125(EuiFlexGroup27, { direction: "column", gutterSize: "s", children: [
     /* @__PURE__ */ jsx227(EuiFlexItem30, { children: /* @__PURE__ */ jsx227(EuiText45, { size: "s", children: /* @__PURE__ */ jsx227("h4", { children: t("workerStatusTitle") }) }) }),
     /* @__PURE__ */ jsxs125(EuiFlexItem30, { css: { flexDirection: "row" }, children: [
@@ -51920,12 +51943,12 @@ var WfoWorkerStatus = () => {
 };
 
 // src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx
-import { useTranslations as useTranslations78 } from "next-intl";
+import { useTranslations as useTranslations79 } from "next-intl";
 import { EuiButton as EuiButton17 } from "@elastic/eui";
 import { jsx as jsx228 } from "@emotion/react/jsx-runtime";
 var WfoResetTextSearchIndexButton = () => {
   const [resetTextSearchIndex] = useResetTextSearchIndexMutation();
-  const t = useTranslations78("settings.page");
+  const t = useTranslations79("settings.page");
   return /* @__PURE__ */ jsx228(
     EuiButton17,
     {
@@ -52013,12 +52036,12 @@ var WfoRenderElementOrString = ({
 };
 
 // src/components/WfoStartButton/WfoStartTaskComboBox.tsx
-import { useTranslations as useTranslations79 } from "next-intl";
-import { useRouter as useRouter14 } from "next/router";
+import { useTranslations as useTranslations80 } from "next-intl";
+import { useRouter as useRouter15 } from "next/router";
 import { jsx as jsx231 } from "@emotion/react/jsx-runtime";
 var WfoStartTaskButtonComboBox = () => {
-  const router = useRouter14();
-  const t = useTranslations79("common");
+  const router = useRouter15();
+  const t = useTranslations80("common");
   const { isEngineRunningNow } = useCheckEngineStatus();
   const { data } = useGetTaskOptionsQuery();
   const taskOptions = data?.startOptions || [];
@@ -52127,9 +52150,9 @@ var subscriptionListTabs = [
 ];
 
 // src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
-import { useTranslations as useTranslations80 } from "next-intl";
+import { useTranslations as useTranslations81 } from "next-intl";
 import Link12 from "next/link";
-import { useRouter as useRouter15 } from "next/router";
+import { useRouter as useRouter16 } from "next/router";
 
 // src/rtk/endpoints/subscriptionListMutation.ts
 var subscriptionListMutationApi = orchestratorApi.injectEndpoints({
@@ -52242,9 +52265,9 @@ var WfoSubscriptionsList = ({
   setDataDisplayParam,
   hiddenColumns
 }) => {
-  const router = useRouter15();
-  const t = useTranslations80("subscriptions.index");
-  const tError = useTranslations80("errors");
+  const router = useRouter16();
+  const t = useTranslations81("subscriptions.index");
+  const tError = useTranslations81("errors");
   const { showToastMessage } = useShowToastMessage();
   const tableColumnConfig = {
     subscriptionId: {
@@ -52494,7 +52517,7 @@ var WfoSummaryCardHeader = ({
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { useRouter as useRouter16 } from "next/router";
+import { useRouter as useRouter17 } from "next/router";
 import {
   EuiButton as EuiButton18,
   EuiFlexItem as EuiFlexItem33,
@@ -52613,7 +52636,7 @@ var WfoSummaryCardList = ({
   button,
   isLoading = false
 }) => {
-  const router = useRouter16();
+  const router = useRouter17();
   const euiScrollBarStyle = useEuiScrollBar3();
   const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
   return /* @__PURE__ */ jsx237(EuiFlexItem33, { children: /* @__PURE__ */ jsxs130(
@@ -52783,7 +52806,7 @@ var WfoSummaryCard = ({
 };
 
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
-import { useTranslations as useTranslations81 } from "next-intl";
+import { useTranslations as useTranslations82 } from "next-intl";
 
 // src/pages/startPage/queryVariables.ts
 var baseQueryVariables = {
@@ -52882,7 +52905,7 @@ var productsSummaryQueryVariables = {
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
 import { jsx as jsx240 } from "@emotion/react/jsx-runtime";
 var WfoActiveWorkflowsSummaryCard = () => {
-  const t = useTranslations81("startPage.activeWorkflows");
+  const t = useTranslations82("startPage.activeWorkflows");
   const {
     data: activeWorkflowsSummaryResponse,
     isFetching,
@@ -52907,10 +52930,10 @@ var WfoActiveWorkflowsSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoFailedTasksSummaryCard.tsx
-import { useTranslations as useTranslations82 } from "next-intl";
+import { useTranslations as useTranslations83 } from "next-intl";
 import { jsx as jsx241 } from "@emotion/react/jsx-runtime";
 var WfoFailedTasksSummaryCard = () => {
-  const t = useTranslations82("startPage.failedTasks");
+  const t = useTranslations83("startPage.failedTasks");
   const {
     data: failedTasksSummaryResponse,
     isFetching,
@@ -52935,10 +52958,10 @@ var WfoFailedTasksSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoLatestActiveSubscriptionsSummaryCard.tsx
-import { useTranslations as useTranslations83 } from "next-intl";
+import { useTranslations as useTranslations84 } from "next-intl";
 import { jsx as jsx242 } from "@emotion/react/jsx-runtime";
 var WfoLatestActiveSubscriptionsSummaryCard = () => {
-  const t = useTranslations83("startPage.activeSubscriptions");
+  const t = useTranslations84("startPage.activeSubscriptions");
   const {
     data: subscriptionsSummaryResult,
     isFetching,
@@ -52965,10 +52988,10 @@ var WfoLatestActiveSubscriptionsSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoLatestOutOfSyncSubscriptionSummaryCard.tsx
-import { useTranslations as useTranslations84 } from "next-intl";
+import { useTranslations as useTranslations85 } from "next-intl";
 import { jsx as jsx243 } from "@emotion/react/jsx-runtime";
 var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
-  const t = useTranslations84("startPage.outOfSyncSubscriptions");
+  const t = useTranslations85("startPage.outOfSyncSubscriptions");
   const {
     data: outOfSyncSubscriptionsSummaryResult,
     isFetching,
@@ -52998,12 +53021,12 @@ var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoMyWorkflowsSummaryCard.tsx
-import { useTranslations as useTranslations85 } from "next-intl";
+import { useTranslations as useTranslations86 } from "next-intl";
 import { jsx as jsx244 } from "@emotion/react/jsx-runtime";
 var WfoMyWorkflowsSummaryCard = ({
   username
 }) => {
-  const t = useTranslations85("startPage.myWorkflows");
+  const t = useTranslations86("startPage.myWorkflows");
   const {
     data: myWorkflowsSummaryResponse,
     isFetching,
@@ -53033,10 +53056,10 @@ var WfoMyWorkflowsSummaryCard = ({
 };
 
 // src/components/WfoSummary/WfoProductsSummaryCard.tsx
-import { useTranslations as useTranslations86 } from "next-intl";
+import { useTranslations as useTranslations87 } from "next-intl";
 import { jsx as jsx245, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
 var WfoProductsSummaryCard = () => {
-  const t = useTranslations86("startPage.products");
+  const t = useTranslations87("startPage.products");
   const {
     data: productsSummaryResult,
     isFetching,
@@ -53478,7 +53501,8 @@ var en_GB_default = {
       started: "Started",
       lastModified: "Last modified",
       workflowTarget: "Target",
-      productTag: "Product tag"
+      productTag: "Product tag",
+      showAllRelatedSubscriptions: "Show all related subscriptions"
     },
     detail: {
       retry: "Retry",
@@ -53926,7 +53950,8 @@ var nl_NL_default = {
       started: "Starttijd",
       lastModified: "Aangepast op",
       workflowTarget: "Target",
-      productTag: "Product tag"
+      productTag: "Product tag",
+      showAllRelatedSubscriptions: "Toon alle gerelateerde subscriptions"
     },
     detail: {
       retry: "Probeer opnieuw",