@orchestrator-ui/orchestrator-ui-components 2.15.0 → 3.0.0

package/dist/index.js

@@ -26792,7 +26792,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "2.15.0";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "3.0.0";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -34992,9 +34992,11 @@ var WfoSubscriptionSyncStatusBadge = ({ insync }) => {
 };
 
 // src/components/WfoBadges/WfoProductBlockBadge/WfoProductBlockBadge.tsx
+import Link from "next/link";
 import { jsx as jsx11 } from "@emotion/react/jsx-runtime";
 function WfoProductBlockBadge({
   children,
+  link,
   badgeType
 }) {
   const { theme, toSecondaryColor } = useOrchestratorTheme();
@@ -35044,7 +35046,7 @@ function WfoProductBlockBadge({
     }
   };
   const { badgeColor, textColor } = getBadgeColorFromType(badgeType);
-  return /* @__PURE__ */ jsx11(WfoBadge, { textColor, color: badgeColor, children });
+  return /* @__PURE__ */ jsx11(WfoBadge, { textColor, color: badgeColor, children: link ? /* @__PURE__ */ jsx11(Link, { css: { color: textColor }, href: link, children }) : children });
 }
 
 // src/components/WfoBadges/WfoProcessStatusBadge/WfoProcessStatusBadge.tsx
@@ -35106,7 +35108,7 @@ var WfoProcessStatusBadge = ({
 
 // src/components/WfoBadges/WfoFailedTasksBadge/WfoFailedTasksBadge.tsx
 import { useTranslations as useTranslations5 } from "next-intl";
-import Link from "next/link";
+import Link2 from "next/link";
 import { EuiToolTip } from "@elastic/eui";
 
 // src/icons/heroicons/WfoHeroIconsWrapper.tsx
@@ -36587,7 +36589,7 @@ var getTaskCountsSummary = (processStatusCounts) => {
   };
 };
 var WfoTasksLink = ({ children }) => /* @__PURE__ */ jsx55(
-  Link,
+  Link2,
   {
     href: `${PATH_TASKS}`,
     onClick: (e) => {
@@ -36996,8 +36998,14 @@ function startCsvDownload(csvFileContent, fileName) {
   link.click();
   URL.revokeObjectURL(url);
 }
-function initiateCsvFileDownload(data, fileName) {
-  const csvFileContent = toCsvFileContent(data);
+function totalItemsExceedMaximumItemsForBulkFetching(totalItems) {
+  return (totalItems ?? 0) > MAXIMUM_ITEMS_FOR_BULK_FETCHING;
+}
+function initiateCsvFileDownload(data, keyOrder, fileName) {
+  const dataForExport = data.map(
+    (dataRow) => toObjectWithSortedKeys(toObjectWithSerializedValues(dataRow), keyOrder)
+  );
+  const csvFileContent = toCsvFileContent(dataForExport);
   startCsvDownload(csvFileContent, fileName);
 }
 var getCsvFileNameWithDate = (fileNameWithoutExtension) => {
@@ -37010,31 +37018,34 @@ var getCsvFileNameWithDate = (fileNameWithoutExtension) => {
   const second = date.getSeconds();
   return `${fileNameWithoutExtension}_${year}-${month}-${day}-${hour}${minute}${second}.csv`;
 };
-var csvDownloadHandler = (dataFetchFunction, dataMapper, pageInfoMapper, keyOrder, filename, addToastFunction, translationFunction) => {
-  return async () => {
-    const data = await dataFetchFunction();
-    if (data) {
-      const dataForExport = dataMapper(data).map(
-        (dataRow) => toObjectWithSortedKeys(
-          toObjectWithSerializedValues(dataRow),
-          keyOrder
-        )
-      );
-      const pageInfo = pageInfoMapper(data);
-      if ((pageInfo.totalItems ?? 0) > MAXIMUM_ITEMS_FOR_BULK_FETCHING) {
-        addToastFunction(
-          "ERROR" /* ERROR */,
-          translationFunction("notAllResultsExported", {
-            totalResults: pageInfo.totalItems,
-            maximumExportedResults: MAXIMUM_ITEMS_FOR_BULK_FETCHING
-          }),
-          translationFunction("notAllResultsExportedTitle")
-        );
-      }
-      initiateCsvFileDownload(dataForExport, filename);
-    }
-  };
+var csvDownloadHandler = (dataFetchFunction, dataMapper, pageInfoMapper, keyOrder, filename, addToastFunction, translationFunction) => async () => {
+  const fetchResult = await dataFetchFunction();
+  if (!fetchResult) {
+    return;
+  }
+  const data = dataMapper(fetchResult);
+  const pageInfo = pageInfoMapper(fetchResult);
+  if (totalItemsExceedMaximumItemsForBulkFetching(pageInfo.totalItems)) {
+    addToastFunction(
+      "ERROR" /* ERROR */,
+      translationFunction("notAllResultsExported", {
+        totalResults: pageInfo.totalItems,
+        maximumExportedResults: MAXIMUM_ITEMS_FOR_BULK_FETCHING
+      }),
+      translationFunction("notAllResultsExportedTitle")
+    );
+  }
+  initiateCsvFileDownload(data, keyOrder, filename);
 };
+var getPageInfoForSyncExport = (dataLength, sortFields, filterFields) => ({
+  startCursor: 0,
+  endCursor: Math.max(0, dataLength - 1),
+  hasNextPage: false,
+  totalItems: dataLength,
+  hasPreviousPage: false,
+  sortFields: sortFields ?? [],
+  filterFields: filterFields ?? []
+});
 
 // src/utils/date.ts
 var getCurrentBrowserLocale = () => window.navigator.language;
@@ -37162,6 +37173,12 @@ function getEnvironmentVariables(envVars) {
 // src/utils/getObjectKeys.ts
 var getObjectKeys = (inputObject) => Object.keys(inputObject);
 
+// src/utils/getQueryUrl.ts
+var getQueryUrl = (pageUrl, queryString) => {
+  const queryKey = "queryString";
+  return `${pageUrl}?${queryKey}=${queryString}`;
+};
+
 // src/utils/getProductNamesFromProcess.ts
 var getProductNamesFromProcess = (process3) => {
   if (!process3) return "";
@@ -38107,7 +38124,7 @@ var WfoCopyright = () => {
 
 // src/components/WfoPageTemplate/WfoSidebar/WfoMenuLink.tsx
 import { useTranslations as useTranslations12 } from "next-intl";
-import Link2 from "next/link";
+import Link3 from "next/link";
 import { jsx as jsx78 } from "@emotion/react/jsx-runtime";
 var WfoMenuItemLink = ({
   path,
@@ -38135,7 +38152,7 @@ var WfoMenuItemLink = ({
   };
   const t = useTranslations12("main");
   const linkText = t(translationString) === `main.${translationString}` ? translationString : t(translationString);
-  return /* @__PURE__ */ jsx78(Link2, { css: getMenuItemStyle(), href: path, target, children: linkText });
+  return /* @__PURE__ */ jsx78(Link3, { css: getMenuItemStyle(), href: path, target, children: linkText });
 };
 
 // src/components/WfoPageTemplate/WfoSidebar/WfoSidebar.tsx
@@ -39025,7 +39042,7 @@ var SubscriptionKeyValueBlock = ({
 // src/components/WfoSubscription/WfoInSyncField.tsx
 import { useContext as useContext5 } from "react";
 import { useTranslations as useTranslations20 } from "next-intl";
-import Link3 from "next/link";
+import Link4 from "next/link";
 import { EuiButton as EuiButton6 } from "@elastic/eui";
 
 // src/components/WfoAuth/WfoIsAllowedToRender.tsx
@@ -39050,11 +39067,11 @@ var WfoInsyncIcon = ({ inSync }) => {
       color: theme.colors.primary
     }
   ) : /* @__PURE__ */ jsx91(
-    WfoMinusCircleOutline,
+    WfoMinusCircleFill,
     {
       height: 20,
       width: 20,
-      color: theme.colors.mediumShade
+      color: theme.colors.danger
     }
   );
 };
@@ -39105,7 +39122,7 @@ var WfoInSyncField = ({
     };
     return /* @__PURE__ */ jsxs51(Fragment11, { children: [
       /* @__PURE__ */ jsxs51(
-        Link3,
+        Link4,
         {
           href: processUrl,
           css: {
@@ -39372,7 +39389,7 @@ var WfoProcessesTimeline = ({
 // src/components/WfoSubscription/WfoRelatedSubscriptions.tsx
 import { useState as useState16 } from "react";
 import { useTranslations as useTranslations26 } from "next-intl";
-import Link4 from "next/link";
+import Link5 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup8, EuiFlexItem as EuiFlexItem5, EuiSpacer as EuiSpacer12, EuiSwitch } from "@elastic/eui";
 
 // src/components/WfoSubscription/utils/relatedSubscriptionsListItemsObjectMappers.ts
@@ -40580,6 +40597,7 @@ var WfoGroupedTable = ({
   columnConfig,
   groupNameLabel,
   isLoading,
+  overrideHeaderSection,
   className
 }) => {
   const { headerStyle, rowStyle, cellStyle } = useWithOrchestratorTheme(getWfoTableStyles);
@@ -40598,15 +40616,16 @@ var WfoGroupedTable = ({
     groupNameLabel,
     columnConfig
   });
+  const ExpandCollapseButton = () => /* @__PURE__ */ jsx106(
+    EuiButtonEmpty3,
+    {
+      size: "xs",
+      onClick: () => isAllGroupsAndSubgroupsExpanded ? collapseAllRows() : expandAllRows(),
+      children: isAllGroupsAndSubgroupsExpanded ? t("collapse") : t("expand")
+    }
+  );
   return /* @__PURE__ */ jsxs59(Fragment18, { children: [
-    /* @__PURE__ */ jsx106(EuiFlexGroup7, { justifyContent: "flexEnd", children: /* @__PURE__ */ jsx106(
-      EuiButtonEmpty3,
-      {
-        size: "xs",
-        onClick: () => isAllGroupsAndSubgroupsExpanded ? collapseAllRows() : expandAllRows(),
-        children: isAllGroupsAndSubgroupsExpanded ? t("collapse") : t("expand")
-      }
-    ) }),
+    /* @__PURE__ */ jsx106(EuiFlexGroup7, { justifyContent: "flexEnd", children: overrideHeaderSection ? overrideHeaderSection(/* @__PURE__ */ jsx106(ExpandCollapseButton, {})) : /* @__PURE__ */ jsx106(ExpandCollapseButton, {}) }),
     /* @__PURE__ */ jsx106(EuiSpacer11, { size: "xs" }),
     /* @__PURE__ */ jsx106(
       WfoTable,
@@ -40740,7 +40759,7 @@ var WfoRelatedSubscriptions = ({
       columnType: "data" /* DATA */,
       label: t("description"),
       renderData: (value, record) => /* @__PURE__ */ jsx111(
-        Link4,
+        Link5,
         {
           target: "_blank",
           href: `${subscriptionPath}/${record.subscriptionId}`,
@@ -40989,7 +41008,7 @@ var WfoSubscription = ({ subscriptionId }) => {
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActions.tsx
 import { useState as useState18 } from "react";
 import { useTranslations as useTranslations29 } from "next-intl";
-import Link6 from "next/link";
+import Link7 from "next/link";
 import { useRouter as useRouter5 } from "next/router";
 import {
   EuiButton as EuiButton7,
@@ -41004,7 +41023,7 @@ import {
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionExpandableMenuItem.tsx
 import { useState as useState17 } from "react";
 import { useTranslations as useTranslations28 } from "next-intl";
-import Link5 from "next/link";
+import Link6 from "next/link";
 import { EuiButtonIcon as EuiButtonIcon6, EuiText as EuiText8 } from "@elastic/eui";
 
 // src/components/WfoSubscription/WfoSubscriptionActions/styles.ts
@@ -41108,7 +41127,7 @@ var WfoSubscriptionActionExpandableMenuItem = ({ subscriptionAction, onClickLock
     lockedRelations && isExpanded && /* @__PURE__ */ jsxs63("div", { css: expandedContentStyle, children: [
       /* @__PURE__ */ jsx115(EuiText8, { size: "xs", children: t("lockedBySubscriptions") }),
       lockedRelations.map((relation) => /* @__PURE__ */ jsx115(EuiText8, { size: "xs", children: /* @__PURE__ */ jsx115(
-        Link5,
+        Link6,
         {
           css: linkStyle,
           href: `${PATH_SUBSCRIPTIONS}/${relation}`,
@@ -41170,7 +41189,7 @@ var WfoSubscriptionActions = ({
           router.push(url);
         }
       };
-      return /* @__PURE__ */ jsx116(Link6, { href: url, onClick: handleLinkClick, children: /* @__PURE__ */ jsx116("div", { css: linkMenuItemStyle, children: actionItem }) });
+      return /* @__PURE__ */ jsx116(Link7, { href: url, onClick: handleLinkClick, children: /* @__PURE__ */ jsx116("div", { css: linkMenuItemStyle, children: actionItem }) });
     };
     const tooltipIt = (actionItem) => {
       if (!action.reason) return actionItem;
@@ -41290,7 +41309,7 @@ import {
 
 // src/components/WfoSubscription/WfoInUseByRelations.tsx
 import { useTranslations as useTranslations30 } from "next-intl";
-import Link7 from "next/link";
+import Link8 from "next/link";
 import { Fragment as Fragment24, jsx as jsx117 } from "@emotion/react/jsx-runtime";
 var WfoInUseByRelations = ({
   inUseByRelations
@@ -41325,7 +41344,7 @@ var WfoInUseByRelations = ({
       {
         key: t("description"),
         value: /* @__PURE__ */ jsx117(
-          Link7,
+          Link8,
           {
             href: `${PATH_SUBSCRIPTIONS}/${inUseByRelationDetails.subscriptionId}`,
             target: "_blank",
@@ -46962,7 +46981,7 @@ var WfoDropdownButton = ({
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
 import { useTranslations as useTranslations69 } from "next-intl";
-import Link10 from "next/link";
+import Link11 from "next/link";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
 import { useEffect as useEffect21, useState as useState35 } from "react";
@@ -47056,7 +47075,7 @@ var WfoProductBlocksPage = () => {
     productBlockId: {
       columnType: "data" /* DATA */,
       label: t("id"),
-      width: "90",
+      width: "90px",
       renderData: (value) => /* @__PURE__ */ jsx185(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
@@ -47064,11 +47083,13 @@ var WfoProductBlocksPage = () => {
     name: {
       columnType: "data" /* DATA */,
       label: t("name"),
+      width: "300px",
       renderData: (name) => /* @__PURE__ */ jsx185(WfoProductBlockBadge, { badgeType: "product_block" /* PRODUCT_BLOCK */, children: name })
     },
     tag: {
       columnType: "data" /* DATA */,
-      label: t("tag")
+      label: t("tag"),
+      width: "120px"
     },
     description: {
       columnType: "data" /* DATA */,
@@ -47084,11 +47105,15 @@ var WfoProductBlocksPage = () => {
     dependsOn: {
       columnType: "data" /* DATA */,
       label: t("dependingProductBlocks"),
-      renderData: (dependsOn) => /* @__PURE__ */ jsx185(Fragment38, { children: dependsOn.map((productBlock, index) => /* @__PURE__ */ jsx185(
+      renderData: (dependsOn) => /* @__PURE__ */ jsx185(Fragment38, { children: dependsOn.map(({ name }, index) => /* @__PURE__ */ jsx185(
         WfoProductBlockBadge,
         {
+          link: getQueryUrl(
+            PATH_METADATA_PRODUCT_BLOCKS,
+            `name:"${name}"`
+          ),
           badgeType: "product_block" /* PRODUCT_BLOCK */,
-          children: productBlock.name
+          children: name
         },
         index
       )) }),
@@ -47102,19 +47127,28 @@ var WfoProductBlocksPage = () => {
     resourceTypes: {
       columnType: "data" /* DATA */,
       label: t("resourceTypes"),
-      renderData: (resourceTypes) => /* @__PURE__ */ jsx185(Fragment38, { children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx185(
+      width: "700px",
+      renderData: (resourceTypes) => /* @__PURE__ */ jsx185(Fragment38, { children: resourceTypes.map(({ resourceType }, index) => /* @__PURE__ */ jsx185(
         WfoProductBlockBadge,
         {
+          link: getQueryUrl(
+            PATH_METADATA_RESOURCE_TYPES,
+            `resourceType:"${resourceType}"`
+          ),
           badgeType: "resource_type" /* RESOURCE_TYPE */,
-          children: resourceType.resourceType
+          children: resourceType
         },
         index
       )) }),
-      renderDetails: (resourceTypes) => /* @__PURE__ */ jsx185(EuiBadgeGroup2, { gutterSize: "s", children: resourceTypes.map((resourceType, index) => /* @__PURE__ */ jsx185(
+      renderDetails: (resourceTypes) => /* @__PURE__ */ jsx185(EuiBadgeGroup2, { gutterSize: "s", children: resourceTypes.map(({ resourceType }, index) => /* @__PURE__ */ jsx185(
         WfoProductBlockBadge,
         {
+          link: getQueryUrl(
+            PATH_METADATA_RESOURCE_TYPES,
+            `resourceType:"${resourceType}"`
+          ),
           badgeType: "resource_type" /* RESOURCE_TYPE */,
-          children: resourceType.resourceType
+          children: resourceType
         },
         index
       )) }),
@@ -47128,6 +47162,7 @@ var WfoProductBlocksPage = () => {
     createdAt: {
       columnType: "data" /* DATA */,
       label: t("createdAt"),
+      width: "120px",
       renderData: (date) => /* @__PURE__ */ jsx185(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString),
@@ -47136,6 +47171,7 @@ var WfoProductBlocksPage = () => {
     endDate: {
       columnType: "data" /* DATA */,
       label: t("endDate"),
+      width: "120px",
       renderData: (date) => /* @__PURE__ */ jsx185(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString),
@@ -47249,7 +47285,7 @@ var WfoResourceTypesPage = () => {
     resourceTypeId: {
       columnType: "data" /* DATA */,
       label: t("resourceId"),
-      width: "90",
+      width: "90px",
       renderData: (value) => /* @__PURE__ */ jsx186(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
@@ -47257,29 +47293,39 @@ var WfoResourceTypesPage = () => {
     resourceType: {
       columnType: "data" /* DATA */,
       label: t("type"),
-      width: "200",
+      width: "225px",
       renderData: (value) => /* @__PURE__ */ jsx186(WfoProductBlockBadge, { badgeType: "resource_type" /* RESOURCE_TYPE */, children: value })
     },
     description: {
       columnType: "data" /* DATA */,
-      label: t("description")
+      label: t("description"),
+      width: "700px"
     },
     productBlocks: {
       columnType: "data" /* DATA */,
       label: t("usedInProductBlocks"),
-      renderData: (productBlocks) => /* @__PURE__ */ jsx186(Fragment39, { children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx186(
+      width: "1000px",
+      renderData: (productBlocks) => /* @__PURE__ */ jsx186(Fragment39, { children: productBlocks.map(({ name }, index) => /* @__PURE__ */ jsx186(
         WfoProductBlockBadge,
         {
+          link: getQueryUrl(
+            PATH_METADATA_PRODUCT_BLOCKS,
+            `name:"${name}"`
+          ),
           badgeType: "product_block" /* PRODUCT_BLOCK */,
-          children: productBlock.name
+          children: name
         },
         index
       )) }),
-      renderDetails: (productBlocks) => /* @__PURE__ */ jsx186(EuiBadgeGroup3, { gutterSize: "s", children: productBlocks.map((productBlock, index) => /* @__PURE__ */ jsx186(
+      renderDetails: (productBlocks) => /* @__PURE__ */ jsx186(EuiBadgeGroup3, { gutterSize: "s", children: productBlocks.map(({ name }, index) => /* @__PURE__ */ jsx186(
         WfoProductBlockBadge,
         {
+          link: getQueryUrl(
+            PATH_METADATA_PRODUCT_BLOCKS,
+            `name:"${name}"`
+          ),
           badgeType: "product_block" /* PRODUCT_BLOCK */,
-          children: productBlock.name
+          children: name
         },
         index
       )) }),
@@ -47398,7 +47444,7 @@ var WfoProductsPage = () => {
     productId: {
       columnType: "data" /* DATA */,
       label: t("id"),
-      width: "90",
+      width: "90px",
       renderData: (value) => /* @__PURE__ */ jsx187(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
@@ -47406,34 +47452,36 @@ var WfoProductsPage = () => {
     name: {
       columnType: "data" /* DATA */,
       label: t("name"),
-      width: "200",
+      width: "200px",
       renderData: (name) => /* @__PURE__ */ jsx187(WfoProductBlockBadge, { badgeType: "product" /* PRODUCT */, children: name })
     },
     tag: {
       columnType: "data" /* DATA */,
       label: t("tag"),
-      width: "120",
+      width: "120px",
       renderData: (value) => /* @__PURE__ */ jsx187(WfoProductBlockBadge, { badgeType: "product_tag" /* PRODUCT_TAG */, children: value })
     },
     description: {
       columnType: "data" /* DATA */,
       label: t("description"),
-      width: "400",
+      width: "400px",
       renderTooltip: (value) => value
     },
     productType: {
       columnType: "data" /* DATA */,
-      label: t("productType")
+      label: t("productType"),
+      width: "250px"
     },
     status: {
       columnType: "data" /* DATA */,
       label: t("status"),
-      width: "90",
+      width: "90px",
       renderData: (value) => /* @__PURE__ */ jsx187(WfoProductStatusBadge, { status: value })
     },
     fixedInputs: {
       columnType: "data" /* DATA */,
       label: t("fixedInputs"),
+      width: "400px",
       renderData: (fixedInputs) => /* @__PURE__ */ jsx187(Fragment40, { children: fixedInputs.map((fixedInput, index) => /* @__PURE__ */ jsx187(
         WfoProductBlockBadge,
         {
@@ -47452,20 +47500,23 @@ var WfoProductsPage = () => {
     productBlocks: {
       columnType: "data" /* DATA */,
       label: t("productBlocks"),
-      renderData: (productBlocks) => /* @__PURE__ */ jsx187(Fragment40, { children: productBlocks.map((block, index) => /* @__PURE__ */ jsx187(
+      width: "250px",
+      renderData: (productBlocks) => /* @__PURE__ */ jsx187(Fragment40, { children: productBlocks.map(({ name }, index) => /* @__PURE__ */ jsx187(
         WfoProductBlockBadge,
         {
+          link: getQueryUrl(
+            PATH_METADATA_PRODUCT_BLOCKS,
+            `name:"${name}"`
+          ),
           badgeType: "product_block" /* PRODUCT_BLOCK */,
-          children: block.name
+          children: name
         },
         index
       )) }),
-      renderTooltip: (productBlocks) => {
-        return productBlocks.map((productBlock) => /* @__PURE__ */ jsxs96("p", { children: [
-          "- ",
-          productBlock.name
-        ] }, productBlock.name));
-      }
+      renderTooltip: (productBlocks) => productBlocks.map((productBlock) => /* @__PURE__ */ jsxs96("p", { children: [
+        "- ",
+        productBlock.name
+      ] }, productBlock.name))
     },
     createdAt: {
       columnType: "data" /* DATA */,
@@ -47631,25 +47682,31 @@ var WfoWorkflowsPage = () => {
     name: {
       columnType: "data" /* DATA */,
       label: t("name"),
-      renderData: (name) => /* @__PURE__ */ jsx188(WfoProductBlockBadge, { badgeType: "workflow" /* WORKFLOW */, children: name })
+      renderData: (name) => /* @__PURE__ */ jsx188(WfoProductBlockBadge, { badgeType: "workflow" /* WORKFLOW */, children: name }),
+      width: "350px"
     },
     description: {
       columnType: "data" /* DATA */,
       label: t("description"),
-      width: "40%"
+      width: "450px"
     },
     target: {
       columnType: "data" /* DATA */,
       label: t("target"),
-      renderData: (target) => /* @__PURE__ */ jsx188(WfoWorkflowTargetBadge, { target })
+      renderData: (target) => /* @__PURE__ */ jsx188(WfoWorkflowTargetBadge, { target }),
+      width: "100px"
     },
     productTags: {
       columnType: "data" /* DATA */,
       label: t("productTags"),
-      width: "20%",
+      width: "300px",
       renderData: (productTags) => /* @__PURE__ */ jsx188(Fragment41, { children: productTags?.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx188(
         WfoProductBlockBadge,
         {
+          link: getQueryUrl(
+            PATH_METADATA_PRODUCTS,
+            `tag:"${productTag}"`
+          ),
           badgeType: "product_tag" /* PRODUCT_TAG */,
           children: productTag
         },
@@ -47658,6 +47715,10 @@ var WfoWorkflowsPage = () => {
       renderDetails: (productTags) => /* @__PURE__ */ jsx188(EuiBadgeGroup4, { gutterSize: "s", children: productTags?.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx188(
         WfoProductBlockBadge,
         {
+          link: getQueryUrl(
+            PATH_METADATA_PRODUCTS,
+            `tag:"${productTag}"`
+          ),
           badgeType: "product_tag" /* PRODUCT_TAG */,
           children: productTag
         },
@@ -47673,7 +47734,7 @@ var WfoWorkflowsPage = () => {
     createdAt: {
       columnType: "data" /* DATA */,
       label: t("createdAt"),
-      width: "15%",
+      width: "100px",
       renderData: (date) => /* @__PURE__ */ jsx188(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString),
@@ -47821,25 +47882,31 @@ var WfoTasksPage = () => {
     name: {
       columnType: "data" /* DATA */,
       label: t("name"),
-      renderData: (name) => /* @__PURE__ */ jsx189(WfoProductBlockBadge, { badgeType: "task" /* TASK */, children: name })
+      renderData: (name) => /* @__PURE__ */ jsx189(WfoProductBlockBadge, { badgeType: "task" /* TASK */, children: name }),
+      width: "300px"
     },
     description: {
       columnType: "data" /* DATA */,
       label: t("description"),
-      width: "40%"
+      width: "500px"
     },
     target: {
       columnType: "data" /* DATA */,
       label: t("target"),
-      renderData: (target) => /* @__PURE__ */ jsx189(WfoWorkflowTargetBadge, { target })
+      renderData: (target) => /* @__PURE__ */ jsx189(WfoWorkflowTargetBadge, { target }),
+      width: "100px"
     },
     productTags: {
       columnType: "data" /* DATA */,
       label: t("productTags"),
-      width: "20%",
+      width: "250px",
       renderData: (productTags) => /* @__PURE__ */ jsx189(Fragment42, { children: productTags?.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx189(
         WfoProductBlockBadge,
         {
+          link: getQueryUrl(
+            PATH_METADATA_PRODUCTS,
+            `tag:"${productTag}"`
+          ),
           badgeType: "product_tag" /* PRODUCT_TAG */,
           children: productTag
         },
@@ -47848,6 +47915,10 @@ var WfoTasksPage = () => {
       renderDetails: (productTags) => /* @__PURE__ */ jsx189(EuiBadgeGroup5, { gutterSize: "s", children: productTags?.filter(onlyUnique).map((productTag, index) => /* @__PURE__ */ jsx189(
         WfoProductBlockBadge,
         {
+          link: getQueryUrl(
+            PATH_METADATA_PRODUCTS,
+            `tag:"${productTag}"`
+          ),
           badgeType: "product_tag" /* PRODUCT_TAG */,
           children: productTag
         },
@@ -47863,7 +47934,7 @@ var WfoTasksPage = () => {
     createdAt: {
       columnType: "data" /* DATA */,
       label: t("createdAt"),
-      width: "15%",
+      width: "150px",
       renderData: (date) => /* @__PURE__ */ jsx189(WfoDateTime, { dateOrIsoString: date }),
       renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
       clipboardText: parseIsoString(parseDateToLocaleDateTimeString),
@@ -47949,7 +48020,7 @@ var WfoTasksPage = () => {
 };
 
 // src/pages/processes/WfoProcessListSubscriptionsCell.tsx
-import Link8 from "next/link";
+import Link9 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup19 } from "@elastic/eui";
 import { Fragment as Fragment43, jsx as jsx190, jsxs as jsxs99 } from "@emotion/react/jsx-runtime";
 var RENDER_ALL = "RENDER_ALL";
@@ -47976,7 +48047,7 @@ var WfoProcessListSubscriptionsCell = ({
       gutterSize: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "m" : "xs",
       children: [
         visibleSubscriptions.map((subscription) => /* @__PURE__ */ jsx190(
-          Link8,
+          Link9,
           {
             href: `/subscriptions/${subscription.subscriptionId}`,
             css: {
@@ -49776,7 +49847,7 @@ var WfoSubscriptionsListPage = () => {
 // src/pages/tasks/WfoTasksListPage.tsx
 import { useContext as useContext10, useEffect as useEffect30, useState as useState47 } from "react";
 import { useTranslations as useTranslations67 } from "next-intl";
-import Link9 from "next/link";
+import Link10 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 EuiButton13, EuiSpacer as EuiSpacer21 } from "@elastic/eui";
@@ -49900,7 +49971,7 @@ var WfoTasksListPage = () => {
     workflowName: {
       columnType: "data" /* DATA */,
       label: t("taskName"),
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx208(Link9, { href: `${PATH_TASKS}/${processId}`, children: value })
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx208(Link10, { href: `${PATH_TASKS}/${processId}`, children: value })
     },
     ...toSortedTableColumnConfig(defaultTableColumns, [
       "lastStep",
@@ -50211,51 +50282,51 @@ var WfoProcessesList = ({
     workflowName: {
       columnType: "data" /* DATA */,
       label: t("workflowName"),
-      width: "20%",
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx210(Link10, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
+      width: "225px",
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx210(Link11, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
       renderTooltip: (value) => value
     },
     lastStep: {
       columnType: "data" /* DATA */,
       label: t("step"),
-      width: "15%"
+      width: "375px"
     },
     lastStatus: {
       columnType: "data" /* DATA */,
       label: t("status"),
-      width: "100",
-      renderData: (cellValue) => /* @__PURE__ */ jsx210(WfoProcessStatusBadge, { processStatus: cellValue })
+      renderData: (cellValue) => /* @__PURE__ */ jsx210(WfoProcessStatusBadge, { processStatus: cellValue }),
+      width: "150px"
     },
     workflowTarget: {
       columnType: "data" /* DATA */,
       label: t("workflowTarget"),
-      width: "100",
-      renderData: (target) => /* @__PURE__ */ jsx210(WfoWorkflowTargetBadge, { target })
+      renderData: (target) => /* @__PURE__ */ jsx210(WfoWorkflowTargetBadge, { target }),
+      width: "100px"
     },
     tag: {
       columnType: "data" /* DATA */,
       label: t("productTag"),
-      width: "100"
+      width: "100px"
     },
     productName: {
       columnType: "data" /* DATA */,
       label: t("product"),
-      width: "10%"
+      width: "275px"
     },
     customer: {
       columnType: "data" /* DATA */,
       label: t("customer"),
-      width: "10%"
+      width: "250px"
     },
     customerAbbreviation: {
       columnType: "data" /* DATA */,
       label: t("customerAbbreviation"),
-      width: "10%"
+      width: "125px"
     },
     subscriptions: {
       columnType: "data" /* DATA */,
       label: t("subscriptions"),
-      width: "15%",
+      width: "425px",
       renderData: ({ page: subscriptions }) => /* @__PURE__ */ jsx210(
         WfoProcessListSubscriptionsCell,
         {
@@ -50278,17 +50349,17 @@ var WfoProcessesList = ({
     createdBy: {
       columnType: "data" /* DATA */,
       label: t("createdBy"),
-      width: "10%"
+      width: "100px"
     },
     assignee: {
       columnType: "data" /* DATA */,
       label: t("assignee"),
-      width: "5%"
+      width: "100px"
     },
     processId: {
       columnType: "data" /* DATA */,
       label: t("processId"),
-      width: "90",
+      width: "90px",
       renderData: (value) => /* @__PURE__ */ jsx210(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
@@ -50296,7 +50367,7 @@ var WfoProcessesList = ({
     startedAt: {
       columnType: "data" /* DATA */,
       label: t("started"),
-      width: "100",
+      width: "100px",
       renderData: (value) => /* @__PURE__ */ jsx210(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
@@ -50305,7 +50376,7 @@ var WfoProcessesList = ({
     lastModifiedAt: {
       columnType: "data" /* DATA */,
       label: t("lastModified"),
-      width: "100",
+      width: "125px",
       renderData: (value) => /* @__PURE__ */ jsx210(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
@@ -50840,7 +50911,7 @@ var subscriptionListTabs = [
 
 // src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
 import { useTranslations as useTranslations77 } from "next-intl";
-import Link11 from "next/link";
+import Link12 from "next/link";
 import { useRouter as useRouter14 } from "next/router";
 import { jsx as jsx221 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsList = ({
@@ -50866,7 +50937,7 @@ var WfoSubscriptionsList = ({
       columnType: "data" /* DATA */,
       label: t("description"),
       width: "500px",
-      renderData: (value, record) => /* @__PURE__ */ jsx221(Link11, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
+      renderData: (value, record) => /* @__PURE__ */ jsx221(Link12, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
       renderTooltip: (value) => value
     },
     status: {
@@ -51108,7 +51179,7 @@ import {
 import { EuiFlexGroup as EuiFlexGroup30, EuiFlexItem as EuiFlexItem32, EuiIcon as EuiIcon5, EuiTextColor } from "@elastic/eui";
 
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
-import Link12 from "next/link";
+import Link13 from "next/link";
 import { jsx as jsx223 } from "@emotion/react/jsx-runtime";
 var WfoOptionalLink = ({
   children,
@@ -51117,7 +51188,7 @@ var WfoOptionalLink = ({
   if (!href) {
     return /* @__PURE__ */ jsx223("span", { children });
   }
-  return /* @__PURE__ */ jsx223(Link12, { href, children });
+  return /* @__PURE__ */ jsx223(Link13, { href, children });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
@@ -53131,10 +53202,12 @@ export {
   getOrchestratorConfigSlice,
   getOrchestratorStore,
   getPageIndexChangeHandler,
+  getPageInfoForSyncExport,
   getPageSizeChangeHandler,
   getProductBlockTitle,
   getProductNamesFromProcess,
   getQueryStringHandler,
+  getQueryUrl,
   getQueryVariablesForExport,
   getRowDetailData,
   getSortDirectionFromString,