@orchestrator-ui/orchestrator-ui-components 8.9.3 → 9.0.0

package/dist/index.js

@@ -61,7 +61,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.9.3";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "9.0.0";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus2) => {
@@ -202,19 +202,19 @@ var Intervals = /* @__PURE__ */ ((Intervals2) => {
 })(Intervals || {});
 
 // src/types/search.ts
-var EntityKind = /* @__PURE__ */ ((EntityKind5) => {
-  EntityKind5["SUBSCRIPTION"] = "SUBSCRIPTION";
-  EntityKind5["PRODUCT"] = "PRODUCT";
-  EntityKind5["WORKFLOW"] = "WORKFLOW";
-  EntityKind5["PROCESS"] = "PROCESS";
-  return EntityKind5;
+var EntityKind = /* @__PURE__ */ ((EntityKind6) => {
+  EntityKind6["SUBSCRIPTION"] = "SUBSCRIPTION";
+  EntityKind6["PRODUCT"] = "PRODUCT";
+  EntityKind6["WORKFLOW"] = "WORKFLOW";
+  EntityKind6["PROCESS"] = "PROCESS";
+  return EntityKind6;
 })(EntityKind || {});
-var RetrieverType = /* @__PURE__ */ ((RetrieverType3) => {
-  RetrieverType3["Auto"] = "auto";
-  RetrieverType3["Fuzzy"] = "fuzzy";
-  RetrieverType3["Semantic"] = "semantic";
-  RetrieverType3["Hybrid"] = "hybrid";
-  return RetrieverType3;
+var RetrieverType = /* @__PURE__ */ ((RetrieverType4) => {
+  RetrieverType4["Auto"] = "auto";
+  RetrieverType4["Fuzzy"] = "fuzzy";
+  RetrieverType4["Semantic"] = "semantic";
+  RetrieverType4["Hybrid"] = "hybrid";
+  return RetrieverType4;
 })(RetrieverType || {});
 var VisualizationType = /* @__PURE__ */ ((VisualizationType2) => {
   VisualizationType2["PIE"] = "pie";
@@ -274,10 +274,11 @@ var mapRtkErrorToWfoError = (error) => {
       };
     });
   } else if (error && "status" in error && error.status !== void 0) {
+    const detail = isRecord(error.data) && typeof error.data.detail === "string" ? error.data.detail : void 0;
     return [
       {
         extensions: {},
-        message: String(error.status)
+        message: detail || String(error.status)
       }
     ];
   } else if (isSerializedError(error)) {
@@ -1141,12 +1142,7 @@ var getDefaultTableConfig = (storageKey) => {
       return getTableConfig(completedTasksColumns);
     }
     case SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY: {
-      const subscriptionColumns = [
-        "productName",
-        "customerId",
-        "customerFullname",
-        "metadata"
-      ];
+      const subscriptionColumns = ["productName", "customerFullname", "metadata"];
       return getTableConfig(subscriptionColumns);
     }
     default:
@@ -1350,6 +1346,7 @@ var WfoQueryParams = /* @__PURE__ */ ((WfoQueryParams2) => {
   WfoQueryParams2["SORT_BY"] = "sortBy";
   WfoQueryParams2["FILTER_BY"] = "filterBy";
   WfoQueryParams2["QUERY_STRING"] = "queryString";
+  WfoQueryParams2["FILTER_STRING"] = "filterString";
   return WfoQueryParams2;
 })(WfoQueryParams || {});
 var getUrlWithQueryParams = (url, params) => {
@@ -2784,56 +2781,6 @@ var subscriptionListApi = orchestratorApi.injectEndpoints({
 });
 var { useGetSubscriptionListQuery, useLazyGetSubscriptionListQuery } = subscriptionListApi;
 
-// src/rtk/endpoints/subscriptionListSummary.ts
-var subscriptionListSummaryQuery = `
-    query SubscriptionsList(
-        $first: Int!
-        $after: Int!
-        $sortBy: [GraphqlSort!]
-        $filterBy: [GraphqlFilter!]
-        $query: String
-    ) {
-        subscriptions(
-            first: $first
-            after: $after
-            sortBy: $sortBy
-            filterBy: $filterBy
-            query: $query
-        ) {
-            page {
-                startDate
-                description
-                subscriptionId
-            }
-            pageInfo {
-                totalItems
-                startCursor
-                endCursor
-            }
-        }
-    }
-`;
-var subscriptionListSummaryApi = orchestratorApi.injectEndpoints({
-  endpoints: (builder) => ({
-    getSubscriptionSummaryList: builder.query({
-      query: (variables) => ({
-        document: subscriptionListSummaryQuery,
-        variables
-      }),
-      transformResponse: (response) => {
-        const subscriptions = response.subscriptions.page || [];
-        const pageInfo = response.subscriptions.pageInfo || {};
-        return {
-          subscriptions,
-          pageInfo
-        };
-      },
-      providesTags: getCacheTag("subscriptions" /* subscriptions */)
-    })
-  })
-});
-var { useGetSubscriptionSummaryListQuery } = subscriptionListSummaryApi;
-
 // src/rtk/endpoints/forms.ts
 var PROCESS_ENDPOINT = "processes";
 var RESUME_ENDPOINT = "resume";
@@ -3100,7 +3047,8 @@ var searchApi = orchestratorApi.injectEndpoints({
       forceRefetch: ({ currentArg, previousArg }) => currentArg?.cursor !== previousArg?.cursor,
       extraOptions: {
         baseQueryType: "fetch" /* fetch */
-      }
+      },
+      providesTags: getCacheTag("subscriptions" /* subscriptions */)
     }),
     searchWithPagination: build.mutation({
       query: ({ cursor, entity_type, query, filters, limit, retriever }) => ({
@@ -3275,6 +3223,11 @@ var getOrchestratorCoreVersionIfNotCompatible = (orchestratorUiVersion, orchestr
 
 // ../../version-compatibility.json
 var version_compatibility_default = [
+  {
+    orchestratorUiVersion: "9.0.0",
+    minimumOrchestratorCoreVersion: "5.4.0",
+    changes: "Adds new structured search endpoints to the BE."
+  },
   {
     orchestratorUiVersion: "7.8.0",
     minimumOrchestratorCoreVersion: "5.0.0",
@@ -4898,7 +4851,6 @@ var PATH_START_NEW_WORKFLOW = "/workflows/new";
 var PATH_START_NEW_TASK = "/tasks/new";
 var PATH_WORKFLOWS = "/workflows";
 var PATH_SUBSCRIPTIONS = "/subscriptions";
-var PATH_SUBSCRIPTIONS_BETA = "/beta-subscriptions";
 var PATH_METADATA = "/metadata";
 var PATH_METADATA_PRODUCTS = "/metadata/products";
 var PATH_METADATA_PRODUCT_BLOCKS = "/metadata/productblocks";
@@ -7406,7 +7358,7 @@ var WfoError = () => {
   const t = useTranslations15("common");
   const { theme } = useOrchestratorTheme();
   return /* @__PURE__ */ jsxs50(EuiFlexGroup3, { direction: "row", alignItems: "center", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx106(WfoXCircleFill, { color: theme.colors.danger }),
+    /* @__PURE__ */ jsx106(WfoXCircleFill, { color: theme.colors.danger, width: 32, height: 32 }),
     /* @__PURE__ */ jsx106("h1", { children: t("errorMessage") })
   ] });
 };
@@ -7415,7 +7367,7 @@ var WfoErrorWithMessage = ({ error }) => {
   const { theme } = useOrchestratorTheme();
   const message = error && error.length > 0 ? error.map((err) => err.message).join(", ") : t("unknownError");
   return /* @__PURE__ */ jsx106(Fragment9, { children: /* @__PURE__ */ jsxs50(EuiFlexGroup3, { direction: "row", alignItems: "center", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx106(WfoXCircleFill, { color: theme.colors.danger }),
+    /* @__PURE__ */ jsx106(WfoXCircleFill, { color: theme.colors.danger, width: 32, height: 32 }),
     /* @__PURE__ */ jsxs50(EuiText5, { color: theme.colors.textDanger, children: [
       t("errorMessage"),
       " (",
@@ -12480,7 +12432,7 @@ var focusValueEditorAfterRender = (searchInput) => {
 };
 var WfoFieldSelector = ({ handleOnChange, disabled, rule, context }) => {
   const { field } = rule;
-  const { useAdvancedNestedSearch, prefilledFieldOptions: prefilledFieldOptions2, onFieldSelected } = context;
+  const { useAdvancedNestedSearch, onFieldSelected } = context;
   const [autoFocus] = useState33(field === defaultPlaceholderFieldName);
   const selectedField = field === defaultPlaceholderFieldName ? "" : field;
   const [searchTerm, setSearchTerm] = useState33("");
@@ -12505,16 +12457,12 @@ var WfoFieldSelector = ({ handleOnChange, disabled, rule, context }) => {
     loading: isLoading,
     error: errorMessage
   } = usePathAutocomplete(autocompletePrefix, "SUBSCRIPTION" /* SUBSCRIPTION */);
-  const matchesPrefix = (path) => path.toLowerCase().includes(autocompletePrefix.toLowerCase());
-  const prefilledFields = Array.from(prefilledFieldOptions2.keys()).filter(matchesPrefix);
-  const autocompleteOptions = getOptionsFromPathInfo(paths).filter(
-    (option) => !prefilledFields.includes(option.value ?? "")
-  );
+  const autocompleteOptions = getOptionsFromPathInfo(paths);
   const startTypingHintOption = {
     label: t("startTypingToLoadOptions"),
     disabled: true
   };
-  const options = autocompletePrefix ? [...prefilledFields.map(getOption), ...autocompleteOptions] : [startTypingHintOption];
+  const options = autocompletePrefix ? autocompleteOptions : [startTypingHintOption];
   const renderHintOption = (option) => /* @__PURE__ */ jsx183(EuiText18, { size: "xs", color: "default", children: option.label });
   const normalizedSearchTerm = trimmedSearchTerm.toLowerCase();
   const hasListedOptions = autocompletePrefix !== "" && options.some(
@@ -12528,7 +12476,7 @@ var WfoFieldSelector = ({ handleOnChange, disabled, rule, context }) => {
   );
   const storeFieldOperators = (selectedValue) => {
     const matchingPath = paths.find((path) => path.path === selectedValue) ?? paths.find((path) => path.availablePaths?.includes(selectedValue));
-    const operators = matchingPath?.operators ?? prefilledFieldOptions2.get(selectedValue) ?? [];
+    const operators = matchingPath?.operators ?? [];
     onFieldSelected(selectedValue, operators, matchingPath);
   };
   const handleFieldSelection = (selectedOptions) => {
@@ -12967,6 +12915,7 @@ var FILTER_CHANGE_DEBOUNCE_DELAY = 1e3;
 var useSearchWithDebouncedCallback = ({
   filterString,
   isValidFilterString,
+  hasEmptyRuleValue = false,
   searchCallback
 }) => {
   const {
@@ -12984,12 +12933,12 @@ var useSearchWithDebouncedCallback = ({
     const hasFilterStringChanged = filterString !== lastFilterStringRef.current;
     lastFilterStringRef.current = filterString;
     if (!hasFilterStringChanged) return;
-    if (isValidFilterString) {
+    if (isValidFilterString && !hasEmptyRuleValue) {
       triggerSearch(FILTER_CHANGE_DEBOUNCE_DELAY);
     } else {
       cancelSearch();
     }
-  }, [filterString, isValidFilterString, triggerSearch, cancelSearch]);
+  }, [filterString, isValidFilterString, hasEmptyRuleValue, triggerSearch, cancelSearch]);
   const handleSubmitSearchOnEnter = (event) => {
     if (event.key !== "Enter" || event.shiftKey) return;
     event.preventDefault();
@@ -13062,6 +13011,24 @@ var SEARCH_OPERATOR_TO_RQB_OPERATOR_MAP = {
   not_has_component: "null"
 };
 var RQB_UNARY_OPERATORS = ["null", "notNull"];
+var isEmptyValue = (rule) => {
+  const { value } = rule;
+  if (RQB_UNARY_OPERATORS.includes(rule.operator)) {
+    return false;
+  } else if (typeof value !== "string") {
+    return value === void 0 || value === null;
+  } else if (rule.operator === "between") {
+    const rangeParts = value.split(",");
+    return rangeParts.length < 2 || rangeParts.some((rangePart) => rangePart.trim() === "");
+  }
+  return value.trim() === "";
+};
+var hasNestedRuleWithEmptyValue = (ruleGroup) => !!ruleGroup?.rules.some((rule) => {
+  if (typeof rule === "string") {
+    return false;
+  }
+  return "rules" in rule ? hasNestedRuleWithEmptyValue(rule) : isEmptyValue(rule);
+});
 var OPERATOR_MAP2 = {
   eq: { symbol: "=", description: "equals" },
   neq: { symbol: "\u2260", description: "not equals" },
@@ -13106,19 +13073,20 @@ var WfoFilterBuilder = ({
   queryBuilderRuleGroup = initialRuleGroup,
   onUpdateQueryBuilder,
   handleSearch,
-  prefilledFieldOptions: prefilledFieldOptions2,
   onToggleFilterBuilder,
-  useAdvancedNestedSearch = true
+  useAdvancedNestedSearch = true,
+  error
 }) => {
   const t = useTranslations48("common");
   const { queryBuilderContainerStyles } = useWithOrchestratorTheme(getWfoStructuredSearchTableStyles);
-  const [fieldToOperatorMap, setFieldToOperatorMap] = useState36(prefilledFieldOptions2);
+  const [fieldToOperatorMap, setFieldToOperatorMap] = useState36(/* @__PURE__ */ new Map());
   const [fieldPathInfoMap, setFieldPathInfoMap] = useState36(/* @__PURE__ */ new Map());
   const latestRuleGroupRef = useRef16(queryBuilderRuleGroup);
   latestRuleGroupRef.current = queryBuilderRuleGroup;
   const { handleSubmitSearchOnClick, pendingSearchRun, handleSubmitSearchOnEnter } = useSearchWithDebouncedCallback({
     filterString,
     isValidFilterString,
+    hasEmptyRuleValue: hasNestedRuleWithEmptyValue(queryBuilderRuleGroup),
     searchCallback: () => handleSearch({ ruleGroup: latestRuleGroupRef.current })
   });
   const handleFieldSelected = (field, operators, pathInfo) => {
@@ -13140,7 +13108,6 @@ var WfoFilterBuilder = ({
   const resolvedFieldsPathInfo = useFieldsPathInfo(unresolvedFields, "SUBSCRIPTION" /* SUBSCRIPTION */);
   const queryBuilderContext = {
     onFieldSelected: handleFieldSelected,
-    prefilledFieldOptions: prefilledFieldOptions2,
     fieldPathInfoMap,
     useAdvancedNestedSearch
   };
@@ -13204,7 +13171,7 @@ var WfoFilterBuilder = ({
         isInvalid: !isValidFilterString
       }
     ) }),
-    /* @__PURE__ */ jsxs99(EuiFlexGroup21, { direction: "rowReverse", alignItems: "center", children: [
+    /* @__PURE__ */ jsxs99(EuiFlexGroup21, { direction: "rowReverse", alignItems: "center", gutterSize: "l", children: [
       /* @__PURE__ */ jsx194(
         WfoApplyFilterButton,
         {
@@ -13223,7 +13190,8 @@ var WfoFilterBuilder = ({
             onToggleFilterBuilder(false);
           }
         }
-      )
+      ),
+      /* @__PURE__ */ jsx194(EuiFlexItem21, { children: error && /* @__PURE__ */ jsx194(WfoErrorWithMessage, { error }) })
     ] })
   ] }) });
 };
@@ -13356,7 +13324,6 @@ var WfoStructuredSearchTable = ({
   hasNextPage,
   data,
   isLoading,
-  prefilledFieldOptions: prefilledFieldOptions2,
   ...tableProps
 }) => {
   const { theme } = useOrchestratorTheme();
@@ -13485,12 +13452,12 @@ var WfoStructuredSearchTable = ({
           onUpdateQueryBuilder,
           handleSearch,
           onToggleFilterBuilder: setIsFilterBuilderVisible,
-          prefilledFieldOptions: prefilledFieldOptions2,
-          useAdvancedNestedSearch: advancedNestedSearch
+          useAdvancedNestedSearch: advancedNestedSearch,
+          error
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx197(WfoErrorWithMessage, { error }),
+    error && !isFilterBuilderVisible && /* @__PURE__ */ jsx197(WfoErrorWithMessage, { error }),
     /* @__PURE__ */ jsx197(EuiSpacer19, { size: "m" }),
     /* @__PURE__ */ jsx197(
       WfoTable,
@@ -13971,7 +13938,7 @@ var WfoDropdownButton = ({ label, isDisabled = false, children }) => {
 };
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { useTranslations as useTranslations82 } from "next-intl";
+import { useTranslations as useTranslations81 } from "next-intl";
 import Link14 from "next/link";
 import { useRouter as useRouter17 } from "next/router";
 
@@ -17187,17 +17154,34 @@ var WfoStartPage = () => {
   ] });
 };
 
+// src/pages/startPage/searchPayloads.ts
+var SUBSCRIPTION_ID_COLUMN = "subscription.subscription_id";
+var SUBSCRIPTION_DESCRIPTION_COLUMN = "subscription.description";
+var SUBSCRIPTION_START_DATE_COLUMN = "subscription.start_date";
+var SUMMARY_CARD_ITEM_COUNT = 5;
+var getSubscriptionSummarySearchPayload = (filters) => ({
+  entity_type: "SUBSCRIPTION" /* SUBSCRIPTION */,
+  query: "",
+  filters,
+  limit: SUMMARY_CARD_ITEM_COUNT,
+  order_by: { element: SUBSCRIPTION_START_DATE_COLUMN, direction: "desc" },
+  response_columns: [SUBSCRIPTION_ID_COLUMN, SUBSCRIPTION_DESCRIPTION_COLUMN, SUBSCRIPTION_START_DATE_COLUMN]
+});
+
 // src/pages/startPage/mappers.ts
 var mapProcessSummaryToSummaryCardListItem = (processSummary) => ({
   title: processSummary.workflowName,
   value: formatDate(processSummary?.startedAt),
   url: `${PATH_WORKFLOWS}/${processSummary.processId}`
 });
-var mapSubscriptionSummaryToSummaryCardListItem = (subscription) => ({
-  title: subscription.description,
-  value: formatDate(subscription.startDate),
-  url: `${PATH_SUBSCRIPTIONS}/${subscription.subscriptionId}`
-});
+var mapSubscriptionSearchResultToSummaryCardListItem = (result) => {
+  const { response_columns } = result;
+  return {
+    title: String(response_columns[SUBSCRIPTION_DESCRIPTION_COLUMN] ?? ""),
+    value: formatDate(response_columns[SUBSCRIPTION_START_DATE_COLUMN]),
+    url: `${PATH_SUBSCRIPTIONS}/${response_columns[SUBSCRIPTION_ID_COLUMN]}`
+  };
+};
 
 // src/pages/subscriptions/WfoSubscriptionDetailPage.tsx
 import { useRouter as useRouter14 } from "next/router";
@@ -17209,538 +17193,157 @@ var WfoSubscriptionDetailPage = () => {
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect38, useState as useState52 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect38, useMemo as useMemo14, useRef as useRef20, useState as useState52 } from "react";
+import { formatQuery as formatQuery2 } from "react-querybuilder/formatQuery";
 import { useTranslations as useTranslations77 } from "next-intl";
+import Link12 from "next/link";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
 import { EuiSpacer as EuiSpacer26 } from "@elastic/eui";
 import { Fragment as Fragment60, jsx as jsx243, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
+var getKeyByValueFromMap = (resultColumToPropertyMap2, field) => {
+  return [...resultColumToPropertyMap2.entries()].find(([, v]) => v === field)?.[0] || "";
+};
+var getDataFromResponse = (data, resultColumToPropertyMap2, uniqueRowId, selectedTab) => {
+  const searchResult = data?.data;
+  if (!searchResult)
+    return {
+      items: []
+    };
+  const responseColumns = searchResult.map(({ response_columns }) => response_columns) || [];
+  const rowExpandingConfiguration = {
+    uniqueRowId,
+    uniqueRowIdToExpandedRowMap: searchResult.reduce(
+      (rowMap, { response_columns, score, perfect_match, matching_fields }) => {
+        const idColumnInResponseColumn = getKeyByValueFromMap(resultColumToPropertyMap2, uniqueRowId);
+        const rowId = response_columns[idColumnInResponseColumn];
+        if (rowId) {
+          rowMap[rowId] = /* @__PURE__ */ jsx243(
+            WfoExpandingSearchRow,
+            {
+              score,
+              matchingFields: removeTabStatusMatchingFields(matching_fields, selectedTab, "SUBSCRIPTION" /* SUBSCRIPTION */),
+              perfectMatch: perfect_match
+            }
+          );
+        }
+        return rowMap;
+      },
+      {}
+    )
+  };
+  const items = responseColumns.map((responseColumn) => {
+    const item = Object.entries(responseColumn).reduce((acc, [key, value]) => {
+      const itemKey = resultColumToPropertyMap2.get(key);
+      if (itemKey) {
+        acc[itemKey] = value;
+      }
+      return acc;
+    }, {});
+    return item;
+  });
+  return {
+    items,
+    rowExpandingConfiguration
+  };
+};
+var getTotalItemsFromResponse = (data) => {
+  return data?.cursor?.total_items || false;
+};
+var resultColumToPropertyMap = /* @__PURE__ */ new Map([
+  ["subscription.subscription_id", "subscriptionId"],
+  ["subscription.description", "description"],
+  ["subscription.status", "status"],
+  ["subscription.insync", "insync"],
+  ["subscription.product.name", "productName"],
+  ["subscription.product.tag", "tag"],
+  ["subscription.customer_name", "customerFullname"],
+  ["subscription.customer_abbreviation", "customerShortcode"],
+  ["subscription.start_date", "startDate"],
+  ["subscription.end_date", "endDate"],
+  ["subscription.note", "note"],
+  ["subscription.metadata", "metadata"]
+]);
 var WfoSubscriptionsListPage = () => {
-  const t = useTranslations77("subscriptions.detail");
-  const [tableDefaults, setTableDefaults] = useState52();
+  const t = useTranslations77("subscriptions.index");
+  const tDetail = useTranslations77("subscriptions.detail");
+  const [activeTab, setActiveTab] = useQueryParam3("activeTab", withDefault4(StringParam4, "ACTIVE" /* ACTIVE */));
+  const selectedTab = subscriptionListTabs.find(({ id }) => id === activeTab)?.id ?? "ACTIVE" /* ACTIVE */;
   const getStoredTableConfig = useStoredTableConfig(SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY);
+  const [retrieverType, setRetrieverType] = useState52("auto" /* Auto */);
+  const [queryString, setQueryString] = useState52("");
+  const [committedQueryString, setCommittedQueryString] = useQueryParam3("queryString", withDefault4(StringParam4, ""));
+  const [committedFilterString, setCommittedFilterString] = useQueryParam3("filterString", withDefault4(StringParam4, ""));
+  const lastSelfCommittedFilter = useRef20("");
+  const commitFilterString = (celString) => {
+    lastSelfCommittedFilter.current = celString;
+    setCommittedFilterString(celString || void 0);
+  };
+  const lastSelfCommittedQueryString = useRef20("");
+  const commitQueryString = (queryString2) => {
+    lastSelfCommittedQueryString.current = queryString2;
+    setCommittedQueryString(queryString2 || void 0);
+  };
+  const [filterString, setFilterString] = useState52("");
+  const [queryBuilderRuleGroup, setQueryBuilderRuleGroup] = useState52();
+  const committedRuleGroup = useMemo14(
+    () => parseCelToRuleGroup(committedFilterString),
+    [committedFilterString]
+  );
+  const [isValidFilterString, setIsValidFilterString] = useState52(true);
+  const [isCommitRefused, setIsCommitRefused] = useState52(false);
+  const [tableDefaults, setTableDefaults] = useState52();
+  const [pageSize, setPageSize] = useState52(DEFAULT_PAGE_SIZE);
+  const [pageCursor, setPageCursor] = useState52(void 0);
+  const [dataSorting, setDataSorting] = useState52({
+    field: "startDate",
+    sortOrder: "DESC" /* DESC */
+  });
+  const committedSearchKey = JSON.stringify([
+    committedQueryString,
+    committedFilterString,
+    selectedTab,
+    retrieverType,
+    dataSorting
+  ]);
+  const cursor = pageCursor?.searchKey === committedSearchKey ? pageCursor.cursor : void 0;
+  const searchPayload = useMemo14(() => {
+    const filters = addStatusFilterFromTab(committedRuleGroup, selectedTab);
+    const order_by = {
+      element: getKeyByValueFromMap(resultColumToPropertyMap, dataSorting.field),
+      direction: dataSorting.sortOrder.toLowerCase()
+    };
+    return {
+      query: committedQueryString,
+      limit: pageSize,
+      entity_type: "SUBSCRIPTION" /* SUBSCRIPTION */,
+      response_columns: Array.from(resultColumToPropertyMap.keys()),
+      order_by,
+      ...retrieverType !== "auto" /* Auto */ && { retriever: retrieverType },
+      ...filters && { filters },
+      ...cursor && { cursor }
+    };
+  }, [committedQueryString, committedRuleGroup, selectedTab, retrieverType, pageSize, dataSorting, cursor]);
+  const { data, error, isFetching, endpointName } = useSearchQuery(searchPayload);
+  const [getSubscriptionListTrigger] = useLazySearchQuery();
+  const getSubscriptionListForExport = (exportLimit) => getSubscriptionListTrigger({ ...searchPayload, limit: exportLimit, cursor: void 0 }).unwrap();
   useEffect38(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
-    }
-  }, [getStoredTableConfig]);
-  const { dataDisplayParams, setDataDisplayParam } = useDataDisplayParams({
-    // TODO: Improvement: A default pageSize value is set to avoid a graphql error when the query is executed
-    // the fist time before the useEffect has populated the tableDefaults. Better is to create a way for
-    // the query to wait for the values to be available
-    // https://github.com/workfloworchestrator/orchestrator-ui/issues/261
-    pageSize: tableDefaults?.selectedPageSize || DEFAULT_PAGE_SIZE,
-    sortBy: {
-      field: "startDate",
-      order: "DESC" /* DESC */
-    }
-  });
-  const [activeTab, setActiveTab] = useQueryParam3("activeTab", withDefault4(StringParam4, "ACTIVE" /* ACTIVE */));
-  const selectedTab = (() => {
-    return subscriptionListTabs.find(({ id }) => id === activeTab)?.id || "ACTIVE" /* ACTIVE */;
-  })();
-  const handleChangeSubscriptionsTab = (updatedSubscriptionsTab) => {
-    setActiveTab(updatedSubscriptionsTab);
-    setDataDisplayParam("pageIndex", 0);
-  };
-  const alwaysOnFilters = subscriptionListTabs.find(({ id }) => id === activeTab)?.alwaysOnFilters;
-  return /* @__PURE__ */ jsxs128(Fragment60, { children: [
-    /* @__PURE__ */ jsx243(WfoContentHeader, { title: /* @__PURE__ */ jsx243(WfoTitleWithWebsocketBadge, { title: t("title") }) }),
-    /* @__PURE__ */ jsx243(
-      WfoFilterTabs,
-      {
-        tabs: subscriptionListTabs,
-        selectedTab,
-        translationNamespace: "subscriptions.tabs",
-        onChangeTab: handleChangeSubscriptionsTab
-      }
-    ),
-    /* @__PURE__ */ jsx243(EuiSpacer26, { size: "xxl" }),
-    /* @__PURE__ */ jsx243(
-      WfoSubscriptionsList,
-      {
-        hiddenColumns: tableDefaults?.hiddenColumns,
-        dataDisplayParams,
-        setDataDisplayParam,
-        alwaysOnFilters
-      }
-    )
-  ] });
-};
-
-// src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext10, useEffect as useEffect39, useState as useState53 } from "react";
-import { useTranslations as useTranslations78 } from "next-intl";
-import Link12 from "next/link";
-import { useRouter as useRouter15 } from "next/router";
-import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
-import { EuiButton as EuiButton18, EuiSpacer as EuiSpacer27 } from "@elastic/eui";
-
-// src/pages/tasks/tabConfig.ts
-var WfoTasksListTabType = /* @__PURE__ */ ((WfoTasksListTabType2) => {
-  WfoTasksListTabType2["ACTIVE"] = "ACTIVE";
-  WfoTasksListTabType2["COMPLETED"] = "COMPLETED";
-  return WfoTasksListTabType2;
-})(WfoTasksListTabType || {});
-var defaultTasksListTabs = [
-  {
-    id: "ACTIVE" /* ACTIVE */,
-    translationKey: "active",
-    alwaysOnFilters: [
-      {
-        // Todo: isTask is not a key of Process
-        // However, backend still supports it. Field should not be a keyof ProcessListItem (or process)
-        // https://github.com/workfloworchestrator/orchestrator-ui/issues/290
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore waiting for fix in backend
-        field: "isTask",
-        value: "true"
-      },
-      {
-        field: "lastStatus",
-        value: "created-running-suspended-waiting-failed-resumed-inconsistent_data-api_unavailable-awaiting_callback"
-      }
-    ]
-  },
-  {
-    id: "COMPLETED" /* COMPLETED */,
-    translationKey: "completed",
-    alwaysOnFilters: [
-      {
-        // Todo: isTask is not a key of Process
-        // However, backend still supports it. Field should not be a keyof ProcessListItem (or process)
-        // https://github.com/workfloworchestrator/orchestrator-ui/issues/290
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore waiting for fix in backend
-        field: "isTask",
-        value: "true"
-      },
-      {
-        field: "lastStatus",
-        value: "completed-aborted"
-      }
-    ]
-  }
-];
-
-// src/pages/tasks/getTasksListTabTypeFromString.ts
-var getTasksListTabTypeFromString = (tabId) => {
-  if (!tabId) {
-    return void 0;
-  }
-  switch (tabId.toUpperCase()) {
-    case "ACTIVE" /* ACTIVE */.toString():
-      return "ACTIVE" /* ACTIVE */;
-    case "COMPLETED" /* COMPLETED */.toString():
-      return "COMPLETED" /* COMPLETED */;
-    default:
-      return void 0;
-  }
-};
-
-// src/pages/tasks/WfoTasksListPage.tsx
-import { Fragment as Fragment61, jsx as jsx244, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
-var WfoTasksListPage = () => {
-  const router = useRouter15();
-  const t = useTranslations78("tasks.page");
-  const [activeTab, setActiveTab] = useQueryParam4("activeTab", withDefault5(StringParam5, "ACTIVE" /* ACTIVE */));
-  const [tableDefaults, setTableDefaults] = useState53();
-  const selectedTasksListTab = getTasksListTabTypeFromString(activeTab);
-  const localStorageKey = selectedTasksListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY;
-  const getStoredTableConfig = useStoredTableConfig(localStorageKey);
-  const { theme } = useOrchestratorTheme();
-  const { showConfirmDialog } = useContext10(ConfirmationDialogContext);
-  const [retryAllProcesses] = useRetryAllProcessesMutation();
-  const { isEngineRunningNow } = useCheckEngineStatus();
-  useEffect39(() => {
-    const storedConfig = getStoredTableConfig();
-    if (storedConfig) {
-      setTableDefaults(storedConfig);
-    }
-  }, [getStoredTableConfig]);
-  const { dataDisplayParams, setDataDisplayParam } = useDataDisplayParams({
-    // TODO: Improvement: A default pageSize value is set to avoid a graphql error when the query is executed
-    // https://github.com/workfloworchestrator/orchestrator-ui/issues/261
-    pageSize: tableDefaults?.selectedPageSize || DEFAULT_PAGE_SIZE,
-    sortBy: {
-      field: "lastModifiedAt",
-      order: "DESC" /* DESC */
-    }
-  });
-  const handleChangeTasksListTab = (updatedTasksListTab) => {
-    setActiveTab(updatedTasksListTab);
-    setDataDisplayParam("pageIndex", 0);
-  };
-  const alwaysOnFilters = defaultTasksListTabs.find(({ id }) => id === selectedTasksListTab)?.alwaysOnFilters;
-  if (!selectedTasksListTab) {
-    router.replace(PATH_TASKS);
-    return null;
-  }
-  const handleRerunAllButtonClick = async () => {
-    if (await isEngineRunningNow()) {
-      showConfirmDialog({
-        question: t("rerunAllQuestion"),
-        onConfirm: () => {
-          retryAllProcesses(null);
-        }
-      });
-    }
-  };
-  const handleOverrideTableColumns = (defaultTableColumns) => ({
-    workflowName: {
-      columnType: "data" /* DATA */,
-      label: t("taskName"),
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx244(Link12, { href: `${PATH_TASKS}/${processId}`, children: value })
-    },
-    ...toSortedTableColumnConfig(defaultTableColumns, [
-      "lastStep",
-      "lastStatus",
-      "workflowTarget",
-      "tag",
-      "productName",
-      "customer",
-      "customerAbbreviation",
-      "note",
-      "subscriptions",
-      "createdBy",
-      "assignee",
-      "processId",
-      "startedAt",
-      "lastModifiedAt"
-    ])
-  });
-  return /* @__PURE__ */ jsxs129(Fragment61, { children: [
-    /* @__PURE__ */ jsxs129(WfoContentHeader, { title: /* @__PURE__ */ jsx244(WfoTitleWithWebsocketBadge, { title: "Tasks" }), children: [
-      /* @__PURE__ */ jsx244(WfoIsAllowedToRender, { resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */, children: /* @__PURE__ */ jsx244(
-        EuiButton18,
-        {
-          onClick: handleRerunAllButtonClick,
-          iconType: () => /* @__PURE__ */ jsx244(WfoRefresh, { color: theme.colors.textPrimary }),
-          children: t("rerunAll")
-        }
-      ) }),
-      /* @__PURE__ */ jsx244(WfoIsAllowedToRender, { resource: "/orchestrator/processes/create/task" /* TASKS_CREATE */, children: /* @__PURE__ */ jsx244(WfoStartTaskButtonComboBox, {}) })
-    ] }),
-    /* @__PURE__ */ jsx244(
-      WfoFilterTabs,
-      {
-        tabs: defaultTasksListTabs,
-        translationNamespace: "tasks.tabs",
-        selectedTab: selectedTasksListTab,
-        onChangeTab: handleChangeTasksListTab
-      }
-    ),
-    /* @__PURE__ */ jsx244(EuiSpacer27, { size: "xxl" }),
-    /* @__PURE__ */ jsx244(
-      WfoProcessesList,
-      {
-        defaultHiddenColumns: tableDefaults?.hiddenColumns,
-        localStorageKey,
-        overrideDefaultTableColumns: handleOverrideTableColumns,
-        dataDisplayParams,
-        setDataDisplayParam,
-        alwaysOnFilters
-      }
-    )
-  ] });
-};
-
-// src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect40, useState as useState54 } from "react";
-import { useTranslations as useTranslations79 } from "next-intl";
-import { useRouter as useRouter16 } from "next/router";
-import { StringParam as StringParam6, useQueryParam as useQueryParam5, withDefault as withDefault6 } from "use-query-params";
-import { EuiSpacer as EuiSpacer28 } from "@elastic/eui";
-
-// src/pages/workflows/tabConfig.ts
-var WfoWorkflowsListTabType = /* @__PURE__ */ ((WfoWorkflowsListTabType2) => {
-  WfoWorkflowsListTabType2["ACTIVE"] = "ACTIVE";
-  WfoWorkflowsListTabType2["COMPLETED"] = "COMPLETED";
-  return WfoWorkflowsListTabType2;
-})(WfoWorkflowsListTabType || {});
-var defaultWorkflowsListTabs = [
-  {
-    id: "ACTIVE" /* ACTIVE */,
-    translationKey: "active",
-    alwaysOnFilters: [
-      {
-        // Todo: isTask is not a key of Process
-        // However, backend still supports it. Field should not be a keyof ProcessListItem (or process)
-        // https://github.com/workfloworchestrator/orchestrator-ui/issues/290
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore waiting for fix in backend
-        field: "isTask",
-        value: "false"
-      },
-      {
-        field: "lastStatus",
-        value: "created-running-suspended-waiting-failed-resumed-inconsistent_data-api_unavailable-awaiting_callback"
-      }
-    ]
-  },
-  {
-    id: "COMPLETED" /* COMPLETED */,
-    translationKey: "completed",
-    alwaysOnFilters: [
-      {
-        // Todo: isTask is not a key of Process
-        // However, backend still supports it. Field should not be a keyof ProcessListItem (or process)
-        // https://github.com/workfloworchestrator/orchestrator-ui/issues/290
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore waiting for fix in backend
-        field: "isTask",
-        value: "false"
-      },
-      {
-        field: "lastStatus",
-        value: "completed-aborted"
-      }
-    ]
-  }
-];
-
-// src/pages/workflows/getWorkflowsListTabTypeFromString.ts
-var getWorkflowsListTabTypeFromString = (tabId) => {
-  if (!tabId) {
-    return void 0;
-  }
-  switch (tabId.toUpperCase()) {
-    case "ACTIVE" /* ACTIVE */.toString():
-      return "ACTIVE" /* ACTIVE */;
-    case "COMPLETED" /* COMPLETED */.toString():
-      return "COMPLETED" /* COMPLETED */;
-    default:
-      return void 0;
-  }
-};
-
-// src/pages/workflows/WfoWorkflowsListPage.tsx
-import { Fragment as Fragment62, jsx as jsx245, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
-var WfoWorkflowsListPage = () => {
-  const router = useRouter16();
-  const t = useTranslations79("workflows.index");
-  const [activeTab, setActiveTab] = useQueryParam5(
-    "activeTab",
-    withDefault6(StringParam6, "ACTIVE" /* ACTIVE */)
-  );
-  const [tableDefaults, setTableDefaults] = useState54();
-  const selectedWorkflowsListTab = getWorkflowsListTabTypeFromString(activeTab);
-  const localStorageKey = selectedWorkflowsListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY;
-  const getStoredTableConfig = useStoredTableConfig(localStorageKey);
-  useEffect40(() => {
-    const storedConfig = getStoredTableConfig();
-    if (storedConfig) {
-      setTableDefaults(storedConfig);
-    }
-  }, [getStoredTableConfig]);
-  const { dataDisplayParams, setDataDisplayParam } = useDataDisplayParams({
-    // TODO: Improvement: A default pageSize value is set to avoid a graphql error when the query is executed
-    // https://github.com/workfloworchestrator/orchestrator-ui/issues/261
-    pageSize: tableDefaults?.selectedPageSize || DEFAULT_PAGE_SIZE,
-    sortBy: {
-      field: "lastModifiedAt",
-      order: "DESC" /* DESC */
-    }
-  });
-  const handleChangeWorkflowsListTab = (updatedWorkflowsListTab) => {
-    setActiveTab(updatedWorkflowsListTab);
-    setDataDisplayParam("pageIndex", 0);
-  };
-  const alwaysOnFilters = defaultWorkflowsListTabs.find(({ id }) => id === selectedWorkflowsListTab)?.alwaysOnFilters;
-  if (!selectedWorkflowsListTab) {
-    router.replace(PATH_WORKFLOWS);
-    return null;
-  }
-  return /* @__PURE__ */ jsxs130(Fragment62, { children: [
-    /* @__PURE__ */ jsx245(WfoContentHeader, { title: /* @__PURE__ */ jsx245(WfoTitleWithWebsocketBadge, { title: t("title") }) }),
-    /* @__PURE__ */ jsx245(
-      WfoFilterTabs,
-      {
-        tabs: defaultWorkflowsListTabs,
-        translationNamespace: "workflows.tabs",
-        selectedTab: selectedWorkflowsListTab,
-        onChangeTab: handleChangeWorkflowsListTab
-      }
-    ),
-    /* @__PURE__ */ jsx245(EuiSpacer28, { size: "xxl" }),
-    /* @__PURE__ */ jsx245(
-      WfoProcessesList,
-      {
-        alwaysOnFilters,
-        defaultHiddenColumns: tableDefaults?.hiddenColumns,
-        localStorageKey,
-        dataDisplayParams,
-        setDataDisplayParam
-      }
-    )
-  ] });
-};
-
-// src/pages/WfoSearchPocPage.tsx
-import { useCallback as useCallback15, useEffect as useEffect41, useMemo as useMemo14, useRef as useRef20, useState as useState55 } from "react";
-import { formatQuery as formatQuery2 } from "react-querybuilder/formatQuery";
-import { useTranslations as useTranslations80 } from "next-intl";
-import Link13 from "next/link";
-import { StringParam as StringParam7, useQueryParam as useQueryParam6, withDefault as withDefault7 } from "use-query-params";
-import { EuiSpacer as EuiSpacer29 } from "@elastic/eui";
-import { Fragment as Fragment63, jsx as jsx246, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
-var SEARCH_TABLE_LOCAL_STORAGE_KEY = "SEARCH_TABLE_LOCAL_STORAGE_KEY";
-var getKeyByValueFromMap = (resultColumToPropertyMap2, field) => {
-  return [...resultColumToPropertyMap2.entries()].find(([, v]) => v === field)?.[0] || "";
-};
-var getDataFromResponse = (data, resultColumToPropertyMap2, uniqueRowId, selectedTab) => {
-  const searchResult = data?.data;
-  if (!searchResult)
-    return {
-      items: []
-    };
-  const responseColumns = searchResult.map(({ response_columns }) => response_columns) || [];
-  const rowExpandingConfiguration = {
-    uniqueRowId,
-    uniqueRowIdToExpandedRowMap: searchResult.reduce(
-      (rowMap, { response_columns, score, perfect_match, matching_fields }) => {
-        const idColumnInResponseColumn = getKeyByValueFromMap(resultColumToPropertyMap2, uniqueRowId);
-        const rowId = response_columns[idColumnInResponseColumn];
-        if (rowId) {
-          rowMap[rowId] = /* @__PURE__ */ jsx246(
-            WfoExpandingSearchRow,
-            {
-              score,
-              matchingFields: removeTabStatusMatchingFields(matching_fields, selectedTab, "SUBSCRIPTION" /* SUBSCRIPTION */),
-              perfectMatch: perfect_match
-            }
-          );
-        }
-        return rowMap;
-      },
-      {}
-    )
-  };
-  const items = responseColumns.map((responseColumn) => {
-    const item = Object.entries(responseColumn).reduce((acc, [key, value]) => {
-      const itemKey = resultColumToPropertyMap2.get(key);
-      if (itemKey) {
-        acc[itemKey] = value;
-      }
-      return acc;
-    }, {});
-    return item;
-  });
-  return {
-    items,
-    rowExpandingConfiguration
-  };
-};
-var getTotalItemsFromResponse = (data) => {
-  return data?.cursor?.total_items || false;
-};
-var resultColumToPropertyMap = /* @__PURE__ */ new Map([
-  ["subscription.subscription_id", "subscriptionId"],
-  ["subscription.description", "description"],
-  ["subscription.status", "status"],
-  ["subscription.insync", "insync"],
-  ["subscription.product.name", "productName"],
-  ["subscription.product.tag", "tag"],
-  ["subscription.customer_name", "customerFullname"],
-  ["subscription.customer_abbreviation", "customerShortcode"],
-  ["subscription.start_date", "startDate"],
-  ["subscription.end_date", "endDate"],
-  ["subscription.note", "note"],
-  ["subscription.metadata", "metadata"]
-]);
-var prefilledFieldOptions = /* @__PURE__ */ new Map([
-  ["subscription.subscription_id", ["eq", "neq", "like", "not_regexp"]],
-  ["subscription.description", ["eq", "neq", "like", "not_regexp"]],
-  ["subscription.status", ["eq", "neq", "like", "not_regexp"]],
-  ["subscription.insync", ["eq", "neq"]],
-  ["subscription.product.name", ["eq", "neq", "like", "not_regexp"]],
-  ["subscription.product.tag", ["eq", "neq", "like", "not_regexp"]],
-  ["subscription.customer_name", ["eq", "neq", "like", "not_regexp"]],
-  ["subscription.customer_abbreviation", ["eq", "neq", "like", "not_regexp"]],
-  ["subscription.start_date", ["eq", "neq", "lt", "lte", "gt", "gte", "between"]],
-  ["subscription.end_date", ["eq", "neq", "lt", "lte", "gt", "gte", "between"]],
-  ["subscription.note", ["eq", "neq", "like", "not_regexp"]]
-]);
-var WfoSearchPocPage = () => {
-  const t = useTranslations80("subscriptions.index");
-  const [activeTab, setActiveTab] = useQueryParam6("activeTab", withDefault7(StringParam7, "ACTIVE" /* ACTIVE */));
-  const selectedTab = subscriptionListTabs.find(({ id }) => id === activeTab)?.id ?? "ACTIVE" /* ACTIVE */;
-  const getStoredTableConfig = useStoredTableConfig(SEARCH_TABLE_LOCAL_STORAGE_KEY);
-  const [retrieverType, setRetrieverType] = useState55("auto" /* Auto */);
-  const [queryString, setQueryString] = useState55("");
-  const [committedQueryString, setCommittedQueryString] = useQueryParam6("queryString", withDefault7(StringParam7, ""));
-  const [committedFilterString, setCommittedFilterString] = useQueryParam6("filterString", withDefault7(StringParam7, ""));
-  const lastSelfCommittedFilter = useRef20("");
-  const commitFilterString = (celString) => {
-    lastSelfCommittedFilter.current = celString;
-    setCommittedFilterString(celString || void 0);
-  };
-  const lastSelfCommittedQueryString = useRef20("");
-  const commitQueryString = (queryString2) => {
-    lastSelfCommittedQueryString.current = queryString2;
-    setCommittedQueryString(queryString2 || void 0);
-  };
-  const [filterString, setFilterString] = useState55("");
-  const [queryBuilderRuleGroup, setQueryBuilderRuleGroup] = useState55();
-  const committedRuleGroup = useMemo14(
-    () => parseCelToRuleGroup(committedFilterString),
-    [committedFilterString]
-  );
-  const [isValidFilterString, setIsValidFilterString] = useState55(true);
-  const [isCommitRefused, setIsCommitRefused] = useState55(false);
-  const [tableDefaults, setTableDefaults] = useState55();
-  const [pageSize, setPageSize] = useState55(DEFAULT_PAGE_SIZE);
-  const [pageCursor, setPageCursor] = useState55(void 0);
-  const [dataSorting, setDataSorting] = useState55({
-    field: "subscriptionId",
-    sortOrder: "DESC" /* DESC */
-  });
-  const committedSearchKey = JSON.stringify([
-    committedQueryString,
-    committedFilterString,
-    selectedTab,
-    retrieverType,
-    dataSorting
-  ]);
-  const cursor = pageCursor?.searchKey === committedSearchKey ? pageCursor.cursor : void 0;
-  const searchPayload = useMemo14(() => {
-    const filters = addStatusFilterFromTab(committedRuleGroup, selectedTab);
-    const order_by = {
-      element: getKeyByValueFromMap(resultColumToPropertyMap, dataSorting.field),
-      direction: dataSorting.sortOrder.toLowerCase()
-    };
-    return {
-      query: committedQueryString,
-      limit: pageSize,
-      entity_type: "SUBSCRIPTION" /* SUBSCRIPTION */,
-      response_columns: Array.from(resultColumToPropertyMap.keys()),
-      order_by,
-      ...retrieverType !== "auto" /* Auto */ && { retriever: retrieverType },
-      ...filters && { filters },
-      ...cursor && { cursor }
-    };
-  }, [committedQueryString, committedRuleGroup, selectedTab, retrieverType, pageSize, dataSorting, cursor]);
-  const { data, isFetching } = useSearchQuery(searchPayload);
-  const [getSubscriptionListTrigger] = useLazySearchQuery();
-  const getSubscriptionListForExport = (exportLimit) => getSubscriptionListTrigger({ ...searchPayload, limit: exportLimit, cursor: void 0 }).unwrap();
-  useEffect41(() => {
-    const storedConfig = getStoredTableConfig();
-    if (storedConfig) {
-      setTableDefaults(storedConfig);
-      setPageSize(storedConfig.selectedPageSize);
+      setPageSize(storedConfig.selectedPageSize);
     }
   }, [getStoredTableConfig]);
   const tableColumnConfig = {
     actions: {
       columnType: "control" /* CONTROL */,
       width: "50px",
-      renderControl: (row) => /* @__PURE__ */ jsx246(WfoSubscriptionActions, { compactMode: true, subscriptionId: row.subscriptionId })
+      renderControl: (row) => /* @__PURE__ */ jsx243(WfoSubscriptionActions, { compactMode: true, subscriptionId: row.subscriptionId })
     },
     subscriptionId: {
       columnType: "data" /* DATA */,
       label: t("id"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx246(WfoFirstPartUUID, { UUID: value }),
+      renderData: (value) => /* @__PURE__ */ jsx243(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
     },
@@ -17748,20 +17351,20 @@ var WfoSearchPocPage = () => {
       columnType: "data" /* DATA */,
       label: t("description"),
       width: "500px",
-      renderData: (value, record) => /* @__PURE__ */ jsx246(Link13, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
+      renderData: (value, record) => /* @__PURE__ */ jsx243(Link12, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
       renderTooltip: (value) => value
     },
     status: {
       columnType: "data" /* DATA */,
       label: t("status"),
       width: "120px",
-      renderData: (value) => /* @__PURE__ */ jsx246(WfoSubscriptionStatusBadge, { status: value })
+      renderData: (value) => /* @__PURE__ */ jsx243(WfoSubscriptionStatusBadge, { status: value })
     },
     insync: {
       columnType: "data" /* DATA */,
       label: t("insync"),
       width: "75px",
-      renderData: (value) => /* @__PURE__ */ jsx246(WfoInsyncIcon, { inSync: value })
+      renderData: (value) => /* @__PURE__ */ jsx243(WfoInsyncIcon, { inSync: value })
     },
     productName: {
       columnType: "data" /* DATA */,
@@ -17786,7 +17389,7 @@ var WfoSearchPocPage = () => {
       columnType: "data" /* DATA */,
       label: t("startDate"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx246(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx243(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (cellValue) => cellValue?.toString()
@@ -17795,7 +17398,7 @@ var WfoSearchPocPage = () => {
       columnType: "data" /* DATA */,
       label: t("endDate"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx246(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx243(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (cellValue) => cellValue?.toString()
@@ -17805,12 +17408,12 @@ var WfoSearchPocPage = () => {
       label: t("note"),
       width: "300px",
       renderData: (cellValue, row) => {
-        return /* @__PURE__ */ jsx246(
+        return /* @__PURE__ */ jsx243(
           WfoSubscriptionNoteEdit,
           {
             onlyShowOnHover: true,
-            endpointName: "",
-            queryVariables: {},
+            endpointName,
+            queryVariables: searchPayload,
             subscriptionId: row.subscriptionId,
             note: cellValue
           }
@@ -17821,9 +17424,9 @@ var WfoSearchPocPage = () => {
       columnType: "data" /* DATA */,
       label: t("metadata"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx246(WfoInlineJson, { data: value }),
-      renderDetails: (value) => value && /* @__PURE__ */ jsx246(WfoJsonCodeBlock, { data: value, isBasicStyle: true }),
-      renderTooltip: (value) => value && /* @__PURE__ */ jsx246(WfoJsonCodeBlock, { data: value, isBasicStyle: false })
+      renderData: (value) => /* @__PURE__ */ jsx243(WfoInlineJson, { data: value }),
+      renderDetails: (value) => value && /* @__PURE__ */ jsx243(WfoJsonCodeBlock, { data: value, isBasicStyle: true }),
+      renderTooltip: (value) => value && /* @__PURE__ */ jsx243(WfoJsonCodeBlock, { data: value, isBasicStyle: false })
     }
   };
   const sortableAndFilterableFieldNames = Object.keys(tableColumnConfig).filter((fieldName) => fieldName !== "actions");
@@ -17889,14 +17492,14 @@ var WfoSearchPocPage = () => {
       setIsValidFilterString(false);
     }
   }, []);
-  useEffect41(() => {
+  useEffect38(() => {
     if (committedQueryString === lastSelfCommittedQueryString.current) {
       return;
     }
     lastSelfCommittedQueryString.current = committedQueryString;
     setQueryString(committedQueryString);
   }, [committedQueryString]);
-  useEffect41(() => {
+  useEffect38(() => {
     if (committedFilterString === lastSelfCommittedFilter.current) {
       return;
     }
@@ -17908,114 +17511,422 @@ var WfoSearchPocPage = () => {
       setQueryBuilderRuleGroup(void 0);
       setIsValidFilterString(true);
     }
-  }, [committedFilterString, safeCelParse]);
-  const onUpdateQueryBuilder = (ruleGroup) => {
-    if (ruleGroup === false) {
-      setQueryBuilderRuleGroup(void 0);
-      setFilterString("");
-      setIsValidFilterString(true);
-    } else {
-      setQueryBuilderRuleGroup({ ...ruleGroup });
-      const celQuery = formatQuery2({ ...ruleGroup }, { format: "cel", fallbackExpression: "" });
-      if (!celQuery || celQuery === "1 == 1") {
-        setFilterString("");
-        setIsValidFilterString(true);
-      } else {
-        setFilterString(celQuery);
-        setIsValidFilterString(!!parseCelToRuleGroup(celQuery));
-      }
+  }, [committedFilterString, safeCelParse]);
+  const onUpdateQueryBuilder = (ruleGroup) => {
+    if (ruleGroup === false) {
+      setQueryBuilderRuleGroup(void 0);
+      setFilterString("");
+      setIsValidFilterString(true);
+    } else {
+      setQueryBuilderRuleGroup({ ...ruleGroup });
+      const celQuery = formatQuery2({ ...ruleGroup }, { format: "cel", fallbackExpression: "" });
+      if (!celQuery || celQuery === "1 == 1") {
+        setFilterString("");
+        setIsValidFilterString(true);
+      } else {
+        setFilterString(celQuery);
+        setIsValidFilterString(!!parseCelToRuleGroup(celQuery));
+      }
+    }
+  };
+  const onUpdateFilterString = (filterString2) => {
+    setFilterString(filterString2);
+    safeCelParse(filterString2);
+  };
+  const isSearchBlocked = isCommitRefused && !isValidFilterString;
+  const { items: subscriptionListItems, rowExpandingConfiguration } = data && !isSearchBlocked ? getDataFromResponse(data, resultColumToPropertyMap, "subscriptionId", selectedTab) : { items: [] };
+  const totalItems = !isSearchBlocked && getTotalItemsFromResponse(data);
+  const hasNextPage = !isSearchBlocked && (data?.page_info?.has_next_page ?? false);
+  const nextPageCursor = data?.page_info?.next_page_cursor ?? void 0;
+  const exportData = async () => {
+    const exportResult = await getSubscriptionListForExport(totalItems || pageSize);
+    const { items: exportItems } = getDataFromResponse(
+      exportResult,
+      resultColumToPropertyMap,
+      "subscriptionId",
+      selectedTab
+    );
+    if (!exportItems.length) {
+      return;
+    }
+    initiateCsvFileDownload(exportItems, Object.keys(tableColumnConfig), getCsvFileNameWithDate("Subscriptions"));
+  };
+  const onShowMore = () => {
+    if (!isFetching && nextPageCursor) {
+      setPageCursor({ cursor: nextPageCursor, searchKey: committedSearchKey });
+    }
+  };
+  const onUpdateDataSorting = ({ field, sortOrder }) => {
+    setDataSorting({ field, sortOrder });
+    setPageCursor(void 0);
+  };
+  const onUpdatePageSize = (updatedPageSize) => {
+    if (updatedPageSize === pageSize) {
+      return;
+    }
+    setPageSize(updatedPageSize);
+    setPageCursor(void 0);
+  };
+  return /* @__PURE__ */ jsxs128(Fragment60, { children: [
+    /* @__PURE__ */ jsx243(WfoContentHeader, { title: tDetail("title") }),
+    /* @__PURE__ */ jsx243(
+      WfoFilterTabs,
+      {
+        tabs: subscriptionListTabs,
+        selectedTab,
+        translationNamespace: "subscriptions.tabs",
+        onChangeTab: handleChangeTab
+      }
+    ),
+    /* @__PURE__ */ jsx243(EuiSpacer26, { size: "l" }),
+    /* @__PURE__ */ jsx243(
+      WfoStructuredSearchTable,
+      {
+        data: subscriptionListItems,
+        error: mapRtkErrorToWfoError(error),
+        rowExpandingConfiguration,
+        defaultHiddenColumns: tableDefaults?.hiddenColumns,
+        defaultShowMatchDetails: tableDefaults?.showMatchDetails,
+        defaultAdvancedNestedSearch: tableDefaults?.advancedNestedSearch,
+        filterString,
+        handleSearch: handleApplyFilter,
+        isLoading: isFetching,
+        dataSorting: [dataSorting],
+        isValidFilterString,
+        localStorageKey: SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY,
+        onUpdateFilterString,
+        onUpdateQueryBuilder,
+        onChangeQueryString,
+        onSearchQueryString,
+        onShowMore,
+        onUpdateRetrieverType,
+        queryBuilderRuleGroup,
+        queryString,
+        retrieverType,
+        tableColumnConfig: tableColumnConfigWithSortingAndFiltering,
+        getColumnSearchFieldName: (field) => getKeyByValueFromMap(resultColumToPropertyMap, field),
+        pageSize,
+        onUpdateDataSorting,
+        setPageSize: onUpdatePageSize,
+        totalItems,
+        hasNextPage,
+        onExportData: exportData
+      }
+    )
+  ] });
+};
+
+// src/pages/tasks/WfoTasksListPage.tsx
+import { useContext as useContext10, useEffect as useEffect39, useState as useState53 } from "react";
+import { useTranslations as useTranslations78 } from "next-intl";
+import Link13 from "next/link";
+import { useRouter as useRouter15 } from "next/router";
+import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
+import { EuiButton as EuiButton18, EuiSpacer as EuiSpacer27 } from "@elastic/eui";
+
+// src/pages/tasks/tabConfig.ts
+var WfoTasksListTabType = /* @__PURE__ */ ((WfoTasksListTabType2) => {
+  WfoTasksListTabType2["ACTIVE"] = "ACTIVE";
+  WfoTasksListTabType2["COMPLETED"] = "COMPLETED";
+  return WfoTasksListTabType2;
+})(WfoTasksListTabType || {});
+var defaultTasksListTabs = [
+  {
+    id: "ACTIVE" /* ACTIVE */,
+    translationKey: "active",
+    alwaysOnFilters: [
+      {
+        // Todo: isTask is not a key of Process
+        // However, backend still supports it. Field should not be a keyof ProcessListItem (or process)
+        // https://github.com/workfloworchestrator/orchestrator-ui/issues/290
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore waiting for fix in backend
+        field: "isTask",
+        value: "true"
+      },
+      {
+        field: "lastStatus",
+        value: "created-running-suspended-waiting-failed-resumed-inconsistent_data-api_unavailable-awaiting_callback"
+      }
+    ]
+  },
+  {
+    id: "COMPLETED" /* COMPLETED */,
+    translationKey: "completed",
+    alwaysOnFilters: [
+      {
+        // Todo: isTask is not a key of Process
+        // However, backend still supports it. Field should not be a keyof ProcessListItem (or process)
+        // https://github.com/workfloworchestrator/orchestrator-ui/issues/290
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore waiting for fix in backend
+        field: "isTask",
+        value: "true"
+      },
+      {
+        field: "lastStatus",
+        value: "completed-aborted"
+      }
+    ]
+  }
+];
+
+// src/pages/tasks/getTasksListTabTypeFromString.ts
+var getTasksListTabTypeFromString = (tabId) => {
+  if (!tabId) {
+    return void 0;
+  }
+  switch (tabId.toUpperCase()) {
+    case "ACTIVE" /* ACTIVE */.toString():
+      return "ACTIVE" /* ACTIVE */;
+    case "COMPLETED" /* COMPLETED */.toString():
+      return "COMPLETED" /* COMPLETED */;
+    default:
+      return void 0;
+  }
+};
+
+// src/pages/tasks/WfoTasksListPage.tsx
+import { Fragment as Fragment61, jsx as jsx244, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
+var WfoTasksListPage = () => {
+  const router = useRouter15();
+  const t = useTranslations78("tasks.page");
+  const [activeTab, setActiveTab] = useQueryParam4("activeTab", withDefault5(StringParam5, "ACTIVE" /* ACTIVE */));
+  const [tableDefaults, setTableDefaults] = useState53();
+  const selectedTasksListTab = getTasksListTabTypeFromString(activeTab);
+  const localStorageKey = selectedTasksListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_TASKS_LIST_TABLE_LOCAL_STORAGE_KEY;
+  const getStoredTableConfig = useStoredTableConfig(localStorageKey);
+  const { theme } = useOrchestratorTheme();
+  const { showConfirmDialog } = useContext10(ConfirmationDialogContext);
+  const [retryAllProcesses] = useRetryAllProcessesMutation();
+  const { isEngineRunningNow } = useCheckEngineStatus();
+  useEffect39(() => {
+    const storedConfig = getStoredTableConfig();
+    if (storedConfig) {
+      setTableDefaults(storedConfig);
+    }
+  }, [getStoredTableConfig]);
+  const { dataDisplayParams, setDataDisplayParam } = useDataDisplayParams({
+    // TODO: Improvement: A default pageSize value is set to avoid a graphql error when the query is executed
+    // https://github.com/workfloworchestrator/orchestrator-ui/issues/261
+    pageSize: tableDefaults?.selectedPageSize || DEFAULT_PAGE_SIZE,
+    sortBy: {
+      field: "lastModifiedAt",
+      order: "DESC" /* DESC */
     }
+  });
+  const handleChangeTasksListTab = (updatedTasksListTab) => {
+    setActiveTab(updatedTasksListTab);
+    setDataDisplayParam("pageIndex", 0);
   };
-  const onUpdateFilterString = (filterString2) => {
-    setFilterString(filterString2);
-    safeCelParse(filterString2);
-  };
-  const isSearchBlocked = isCommitRefused && !isValidFilterString;
-  const { items: subscriptionListItems, rowExpandingConfiguration } = data && !isSearchBlocked ? getDataFromResponse(data, resultColumToPropertyMap, "subscriptionId", selectedTab) : { items: [] };
-  const totalItems = !isSearchBlocked && getTotalItemsFromResponse(data);
-  const hasNextPage = !isSearchBlocked && (data?.page_info?.has_next_page ?? false);
-  const nextPageCursor = data?.page_info?.next_page_cursor ?? void 0;
-  const exportData = async () => {
-    const exportResult = await getSubscriptionListForExport(totalItems || pageSize);
-    const { items: exportItems } = getDataFromResponse(
-      exportResult,
-      resultColumToPropertyMap,
-      "subscriptionId",
-      selectedTab
-    );
-    if (!exportItems.length) {
-      return;
+  const alwaysOnFilters = defaultTasksListTabs.find(({ id }) => id === selectedTasksListTab)?.alwaysOnFilters;
+  if (!selectedTasksListTab) {
+    router.replace(PATH_TASKS);
+    return null;
+  }
+  const handleRerunAllButtonClick = async () => {
+    if (await isEngineRunningNow()) {
+      showConfirmDialog({
+        question: t("rerunAllQuestion"),
+        onConfirm: () => {
+          retryAllProcesses(null);
+        }
+      });
     }
-    initiateCsvFileDownload(exportItems, Object.keys(tableColumnConfig), getCsvFileNameWithDate("Subscriptions"));
   };
-  const onShowMore = () => {
-    if (!isFetching && nextPageCursor) {
-      setPageCursor({ cursor: nextPageCursor, searchKey: committedSearchKey });
+  const handleOverrideTableColumns = (defaultTableColumns) => ({
+    workflowName: {
+      columnType: "data" /* DATA */,
+      label: t("taskName"),
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx244(Link13, { href: `${PATH_TASKS}/${processId}`, children: value })
+    },
+    ...toSortedTableColumnConfig(defaultTableColumns, [
+      "lastStep",
+      "lastStatus",
+      "workflowTarget",
+      "tag",
+      "productName",
+      "customer",
+      "customerAbbreviation",
+      "note",
+      "subscriptions",
+      "createdBy",
+      "assignee",
+      "processId",
+      "startedAt",
+      "lastModifiedAt"
+    ])
+  });
+  return /* @__PURE__ */ jsxs129(Fragment61, { children: [
+    /* @__PURE__ */ jsxs129(WfoContentHeader, { title: /* @__PURE__ */ jsx244(WfoTitleWithWebsocketBadge, { title: "Tasks" }), children: [
+      /* @__PURE__ */ jsx244(WfoIsAllowedToRender, { resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */, children: /* @__PURE__ */ jsx244(
+        EuiButton18,
+        {
+          onClick: handleRerunAllButtonClick,
+          iconType: () => /* @__PURE__ */ jsx244(WfoRefresh, { color: theme.colors.textPrimary }),
+          children: t("rerunAll")
+        }
+      ) }),
+      /* @__PURE__ */ jsx244(WfoIsAllowedToRender, { resource: "/orchestrator/processes/create/task" /* TASKS_CREATE */, children: /* @__PURE__ */ jsx244(WfoStartTaskButtonComboBox, {}) })
+    ] }),
+    /* @__PURE__ */ jsx244(
+      WfoFilterTabs,
+      {
+        tabs: defaultTasksListTabs,
+        translationNamespace: "tasks.tabs",
+        selectedTab: selectedTasksListTab,
+        onChangeTab: handleChangeTasksListTab
+      }
+    ),
+    /* @__PURE__ */ jsx244(EuiSpacer27, { size: "xxl" }),
+    /* @__PURE__ */ jsx244(
+      WfoProcessesList,
+      {
+        defaultHiddenColumns: tableDefaults?.hiddenColumns,
+        localStorageKey,
+        overrideDefaultTableColumns: handleOverrideTableColumns,
+        dataDisplayParams,
+        setDataDisplayParam,
+        alwaysOnFilters
+      }
+    )
+  ] });
+};
+
+// src/pages/workflows/WfoWorkflowsListPage.tsx
+import { useEffect as useEffect40, useState as useState54 } from "react";
+import { useTranslations as useTranslations79 } from "next-intl";
+import { useRouter as useRouter16 } from "next/router";
+import { StringParam as StringParam6, useQueryParam as useQueryParam5, withDefault as withDefault6 } from "use-query-params";
+import { EuiSpacer as EuiSpacer28 } from "@elastic/eui";
+
+// src/pages/workflows/tabConfig.ts
+var WfoWorkflowsListTabType = /* @__PURE__ */ ((WfoWorkflowsListTabType2) => {
+  WfoWorkflowsListTabType2["ACTIVE"] = "ACTIVE";
+  WfoWorkflowsListTabType2["COMPLETED"] = "COMPLETED";
+  return WfoWorkflowsListTabType2;
+})(WfoWorkflowsListTabType || {});
+var defaultWorkflowsListTabs = [
+  {
+    id: "ACTIVE" /* ACTIVE */,
+    translationKey: "active",
+    alwaysOnFilters: [
+      {
+        // Todo: isTask is not a key of Process
+        // However, backend still supports it. Field should not be a keyof ProcessListItem (or process)
+        // https://github.com/workfloworchestrator/orchestrator-ui/issues/290
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore waiting for fix in backend
+        field: "isTask",
+        value: "false"
+      },
+      {
+        field: "lastStatus",
+        value: "created-running-suspended-waiting-failed-resumed-inconsistent_data-api_unavailable-awaiting_callback"
+      }
+    ]
+  },
+  {
+    id: "COMPLETED" /* COMPLETED */,
+    translationKey: "completed",
+    alwaysOnFilters: [
+      {
+        // Todo: isTask is not a key of Process
+        // However, backend still supports it. Field should not be a keyof ProcessListItem (or process)
+        // https://github.com/workfloworchestrator/orchestrator-ui/issues/290
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore waiting for fix in backend
+        field: "isTask",
+        value: "false"
+      },
+      {
+        field: "lastStatus",
+        value: "completed-aborted"
+      }
+    ]
+  }
+];
+
+// src/pages/workflows/getWorkflowsListTabTypeFromString.ts
+var getWorkflowsListTabTypeFromString = (tabId) => {
+  if (!tabId) {
+    return void 0;
+  }
+  switch (tabId.toUpperCase()) {
+    case "ACTIVE" /* ACTIVE */.toString():
+      return "ACTIVE" /* ACTIVE */;
+    case "COMPLETED" /* COMPLETED */.toString():
+      return "COMPLETED" /* COMPLETED */;
+    default:
+      return void 0;
+  }
+};
+
+// src/pages/workflows/WfoWorkflowsListPage.tsx
+import { Fragment as Fragment62, jsx as jsx245, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
+var WfoWorkflowsListPage = () => {
+  const router = useRouter16();
+  const t = useTranslations79("workflows.index");
+  const [activeTab, setActiveTab] = useQueryParam5(
+    "activeTab",
+    withDefault6(StringParam6, "ACTIVE" /* ACTIVE */)
+  );
+  const [tableDefaults, setTableDefaults] = useState54();
+  const selectedWorkflowsListTab = getWorkflowsListTabTypeFromString(activeTab);
+  const localStorageKey = selectedWorkflowsListTab === "ACTIVE" /* ACTIVE */ ? ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY : COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY;
+  const getStoredTableConfig = useStoredTableConfig(localStorageKey);
+  useEffect40(() => {
+    const storedConfig = getStoredTableConfig();
+    if (storedConfig) {
+      setTableDefaults(storedConfig);
     }
-  };
-  const onUpdateDataSorting = ({ field, sortOrder }) => {
-    setDataSorting({ field, sortOrder });
-    setPageCursor(void 0);
-  };
-  const onUpdatePageSize = (updatedPageSize) => {
-    if (updatedPageSize === pageSize) {
-      return;
+  }, [getStoredTableConfig]);
+  const { dataDisplayParams, setDataDisplayParam } = useDataDisplayParams({
+    // TODO: Improvement: A default pageSize value is set to avoid a graphql error when the query is executed
+    // https://github.com/workfloworchestrator/orchestrator-ui/issues/261
+    pageSize: tableDefaults?.selectedPageSize || DEFAULT_PAGE_SIZE,
+    sortBy: {
+      field: "lastModifiedAt",
+      order: "DESC" /* DESC */
     }
-    setPageSize(updatedPageSize);
-    setPageCursor(void 0);
+  });
+  const handleChangeWorkflowsListTab = (updatedWorkflowsListTab) => {
+    setActiveTab(updatedWorkflowsListTab);
+    setDataDisplayParam("pageIndex", 0);
   };
-  return /* @__PURE__ */ jsxs131(Fragment63, { children: [
-    /* @__PURE__ */ jsx246(WfoContentHeader, { title: "Subscriptions (Beta)" }),
-    /* @__PURE__ */ jsx246(
+  const alwaysOnFilters = defaultWorkflowsListTabs.find(({ id }) => id === selectedWorkflowsListTab)?.alwaysOnFilters;
+  if (!selectedWorkflowsListTab) {
+    router.replace(PATH_WORKFLOWS);
+    return null;
+  }
+  return /* @__PURE__ */ jsxs130(Fragment62, { children: [
+    /* @__PURE__ */ jsx245(WfoContentHeader, { title: /* @__PURE__ */ jsx245(WfoTitleWithWebsocketBadge, { title: t("title") }) }),
+    /* @__PURE__ */ jsx245(
       WfoFilterTabs,
       {
-        tabs: subscriptionListTabs,
-        selectedTab,
-        translationNamespace: "subscriptions.tabs",
-        onChangeTab: handleChangeTab
+        tabs: defaultWorkflowsListTabs,
+        translationNamespace: "workflows.tabs",
+        selectedTab: selectedWorkflowsListTab,
+        onChangeTab: handleChangeWorkflowsListTab
       }
     ),
-    /* @__PURE__ */ jsx246(EuiSpacer29, { size: "l" }),
-    /* @__PURE__ */ jsx246(
-      WfoStructuredSearchTable,
+    /* @__PURE__ */ jsx245(EuiSpacer28, { size: "xxl" }),
+    /* @__PURE__ */ jsx245(
+      WfoProcessesList,
       {
-        data: subscriptionListItems,
-        rowExpandingConfiguration,
+        alwaysOnFilters,
         defaultHiddenColumns: tableDefaults?.hiddenColumns,
-        defaultShowMatchDetails: tableDefaults?.showMatchDetails,
-        defaultAdvancedNestedSearch: tableDefaults?.advancedNestedSearch,
-        filterString,
-        handleSearch: handleApplyFilter,
-        isLoading: isFetching,
-        dataSorting: [dataSorting],
-        isValidFilterString,
-        localStorageKey: SEARCH_TABLE_LOCAL_STORAGE_KEY,
-        onUpdateFilterString,
-        onUpdateQueryBuilder,
-        onChangeQueryString,
-        onSearchQueryString,
-        onShowMore,
-        onUpdateRetrieverType,
-        queryBuilderRuleGroup,
-        queryString,
-        retrieverType,
-        tableColumnConfig: tableColumnConfigWithSortingAndFiltering,
-        getColumnSearchFieldName: (field) => getKeyByValueFromMap(resultColumToPropertyMap, field),
-        pageSize,
-        onUpdateDataSorting,
-        setPageSize: onUpdatePageSize,
-        totalItems,
-        hasNextPage,
-        prefilledFieldOptions,
-        onExportData: exportData
+        localStorageKey,
+        dataDisplayParams,
+        setDataDisplayParam
       }
     )
   ] });
 };
 
 // src/components/WfoProcessList/WfoProcessListDeltaPopover.tsx
-import { useState as useState56 } from "react";
-import { useTranslations as useTranslations81 } from "next-intl";
+import { useState as useState55 } from "react";
+import { useTranslations as useTranslations80 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon16, EuiLoadingSpinner as EuiLoadingSpinner6, EuiPanel as EuiPanel8, EuiPopover as EuiPopover9 } from "@elastic/eui";
 
 // src/components/WfoProcessList/styles.ts
@@ -18043,32 +17954,32 @@ var getWfoProcessListDeltaPopoverStyles = ({ theme }) => {
 };
 
 // src/components/WfoProcessList/WfoProcessListDeltaPopover.tsx
-import { jsx as jsx247 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx246 } from "@emotion/react/jsx-runtime";
 var WfoProcessListDeltaPopover = ({ processListItem }) => {
   const { theme } = useOrchestratorTheme();
   const { popoverPanelStyle, deltaContentPanelStyle, loadingSpinnerStyle } = useWithOrchestratorTheme(
     getWfoProcessListDeltaPopoverStyles
   );
-  const t = useTranslations81("processes.steps");
-  const [isPopoverOpen, setPopoverOpen] = useState56(false);
+  const t = useTranslations80("processes.steps");
+  const [isPopoverOpen, setPopoverOpen] = useState55(false);
   const { processId, workflowTarget } = processListItem;
   const { data, isFetching } = useGetRawProcessDetailQuery({ processId }, { skip: !isPopoverOpen });
   if (workflowTarget !== "MODIFY" /* MODIFY */) {
     return null;
   }
   const { oldText, newText } = getSubscriptionDiffTexts(data);
-  const iconButton = /* @__PURE__ */ jsx247(
+  const iconButton = /* @__PURE__ */ jsx246(
     EuiButtonIcon16,
     {
-      iconType: () => /* @__PURE__ */ jsx247(WfoCode, { color: theme.colors.textDisabled }),
+      iconType: () => /* @__PURE__ */ jsx246(WfoCode, { color: theme.colors.textDisabled }),
       onClick: () => setPopoverOpen(!isPopoverOpen),
       "aria-label": t("showDelta"),
       isLoading: isFetching
     }
   );
-  const button = isPopoverOpen ? iconButton : /* @__PURE__ */ jsx247(WfoToolTip, { tooltipContent: t("showDelta"), children: iconButton });
-  const SubscriptionDeltaContent = () => /* @__PURE__ */ jsx247(WfoDiff_default, { oldText, newText, syntax: "javascript" });
-  return /* @__PURE__ */ jsx247(
+  const button = isPopoverOpen ? iconButton : /* @__PURE__ */ jsx246(WfoToolTip, { tooltipContent: t("showDelta"), children: iconButton });
+  const SubscriptionDeltaContent = () => /* @__PURE__ */ jsx246(WfoDiff_default, { oldText, newText, syntax: "javascript" });
+  return /* @__PURE__ */ jsx246(
     EuiPopover9,
     {
       id: `delta-${processId}`,
@@ -18080,7 +17991,7 @@ var WfoProcessListDeltaPopover = ({ processListItem }) => {
       ownFocus: true,
       repositionOnScroll: true,
       panelStyle: popoverPanelStyle,
-      children: /* @__PURE__ */ jsx247(EuiPanel8, { color: "transparent", paddingSize: "s", css: deltaContentPanelStyle, children: isFetching ? /* @__PURE__ */ jsx247("div", { css: loadingSpinnerStyle, children: /* @__PURE__ */ jsx247(EuiLoadingSpinner6, { size: "xl" }) }) : /* @__PURE__ */ jsx247(SubscriptionDeltaContent, {}) })
+      children: /* @__PURE__ */ jsx246(EuiPanel8, { color: "transparent", paddingSize: "s", css: deltaContentPanelStyle, children: isFetching ? /* @__PURE__ */ jsx246("div", { css: loadingSpinnerStyle, children: /* @__PURE__ */ jsx246(EuiLoadingSpinner6, { size: "xl" }) }) : /* @__PURE__ */ jsx246(SubscriptionDeltaContent, {}) })
     }
   );
 };
@@ -18186,7 +18097,7 @@ var graphQlProcessFilterMapper = (data) => data?.map(({ field, value }) => ({
 }));
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { jsx as jsx248, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx247, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
 var WfoProcessesList = ({
   alwaysOnFilters,
   defaultHiddenColumns = [],
@@ -18195,21 +18106,21 @@ var WfoProcessesList = ({
   overrideDefaultTableColumns,
   setDataDisplayParam
 }) => {
-  const t = useTranslations82("processes.index");
-  const tError = useTranslations82("errors");
+  const t = useTranslations81("processes.index");
+  const tError = useTranslations81("errors");
   const { showToastMessage } = useShowToastMessage();
   const router = useRouter17();
   const defaultTableColumns = {
     delta: {
       columnType: "control" /* CONTROL */,
       width: "50px",
-      renderControl: (row) => /* @__PURE__ */ jsx248(WfoProcessListDeltaPopover, { processListItem: row })
+      renderControl: (row) => /* @__PURE__ */ jsx247(WfoProcessListDeltaPopover, { processListItem: row })
     },
     workflowName: {
       columnType: "data" /* DATA */,
       label: t("workflowName"),
       width: "225px",
-      renderData: (value, { processId }) => /* @__PURE__ */ jsx248(Link14, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
+      renderData: (value, { processId }) => /* @__PURE__ */ jsx247(Link14, { href: `${PATH_WORKFLOWS}/${processId}`, children: value }),
       renderTooltip: (value) => value
     },
     lastStep: {
@@ -18220,13 +18131,13 @@ var WfoProcessesList = ({
     lastStatus: {
       columnType: "data" /* DATA */,
       label: t("status"),
-      renderData: (cellValue) => /* @__PURE__ */ jsx248(WfoProcessStatusBadge, { processStatus: cellValue }),
+      renderData: (cellValue) => /* @__PURE__ */ jsx247(WfoProcessStatusBadge, { processStatus: cellValue }),
       width: "150px"
     },
     workflowTarget: {
       columnType: "data" /* DATA */,
       label: t("workflowTarget"),
-      renderData: (target) => /* @__PURE__ */ jsx248(WfoWorkflowTargetBadge, { target }),
+      renderData: (target) => /* @__PURE__ */ jsx247(WfoWorkflowTargetBadge, { target }),
       width: "100px"
     },
     tag: {
@@ -18253,13 +18164,13 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("note"),
       width: "250px",
-      renderData: (note, { processId }) => /* @__PURE__ */ jsx248(WfoProcessListNoteEdit, { processId, note })
+      renderData: (note, { processId }) => /* @__PURE__ */ jsx247(WfoProcessListNoteEdit, { processId, note })
     },
     subscriptions: {
       columnType: "data" /* DATA */,
       label: t("subscriptions"),
       width: "425px",
-      renderData: ({ page: subscriptions }, { processId }) => /* @__PURE__ */ jsx248(
+      renderData: ({ page: subscriptions }, { processId }) => /* @__PURE__ */ jsx247(
         WfoProcessListSubscriptionsCell,
         {
           subscriptions,
@@ -18267,8 +18178,8 @@ var WfoProcessesList = ({
           onMoreSubscriptionsClick: () => router.push(`${PATH_WORKFLOWS}/${processId}`)
         }
       ),
-      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx248(WfoProcessListSubscriptionsCell, { subscriptions }),
-      renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */ jsxs132("p", { children: [
+      renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx247(WfoProcessListSubscriptionsCell, { subscriptions }),
+      renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */ jsxs131("p", { children: [
         "- ",
         description
       ] }, subscriptionId)),
@@ -18288,7 +18199,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("processId"),
       width: "90px",
-      renderData: (value) => /* @__PURE__ */ jsx248(WfoFirstPartUUID, { UUID: value }),
+      renderData: (value) => /* @__PURE__ */ jsx247(WfoFirstPartUUID, { UUID: value }),
       renderDetails: (value) => value,
       renderTooltip: (value) => value
     },
@@ -18296,7 +18207,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("started"),
       width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx248(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx247(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (value) => value.toString()
@@ -18305,7 +18216,7 @@ var WfoProcessesList = ({
       columnType: "data" /* DATA */,
       label: t("lastModified"),
       width: "125px",
-      renderData: (value) => /* @__PURE__ */ jsx248(WfoDateTime, { dateOrIsoString: value }),
+      renderData: (value) => /* @__PURE__ */ jsx247(WfoDateTime, { dateOrIsoString: value }),
       renderDetails: parseDateToLocaleDateTimeString,
       clipboardText: parseDateToLocaleDateTimeString,
       renderTooltip: (value) => value.toString()
@@ -18341,7 +18252,7 @@ var WfoProcessesList = ({
     pageInfo?.sortFields,
     pageInfo?.filterFields
   );
-  return /* @__PURE__ */ jsx248(
+  return /* @__PURE__ */ jsx247(
     WfoAdvancedTable,
     {
       queryString,
@@ -18398,11 +18309,11 @@ var getStyles13 = ({ theme }) => {
 };
 
 // src/components/WfoJsonCodeBlock/WfoJsonCodeBlock.tsx
-import { jsx as jsx249 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx248 } from "@emotion/react/jsx-runtime";
 var WfoJsonCodeBlock = ({ data, isBasicStyle = false }) => {
   const { euiCodeBlockStyle, euiBasicCodeBlockStyle } = useWithOrchestratorTheme(getStyles13);
   const json = JSON.stringify(data, null, 4);
-  return /* @__PURE__ */ jsx249(
+  return /* @__PURE__ */ jsx248(
     EuiCodeBlock3,
     {
       css: isBasicStyle ? euiBasicCodeBlockStyle : euiCodeBlockStyle,
@@ -18415,9 +18326,9 @@ var WfoJsonCodeBlock = ({ data, isBasicStyle = false }) => {
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { useState as useState57 } from "react";
-import { useTranslations as useTranslations83 } from "next-intl";
-import { EuiButton as EuiButton19, EuiComboBox as EuiComboBox2, EuiPanel as EuiPanel9, EuiSpacer as EuiSpacer30, EuiText as EuiText30 } from "@elastic/eui";
+import { useState as useState56 } from "react";
+import { useTranslations as useTranslations82 } from "next-intl";
+import { EuiButton as EuiButton19, EuiComboBox as EuiComboBox2, EuiPanel as EuiPanel9, EuiSpacer as EuiSpacer29, EuiText as EuiText30 } from "@elastic/eui";
 
 // src/components/WfoSettings/styles.ts
 import { css as css41 } from "@emotion/react";
@@ -18443,12 +18354,12 @@ var getWfoFlushSettingsStyle = ({ theme }) => {
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { jsx as jsx250, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx249, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const { comboboxStyle } = useWithOrchestratorTheme(getWfoFlushSettingsStyle);
   const [clearCache] = useClearCacheMutation();
-  const t = useTranslations83("settings.page");
-  const [selectedOptions, setSelected] = useState57([]);
+  const t = useTranslations82("settings.page");
+  const [selectedOptions, setSelected] = useState56([]);
   const { showToastMessage } = useShowToastMessage();
   const onChange = (selectedOptions2) => {
     setSelected(selectedOptions2);
@@ -18469,10 +18380,10 @@ var WfoFlushSettings = () => {
       showToastMessage("ERROR" /* ERROR */, `Flush for cache key ${cacheKey} failed`, "Flush failed");
     });
   };
-  return /* @__PURE__ */ jsx250(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs133(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-    /* @__PURE__ */ jsx250(EuiText30, { size: "s", children: /* @__PURE__ */ jsx250("h4", { children: t("flushCacheSettingsTitle") }) }),
-    /* @__PURE__ */ jsx250(EuiSpacer30, { size: "m" }),
-    /* @__PURE__ */ jsx250(
+  return /* @__PURE__ */ jsx249(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs132(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+    /* @__PURE__ */ jsx249(EuiText30, { size: "s", children: /* @__PURE__ */ jsx249("h4", { children: t("flushCacheSettingsTitle") }) }),
+    /* @__PURE__ */ jsx249(EuiSpacer29, { size: "m" }),
+    /* @__PURE__ */ jsx249(
       EuiComboBox2,
       {
         css: comboboxStyle,
@@ -18485,119 +18396,119 @@ var WfoFlushSettings = () => {
         fullWidth: true
       }
     ),
-    /* @__PURE__ */ jsx250(EuiSpacer30, { size: "m" }),
-    /* @__PURE__ */ jsx250(EuiButton19, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
+    /* @__PURE__ */ jsx249(EuiSpacer29, { size: "m" }),
+    /* @__PURE__ */ jsx249(EuiButton19, { onClick: flushCache, iconType: "refresh", children: t("flushButton") })
   ] }) });
 };
 
 // src/components/WfoSettings/WfoEngineStatusButton.tsx
-import { useTranslations as useTranslations84 } from "next-intl";
+import { useTranslations as useTranslations83 } from "next-intl";
 import { EuiButton as EuiButton20 } from "@elastic/eui";
-import { jsx as jsx251 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx250 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
-  const t = useTranslations84("settings.page");
+  const t = useTranslations83("settings.page");
   if (isLoading || isSettingEngineStatus) {
-    return /* @__PURE__ */ jsx251(EuiButton20, { isLoading: true, fill: true, children: "Loading..." });
+    return /* @__PURE__ */ jsx250(EuiButton20, { isLoading: true, fill: true, children: "Loading..." });
   }
-  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx251(EuiButton20, { onClick: () => setEngineStatus(true), color: "warning", fill: true, iconType: "pause", children: t("pauseEngine") }) : /* @__PURE__ */ jsx251(EuiButton20, { onClick: () => setEngineStatus(false), color: "primary", fill: true, iconType: "play", children: t("startEngine") });
+  return engineStatus === "RUNNING" /* RUNNING */ ? /* @__PURE__ */ jsx250(EuiButton20, { onClick: () => setEngineStatus(true), color: "warning", fill: true, iconType: "pause", children: t("pauseEngine") }) : /* @__PURE__ */ jsx250(EuiButton20, { onClick: () => setEngineStatus(false), color: "primary", fill: true, iconType: "play", children: t("startEngine") });
 };
 
 // src/components/WfoSettings/WfoModifySettings.tsx
-import { useTranslations as useTranslations85 } from "next-intl";
-import { EuiFlexItem as EuiFlexItem33, EuiPanel as EuiPanel10, EuiSpacer as EuiSpacer31, EuiText as EuiText31 } from "@elastic/eui";
-import { jsx as jsx252, jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations84 } from "next-intl";
+import { EuiFlexItem as EuiFlexItem33, EuiPanel as EuiPanel10, EuiSpacer as EuiSpacer30, EuiText as EuiText31 } from "@elastic/eui";
+import { jsx as jsx251, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
-  const t = useTranslations85("settings.page");
-  return /* @__PURE__ */ jsxs134(EuiFlexItem33, { children: [
-    /* @__PURE__ */ jsxs134(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-      /* @__PURE__ */ jsx252(EuiText31, { size: "s", children: /* @__PURE__ */ jsx252("h4", { children: t("resetTextSearchIndex") }) }),
-      /* @__PURE__ */ jsx252(EuiSpacer31, { size: "m" }),
-      /* @__PURE__ */ jsx252(WfoResetTextSearchIndexButton, {})
+  const t = useTranslations84("settings.page");
+  return /* @__PURE__ */ jsxs133(EuiFlexItem33, { children: [
+    /* @__PURE__ */ jsxs133(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+      /* @__PURE__ */ jsx251(EuiText31, { size: "s", children: /* @__PURE__ */ jsx251("h4", { children: t("resetTextSearchIndex") }) }),
+      /* @__PURE__ */ jsx251(EuiSpacer30, { size: "m" }),
+      /* @__PURE__ */ jsx251(WfoResetTextSearchIndexButton, {})
     ] }),
-    /* @__PURE__ */ jsxs134(WfoIsAllowedToRender, { resource: "/orchestrator/settings/start-stop-engine" /* SETTINGS_START_STOP_ENGINE */, children: [
-      /* @__PURE__ */ jsx252(EuiSpacer31, {}),
-      /* @__PURE__ */ jsxs134(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-        /* @__PURE__ */ jsx252(EuiText31, { size: "s", children: /* @__PURE__ */ jsx252("h4", { children: t("modifyEngine") }) }),
-        /* @__PURE__ */ jsx252(EuiSpacer31, { size: "m" }),
-        /* @__PURE__ */ jsx252(WfoEngineStatusButton, {})
+    /* @__PURE__ */ jsxs133(WfoIsAllowedToRender, { resource: "/orchestrator/settings/start-stop-engine" /* SETTINGS_START_STOP_ENGINE */, children: [
+      /* @__PURE__ */ jsx251(EuiSpacer30, {}),
+      /* @__PURE__ */ jsxs133(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
+        /* @__PURE__ */ jsx251(EuiText31, { size: "s", children: /* @__PURE__ */ jsx251("h4", { children: t("modifyEngine") }) }),
+        /* @__PURE__ */ jsx251(EuiSpacer30, { size: "m" }),
+        /* @__PURE__ */ jsx251(WfoEngineStatusButton, {})
       ] })
     ] })
   ] });
 };
 
 // src/components/WfoSettings/WfoEngineStatus.tsx
-import { useTranslations as useTranslations86 } from "next-intl";
+import { useTranslations as useTranslations85 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup32, EuiFlexItem as EuiFlexItem34, EuiPanel as EuiPanel11, EuiText as EuiText32 } from "@elastic/eui";
-import { jsx as jsx253, jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx252, jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatus = () => {
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
-  const t = useTranslations86("settings.page");
-  return /* @__PURE__ */ jsx253(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs135(EuiFlexGroup32, { direction: "column", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx253(EuiFlexItem34, { children: /* @__PURE__ */ jsx253(EuiText32, { size: "s", children: /* @__PURE__ */ jsx253("h4", { children: t("engineStatusTitle") }) }) }),
-    /* @__PURE__ */ jsxs135(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx253(EuiText32, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
-      /* @__PURE__ */ jsx253(EuiText32, { size: "s", children: runningProcesses || "-" })
+  const t = useTranslations85("settings.page");
+  return /* @__PURE__ */ jsx252(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs134(EuiFlexGroup32, { direction: "column", gutterSize: "s", children: [
+    /* @__PURE__ */ jsx252(EuiFlexItem34, { children: /* @__PURE__ */ jsx252(EuiText32, { size: "s", children: /* @__PURE__ */ jsx252("h4", { children: t("engineStatusTitle") }) }) }),
+    /* @__PURE__ */ jsxs134(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx252(EuiText32, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
+      /* @__PURE__ */ jsx252(EuiText32, { size: "s", children: runningProcesses || "-" })
     ] }),
-    /* @__PURE__ */ jsxs135(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx253(EuiText32, { size: "s", style: { minWidth: 190 }, children: t("status") }),
-      /* @__PURE__ */ jsx253(WfoStatusDotIcon, { color: isRunning ? theme.colors.success : theme.colors.warning }),
-      /* @__PURE__ */ jsx253(EuiText32, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx253("p", { children: engineStatus }) })
+    /* @__PURE__ */ jsxs134(EuiFlexItem34, { css: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx252(EuiText32, { size: "s", style: { minWidth: 190 }, children: t("status") }),
+      /* @__PURE__ */ jsx252(WfoStatusDotIcon, { color: isRunning ? theme.colors.success : theme.colors.warning }),
+      /* @__PURE__ */ jsx252(EuiText32, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx252("p", { children: engineStatus }) })
     ] })
   ] }) });
 };
 
 // src/components/WfoSettings/WfoWorkerStatus.tsx
-import { useTranslations as useTranslations87 } from "next-intl";
+import { useTranslations as useTranslations86 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup33, EuiFlexItem as EuiFlexItem35, EuiPanel as EuiPanel12, EuiText as EuiText33 } from "@elastic/eui";
-import { jsx as jsx254, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx253, jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
 var WfoWorkerStatus = () => {
   const { data } = useGetWorkerStatusQuery();
   const { executorType, numberOfQueuedJobs, numberOfRunningJobs, numberOfWorkersOnline } = data || {};
-  const t = useTranslations87("settings.page");
-  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx254(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs136(EuiFlexGroup33, { direction: "column", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx254(EuiFlexItem35, { children: /* @__PURE__ */ jsx254(EuiText33, { size: "s", children: /* @__PURE__ */ jsx254("h4", { children: t("workerStatusTitle") }) }) }),
-    /* @__PURE__ */ jsxs136(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx254(EuiText33, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
-      /* @__PURE__ */ jsx254(EuiText33, { size: "s", children: numberOfQueuedJobs || "-" })
+  const t = useTranslations86("settings.page");
+  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx253(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs135(EuiFlexGroup33, { direction: "column", gutterSize: "s", children: [
+    /* @__PURE__ */ jsx253(EuiFlexItem35, { children: /* @__PURE__ */ jsx253(EuiText33, { size: "s", children: /* @__PURE__ */ jsx253("h4", { children: t("workerStatusTitle") }) }) }),
+    /* @__PURE__ */ jsxs135(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx253(EuiText33, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
+      /* @__PURE__ */ jsx253(EuiText33, { size: "s", children: numberOfQueuedJobs || "-" })
     ] }),
-    /* @__PURE__ */ jsxs136(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx254(EuiText33, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
-      /* @__PURE__ */ jsx254(EuiText33, { size: "s", children: numberOfRunningJobs || "-" })
+    /* @__PURE__ */ jsxs135(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx253(EuiText33, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
+      /* @__PURE__ */ jsx253(EuiText33, { size: "s", children: numberOfRunningJobs || "-" })
     ] }),
-    /* @__PURE__ */ jsxs136(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx254(EuiText33, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
-      /* @__PURE__ */ jsx254(EuiText33, { size: "s", children: numberOfWorkersOnline || "-" })
+    /* @__PURE__ */ jsxs135(EuiFlexItem35, { css: { flexDirection: "row" }, children: [
+      /* @__PURE__ */ jsx253(EuiText33, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
+      /* @__PURE__ */ jsx253(EuiText33, { size: "s", children: numberOfWorkersOnline || "-" })
     ] })
   ] }) }) || null;
 };
 
 // src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx
-import { useTranslations as useTranslations88 } from "next-intl";
+import { useTranslations as useTranslations87 } from "next-intl";
 import { EuiButton as EuiButton21 } from "@elastic/eui";
-import { jsx as jsx255 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx254 } from "@emotion/react/jsx-runtime";
 var WfoResetTextSearchIndexButton = () => {
   const [resetTextSearchIndex] = useResetTextSearchIndexMutation();
-  const t = useTranslations88("settings.page");
-  return /* @__PURE__ */ jsx255(EuiButton21, { onClick: () => resetTextSearchIndex(null), iconType: "refresh", children: t("resetTextSearchIndexButton") });
+  const t = useTranslations87("settings.page");
+  return /* @__PURE__ */ jsx254(EuiButton21, { onClick: () => resetTextSearchIndex(null), iconType: "refresh", children: t("resetTextSearchIndexButton") });
 };
 
 // src/components/WfoInsyncIcon/WfoInsyncIcon.tsx
-import { jsx as jsx256 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx255 } from "@emotion/react/jsx-runtime";
 var WfoInsyncIcon = ({ inSync }) => {
   const { theme } = useOrchestratorTheme();
-  return inSync ? /* @__PURE__ */ jsx256(WfoCheckmarkCircleFill, { height: 20, width: 20, color: theme.colors.primary }) : /* @__PURE__ */ jsx256(WfoMinusCircleFill, { height: 20, width: 20, color: theme.colors.danger });
+  return inSync ? /* @__PURE__ */ jsx255(WfoCheckmarkCircleFill, { height: 20, width: 20, color: theme.colors.primary }) : /* @__PURE__ */ jsx255(WfoMinusCircleFill, { height: 20, width: 20, color: theme.colors.danger });
 };
 
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
-import React85 from "react";
-import { jsx as jsx257, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
-var WfoErrorBoundary = class extends React85.Component {
+import React84 from "react";
+import { jsx as jsx256, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
+var WfoErrorBoundary = class extends React84.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -18613,9 +18524,9 @@ var WfoErrorBoundary = class extends React85.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ jsxs137("p", { children: [
+      return /* @__PURE__ */ jsxs136("p", { children: [
         "An unexpected error occurred, try to go back to the ",
-        /* @__PURE__ */ jsx257("a", { href: "/", children: "home page" })
+        /* @__PURE__ */ jsx256("a", { href: "/", children: "home page" })
       ] });
     }
     return this.props.children;
@@ -18647,317 +18558,92 @@ var getStyles14 = ({ theme }) => {
 };
 
 // src/components/WfoNoResults/WfoNoResults.tsx
-import { jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
+import { jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
 var WfoNoResults = ({ text, icon }) => {
   const { panelStyle } = useWithOrchestratorTheme(getStyles14);
-  return /* @__PURE__ */ jsxs138(EuiFlexGroup34, { css: panelStyle, children: [
+  return /* @__PURE__ */ jsxs137(EuiFlexGroup34, { css: panelStyle, children: [
     icon,
     " ",
     text
   ] });
 };
 
-// src/components/WfoRenderElementOrString/WfoRenderElementOrString.tsx
-import { Fragment as Fragment64, jsx as jsx258 } from "@emotion/react/jsx-runtime";
-var WfoRenderElementOrString = ({
-  children,
-  renderString
-}) => {
-  if (typeof children === "string" && renderString) {
-    return renderString(children);
-  }
-  return /* @__PURE__ */ jsx258(Fragment64, { children });
-};
-
-// src/components/WfoStartButton/WfoStartTaskComboBox.tsx
-import { useTranslations as useTranslations89 } from "next-intl";
-import { useRouter as useRouter18 } from "next/router";
-import { jsx as jsx259 } from "@emotion/react/jsx-runtime";
-var WfoStartTaskButtonComboBox = () => {
-  const router = useRouter18();
-  const t = useTranslations89("common");
-  const { isEngineRunningNow } = useCheckEngineStatus();
-  const { data } = useGetTaskOptionsQuery();
-  const taskOptions = data?.startOptions || [];
-  const comboBoxOptions = [...taskOptions].map((option) => ({
-    data: {
-      workflowName: option.name
-    },
-    label: option.description ?? option.name,
-    disabled: option.isAllowed === false
-  })).sort((taskA, taskB) => taskA.label.localeCompare(taskB.label));
-  const handleOptionChange = async (selectedProduct) => {
-    if (await isEngineRunningNow()) {
-      const { workflowName } = selectedProduct.data;
-      router.push({
-        pathname: `${PATH_START_NEW_TASK}/${workflowName}`
-      });
-    }
-  };
-  return /* @__PURE__ */ jsx259(
-    WfoStartButtonComboBox,
-    {
-      buttonText: t("newTask"),
-      options: comboBoxOptions,
-      onOptionChange: handleOptionChange,
-      isProcess: false,
-      css: { width: "600px" }
-    }
-  );
-};
-
-// src/components/WfoSubscriptionsList/subscriptionResultMappers.ts
-var mapGraphQlSubscriptionsResultToPageInfo = (graphqlResponse) => graphqlResponse.pageInfo;
-var mapGraphQlSubscriptionsResultToSubscriptionListItems = (graphqlResponse) => {
-  if (!graphqlResponse) return [];
-  return graphqlResponse.subscriptions.map((subscription) => {
-    const { description, insync, product, startDate, endDate, status, subscriptionId, note, customer, metadata } = subscription;
-    const { name: productName, tag } = product;
-    const { fullname: customerFullname, shortcode: customerShortcode, customerId } = customer;
-    return {
-      subscriptionId,
-      description,
-      status,
-      insync,
-      startDate: parseDate(startDate),
-      endDate: parseDate(endDate),
-      note,
-      productName,
-      tag,
-      customerFullname,
-      customerShortcode,
-      customerId,
-      metadata: Object.keys(metadata).length > 0 ? metadata : null
-    };
-  });
-};
-
-// src/components/WfoSubscriptionsList/subscriptionListTabs.ts
-var WfoSubscriptionListTab = /* @__PURE__ */ ((WfoSubscriptionListTab2) => {
-  WfoSubscriptionListTab2["ACTIVE"] = "ACTIVE";
-  WfoSubscriptionListTab2["TERMINATED"] = "TERMINATED";
-  WfoSubscriptionListTab2["TRANSIENT"] = "TRANSIENT";
-  WfoSubscriptionListTab2["ALL"] = "ALL";
-  return WfoSubscriptionListTab2;
-})(WfoSubscriptionListTab || {});
-var subscriptionListTabs = [
-  {
-    id: "ACTIVE" /* ACTIVE */,
-    translationKey: "active",
-    alwaysOnFilters: [
-      {
-        field: "status",
-        value: "active"
-      }
-    ]
-  },
-  {
-    id: "TERMINATED" /* TERMINATED */,
-    translationKey: "terminated",
-    alwaysOnFilters: [
-      {
-        field: "status",
-        value: "terminated"
-      }
-    ]
-  },
-  {
-    id: "TRANSIENT" /* TRANSIENT */,
-    translationKey: "transient",
-    alwaysOnFilters: [
-      {
-        field: "status",
-        value: "initial-provisioning-migrating"
-      }
-    ]
-  },
-  {
-    id: "ALL" /* ALL */,
-    translationKey: "all"
-  }
-];
-
-// src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
-import { useTranslations as useTranslations90 } from "next-intl";
-import Link15 from "next/link";
-import { useRouter as useRouter19 } from "next/router";
-import { jsx as jsx260 } from "@emotion/react/jsx-runtime";
-var WfoSubscriptionsList = ({
-  alwaysOnFilters,
-  dataDisplayParams,
-  setDataDisplayParam,
-  hiddenColumns
-}) => {
-  const router = useRouter19();
-  const t = useTranslations90("subscriptions.index");
-  const tError = useTranslations90("errors");
-  const { showToastMessage } = useShowToastMessage();
-  const { sortBy: sortBy2, queryString, pageIndex, pageSize } = dataDisplayParams;
-  const graphqlQueryVariables = {
-    first: pageSize,
-    after: pageIndex * pageSize,
-    sortBy: sortBy2,
-    filterBy: alwaysOnFilters,
-    query: queryString || void 0
-  };
-  const { data, isFetching, error, endpointName } = useGetSubscriptionListQuery(graphqlQueryVariables);
-  const subscriptionList = mapGraphQlSubscriptionsResultToSubscriptionListItems(data);
-  const tableColumnConfig = {
-    actions: {
-      columnType: "control" /* CONTROL */,
-      width: "50px",
-      renderControl: (row) => /* @__PURE__ */ jsx260(WfoSubscriptionActions, { compactMode: true, subscriptionId: row.subscriptionId })
-    },
-    subscriptionId: {
-      columnType: "data" /* DATA */,
-      label: t("id"),
-      width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx260(WfoFirstPartUUID, { UUID: value }),
-      renderDetails: (value) => value,
-      renderTooltip: (value) => value
-    },
-    description: {
-      columnType: "data" /* DATA */,
-      label: t("description"),
-      width: "500px",
-      renderData: (value, record) => /* @__PURE__ */ jsx260(Link15, { href: `/subscriptions/${record.subscriptionId}`, children: value }),
-      renderTooltip: (value) => value
-    },
-    status: {
-      columnType: "data" /* DATA */,
-      label: t("status"),
-      width: "120px",
-      renderData: (value) => /* @__PURE__ */ jsx260(WfoSubscriptionStatusBadge, { status: value })
-    },
-    insync: {
-      columnType: "data" /* DATA */,
-      label: t("insync"),
-      width: "75px",
-      renderData: (value) => /* @__PURE__ */ jsx260(WfoInsyncIcon, { inSync: value })
-    },
-    productName: {
-      columnType: "data" /* DATA */,
-      width: "260px",
-      label: t("product")
-    },
-    tag: {
-      columnType: "data" /* DATA */,
-      label: t("tag"),
-      width: "100px"
-    },
-    customerId: {
-      columnType: "data" /* DATA */,
-      label: t("customerId"),
-      width: "100px"
-    },
-    customerFullname: {
-      columnType: "data" /* DATA */,
-      label: t("customerFullname")
-    },
-    customerShortcode: {
-      columnType: "data" /* DATA */,
-      label: t("customerShortcode"),
-      width: "150px"
-    },
-    startDate: {
-      columnType: "data" /* DATA */,
-      label: t("startDate"),
-      width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx260(WfoDateTime, { dateOrIsoString: value }),
-      renderDetails: parseDateToLocaleDateTimeString,
-      clipboardText: parseDateToLocaleDateTimeString,
-      renderTooltip: (cellValue) => cellValue?.toString()
-    },
-    endDate: {
-      columnType: "data" /* DATA */,
-      label: t("endDate"),
-      width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx260(WfoDateTime, { dateOrIsoString: value }),
-      renderDetails: parseDateToLocaleDateTimeString,
-      clipboardText: parseDateToLocaleDateTimeString,
-      renderTooltip: (cellValue) => cellValue?.toString()
-    },
-    note: {
-      columnType: "data" /* DATA */,
-      label: t("note"),
-      width: "300px",
-      renderData: (cellValue, row) => {
-        return /* @__PURE__ */ jsx260(
-          WfoSubscriptionNoteEdit,
-          {
-            onlyShowOnHover: true,
-            endpointName,
-            queryVariables: graphqlQueryVariables,
-            subscriptionId: row.subscriptionId,
-            note: cellValue
-          }
-        );
-      }
+// src/components/WfoRenderElementOrString/WfoRenderElementOrString.tsx
+import { Fragment as Fragment63, jsx as jsx257 } from "@emotion/react/jsx-runtime";
+var WfoRenderElementOrString = ({
+  children,
+  renderString
+}) => {
+  if (typeof children === "string" && renderString) {
+    return renderString(children);
+  }
+  return /* @__PURE__ */ jsx257(Fragment63, { children });
+};
+
+// src/components/WfoStartButton/WfoStartTaskComboBox.tsx
+import { useTranslations as useTranslations88 } from "next-intl";
+import { useRouter as useRouter18 } from "next/router";
+import { jsx as jsx258 } from "@emotion/react/jsx-runtime";
+var WfoStartTaskButtonComboBox = () => {
+  const router = useRouter18();
+  const t = useTranslations88("common");
+  const { isEngineRunningNow } = useCheckEngineStatus();
+  const { data } = useGetTaskOptionsQuery();
+  const taskOptions = data?.startOptions || [];
+  const comboBoxOptions = [...taskOptions].map((option) => ({
+    data: {
+      workflowName: option.name
     },
-    metadata: {
-      columnType: "data" /* DATA */,
-      label: t("metadata"),
-      width: "100px",
-      renderData: (value) => /* @__PURE__ */ jsx260(WfoInlineJson, { data: value }),
-      renderDetails: (value) => value && /* @__PURE__ */ jsx260(WfoJsonCodeBlock, { data: value, isBasicStyle: true }),
-      renderTooltip: (value) => value && /* @__PURE__ */ jsx260(WfoJsonCodeBlock, { data: value, isBasicStyle: false })
+    label: option.description ?? option.name,
+    disabled: option.isAllowed === false
+  })).sort((taskA, taskB) => taskA.label.localeCompare(taskB.label));
+  const handleOptionChange = async (selectedProduct) => {
+    if (await isEngineRunningNow()) {
+      const { workflowName } = selectedProduct.data;
+      router.push({
+        pathname: `${PATH_START_NEW_TASK}/${workflowName}`
+      });
     }
   };
-  const [getSubscriptionListTrigger, { isFetching: isFetchingCsv }] = useLazyGetSubscriptionListQuery();
-  const getSubscriptionListForExport = () => getSubscriptionListTrigger(getQueryVariablesForExport(graphqlQueryVariables)).unwrap();
-  const sortedColumnId = getTypedFieldFromObject(sortBy2?.field, tableColumnConfig);
-  if (!sortedColumnId) {
-    router.replace(PATH_SUBSCRIPTIONS);
-    return null;
-  }
-  const dataSorting = {
-    field: sortedColumnId,
-    sortOrder: dataDisplayParams.sortBy?.order ?? "ASC" /* ASC */
-  };
-  const { totalItems, sortFields, filterFields } = data?.pageInfo ?? {};
-  const pageChange = getPageIndexChangeHandler(setDataDisplayParam);
-  const pageSizeChange = getPageSizeChangeHandler(setDataDisplayParam);
-  const updateQuery = getQueryStringHandler(setDataDisplayParam);
-  const updateSorting = getDataSortHandler(setDataDisplayParam);
-  const pagination = {
-    pageIndex: dataDisplayParams.pageIndex,
-    pageSize: dataDisplayParams.pageSize,
-    pageSizeOptions: DEFAULT_PAGE_SIZES,
-    totalItemCount: totalItems ?? 0,
-    onChangePage: pageChange,
-    onChangeItemsPerPage: pageSizeChange
-  };
-  const exportData = csvDownloadHandler(
-    getSubscriptionListForExport,
-    mapGraphQlSubscriptionsResultToSubscriptionListItems,
-    mapGraphQlSubscriptionsResultToPageInfo,
-    Object.keys(tableColumnConfig),
-    getCsvFileNameWithDate("Subscriptions"),
-    showToastMessage,
-    tError
-  );
-  const tableConfig = mapSortableAndFilterableValuesToTableColumnConfig(tableColumnConfig, sortFields, filterFields);
-  return /* @__PURE__ */ jsx260(
-    WfoAdvancedTable,
+  return /* @__PURE__ */ jsx258(
+    WfoStartButtonComboBox,
     {
-      queryString: dataDisplayParams.queryString,
-      onUpdateQueryString: updateQuery,
-      data: subscriptionList,
-      tableColumnConfig: tableConfig,
-      defaultHiddenColumns: hiddenColumns,
-      dataSorting: [dataSorting],
-      isLoading: isFetching,
-      localStorageKey: SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY,
-      detailModalTitle: "Details - Subscription",
-      pagination,
-      error: mapRtkErrorToWfoError(error),
-      onUpdateDataSorting: updateSorting,
-      onExportData: exportData,
-      exportDataIsLoading: isFetchingCsv
+      buttonText: t("newTask"),
+      options: comboBoxOptions,
+      onOptionChange: handleOptionChange,
+      isProcess: false,
+      css: { width: "600px" }
     }
   );
 };
 
+// src/components/WfoSubscriptionsList/subscriptionListTabs.ts
+var WfoSubscriptionListTab = /* @__PURE__ */ ((WfoSubscriptionListTab2) => {
+  WfoSubscriptionListTab2["ACTIVE"] = "ACTIVE";
+  WfoSubscriptionListTab2["TERMINATED"] = "TERMINATED";
+  WfoSubscriptionListTab2["TRANSIENT"] = "TRANSIENT";
+  WfoSubscriptionListTab2["ALL"] = "ALL";
+  return WfoSubscriptionListTab2;
+})(WfoSubscriptionListTab || {});
+var subscriptionListTabs = [
+  {
+    id: "ACTIVE" /* ACTIVE */,
+    translationKey: "active"
+  },
+  {
+    id: "TERMINATED" /* TERMINATED */,
+    translationKey: "terminated"
+  },
+  {
+    id: "TRANSIENT" /* TRANSIENT */,
+    translationKey: "transient"
+  },
+  {
+    id: "ALL" /* ALL */,
+    translationKey: "all"
+  }
+];
+
 // src/components/WfoSummary/getNumberOfColumns.ts
 var getNumberOfColumns = (currentBreakpoint) => {
   switch (currentBreakpoint) {
@@ -19001,7 +18687,7 @@ var getWfoSummaryCardHeaderStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
-import { jsx as jsx261, jsxs as jsxs139 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx259, jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardHeader = ({
   text,
   value,
@@ -19011,8 +18697,8 @@ var WfoSummaryCardHeader = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { avatarStyle, totalSectionStyle, valueStyle } = useWithOrchestratorTheme(getWfoSummaryCardHeaderStyles);
-  return /* @__PURE__ */ jsx261(EuiFlexItem36, { grow: 0, children: /* @__PURE__ */ jsx261(EuiPanel13, { hasShadow: false, css: { backgroundColor: theme.colors.backgroundBaseSubdued }, paddingSize: "l", children: /* @__PURE__ */ jsxs139(EuiFlexGroup35, { alignItems: "center", children: [
-    /* @__PURE__ */ jsx261(
+  return /* @__PURE__ */ jsx259(EuiFlexItem36, { grow: 0, children: /* @__PURE__ */ jsx259(EuiPanel13, { hasShadow: false, css: { backgroundColor: theme.colors.backgroundBaseSubdued }, paddingSize: "l", children: /* @__PURE__ */ jsxs138(EuiFlexGroup35, { alignItems: "center", children: [
+    /* @__PURE__ */ jsx259(
       EuiAvatar,
       {
         iconSize: "l",
@@ -19025,25 +18711,25 @@ var WfoSummaryCardHeader = ({
         color: iconColor
       }
     ),
-    /* @__PURE__ */ jsxs139("div", { css: totalSectionStyle, children: [
-      /* @__PURE__ */ jsx261(EuiText34, { color: "subdued", children: text }),
-      /* @__PURE__ */ jsxs139(EuiFlexGroup35, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx261(EuiText34, { css: valueStyle, children: value }),
-        isFetching && /* @__PURE__ */ jsx261(EuiLoadingSpinner7, {})
+    /* @__PURE__ */ jsxs138("div", { css: totalSectionStyle, children: [
+      /* @__PURE__ */ jsx259(EuiText34, { color: "subdued", children: text }),
+      /* @__PURE__ */ jsxs138(EuiFlexGroup35, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx259(EuiText34, { css: valueStyle, children: value }),
+        isFetching && /* @__PURE__ */ jsx259(EuiLoadingSpinner7, {})
       ] })
     ] })
   ] }) }) });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { useRouter as useRouter20 } from "next/router";
+import { useRouter as useRouter19 } from "next/router";
 import {
   EuiButton as EuiButton22,
   EuiFlexItem as EuiFlexItem38,
   EuiHorizontalRule as EuiHorizontalRule8,
   EuiPanel as EuiPanel14,
   EuiSkeletonText as EuiSkeletonText2,
-  EuiSpacer as EuiSpacer32,
+  EuiSpacer as EuiSpacer31,
   useEuiScrollBar as useEuiScrollBar4
 } from "@elastic/eui";
 
@@ -19051,13 +18737,13 @@ import {
 import { EuiFlexGroup as EuiFlexGroup36, EuiFlexItem as EuiFlexItem37, EuiIcon as EuiIcon4, EuiTextColor } from "@elastic/eui";
 
 // src/components/WfoOptionalLink/WfoOptionalLink.tsx
-import Link16 from "next/link";
-import { jsx as jsx262 } from "@emotion/react/jsx-runtime";
+import Link15 from "next/link";
+import { jsx as jsx260 } from "@emotion/react/jsx-runtime";
 var WfoOptionalLink = ({ children, href }) => {
   if (!href) {
-    return /* @__PURE__ */ jsx262("span", { children });
+    return /* @__PURE__ */ jsx260("span", { children });
   }
-  return /* @__PURE__ */ jsx262(Link16, { href, children });
+  return /* @__PURE__ */ jsx260(Link15, { href, children });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/styles.ts
@@ -19108,49 +18794,49 @@ var getWfoSummaryCardListStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
-import { jsx as jsx263, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx261, jsxs as jsxs139 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardListItem = ({ title, value, url }) => {
   const { theme } = useOrchestratorTheme();
   const { listItemContainerStyle, listItemTitleStyle, listItemSubtitleStyle, listItemHighlightIconStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx263(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs140(EuiFlexGroup36, { css: listItemContainerStyle, gutterSize: "none", children: [
-    /* @__PURE__ */ jsxs140(EuiFlexItem37, { children: [
-      /* @__PURE__ */ jsx263(EuiTextColor, { color: url ? theme.colors.link : theme.colors.textHeading, css: listItemTitleStyle, children: title }),
-      /* @__PURE__ */ jsx263(EuiTextColor, { css: listItemSubtitleStyle, children: value })
+  return /* @__PURE__ */ jsx261(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs139(EuiFlexGroup36, { css: listItemContainerStyle, gutterSize: "none", children: [
+    /* @__PURE__ */ jsxs139(EuiFlexItem37, { children: [
+      /* @__PURE__ */ jsx261(EuiTextColor, { color: url ? theme.colors.link : theme.colors.textHeading, css: listItemTitleStyle, children: title }),
+      /* @__PURE__ */ jsx261(EuiTextColor, { css: listItemSubtitleStyle, children: value })
     ] }),
-    /* @__PURE__ */ jsx263(EuiFlexItem37, { className: url ? "highlight-icon" : void 0, grow: false, css: listItemHighlightIconStyle, children: /* @__PURE__ */ jsx263(EuiIcon4, { type: "sortRight", color: "primary" }) })
+    /* @__PURE__ */ jsx261(EuiFlexItem37, { className: url ? "highlight-icon" : void 0, grow: false, css: listItemHighlightIconStyle, children: /* @__PURE__ */ jsx261(EuiIcon4, { type: "sortRight", color: "primary" }) })
   ] }) });
 };
 
 // src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
-import { jsx as jsx264, jsxs as jsxs141 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx262, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCardList = ({ title, items, button, isLoading = false }) => {
-  const router = useRouter20();
+  const router = useRouter19();
   const euiScrollBarStyle = useEuiScrollBar4();
   const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
-  return /* @__PURE__ */ jsx264(EuiFlexItem38, { children: /* @__PURE__ */ jsxs141(EuiPanel14, { css: listContainerStyle, hasShadow: false, hasBorder: true, paddingSize: "l", children: [
-    /* @__PURE__ */ jsxs141("div", { children: [
-      /* @__PURE__ */ jsx264("p", { css: listHeaderStyle, children: title }),
-      /* @__PURE__ */ jsx264(EuiSpacer32, { size: "m" }),
-      /* @__PURE__ */ jsx264(EuiSkeletonText2, { isLoading, lines: 10, children: /* @__PURE__ */ jsx264("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs141("div", { children: [
-        /* @__PURE__ */ jsx264(WfoSummaryCardListItem, { title: item.title, value: item.value, url: item.url }),
-        index === items.length - 1 ? null : /* @__PURE__ */ jsx264(EuiHorizontalRule8, { margin: "none" })
+  return /* @__PURE__ */ jsx262(EuiFlexItem38, { children: /* @__PURE__ */ jsxs140(EuiPanel14, { css: listContainerStyle, hasShadow: false, hasBorder: true, paddingSize: "l", children: [
+    /* @__PURE__ */ jsxs140("div", { children: [
+      /* @__PURE__ */ jsx262("p", { css: listHeaderStyle, children: title }),
+      /* @__PURE__ */ jsx262(EuiSpacer31, { size: "m" }),
+      /* @__PURE__ */ jsx262(EuiSkeletonText2, { isLoading, lines: 10, children: /* @__PURE__ */ jsx262("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs140("div", { children: [
+        /* @__PURE__ */ jsx262(WfoSummaryCardListItem, { title: item.title, value: item.value, url: item.url }),
+        index === items.length - 1 ? null : /* @__PURE__ */ jsx262(EuiHorizontalRule8, { margin: "none" })
       ] }, index)) }) })
     ] }),
-    /* @__PURE__ */ jsx264(EuiSpacer32, { size: "m" }),
-    button && /* @__PURE__ */ jsx264(EuiButton22, { fullWidth: true, onClick: () => router.push(button.url), children: button.name })
+    /* @__PURE__ */ jsx262(EuiSpacer31, { size: "m" }),
+    button && /* @__PURE__ */ jsx262(EuiButton22, { fullWidth: true, onClick: () => router.push(button.url), children: button.name })
   ] }) });
 };
 
 // src/components/WfoSummary/WfoSummaryCards.tsx
 import { EuiFlexGrid as EuiFlexGrid2, useCurrentEuiBreakpoint } from "@elastic/eui";
-import { jsx as jsx265 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx263 } from "@emotion/react/jsx-runtime";
 var WfoSummaryCards = ({ children }) => {
   const currentBreakpoint = useCurrentEuiBreakpoint();
-  return /* @__PURE__ */ jsx265(EuiFlexGrid2, { responsive: false, columns: getNumberOfColumns(currentBreakpoint), gutterSize: "xl", children });
+  return /* @__PURE__ */ jsx263(EuiFlexGrid2, { responsive: false, columns: getNumberOfColumns(currentBreakpoint), gutterSize: "xl", children });
 };
 
 // src/components/WfoSummary/WfoSummaryCard.tsx
-import { EuiFlexItem as EuiFlexItem39, EuiSpacer as EuiSpacer33 } from "@elastic/eui";
+import { EuiFlexItem as EuiFlexItem39, EuiSpacer as EuiSpacer32 } from "@elastic/eui";
 
 // src/components/WfoSummary/styles.ts
 import { css as css45 } from "@emotion/react";
@@ -19165,7 +18851,7 @@ var getWfoSummaryCardsStyles = ({ theme }) => {
 };
 
 // src/components/WfoSummary/WfoSummaryCard.tsx
-import { jsx as jsx266, jsxs as jsxs142 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx264, jsxs as jsxs141 } from "@emotion/react/jsx-runtime";
 var SummaryCardStatus = /* @__PURE__ */ ((SummaryCardStatus2) => {
   SummaryCardStatus2["Success"] = "Success";
   SummaryCardStatus2["Error"] = "Error";
@@ -19189,28 +18875,28 @@ var WfoSummaryCard = ({
     switch (status) {
       case "Success" /* Success */:
         return {
-          iconType: () => /* @__PURE__ */ jsx266(WfoCheckmarkCircleFill, { width: 32, height: 32, color: theme.colors.textGhost }),
+          iconType: () => /* @__PURE__ */ jsx264(WfoCheckmarkCircleFill, { width: 32, height: 32, color: theme.colors.textGhost }),
           iconColor: theme.colors.success
         };
       case "Error" /* Error */:
         return {
-          iconType: () => /* @__PURE__ */ jsx266(WfoXCircleFill, { width: 32, height: 32, color: theme.colors.textGhost }),
+          iconType: () => /* @__PURE__ */ jsx264(WfoXCircleFill, { width: 32, height: 32, color: theme.colors.textGhost }),
           iconColor: theme.colors.danger
         };
       case "Neutral" /* Neutral */:
         return {
-          iconType: () => /* @__PURE__ */ jsx266(WfoCubeFill, { width: 32, height: 32, color: theme.colors.textGhost }),
+          iconType: () => /* @__PURE__ */ jsx264(WfoCubeFill, { width: 32, height: 32, color: theme.colors.textGhost }),
           iconColor: theme.colors.primary
         };
       default:
         return headerBadge ?? {
-          iconType: () => /* @__PURE__ */ jsx266(WfoCubeFill, { width: 32, height: 32, color: theme.colors.textGhost }),
+          iconType: () => /* @__PURE__ */ jsx264(WfoCubeFill, { width: 32, height: 32, color: theme.colors.textGhost }),
           iconColor: theme.colors.primary
         };
     }
   };
-  return /* @__PURE__ */ jsxs142(EuiFlexItem39, { css: cardContainerStyle, children: [
-    /* @__PURE__ */ jsx266(
+  return /* @__PURE__ */ jsxs141(EuiFlexItem39, { css: cardContainerStyle, children: [
+    /* @__PURE__ */ jsx264(
       WfoSummaryCardHeader,
       {
         text: headerTitle,
@@ -19219,26 +18905,19 @@ var WfoSummaryCard = ({
         ...getIconTypeAndColorForHeaderStatus(headerStatus)
       }
     ),
-    /* @__PURE__ */ jsx266(EuiSpacer33, { size: "m" }),
-    /* @__PURE__ */ jsx266(WfoSummaryCardList, { title: listTitle, items: listItems, button, isLoading })
+    /* @__PURE__ */ jsx264(EuiSpacer32, { size: "m" }),
+    /* @__PURE__ */ jsx264(WfoSummaryCardList, { title: listTitle, items: listItems, button, isLoading })
   ] });
 };
 
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
-import { useTranslations as useTranslations91 } from "next-intl";
+import { useTranslations as useTranslations89 } from "next-intl";
 
 // src/pages/startPage/queryVariables.ts
 var baseQueryVariables = {
   first: 5,
   after: 0
 };
-var baseQueryVariablesForSubscription = {
-  ...baseQueryVariables,
-  sortBy: {
-    field: "startDate",
-    order: "DESC" /* DESC */
-  }
-};
 var baseQueryVariablesForProcess = {
   ...baseQueryVariables,
   sortBy: {
@@ -19257,25 +18936,6 @@ var getTaskFilter = (isTask) => {
     value: isTask ? "true" : "false"
   };
 };
-var subscriptionsListSummaryQueryVariables = {
-  ...baseQueryVariablesForSubscription,
-  filterBy: [
-    {
-      field: "status",
-      value: "Active"
-    }
-  ]
-};
-var outOfSyncSubscriptionsListSummaryQueryVariables = {
-  ...baseQueryVariablesForSubscription,
-  query: "insync:false",
-  filterBy: [
-    {
-      field: "status",
-      value: "Active-Provisioning"
-    }
-  ]
-};
 var getMyWorkflowListSummaryQueryVariables = (username) => ({
   ...baseQueryVariablesForProcess,
   filterBy: [
@@ -19322,15 +18982,15 @@ var productsSummaryQueryVariables = {
 };
 
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
-import { jsx as jsx267 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx265 } from "@emotion/react/jsx-runtime";
 var WfoActiveWorkflowsSummaryCard = () => {
-  const t = useTranslations91("startPage.activeWorkflows");
+  const t = useTranslations89("startPage.activeWorkflows");
   const {
     data: activeWorkflowsSummaryResponse,
     isFetching,
     isLoading
   } = useGetProcessListSummaryQuery(activeWorkflowsListSummaryQueryVariables);
-  return /* @__PURE__ */ jsx267(
+  return /* @__PURE__ */ jsx265(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -19346,16 +19006,16 @@ var WfoActiveWorkflowsSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoFailedTasksSummaryCard.tsx
-import { useTranslations as useTranslations92 } from "next-intl";
-import { jsx as jsx268 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations90 } from "next-intl";
+import { jsx as jsx266 } from "@emotion/react/jsx-runtime";
 var WfoFailedTasksSummaryCard = () => {
-  const t = useTranslations92("startPage.failedTasks");
+  const t = useTranslations90("startPage.failedTasks");
   const {
     data: failedTasksSummaryResponse,
     isFetching,
     isLoading
   } = useGetProcessListSummaryQuery(taskListSummaryQueryVariables);
-  return /* @__PURE__ */ jsx268(
+  return /* @__PURE__ */ jsx266(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -19371,26 +19031,25 @@ var WfoFailedTasksSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoLatestActiveSubscriptionsSummaryCard.tsx
-import { useTranslations as useTranslations93 } from "next-intl";
-import { jsx as jsx269 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations91 } from "next-intl";
+import { jsx as jsx267 } from "@emotion/react/jsx-runtime";
+var activeSubscriptionsFilter = {
+  bool: {
+    must: [{ term: { "subscription.status": "active" } }]
+  }
+};
+var activeSubscriptionsSearchPayload = getSubscriptionSummarySearchPayload(activeSubscriptionsFilter);
 var WfoLatestActiveSubscriptionsSummaryCard = () => {
-  const t = useTranslations93("startPage.activeSubscriptions");
-  const {
-    data: subscriptionsSummaryResult,
-    isFetching,
-    isLoading
-  } = useGetSubscriptionSummaryListQuery(subscriptionsListSummaryQueryVariables);
-  return /* @__PURE__ */ jsx269(
+  const t = useTranslations91("startPage.activeSubscriptions");
+  const { data, isFetching, isLoading } = useSearchQuery(activeSubscriptionsSearchPayload);
+  return /* @__PURE__ */ jsx267(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
-      headerValue: subscriptionsSummaryResult?.pageInfo.totalItems ?? "-",
+      headerValue: data?.cursor?.total_items ?? "-",
       headerStatus: "Neutral" /* Neutral */,
       listTitle: t("listTitle"),
-      listItems: optionalArrayMapper(
-        subscriptionsSummaryResult?.subscriptions,
-        mapSubscriptionSummaryToSummaryCardListItem
-      ),
+      listItems: optionalArrayMapper(data?.data, mapSubscriptionSearchResultToSummaryCardListItem),
       button: { name: t("buttonText"), url: PATH_SUBSCRIPTIONS },
       isLoading,
       isFetching
@@ -19399,31 +19058,37 @@ var WfoLatestActiveSubscriptionsSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoLatestOutOfSyncSubscriptionSummaryCard.tsx
-import { useTranslations as useTranslations94 } from "next-intl";
-import { jsx as jsx270 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations92 } from "next-intl";
+import { jsx as jsx268 } from "@emotion/react/jsx-runtime";
+var OUT_OF_SYNC_CEL = 'subscription.insync == false && (subscription.status == "provisioning" || subscription.status == "active")';
+var outOfSyncSubscriptionsFilter = {
+  bool: {
+    must: [
+      { term: { "subscription.insync": false } },
+      {
+        bool: {
+          should: [{ term: { "subscription.status": "active" } }, { term: { "subscription.status": "provisioning" } }]
+        }
+      }
+    ]
+  }
+};
+var outOfSyncSubscriptionsSearchPayload = getSubscriptionSummarySearchPayload(outOfSyncSubscriptionsFilter);
 var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
-  const t = useTranslations94("startPage.outOfSyncSubscriptions");
-  const {
-    data: outOfSyncSubscriptionsSummaryResult,
-    isFetching,
-    isLoading
-  } = useGetSubscriptionSummaryListQuery(outOfSyncSubscriptionsListSummaryQueryVariables);
+  const t = useTranslations92("startPage.outOfSyncSubscriptions");
+  const { data, isFetching, isLoading } = useSearchQuery(outOfSyncSubscriptionsSearchPayload);
   const queryParams = {
     ["activeTab" /* ACTIVE_TAB */]: "ALL" /* ALL */,
-    ["sortBy" /* SORT_BY */]: "field-startDate_order-ASC",
-    ["queryString" /* QUERY_STRING */]: "status:(provisioning|active) insync:false"
+    ["filterString" /* FILTER_STRING */]: OUT_OF_SYNC_CEL
   };
-  return /* @__PURE__ */ jsx270(
+  return /* @__PURE__ */ jsx268(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
-      headerValue: outOfSyncSubscriptionsSummaryResult?.pageInfo.totalItems ?? "-",
+      headerValue: data?.cursor?.total_items ?? "-",
       headerStatus: "Error" /* Error */,
       listTitle: t("listTitle"),
-      listItems: optionalArrayMapper(
-        outOfSyncSubscriptionsSummaryResult?.subscriptions,
-        mapSubscriptionSummaryToSummaryCardListItem
-      ),
+      listItems: optionalArrayMapper(data?.data, mapSubscriptionSearchResultToSummaryCardListItem),
       button: {
         name: t("buttonText"),
         url: getUrlWithQueryParams(PATH_SUBSCRIPTIONS, queryParams)
@@ -19435,10 +19100,10 @@ var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoMyWorkflowsSummaryCard.tsx
-import { useTranslations as useTranslations95 } from "next-intl";
-import { jsx as jsx271 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations93 } from "next-intl";
+import { jsx as jsx269 } from "@emotion/react/jsx-runtime";
 var WfoMyWorkflowsSummaryCard = ({ username }) => {
-  const t = useTranslations95("startPage.myWorkflows");
+  const t = useTranslations93("startPage.myWorkflows");
   const {
     data: myWorkflowsSummaryResponse,
     isFetching,
@@ -19449,7 +19114,7 @@ var WfoMyWorkflowsSummaryCard = ({ username }) => {
     ["sortBy" /* SORT_BY */]: "field-lastModifiedAt_order-DESC",
     ["queryString" /* QUERY_STRING */]: `createdBy:"${username}"`
   };
-  return /* @__PURE__ */ jsx271(
+  return /* @__PURE__ */ jsx269(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -19468,10 +19133,10 @@ var WfoMyWorkflowsSummaryCard = ({ username }) => {
 };
 
 // src/components/WfoSummary/WfoProductsSummaryCard.tsx
-import { useTranslations as useTranslations96 } from "next-intl";
-import { jsx as jsx272, jsxs as jsxs143 } from "@emotion/react/jsx-runtime";
+import { useTranslations as useTranslations94 } from "next-intl";
+import { jsx as jsx270, jsxs as jsxs142 } from "@emotion/react/jsx-runtime";
 var WfoProductsSummaryCard = () => {
-  const t = useTranslations96("startPage.products");
+  const t = useTranslations94("startPage.products");
   const {
     data: productsSummaryResult,
     isFetching,
@@ -19481,7 +19146,7 @@ var WfoProductsSummaryCard = () => {
     (left, right) => (right.subscriptions.pageInfo.totalItems ?? 0) - (left.subscriptions.pageInfo.totalItems ?? 0)
   ).map((product) => ({
     title: "",
-    value: /* @__PURE__ */ jsxs143(
+    value: /* @__PURE__ */ jsxs142(
       "div",
       {
         css: {
@@ -19489,13 +19154,13 @@ var WfoProductsSummaryCard = () => {
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ jsx272("div", { children: product.name }),
-          /* @__PURE__ */ jsx272("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
+          /* @__PURE__ */ jsx270("div", { children: product.name }),
+          /* @__PURE__ */ jsx270("div", { children: product.subscriptions.pageInfo.totalItems || 0 })
         ]
       }
     )
   })) ?? [];
-  return /* @__PURE__ */ jsx272(
+  return /* @__PURE__ */ jsx270(
     WfoSummaryCard,
     {
       headerTitle: t("headerTitle"),
@@ -19511,27 +19176,27 @@ var WfoProductsSummaryCard = () => {
 
 // src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx
 import { EuiFlexGroup as EuiFlexGroup37, EuiFlexItem as EuiFlexItem40, EuiPageHeader as EuiPageHeader3 } from "@elastic/eui";
-import { jsx as jsx273, jsxs as jsxs144 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx271, jsxs as jsxs143 } from "@emotion/react/jsx-runtime";
 var WfoTitleWithWebsocketBadge = ({
   title,
   wsUrl = void 0,
   extraElement
 }) => {
   const { useWebSockets } = useGetOrchestratorConfig();
-  const pageTitle = useWebSockets || extraElement ? /* @__PURE__ */ jsxs144(EuiFlexGroup37, { alignItems: "center", gutterSize: "s", responsive: false, children: [
-    /* @__PURE__ */ jsx273(EuiFlexItem40, { grow: false, children: title }),
-    useWebSockets && /* @__PURE__ */ jsx273(EuiFlexItem40, { grow: false, children: /* @__PURE__ */ jsx273(WfoWebsocketStatusBadge, { wsUrl }) }),
-    extraElement && /* @__PURE__ */ jsx273(EuiFlexItem40, { grow: false, children: extraElement })
+  const pageTitle = useWebSockets || extraElement ? /* @__PURE__ */ jsxs143(EuiFlexGroup37, { alignItems: "center", gutterSize: "s", responsive: false, children: [
+    /* @__PURE__ */ jsx271(EuiFlexItem40, { grow: false, children: title }),
+    useWebSockets && /* @__PURE__ */ jsx271(EuiFlexItem40, { grow: false, children: /* @__PURE__ */ jsx271(WfoWebsocketStatusBadge, { wsUrl }) }),
+    extraElement && /* @__PURE__ */ jsx271(EuiFlexItem40, { grow: false, children: extraElement })
   ] }) : title;
-  return /* @__PURE__ */ jsx273(EuiPageHeader3, { pageTitle });
+  return /* @__PURE__ */ jsx271(EuiPageHeader3, { pageTitle });
 };
 
 // src/components/WfoRadioDropdown/WfoRadioDropdown.tsx
-import { useState as useState58 } from "react";
+import { useState as useState57 } from "react";
 import { EuiButtonEmpty as EuiButtonEmpty7, EuiFlexGroup as EuiFlexGroup38, EuiPopover as EuiPopover10, EuiRadioGroup as EuiRadioGroup2 } from "@elastic/eui";
-import { jsx as jsx274 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx272 } from "@emotion/react/jsx-runtime";
 var WfoRadioDropdown = ({ options, onUpdateOption, selectedOption }) => {
-  const [isOpen, setIsOpen] = useState58(false);
+  const [isOpen, setIsOpen] = useState57(false);
   const handleClose = () => {
     if (isOpen) {
       setIsOpen(false);
@@ -19549,10 +19214,10 @@ var WfoRadioDropdown = ({ options, onUpdateOption, selectedOption }) => {
     id: option.id,
     label: option.label
   }));
-  return /* @__PURE__ */ jsx274(EuiFlexGroup38, { gutterSize: "s", alignItems: "center", justifyContent: "flexEnd", children: /* @__PURE__ */ jsx274(
+  return /* @__PURE__ */ jsx272(EuiFlexGroup38, { gutterSize: "s", alignItems: "center", justifyContent: "flexEnd", children: /* @__PURE__ */ jsx272(
     EuiPopover10,
     {
-      button: /* @__PURE__ */ jsx274(
+      button: /* @__PURE__ */ jsx272(
         EuiButtonEmpty7,
         {
           size: "s",
@@ -19573,69 +19238,80 @@ var WfoRadioDropdown = ({ options, onUpdateOption, selectedOption }) => {
       isOpen,
       closePopover: handleClose,
       anchorPosition: "downLeft",
-      children: /* @__PURE__ */ jsx274(EuiRadioGroup2, { options: radioGroupOptions, idSelected: selectedOption.id, onChange: handleSelectRadio })
+      children: /* @__PURE__ */ jsx272(EuiRadioGroup2, { options: radioGroupOptions, idSelected: selectedOption.id, onChange: handleSelectRadio })
     }
   ) });
 };
 
 // src/rtk/endpoints/subscriptionListMutation.ts
+var SEARCH_NOTE_COLUMN = "subscription.note";
+var SEARCH_ID_COLUMN = "subscription.subscription_id";
+var patchNoteInListDraft = (draft, subscriptionId, note) => {
+  if ("subscriptions" in draft) {
+    const subscription = draft.subscriptions.find((item) => item.subscriptionId === subscriptionId);
+    if (subscription) {
+      subscription.note = note;
+    }
+    return;
+  }
+  const searchResult = draft.data?.find(
+    ({ response_columns }) => response_columns[SEARCH_ID_COLUMN] === subscriptionId
+  );
+  if (searchResult) {
+    searchResult.response_columns[SEARCH_NOTE_COLUMN] = note;
+  }
+};
+var SEARCH_ENDPOINT_NAME = "search";
 var subscriptionListMutationApi = orchestratorApi.injectEndpoints({
   endpoints: (builder) => ({
-    emptyQuery: builder.query({
-      query: () => ({})
-    }),
-    emptyDetailQuery: builder.query({ query: () => ({}) }),
     updateSubscriptionNoteOptimistic: builder.mutation({
       queryFn: async () => ({ data: { mockResponse: true } }),
-      async onQueryStarted({ queryName, subscriptionId, graphQlQueryVariables, ...patch }, { dispatch, queryFulfilled }) {
-        const patchResult = dispatch(
+      // Patches the detail cache, all cached search result sets and the optional GraphQL list so
+      // the note stays consistent when navigating between pages. updateQueryData is a no-op for
+      // a cache entry that does not exist, and patching the same entry twice is harmless.
+      async onQueryStarted({ subscriptionId, note, listQuery }, { dispatch, getState, queryFulfilled }) {
+        const patchList = (queryName, queryVariables) => dispatch(
           subscriptionListMutationApi.util.updateQueryData(
-            // @ts-expect-error - Suggest ts ignore because of the type mismatch between emptyQuery and queryName
+            // @ts-expect-error - queryName is a runtime string, not a known endpoint name
             queryName,
-            graphQlQueryVariables,
-            (draft) => {
-              const subscription = draft.subscriptions.find((item) => item.subscriptionId === subscriptionId);
-              if (subscription) {
-                subscription.note = patch.note;
-              }
-            }
+            queryVariables,
+            (draft) => patchNoteInListDraft(draft, subscriptionId, note)
           )
         );
-        try {
-          await queryFulfilled;
-        } catch {
-          patchResult.undo();
-        }
-      }
-    }),
-    updateSubscriptionDetailNoteOptimistic: builder.mutation({
-      queryFn: async () => ({ data: { mockResponse: true } }),
-      async onQueryStarted({ queryName, subscriptionId, ...patch }, { dispatch, queryFulfilled }) {
-        const patchResult = dispatch(
-          subscriptionListMutationApi.util.updateQueryData(
-            // @ts-expect-error - Suggest ts ignore because of the type mismatch between emptyDetailQuery and queryName
-            queryName,
-            { subscriptionId },
-            (draft) => {
-              if (draft) {
-                draft.subscription.note = patch.note;
-              }
-            }
-          )
+        const cachedSearchArgs = subscriptionListMutationApi.util.selectCachedArgsForQuery(
+          getState(),
+          // @ts-expect-error - search is injected by another slice, unknown to this one
+          SEARCH_ENDPOINT_NAME
         );
+        const patchResults = [
+          dispatch(
+            subscriptionListMutationApi.util.updateQueryData(
+              // @ts-expect-error - getSubscriptionDetail is injected by another slice, unknown to this one
+              "getSubscriptionDetail",
+              { subscriptionId },
+              (draft) => {
+                if (draft?.subscription) {
+                  draft.subscription.note = note;
+                }
+              }
+            )
+          ),
+          ...cachedSearchArgs.map((searchArgs) => patchList(SEARCH_ENDPOINT_NAME, searchArgs)),
+          ...listQuery ? [patchList(listQuery.queryName, listQuery.queryVariables)] : []
+        ];
         try {
           await queryFulfilled;
         } catch {
-          patchResult.undo();
+          patchResults.forEach((patchResult) => patchResult.undo());
         }
       }
     })
   })
 });
-var { useUpdateSubscriptionNoteOptimisticMutation, useUpdateSubscriptionDetailNoteOptimisticMutation } = subscriptionListMutationApi;
+var { useUpdateSubscriptionNoteOptimisticMutation } = subscriptionListMutationApi;
 
 // src/components/WfoInlineNoteEdit/WfoSubscriptionNoteEdit.tsx
-import { jsx as jsx275 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx273 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionNoteEdit = ({
   onlyShowOnHover = false,
   queryVariables,
@@ -19644,21 +19320,20 @@ var WfoSubscriptionNoteEdit = ({
   note
 }) => {
   const [startProcess] = useStartProcessMutation();
-  const [updateSub] = useUpdateSubscriptionNoteOptimisticMutation();
+  const [updateSubscriptionNoteOptimistic] = useUpdateSubscriptionNoteOptimisticMutation();
   const triggerNoteModifyWorkflow = (note2) => {
     const noteModifyPayload = [{ subscription_id: subscriptionId }, { note: note2 === INVISIBLE_CHARACTER ? "" : note2 }];
     startProcess({
       workflowName: "modify_note",
       userInputs: noteModifyPayload
     });
-    updateSub({
-      queryName: endpointName ?? "",
+    updateSubscriptionNoteOptimistic({
       subscriptionId,
-      graphQlQueryVariables: queryVariables,
-      note: note2
+      note: note2,
+      listQuery: { queryName: endpointName ?? "", queryVariables }
     });
   };
-  return /* @__PURE__ */ jsx275(
+  return /* @__PURE__ */ jsx273(
     WfoInlineEdit,
     {
       value: note?.trim() ? note : INVISIBLE_CHARACTER,
@@ -19669,30 +19344,26 @@ var WfoSubscriptionNoteEdit = ({
 };
 
 // src/components/WfoInlineNoteEdit/WfoSubscriptionDetailNoteEdit.tsx
-import { jsx as jsx276 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx274 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionDetailNoteEdit = ({
   subscriptionId,
   onlyShowOnHover = false
 }) => {
-  const { data, endpointName } = useGetSubscriptionDetailQuery({
+  const { data } = useGetSubscriptionDetailQuery({
     subscriptionId
   });
   const selectedItem = data?.subscription ?? { note: "" };
   const [startProcess] = useStartProcessMutation();
-  const [updateSub] = useUpdateSubscriptionDetailNoteOptimisticMutation();
+  const [updateSubscriptionNoteOptimistic] = useUpdateSubscriptionNoteOptimisticMutation();
   const triggerNoteModifyWorkflow = (note) => {
     const noteModifyPayload = [{ subscription_id: subscriptionId }, { note }];
     startProcess({
       workflowName: "modify_note",
       userInputs: noteModifyPayload
     });
-    updateSub({
-      queryName: endpointName ?? "",
-      subscriptionId,
-      note
-    });
+    updateSubscriptionNoteOptimistic({ subscriptionId, note });
   };
-  return /* @__PURE__ */ jsx276(
+  return /* @__PURE__ */ jsx274(
     WfoInlineEdit,
     {
       value: selectedItem?.note?.trim() ? selectedItem.note : INVISIBLE_CHARACTER,
@@ -19703,7 +19374,7 @@ var WfoSubscriptionDetailNoteEdit = ({
 };
 
 // src/components/WfoInlineNoteEdit/WfoProcessListNoteEdit.tsx
-import { jsx as jsx277 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx275 } from "@emotion/react/jsx-runtime";
 var WfoProcessListNoteEdit = ({ processId, note }) => {
   const [patchProcess] = usePatchProcessMutation();
   const onSaveNote = async (note2) => {
@@ -19711,7 +19382,7 @@ var WfoProcessListNoteEdit = ({ processId, note }) => {
     patchProcess(noteModifyPayload);
     return note2;
   };
-  return /* @__PURE__ */ jsx277(WfoInlineEdit, { value: note?.trim() ? note : INVISIBLE_CHARACTER, onSave: onSaveNote });
+  return /* @__PURE__ */ jsx275(WfoInlineEdit, { value: note?.trim() ? note : INVISIBLE_CHARACTER, onSave: onSaveNote });
 };
 
 // src/components/WfoTableCodeBlock/WfoTableCodeBlock.tsx
@@ -19731,7 +19402,7 @@ var getStyles15 = ({ theme }) => {
 };
 
 // src/components/WfoTableCodeBlock/WfoTableCodeBlock.tsx
-import { jsx as jsx278 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx276 } from "@emotion/react/jsx-runtime";
 var WfoTableCodeBlock = ({ stepState: data }) => {
   const { tableCodeBlockMarginStyle } = useWithOrchestratorTheme(getStyles15);
   const keyValues = Object.entries(data).map((entry) => {
@@ -19743,12 +19414,12 @@ var WfoTableCodeBlock = ({ stepState: data }) => {
       textToCopy: value
     };
   });
-  return /* @__PURE__ */ jsx278(EuiFlexItem41, { css: tableCodeBlockMarginStyle, children: /* @__PURE__ */ jsx278(WfoKeyValueTable, { keyValues, showCopyToClipboardIcon: true }) });
+  return /* @__PURE__ */ jsx276(EuiFlexItem41, { css: tableCodeBlockMarginStyle, children: /* @__PURE__ */ jsx276(WfoKeyValueTable, { keyValues, showCopyToClipboardIcon: true }) });
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { useEffect as useEffect44, useState as useState62 } from "react";
-import { useTranslations as useTranslations97 } from "next-intl";
+import { useEffect as useEffect43, useState as useState61 } from "react";
+import { useTranslations as useTranslations95 } from "next-intl";
 import {
   EuiButton as EuiButton23,
   EuiCallOut as EuiCallOut5,
@@ -19757,14 +19428,14 @@ import {
   EuiFlexItem as EuiFlexItem42,
   EuiPanel as EuiPanel15,
   EuiSelect as EuiSelect4,
-  EuiSpacer as EuiSpacer34,
+  EuiSpacer as EuiSpacer33,
   EuiTab as EuiTab4,
   EuiTabs as EuiTabs4,
   EuiText as EuiText35
 } from "@elastic/eui";
 
 // src/hooks/useSearch.ts
-import { useEffect as useEffect42, useState as useState59 } from "react";
+import { useEffect as useEffect41, useState as useState58 } from "react";
 var emptyResult = {
   data: [],
   page_info: { has_next_page: false, next_page_cursor: null },
@@ -19776,9 +19447,9 @@ var emptyResult = {
   }
 };
 var useSearch = (query, entityType, filterGroup, limit, retriever = "auto" /* Auto */) => {
-  const [results, setResults] = useState59({ ...emptyResult });
+  const [results, setResults] = useState58({ ...emptyResult });
   const [triggerSearch, { isFetching, isError }] = useLazySearchQuery();
-  useEffect42(() => {
+  useEffect41(() => {
     const queryText = typeof query === "string" ? query : query.text?.trim() || "";
     const hasFilters = filterGroup && filterGroup.children.length > 0;
     if (queryText.length < 2 && !hasFilters) {
@@ -19827,12 +19498,12 @@ var useSearch = (query, entityType, filterGroup, limit, retriever = "auto" /* Au
 };
 
 // src/hooks/useSearchPagination.ts
-import { useCallback as useCallback16, useState as useState60 } from "react";
+import { useCallback as useCallback16, useState as useState59 } from "react";
 var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageSize, results, setResults, retriever) => {
-  const [currentPage, setCurrentPage] = useState60(1);
-  const [pageHistory, setPageHistory] = useState60([]);
-  const [error, setError] = useState60(null);
-  const [isLoadingMore, setIsLoadingMore] = useState60(false);
+  const [currentPage, setCurrentPage] = useState59(1);
+  const [pageHistory, setPageHistory] = useState59([]);
+  const [error, setError] = useState59(null);
+  const [isLoadingMore, setIsLoadingMore] = useState59(false);
   const [triggerSearchPagination] = useSearchWithPaginationMutation();
   const handleNextPage = useCallback16(
     async (nextPageCursor) => {
@@ -19927,30 +19598,30 @@ var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageS
 };
 
 // src/hooks/useUrlParams.ts
-import { useCallback as useCallback17, useEffect as useEffect43, useState as useState61 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect42, useState as useState60 } from "react";
 var useUrlParams = () => {
-  const [urlParams, setUrlParams] = useState61(() => {
+  const [urlParams, setUrlParams] = useState60(() => {
     if (typeof window !== "undefined") {
       return new URLSearchParams(window.location.search);
     }
     return new URLSearchParams();
   });
-  const [query, setQuery] = useState61(() => {
+  const [query, setQuery] = useState60(() => {
     const queryParam = urlParams.get("q");
     return queryParam || "";
   });
-  const [selectedEntityTab, setSelectedEntityTab] = useState61(() => {
+  const [selectedEntityTab, setSelectedEntityTab] = useState60(() => {
     const entityKind = urlParams.get("tab");
     return entityKind && Object.values(EntityKind).includes(entityKind) ? entityKind : "SUBSCRIPTION" /* SUBSCRIPTION */;
   });
-  const [showFilters, setShowFilters] = useState61(() => {
+  const [showFilters, setShowFilters] = useState60(() => {
     return urlParams.get("filters") === "true";
   });
-  const [selectedRecordIndex, setSelectedRecordIndex] = useState61(() => {
+  const [selectedRecordIndex, setSelectedRecordIndex] = useState60(() => {
     const indexParam = urlParams.get("selected");
     return indexParam ? parseInt(indexParam, 10) || 0 : 0;
   });
-  const [selectedRecordId, setSelectedRecordId] = useState61(() => {
+  const [selectedRecordId, setSelectedRecordId] = useState60(() => {
     return urlParams.get("id") || null;
   });
   const updateUrl = useCallback17(() => {
@@ -19975,7 +19646,7 @@ var useUrlParams = () => {
     window.history.replaceState({}, "", newUrl);
     setUrlParams(newParams);
   }, [query, selectedEntityTab, showFilters, selectedRecordIndex, selectedRecordId]);
-  useEffect43(() => {
+  useEffect42(() => {
     updateUrl();
   }, [updateUrl]);
   return {
@@ -20003,9 +19674,9 @@ var LAYOUT_RATIOS = {
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { Fragment as Fragment65, jsx as jsx279, jsxs as jsxs145 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment64, jsx as jsx277, jsxs as jsxs144 } from "@emotion/react/jsx-runtime";
 var WfoSearch = () => {
-  const t = useTranslations97("search.page");
+  const t = useTranslations95("search.page");
   const searchAvailability = useSearchAvailability();
   const {
     urlParams,
@@ -20021,12 +19692,12 @@ var WfoSearch = () => {
     setSelectedRecordId
   } = useUrlParams();
   const pageSize = DEFAULT_PAGE_SIZE2;
-  const [filterGroup, setFilterGroup] = useState62({
+  const [filterGroup, setFilterGroup] = useState61({
     op: "AND",
     children: []
   });
-  const [showDetailPanel, setShowDetailPanel] = useState62(false);
-  const [retrieverType, setRetrieverType] = useState62("auto" /* Auto */);
+  const [showDetailPanel, setShowDetailPanel] = useState61(false);
+  const [retrieverType, setRetrieverType] = useState61("auto" /* Auto */);
   const debouncedQuery = useDebounce(query, DEFAULT_DEBOUNCE_DELAY);
   const { results, loading, setResults } = useSearch(
     debouncedQuery,
@@ -20035,8 +19706,8 @@ var WfoSearch = () => {
     pageSize,
     retrieverType
   );
-  const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState62(false);
-  useEffect44(() => {
+  const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState61(false);
+  useEffect43(() => {
     const queryText = typeof debouncedQuery === "string" ? debouncedQuery : debouncedQuery?.text?.trim() || "";
     const hasFilters = filterGroup && filterGroup.children.length > 0;
     if (queryText.length >= 2 || hasFilters) {
@@ -20046,7 +19717,7 @@ var WfoSearch = () => {
     }
   }, [debouncedQuery, filterGroup]);
   const { currentPage, error, isLoadingMore, handleNextPage, handlePrevPage, resetPagination, setError } = useSearchPagination(debouncedQuery, selectedEntityTab, filterGroup, pageSize, results, setResults, retrieverType);
-  const [searchValue, setSearchValue] = useState62(() => {
+  const [searchValue, setSearchValue] = useState61(() => {
     if (typeof query === "string") {
       return query;
     }
@@ -20084,7 +19755,7 @@ var WfoSearch = () => {
     setSearchValue(searchText);
     setQuery(searchText);
   };
-  useEffect44(() => {
+  useEffect43(() => {
     if (typeof query === "string") {
       if (query !== searchValue) {
         setSearchValue(query);
@@ -20101,7 +19772,7 @@ var WfoSearch = () => {
   const shouldShowNoResults = (() => {
     return hasSearchBeenAttempted && !loading && results.data.length === 0;
   })();
-  useEffect44(() => {
+  useEffect43(() => {
     if (results.data.length > 0) {
       if (selectedRecordId) {
         const foundIndex = results.data.findIndex((result) => result.entity_id === selectedRecordId);
@@ -20119,17 +19790,17 @@ var WfoSearch = () => {
       }
     }
   }, [results.data, selectedRecordId, setSelectedRecordId, setSelectedRecordIndex, urlParams]);
-  useEffect44(() => {
+  useEffect43(() => {
     setShowDetailPanel(results?.data?.length > 0 && selectedRecordIndex >= 0 && selectedEntityTab === "SUBSCRIPTION");
   }, [results?.data?.length, selectedRecordIndex, selectedEntityTab]);
-  useEffect44(() => {
+  useEffect43(() => {
     resetPagination();
   }, [debouncedQuery, selectedEntityTab, filterGroup, resetPagination]);
   const { RESULTS_GROW, DETAIL_GROW } = LAYOUT_RATIOS;
-  return /* @__PURE__ */ jsxs145(WfoAvailabilityCheck, { featureType: "search", availability: searchAvailability, children: [
-    /* @__PURE__ */ jsx279(EuiTabs4, { children: ENTITY_TABS.map((tab) => /* @__PURE__ */ jsx279(EuiTab4, { onClick: () => handleTabChange(tab.id), isSelected: selectedEntityTab === tab.id, children: tab.label }, tab.id)) }),
-    /* @__PURE__ */ jsx279(EuiSpacer34, { size: "m" }),
-    /* @__PURE__ */ jsx279(
+  return /* @__PURE__ */ jsxs144(WfoAvailabilityCheck, { featureType: "search", availability: searchAvailability, children: [
+    /* @__PURE__ */ jsx277(EuiTabs4, { children: ENTITY_TABS.map((tab) => /* @__PURE__ */ jsx277(EuiTab4, { onClick: () => handleTabChange(tab.id), isSelected: selectedEntityTab === tab.id, children: tab.label }, tab.id)) }),
+    /* @__PURE__ */ jsx277(EuiSpacer33, { size: "m" }),
+    /* @__PURE__ */ jsx277(
       EuiFieldSearch4,
       {
         placeholder: t("searchPlaceholder", {
@@ -20146,11 +19817,11 @@ var WfoSearch = () => {
         fullWidth: true
       }
     ),
-    /* @__PURE__ */ jsx279(EuiSpacer34, { size: "s" }),
-    /* @__PURE__ */ jsxs145(EuiFlexGroup39, { gutterSize: "s", alignItems: "center", children: [
-      /* @__PURE__ */ jsx279(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx279(EuiButton23, { iconType: showFilters ? "eyeClosed" : "eye", size: "s", onClick: () => setShowFilters(!showFilters), children: showFilters ? t("hideFilters") : t("showFilters") }) }),
-      /* @__PURE__ */ jsx279(EuiFlexItem42, { grow: true }),
-      /* @__PURE__ */ jsx279(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx279(
+    /* @__PURE__ */ jsx277(EuiSpacer33, { size: "s" }),
+    /* @__PURE__ */ jsxs144(EuiFlexGroup39, { gutterSize: "s", alignItems: "center", children: [
+      /* @__PURE__ */ jsx277(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx277(EuiButton23, { iconType: showFilters ? "eyeClosed" : "eye", size: "s", onClick: () => setShowFilters(!showFilters), children: showFilters ? t("hideFilters") : t("showFilters") }) }),
+      /* @__PURE__ */ jsx277(EuiFlexItem42, { grow: true }),
+      /* @__PURE__ */ jsx277(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx277(
         EuiSelect4,
         {
           options: [
@@ -20178,37 +19849,37 @@ var WfoSearch = () => {
         }
       ) })
     ] }),
-    showFilters && /* @__PURE__ */ jsxs145(Fragment65, { children: [
-      /* @__PURE__ */ jsx279(EuiSpacer34, { size: "m" }),
-      /* @__PURE__ */ jsxs145(EuiPanel15, { hasBorder: true, paddingSize: "m", children: [
-        /* @__PURE__ */ jsx279(EuiText35, { children: /* @__PURE__ */ jsx279("h4", { children: t("structuredFilters") }) }),
-        /* @__PURE__ */ jsx279(EuiSpacer34, { size: "s" }),
-        /* @__PURE__ */ jsx279(FilterGroup, { group: filterGroup, entityType: selectedEntityTab, onChange: setFilterGroup, isRoot: true })
+    showFilters && /* @__PURE__ */ jsxs144(Fragment64, { children: [
+      /* @__PURE__ */ jsx277(EuiSpacer33, { size: "m" }),
+      /* @__PURE__ */ jsxs144(EuiPanel15, { hasBorder: true, paddingSize: "m", children: [
+        /* @__PURE__ */ jsx277(EuiText35, { children: /* @__PURE__ */ jsx277("h4", { children: t("structuredFilters") }) }),
+        /* @__PURE__ */ jsx277(EuiSpacer33, { size: "s" }),
+        /* @__PURE__ */ jsx277(FilterGroup, { group: filterGroup, entityType: selectedEntityTab, onChange: setFilterGroup, isRoot: true })
       ] })
     ] }),
-    /* @__PURE__ */ jsx279(EuiSpacer34, { size: "m" }),
-    error && /* @__PURE__ */ jsxs145(Fragment65, { children: [
-      /* @__PURE__ */ jsxs145(EuiCallOut5, { title: t("searchError"), color: "danger", iconType: "alert", size: "s", children: [
-        /* @__PURE__ */ jsx279("p", { children: error }),
-        /* @__PURE__ */ jsx279(EuiButton23, { size: "s", color: "danger", onClick: () => setError(null), children: t("dismiss") })
+    /* @__PURE__ */ jsx277(EuiSpacer33, { size: "m" }),
+    error && /* @__PURE__ */ jsxs144(Fragment64, { children: [
+      /* @__PURE__ */ jsxs144(EuiCallOut5, { title: t("searchError"), color: "danger", iconType: "alert", size: "s", children: [
+        /* @__PURE__ */ jsx277("p", { children: error }),
+        /* @__PURE__ */ jsx277(EuiButton23, { size: "s", color: "danger", onClick: () => setError(null), children: t("dismiss") })
       ] }),
-      /* @__PURE__ */ jsx279(EuiSpacer34, { size: "m" })
+      /* @__PURE__ */ jsx277(EuiSpacer33, { size: "m" })
     ] }),
-    shouldShowNoResults && /* @__PURE__ */ jsxs145(Fragment65, { children: [
-      /* @__PURE__ */ jsx279(EuiSpacer34, { size: "l" }),
-      /* @__PURE__ */ jsxs145(EuiCallOut5, { title: t("noResults"), color: "primary", iconType: "search", size: "m", children: [
-        /* @__PURE__ */ jsx279("p", { children: t("noResultsMessage", {
+    shouldShowNoResults && /* @__PURE__ */ jsxs144(Fragment64, { children: [
+      /* @__PURE__ */ jsx277(EuiSpacer33, { size: "l" }),
+      /* @__PURE__ */ jsxs144(EuiCallOut5, { title: t("noResults"), color: "primary", iconType: "search", size: "m", children: [
+        /* @__PURE__ */ jsx277("p", { children: t("noResultsMessage", {
           entityType: currentTab?.label.toLowerCase() || ""
         }) }),
-        /* @__PURE__ */ jsx279(EuiSpacer34, { size: "s" }),
-        /* @__PURE__ */ jsx279(EuiText35, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx279("p", { children: t("noResultsSuggestions") }) })
+        /* @__PURE__ */ jsx277(EuiSpacer33, { size: "s" }),
+        /* @__PURE__ */ jsx277(EuiText35, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx277("p", { children: t("noResultsSuggestions") }) })
       ] }),
-      /* @__PURE__ */ jsx279(EuiSpacer34, { size: "l" })
+      /* @__PURE__ */ jsx277(EuiSpacer33, { size: "l" })
     ] }),
-    isSearchActive && /* @__PURE__ */ jsxs145(Fragment65, { children: [
-      /* @__PURE__ */ jsx279(EuiSpacer34, { size: "m" }),
-      /* @__PURE__ */ jsxs145(EuiFlexGroup39, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx279(EuiFlexItem42, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs145(
+    isSearchActive && /* @__PURE__ */ jsxs144(Fragment64, { children: [
+      /* @__PURE__ */ jsx277(EuiSpacer33, { size: "m" }),
+      /* @__PURE__ */ jsxs144(EuiFlexGroup39, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx277(EuiFlexItem42, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs144(
           EuiFlexGroup39,
           {
             gutterSize: "s",
@@ -20217,8 +19888,8 @@ var WfoSearch = () => {
             responsive: false,
             style: { width: "100%" },
             children: [
-              /* @__PURE__ */ jsx279(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx279(WfoSearchMetadataHeader, { search_metadata: results.search_metadata }) }),
-              /* @__PURE__ */ jsx279(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx279(
+              /* @__PURE__ */ jsx277(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx277(WfoSearchMetadataHeader, { search_metadata: results.search_metadata }) }),
+              /* @__PURE__ */ jsx277(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx277(
                 WfoSearchPaginationInfo,
                 {
                   has_next_page: results.page_info.has_next_page,
@@ -20234,11 +19905,11 @@ var WfoSearch = () => {
             ]
           }
         ) }),
-        showDetailPanel && /* @__PURE__ */ jsx279(EuiFlexItem42, { grow: DETAIL_GROW })
+        showDetailPanel && /* @__PURE__ */ jsx277(EuiFlexItem42, { grow: DETAIL_GROW })
       ] }),
-      /* @__PURE__ */ jsx279(EuiSpacer34, { size: "s" }),
-      /* @__PURE__ */ jsxs145(EuiFlexGroup39, { gutterSize: "s", alignItems: "flexStart", children: [
-        /* @__PURE__ */ jsx279(EuiFlexItem42, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx279(EuiPanel15, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx279(
+      /* @__PURE__ */ jsx277(EuiSpacer33, { size: "s" }),
+      /* @__PURE__ */ jsxs144(EuiFlexGroup39, { gutterSize: "s", alignItems: "flexStart", children: [
+        /* @__PURE__ */ jsx277(EuiFlexItem42, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx277(EuiPanel15, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx277(
           WfoSearchResults,
           {
             results: results.data,
@@ -20253,7 +19924,7 @@ var WfoSearch = () => {
             }
           }
         ) }) }),
-        showDetailPanel && /* @__PURE__ */ jsx279(EuiFlexItem42, { grow: DETAIL_GROW, children: /* @__PURE__ */ jsx279(EuiPanel15, { paddingSize: "m", hasBorder: true, hasShadow: false, color: "transparent", children: results.data[selectedRecordIndex] && /* @__PURE__ */ jsx279(TreeProvider, { children: /* @__PURE__ */ jsx279(WfoSubscription, { subscriptionId: results.data[selectedRecordIndex].entity_id }) }) }) })
+        showDetailPanel && /* @__PURE__ */ jsx277(EuiFlexItem42, { grow: DETAIL_GROW, children: /* @__PURE__ */ jsx277(EuiPanel15, { paddingSize: "m", hasBorder: true, hasShadow: false, color: "transparent", children: results.data[selectedRecordIndex] && /* @__PURE__ */ jsx277(TreeProvider, { children: /* @__PURE__ */ jsx277(WfoSubscription, { subscriptionId: results.data[selectedRecordIndex].entity_id }) }) }) })
       ] })
     ] })
   ] });
@@ -20263,34 +19934,34 @@ var WfoSearch = () => {
 import { EuiFlexGroup as EuiFlexGroup44, EuiPanel as EuiPanel19 } from "@elastic/eui";
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchEmptyState.tsx
-import { useTranslations as useTranslations98 } from "next-intl";
+import { useTranslations as useTranslations96 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup40, EuiFlexItem as EuiFlexItem43, EuiPanel as EuiPanel16, EuiText as EuiText36 } from "@elastic/eui";
-import { jsx as jsx280 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx278 } from "@emotion/react/jsx-runtime";
 var WfoSearchEmptyState = () => {
-  const t = useTranslations98("search.page");
+  const t = useTranslations96("search.page");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx280(EuiPanel16, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx280(EuiFlexGroup40, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx280(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx280(EuiText36, { size: "m", color: theme.colors.textSubdued, children: t("noResultsFound") }) }) }) });
+  return /* @__PURE__ */ jsx278(EuiPanel16, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx278(EuiFlexGroup40, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx278(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx278(EuiText36, { size: "m", color: theme.colors.textSubdued, children: t("noResultsFound") }) }) }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchLoadingState.tsx
-import { useTranslations as useTranslations99 } from "next-intl";
+import { useTranslations as useTranslations97 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup41, EuiFlexItem as EuiFlexItem44, EuiPanel as EuiPanel17, EuiText as EuiText37 } from "@elastic/eui";
-import { jsx as jsx281 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx279 } from "@emotion/react/jsx-runtime";
 var WfoSearchLoadingState = () => {
-  const t = useTranslations99("search.page");
+  const t = useTranslations97("search.page");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx281(EuiPanel17, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx281(EuiFlexGroup41, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx281(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx281(EuiText37, { size: "m", color: theme.colors.textSubdued, children: t("loadingSearchResults") }) }) }) });
+  return /* @__PURE__ */ jsx279(EuiPanel17, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx279(EuiFlexGroup41, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx279(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx279(EuiText37, { size: "m", color: theme.colors.textSubdued, children: t("loadingSearchResults") }) }) }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
-import { useEffect as useEffect45, useRef as useRef21 } from "react";
-import { useTranslations as useTranslations100 } from "next-intl";
-import { EuiButtonIcon as EuiButtonIcon17, EuiFlexGroup as EuiFlexGroup43, EuiFlexItem as EuiFlexItem46, EuiPanel as EuiPanel18, EuiSpacer as EuiSpacer35, EuiText as EuiText38 } from "@elastic/eui";
+import { useEffect as useEffect44, useRef as useRef21 } from "react";
+import { useTranslations as useTranslations98 } from "next-intl";
+import { EuiButtonIcon as EuiButtonIcon17, EuiFlexGroup as EuiFlexGroup43, EuiFlexItem as EuiFlexItem46, EuiPanel as EuiPanel18, EuiSpacer as EuiSpacer34, EuiText as EuiText38 } from "@elastic/eui";
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoPathBreadcrumb.tsx
-import { Fragment as Fragment66 } from "react";
+import { Fragment as Fragment65 } from "react";
 import { EuiFlexGroup as EuiFlexGroup42, EuiFlexItem as EuiFlexItem45, EuiIcon as EuiIcon5 } from "@elastic/eui";
-import { jsx as jsx282, jsxs as jsxs146 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx280, jsxs as jsxs145 } from "@emotion/react/jsx-runtime";
 var WfoPathBreadcrumb = ({
   path,
   size = "m",
@@ -20309,14 +19980,14 @@ var WfoPathBreadcrumb = ({
   }
   const displaySegments = maxSegments && segments.length > maxSegments ? [...segments.slice(0, maxSegments - 1), "...", segments[segments.length - 1]] : segments;
   const badgeColor = color || theme.colors.primary;
-  return /* @__PURE__ */ jsx282(EuiFlexGroup42, { gutterSize: size, alignItems: "center", wrap: false, responsive: false, children: displaySegments.map((segment, index) => /* @__PURE__ */ jsxs146(Fragment66, { children: [
-    /* @__PURE__ */ jsx282(EuiFlexItem45, { grow: false, children: /* @__PURE__ */ jsx282(WfoBadge, { color: badgeColor, textColor: theme.colors.textGhost, size, children: segment }) }),
-    showArrows && index < displaySegments.length - 1 && /* @__PURE__ */ jsx282(EuiFlexItem45, { grow: false, children: /* @__PURE__ */ jsx282(EuiIcon5, { type: "arrowRight", size, color: theme.colors.link }) })
+  return /* @__PURE__ */ jsx280(EuiFlexGroup42, { gutterSize: size, alignItems: "center", wrap: false, responsive: false, children: displaySegments.map((segment, index) => /* @__PURE__ */ jsxs145(Fragment65, { children: [
+    /* @__PURE__ */ jsx280(EuiFlexItem45, { grow: false, children: /* @__PURE__ */ jsx280(WfoBadge, { color: badgeColor, textColor: theme.colors.textGhost, size, children: segment }) }),
+    showArrows && index < displaySegments.length - 1 && /* @__PURE__ */ jsx280(EuiFlexItem45, { grow: false, children: /* @__PURE__ */ jsx280(EuiIcon5, { type: "arrowRight", size, color: theme.colors.link }) })
   ] }, index)) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
-import { Fragment as Fragment67, jsx as jsx283, jsxs as jsxs147 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment66, jsx as jsx281, jsxs as jsxs146 } from "@emotion/react/jsx-runtime";
 var WfoSearchResultItem = ({
   result,
   isSelected = false,
@@ -20324,19 +19995,19 @@ var WfoSearchResultItem = ({
   onPositionChange,
   index
 }) => {
-  const t = useTranslations100("search.page");
+  const t = useTranslations98("search.page");
   const matchingFields = result.matching_fields;
   const matchingField = matchingFields?.[0];
   const { theme } = useOrchestratorTheme();
   const baseUrl = `${window.location.protocol}//${window.location.host}`;
   const detailUrl = getDetailUrl(result, baseUrl);
   const itemRef = useRef21(null);
-  useEffect45(() => {
+  useEffect44(() => {
     if (isSelected && onPositionChange && itemRef.current) {
       onPositionChange(index, itemRef.current);
     }
   }, [isSelected, index, onPositionChange]);
-  return /* @__PURE__ */ jsx283(EuiFlexItem46, { children: /* @__PURE__ */ jsx283(
+  return /* @__PURE__ */ jsx281(EuiFlexItem46, { children: /* @__PURE__ */ jsx281(
     EuiPanel18,
     {
       panelRef: itemRef,
@@ -20353,9 +20024,9 @@ var WfoSearchResultItem = ({
         borderRight: "none",
         borderColor: theme.colors.primary
       } : void 0,
-      children: /* @__PURE__ */ jsxs147(EuiFlexGroup43, { alignItems: "flexStart", gutterSize: "m", children: [
-        /* @__PURE__ */ jsx283(EuiFlexItem46, { children: /* @__PURE__ */ jsxs147(EuiFlexGroup43, { direction: "column", gutterSize: "xs", children: [
-          /* @__PURE__ */ jsx283(EuiFlexItem46, { children: /* @__PURE__ */ jsx283(
+      children: /* @__PURE__ */ jsxs146(EuiFlexGroup43, { alignItems: "flexStart", gutterSize: "m", children: [
+        /* @__PURE__ */ jsx281(EuiFlexItem46, { children: /* @__PURE__ */ jsxs146(EuiFlexGroup43, { direction: "column", gutterSize: "xs", children: [
+          /* @__PURE__ */ jsx281(EuiFlexItem46, { children: /* @__PURE__ */ jsx281(
             EuiText38,
             {
               size: "m",
@@ -20365,8 +20036,8 @@ var WfoSearchResultItem = ({
               children: result.entity_title
             }
           ) }),
-          matchingField && /* @__PURE__ */ jsxs147(Fragment67, { children: [
-            matchingField.path && /* @__PURE__ */ jsx283(EuiFlexItem46, { children: /* @__PURE__ */ jsx283(
+          matchingField && /* @__PURE__ */ jsxs146(Fragment66, { children: [
+            matchingField.path && /* @__PURE__ */ jsx281(EuiFlexItem46, { children: /* @__PURE__ */ jsx281(
               WfoPathBreadcrumb,
               {
                 path: matchingField.path,
@@ -20375,7 +20046,7 @@ var WfoSearchResultItem = ({
                 color: theme.colors.primary
               }
             ) }),
-            /* @__PURE__ */ jsx283(EuiFlexItem46, { children: /* @__PURE__ */ jsx283(
+            /* @__PURE__ */ jsx281(EuiFlexItem46, { children: /* @__PURE__ */ jsx281(
               EuiText38,
               {
                 style: {
@@ -20383,7 +20054,7 @@ var WfoSearchResultItem = ({
                   borderRadius: theme.border.radius.medium,
                   fontSize: theme.size.base
                 },
-                children: /* @__PURE__ */ jsx283(
+                children: /* @__PURE__ */ jsx281(
                   WfoHighlightedText,
                   {
                     text: matchingField.text,
@@ -20392,12 +20063,12 @@ var WfoSearchResultItem = ({
                 )
               }
             ) }),
-            /* @__PURE__ */ jsx283(EuiSpacer35, { size: "xs" })
+            /* @__PURE__ */ jsx281(EuiSpacer34, { size: "xs" })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx283(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs147(EuiFlexGroup43, { direction: "column", alignItems: "flexEnd", gutterSize: "xs", children: [
-          /* @__PURE__ */ jsx283(EuiFlexItem46, { children: /* @__PURE__ */ jsx283(WfoBadge, { color: theme.colors.primary, textColor: theme.colors.textGhost, children: "score" in result && result.score ? result.score.toFixed(4) : "N/A" }) }),
-          /* @__PURE__ */ jsx283(EuiFlexItem46, { children: /* @__PURE__ */ jsx283(
+        /* @__PURE__ */ jsx281(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs146(EuiFlexGroup43, { direction: "column", alignItems: "flexEnd", gutterSize: "xs", children: [
+          /* @__PURE__ */ jsx281(EuiFlexItem46, { children: /* @__PURE__ */ jsx281(WfoBadge, { color: theme.colors.primary, textColor: theme.colors.textGhost, children: "score" in result && result.score ? result.score.toFixed(4) : "N/A" }) }),
+          /* @__PURE__ */ jsx281(EuiFlexItem46, { children: /* @__PURE__ */ jsx281(
             EuiButtonIcon17,
             {
               iconType: "popout",
@@ -20417,7 +20088,7 @@ var WfoSearchResultItem = ({
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx
-import { jsx as jsx284 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx282 } from "@emotion/react/jsx-runtime";
 var WfoSearchResults = ({
   results,
   loading,
@@ -20425,12 +20096,12 @@ var WfoSearchResults = ({
   onRecordSelect
 }) => {
   if (loading) {
-    return /* @__PURE__ */ jsx284(WfoSearchLoadingState, {});
+    return /* @__PURE__ */ jsx282(WfoSearchLoadingState, {});
   }
   if (!results || results.length === 0) {
-    return /* @__PURE__ */ jsx284(WfoSearchEmptyState, {});
+    return /* @__PURE__ */ jsx282(WfoSearchEmptyState, {});
   }
-  return /* @__PURE__ */ jsx284(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx284(EuiFlexGroup44, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx284(
+  return /* @__PURE__ */ jsx282(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx282(EuiFlexGroup44, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx282(
     WfoSearchResultItem,
     {
       result,
@@ -20445,16 +20116,16 @@ var WfoSearchResults = ({
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchMetadataHeader.tsx
-import { jsx as jsx285 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx283 } from "@emotion/react/jsx-runtime";
 var WfoSearchMetadataHeader = ({ search_metadata }) => {
   if (!search_metadata.search_type) return null;
-  return /* @__PURE__ */ jsx285(WfoToolTip, { tooltipContent: search_metadata.description || "", children: /* @__PURE__ */ jsx285(WfoBadge, { color: "hollow", iconType: "search", textColor: "default", children: search_metadata.search_type }) });
+  return /* @__PURE__ */ jsx283(WfoToolTip, { tooltipContent: search_metadata.description || "", children: /* @__PURE__ */ jsx283(WfoBadge, { color: "hollow", iconType: "search", textColor: "default", children: search_metadata.search_type }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchPaginationInfo.tsx
-import { useTranslations as useTranslations101 } from "next-intl";
+import { useTranslations as useTranslations99 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon18, EuiFlexGroup as EuiFlexGroup45, EuiFlexItem as EuiFlexItem47, EuiText as EuiText39 } from "@elastic/eui";
-import { jsx as jsx286, jsxs as jsxs148 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx284, jsxs as jsxs147 } from "@emotion/react/jsx-runtime";
 var WfoSearchPaginationInfo = ({
   has_next_page,
   next_page_cursor,
@@ -20465,7 +20136,7 @@ var WfoSearchPaginationInfo = ({
   hasPrevPage = false,
   resultCount
 }) => {
-  const t = useTranslations101("search.page");
+  const t = useTranslations99("search.page");
   const { theme } = useOrchestratorTheme();
   const handleNextPage = () => {
     if (!isLoading && next_page_cursor && onNextPage) onNextPage(next_page_cursor);
@@ -20474,7 +20145,7 @@ var WfoSearchPaginationInfo = ({
     if (!isLoading && onPrevPage) onPrevPage();
   };
   if (!has_next_page && !hasPrevPage) return null;
-  return /* @__PURE__ */ jsxs148(
+  return /* @__PURE__ */ jsxs147(
     EuiFlexGroup45,
     {
       justifyContent: "flexEnd",
@@ -20490,7 +20161,7 @@ var WfoSearchPaginationInfo = ({
       role: "navigation",
       "aria-label": t("searchResultsPagination"),
       children: [
-        /* @__PURE__ */ jsx286(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsx286(
+        /* @__PURE__ */ jsx284(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsx284(
           EuiButtonIcon18,
           {
             iconType: "arrowLeft",
@@ -20501,12 +20172,12 @@ var WfoSearchPaginationInfo = ({
             size: "s"
           }
         ) }),
-        /* @__PURE__ */ jsx286(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsxs148(EuiText39, { size: "xs", color: theme.colors.textSubdued, children: [
+        /* @__PURE__ */ jsx284(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsxs147(EuiText39, { size: "xs", color: theme.colors.textSubdued, children: [
           t("page"),
           " ",
           currentPage
         ] }) }),
-        /* @__PURE__ */ jsx286(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsx286(
+        /* @__PURE__ */ jsx284(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsx284(
           EuiButtonIcon18,
           {
             iconType: "arrowRight",
@@ -20518,14 +20189,14 @@ var WfoSearchPaginationInfo = ({
             isLoading
           }
         ) }),
-        resultCount && resultCount > 0 && /* @__PURE__ */ jsx286(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsx286(WfoBadge, { className: "wfoPagination__badge", color: "hollow", textColor: "default", children: t("resultsOnPage", { resultCount }) }) })
+        resultCount && resultCount > 0 && /* @__PURE__ */ jsx284(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsx284(WfoBadge, { className: "wfoPagination__badge", color: "hollow", textColor: "default", children: t("resultsOnPage", { resultCount }) }) })
       ]
     }
   );
 };
 
 // src/components/WfoSearchPage/WfoFilterGroup/WfoFilterGroup.tsx
-import { useTranslations as useTranslations108 } from "next-intl";
+import { useTranslations as useTranslations106 } from "next-intl";
 import {
   EuiButton as EuiButton25,
   EuiButtonIcon as EuiButtonIcon20,
@@ -20534,18 +20205,18 @@ import {
   EuiFlexGroup as EuiFlexGroup51,
   EuiFlexItem as EuiFlexItem53,
   EuiPanel as EuiPanel21,
-  EuiSpacer as EuiSpacer36,
+  EuiSpacer as EuiSpacer35,
   EuiText as EuiText44
 } from "@elastic/eui";
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx
-import { useState as useState63 } from "react";
-import { useTranslations as useTranslations107 } from "next-intl";
+import { useState as useState62 } from "react";
+import { useTranslations as useTranslations105 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon19, EuiFlexGroup as EuiFlexGroup50, EuiFlexItem as EuiFlexItem52, EuiFormRow as EuiFormRow10, EuiPanel as EuiPanel20 } from "@elastic/eui";
 
 // src/components/WfoSearchPage/WfoValueControl/WfoValueControl.tsx
 import moment4 from "moment";
-import { useTranslations as useTranslations102 } from "next-intl";
+import { useTranslations as useTranslations100 } from "next-intl";
 import {
   EuiComboBox as EuiComboBox3,
   EuiDatePicker as EuiDatePicker3,
@@ -20557,9 +20228,9 @@ import {
   EuiIcon as EuiIcon6,
   EuiText as EuiText40
 } from "@elastic/eui";
-import { Fragment as Fragment68, jsx as jsx287, jsxs as jsxs149 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment67, jsx as jsx285, jsxs as jsxs148 } from "@emotion/react/jsx-runtime";
 var ValueControl = ({ pathInfo, operator, value, onChange }) => {
-  const t = useTranslations102("search.page");
+  const t = useTranslations100("search.page");
   const { theme } = useOrchestratorTheme();
   if (!pathInfo || !operator) return null;
   const schema = pathInfo.value_schema[operator];
@@ -20578,8 +20249,8 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
       };
       const currentValue = String(value || "");
       const hasWildcards = currentValue.includes("%") || currentValue.includes("_");
-      return /* @__PURE__ */ jsxs149(Fragment68, { children: [
-        /* @__PURE__ */ jsx287(
+      return /* @__PURE__ */ jsxs148(Fragment67, { children: [
+        /* @__PURE__ */ jsx285(
           EuiFieldText4,
           {
             placeholder: "Enter pattern (% = any chars, _ = single char)",
@@ -20591,17 +20262,17 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
                 handleLikeChange(finalValue);
               }
             },
-            prepend: /* @__PURE__ */ jsx287(EuiIcon6, { type: "search" })
+            prepend: /* @__PURE__ */ jsx285(EuiIcon6, { type: "search" })
           }
         ),
-        /* @__PURE__ */ jsx287(EuiFormHelpText, { children: hasWildcards ? /* @__PURE__ */ jsxs149("span", { children: [
-          /* @__PURE__ */ jsx287(EuiIcon6, { type: "checkInCircleFilled", color: "success", size: "s" }),
+        /* @__PURE__ */ jsx285(EuiFormHelpText, { children: hasWildcards ? /* @__PURE__ */ jsxs148("span", { children: [
+          /* @__PURE__ */ jsx285(EuiIcon6, { type: "checkInCircleFilled", color: "success", size: "s" }),
           " Pattern with wildcards:",
           " ",
-          /* @__PURE__ */ jsx287("strong", { children: currentValue })
-        ] }) : /* @__PURE__ */ jsxs149("span", { children: [
+          /* @__PURE__ */ jsx285("strong", { children: currentValue })
+        ] }) : /* @__PURE__ */ jsxs148("span", { children: [
           "Will search for: ",
-          /* @__PURE__ */ jsxs149("strong", { children: [
+          /* @__PURE__ */ jsxs148("strong", { children: [
             "%",
             currentValue || "your-text",
             "%"
@@ -20615,7 +20286,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
         label: val,
         value: val
       }));
-      return /* @__PURE__ */ jsx287(
+      return /* @__PURE__ */ jsx285(
         EuiComboBox3,
         {
           placeholder: t("selectOrEnterValue"),
@@ -20627,7 +20298,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
         }
       );
     }
-    return /* @__PURE__ */ jsx287(
+    return /* @__PURE__ */ jsx285(
       EuiFieldText4,
       {
         placeholder: t("enterValue"),
@@ -20639,8 +20310,8 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
   if (pathInfo.type === "number") {
     if (operator === "between") {
       const betweenValue = value || { start: "", end: "" };
-      return /* @__PURE__ */ jsxs149(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx287(EuiFlexItem48, { children: /* @__PURE__ */ jsx287(
+      return /* @__PURE__ */ jsxs148(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx285(EuiFlexItem48, { children: /* @__PURE__ */ jsx285(
           EuiFieldNumber3,
           {
             placeholder: t("fromNumber"),
@@ -20651,8 +20322,8 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
             })
           }
         ) }),
-        /* @__PURE__ */ jsx287(EuiFlexItem48, { grow: false, children: /* @__PURE__ */ jsx287(EuiText40, { size: "s", color: theme.colors.textSubdued, children: "to" }) }),
-        /* @__PURE__ */ jsx287(EuiFlexItem48, { children: /* @__PURE__ */ jsx287(
+        /* @__PURE__ */ jsx285(EuiFlexItem48, { grow: false, children: /* @__PURE__ */ jsx285(EuiText40, { size: "s", color: theme.colors.textSubdued, children: "to" }) }),
+        /* @__PURE__ */ jsx285(EuiFlexItem48, { children: /* @__PURE__ */ jsx285(
           EuiFieldNumber3,
           {
             placeholder: t("toNumber"),
@@ -20665,7 +20336,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
         ) })
       ] });
     }
-    return /* @__PURE__ */ jsx287(
+    return /* @__PURE__ */ jsx285(
       EuiFieldNumber3,
       {
         placeholder: t("enterNumber"),
@@ -20677,8 +20348,8 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
   if (pathInfo.type === "datetime") {
     if (operator === "between") {
       const betweenValue = value || { start: null, end: null };
-      return /* @__PURE__ */ jsxs149(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx287(EuiFlexItem48, { children: /* @__PURE__ */ jsx287(
+      return /* @__PURE__ */ jsxs148(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx285(EuiFlexItem48, { children: /* @__PURE__ */ jsx285(
           EuiDatePicker3,
           {
             selected: betweenValue.start ? moment4(betweenValue.start) : null,
@@ -20691,8 +20362,8 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
             placeholderText: t("fromDate")
           }
         ) }),
-        /* @__PURE__ */ jsx287(EuiFlexItem48, { grow: false, children: /* @__PURE__ */ jsx287(EuiText40, { size: "s", color: theme.colors.textSubdued, children: t("valueControlTo") }) }),
-        /* @__PURE__ */ jsx287(EuiFlexItem48, { children: /* @__PURE__ */ jsx287(
+        /* @__PURE__ */ jsx285(EuiFlexItem48, { grow: false, children: /* @__PURE__ */ jsx285(EuiText40, { size: "s", color: theme.colors.textSubdued, children: t("valueControlTo") }) }),
+        /* @__PURE__ */ jsx285(EuiFlexItem48, { children: /* @__PURE__ */ jsx285(
           EuiDatePicker3,
           {
             selected: betweenValue.end ? moment4(betweenValue.end) : null,
@@ -20707,7 +20378,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
         ) })
       ] });
     }
-    return /* @__PURE__ */ jsx287(
+    return /* @__PURE__ */ jsx285(
       EuiDatePicker3,
       {
         selected: value ? moment4(String(value)) : null,
@@ -20722,9 +20393,9 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoFieldSelector.tsx
-import { useTranslations as useTranslations103 } from "next-intl";
+import { useTranslations as useTranslations101 } from "next-intl";
 import { EuiComboBox as EuiComboBox4 } from "@elastic/eui";
-import { jsx as jsx288 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx286 } from "@emotion/react/jsx-runtime";
 var WfoFieldSelector2 = ({
   pathOptions,
   loading,
@@ -20734,7 +20405,7 @@ var WfoFieldSelector2 = ({
   onClear,
   renderPathOption
 }) => {
-  const t = useTranslations103("search.page");
+  const t = useTranslations101("search.page");
   const handleSelectionChange = (selected) => {
     if (selected[0]?.value) {
       onFieldSelection(selected[0].value);
@@ -20742,7 +20413,7 @@ var WfoFieldSelector2 = ({
       onClear();
     }
   };
-  return /* @__PURE__ */ jsx288(
+  return /* @__PURE__ */ jsx286(
     EuiComboBox4,
     {
       placeholder: t("searchFieldsPlaceholder"),
@@ -20761,45 +20432,45 @@ var WfoFieldSelector2 = ({
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoOperatorSelector.tsx
-import { useTranslations as useTranslations104 } from "next-intl";
+import { useTranslations as useTranslations102 } from "next-intl";
 import { EuiButton as EuiButton24, EuiFlexGroup as EuiFlexGroup47, EuiFlexItem as EuiFlexItem49, EuiFormRow as EuiFormRow9, EuiText as EuiText41 } from "@elastic/eui";
-import { jsx as jsx289, jsxs as jsxs150 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx287, jsxs as jsxs149 } from "@emotion/react/jsx-runtime";
 var WfoOperatorSelector2 = ({ selectedPathInfo, condition, onOperatorChange }) => {
-  const t = useTranslations104("search.page");
+  const t = useTranslations102("search.page");
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx289(EuiFormRow9, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs150(EuiFlexGroup47, { gutterSize: "xs", wrap: true, children: [
+  return /* @__PURE__ */ jsx287(EuiFormRow9, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs149(EuiFlexGroup47, { gutterSize: "xs", wrap: true, children: [
     selectedPathInfo?.operators?.map((operator) => {
       const { symbol, description } = getOperatorDisplay(operator, selectedPathInfo);
-      const tooltipContent = operator === "like" ? /* @__PURE__ */ jsxs150("div", { children: [
-        /* @__PURE__ */ jsx289("strong", { children: description }),
-        /* @__PURE__ */ jsx289("br", {}),
-        /* @__PURE__ */ jsx289("br", {}),
-        /* @__PURE__ */ jsx289("strong", { children: "Wildcards:" }),
-        /* @__PURE__ */ jsx289("br", {}),
+      const tooltipContent = operator === "like" ? /* @__PURE__ */ jsxs149("div", { children: [
+        /* @__PURE__ */ jsx287("strong", { children: description }),
+        /* @__PURE__ */ jsx287("br", {}),
+        /* @__PURE__ */ jsx287("br", {}),
+        /* @__PURE__ */ jsx287("strong", { children: "Wildcards:" }),
+        /* @__PURE__ */ jsx287("br", {}),
         "\u2022 ",
-        /* @__PURE__ */ jsx289("code", { children: "%" }),
+        /* @__PURE__ */ jsx287("code", { children: "%" }),
         " matches any number of characters",
-        /* @__PURE__ */ jsx289("br", {}),
+        /* @__PURE__ */ jsx287("br", {}),
         "\u2022 ",
-        /* @__PURE__ */ jsx289("code", { children: "_" }),
+        /* @__PURE__ */ jsx287("code", { children: "_" }),
         " matches exactly one character",
-        /* @__PURE__ */ jsx289("br", {}),
-        /* @__PURE__ */ jsx289("br", {}),
-        /* @__PURE__ */ jsx289("strong", { children: "Examples:" }),
-        /* @__PURE__ */ jsx289("br", {}),
+        /* @__PURE__ */ jsx287("br", {}),
+        /* @__PURE__ */ jsx287("br", {}),
+        /* @__PURE__ */ jsx287("strong", { children: "Examples:" }),
+        /* @__PURE__ */ jsx287("br", {}),
         "\u2022 ",
-        /* @__PURE__ */ jsx289("code", { children: "%test%" }),
+        /* @__PURE__ */ jsx287("code", { children: "%test%" }),
         ' finds anything containing "test"',
-        /* @__PURE__ */ jsx289("br", {}),
+        /* @__PURE__ */ jsx287("br", {}),
         "\u2022 ",
-        /* @__PURE__ */ jsx289("code", { children: "test%" }),
+        /* @__PURE__ */ jsx287("code", { children: "test%" }),
         ' finds anything starting with "test"',
-        /* @__PURE__ */ jsx289("br", {}),
+        /* @__PURE__ */ jsx287("br", {}),
         "\u2022 ",
-        /* @__PURE__ */ jsx289("code", { children: "test_" }),
+        /* @__PURE__ */ jsx287("code", { children: "test_" }),
         ' finds "test" + one character'
       ] }) : description;
-      return /* @__PURE__ */ jsx289(EuiFlexItem49, { grow: false, children: /* @__PURE__ */ jsx289(WfoToolTip, { tooltipContent, children: /* @__PURE__ */ jsx289(
+      return /* @__PURE__ */ jsx287(EuiFlexItem49, { grow: false, children: /* @__PURE__ */ jsx287(WfoToolTip, { tooltipContent, children: /* @__PURE__ */ jsx287(
         EuiButton24,
         {
           size: "s",
@@ -20815,17 +20486,17 @@ var WfoOperatorSelector2 = ({ selectedPathInfo, condition, onOperatorChange }) =
         }
       ) }) }, operator);
     }),
-    (!selectedPathInfo || selectedPathInfo.operators.length === 0) && /* @__PURE__ */ jsx289(EuiFlexItem49, { grow: false, children: /* @__PURE__ */ jsx289(EuiText41, { size: "s", color: theme.colors.textSubdued, children: t("selectFieldFirst") }) })
+    (!selectedPathInfo || selectedPathInfo.operators.length === 0) && /* @__PURE__ */ jsx287(EuiFlexItem49, { grow: false, children: /* @__PURE__ */ jsx287(EuiText41, { size: "s", color: theme.colors.textSubdued, children: t("selectFieldFirst") }) })
   ] }) });
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoPathChips.tsx
 import { EuiIcon as EuiIcon7 } from "@elastic/eui";
-import { jsx as jsx290, jsxs as jsxs151 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx288, jsxs as jsxs150 } from "@emotion/react/jsx-runtime";
 var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
   const { theme } = useOrchestratorTheme();
   if (isAnyPath) {
-    return /* @__PURE__ */ jsx290(WfoToolTip, { tooltipContent: label, children: /* @__PURE__ */ jsxs151(
+    return /* @__PURE__ */ jsx288(WfoToolTip, { tooltipContent: label, children: /* @__PURE__ */ jsxs150(
       "div",
       {
         style: {
@@ -20839,7 +20510,7 @@ var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
           minHeight: theme.size.xl
         },
         children: [
-          /* @__PURE__ */ jsx290(
+          /* @__PURE__ */ jsx288(
             "div",
             {
               style: {
@@ -20852,14 +20523,14 @@ var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
                 flex: 1,
                 overflow: "visible"
               },
-              children: /* @__PURE__ */ jsx290(
+              children: /* @__PURE__ */ jsx288(
                 "div",
                 {
                   style: {
                     textDecoration: "none",
                     borderBottom: "none"
                   },
-                  children: /* @__PURE__ */ jsx290(WfoBadge, { color: "primary", textColor: theme.colors.textGhost, size: "xs", children: /* @__PURE__ */ jsx290(
+                  children: /* @__PURE__ */ jsx288(WfoBadge, { color: "primary", textColor: theme.colors.textGhost, size: "xs", children: /* @__PURE__ */ jsx288(
                     "span",
                     {
                       style: {
@@ -20876,7 +20547,7 @@ var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
               )
             }
           ),
-          fieldType && /* @__PURE__ */ jsx290("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx290(WfoBadge, { color: getTypeColor(fieldType, theme), textColor: theme.colors.textInk, size: "xs", children: /* @__PURE__ */ jsx290("span", { style: { textDecoration: "none" }, children: fieldType }) }) })
+          fieldType && /* @__PURE__ */ jsx288("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx288(WfoBadge, { color: getTypeColor(fieldType, theme), textColor: theme.colors.textInk, size: "xs", children: /* @__PURE__ */ jsx288("span", { style: { textDecoration: "none" }, children: fieldType }) }) })
         ]
       }
     ) });
@@ -20884,7 +20555,7 @@ var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
   const completePath = fullPath || label;
   const allSegments = completePath.split(".").filter((segment) => segment && !segment.match(/^\d+$/) && !segment.includes("("));
   const pathSegments = allSegments.slice(-2);
-  return /* @__PURE__ */ jsx290(WfoToolTip, { tooltipContent: completePath, children: /* @__PURE__ */ jsxs151(
+  return /* @__PURE__ */ jsx288(WfoToolTip, { tooltipContent: completePath, children: /* @__PURE__ */ jsxs150(
     "div",
     {
       style: {
@@ -20898,7 +20569,7 @@ var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
         minHeight: theme.size.xl
       },
       children: [
-        /* @__PURE__ */ jsx290(
+        /* @__PURE__ */ jsx288(
           "div",
           {
             style: {
@@ -20913,14 +20584,14 @@ var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
             },
             children: pathSegments.map(
               (segment, index) => [
-                /* @__PURE__ */ jsx290(
+                /* @__PURE__ */ jsx288(
                   "div",
                   {
                     style: {
                       textDecoration: "none",
                       borderBottom: "none"
                     },
-                    children: /* @__PURE__ */ jsx290(WfoBadge, { color: "primary", textColor: theme.colors.textGhost, size: "xs", children: /* @__PURE__ */ jsx290(
+                    children: /* @__PURE__ */ jsx288(WfoBadge, { color: "primary", textColor: theme.colors.textGhost, size: "xs", children: /* @__PURE__ */ jsx288(
                       "span",
                       {
                         style: {
@@ -20936,7 +20607,7 @@ var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
                   },
                   `segment-${index}`
                 ),
-                index < pathSegments.length - 1 && /* @__PURE__ */ jsx290(
+                index < pathSegments.length - 1 && /* @__PURE__ */ jsx288(
                   EuiIcon7,
                   {
                     type: "arrowRight",
@@ -20954,16 +20625,16 @@ var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
             )
           }
         ),
-        fieldType && /* @__PURE__ */ jsx290("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx290(WfoBadge, { color: getTypeColor(fieldType, theme), textColor: theme.colors.textInk, size: "xs", children: /* @__PURE__ */ jsx290("span", { style: { textDecoration: "none" }, children: fieldType }) }) })
+        fieldType && /* @__PURE__ */ jsx288("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx288(WfoBadge, { color: getTypeColor(fieldType, theme), textColor: theme.colors.textInk, size: "xs", children: /* @__PURE__ */ jsx288("span", { style: { textDecoration: "none" }, children: fieldType }) }) })
       ]
     }
   ) });
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoPathSelector.tsx
-import { useTranslations as useTranslations105 } from "next-intl";
+import { useTranslations as useTranslations103 } from "next-intl";
 import { EuiComboBox as EuiComboBox5 } from "@elastic/eui";
-import { jsx as jsx291 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx289 } from "@emotion/react/jsx-runtime";
 var WfoPathSelector = ({
   selectedFieldName,
   pathOptions,
@@ -20971,8 +20642,8 @@ var WfoPathSelector = ({
   onClear,
   renderOption
 }) => {
-  const t = useTranslations105("search.page");
-  return /* @__PURE__ */ jsx291(
+  const t = useTranslations103("search.page");
+  return /* @__PURE__ */ jsx289(
     EuiComboBox5,
     {
       placeholder: t("selectSpecificPathPlaceholder"),
@@ -21010,21 +20681,21 @@ var WfoPathSelector = ({
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoRenderFunctions.tsx
-import { useTranslations as useTranslations106 } from "next-intl";
+import { useTranslations as useTranslations104 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup48, EuiFlexItem as EuiFlexItem50, EuiText as EuiText42 } from "@elastic/eui";
-import { Fragment as Fragment69, jsx as jsx292, jsxs as jsxs152 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment68, jsx as jsx290, jsxs as jsxs151 } from "@emotion/react/jsx-runtime";
 var WfoRenderPathOption = ({ option, contentClassName, paths }) => {
-  const t = useTranslations106("search.page");
+  const t = useTranslations104("search.page");
   const { theme } = useOrchestratorTheme();
   const pathInfo = option.value ? paths.find(({ path }) => path === option.value) : null;
-  if (!pathInfo) return /* @__PURE__ */ jsx292(Fragment69, { children: option.label });
-  return /* @__PURE__ */ jsxs152(EuiFlexGroup48, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
-    /* @__PURE__ */ jsx292(EuiFlexItem50, { grow: true, children: /* @__PURE__ */ jsx292(EuiText42, { size: "s", children: pathInfo.displayLabel || pathInfo.path }) }),
-    /* @__PURE__ */ jsx292(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsxs152(EuiFlexGroup48, { gutterSize: "xs", alignItems: "center", responsive: false, children: [
-      pathInfo.group === "leaf" && pathInfo.pathCount && pathInfo.pathCount > 1 && /* @__PURE__ */ jsx292(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsx292(WfoBadge, { color: "default", textColor: theme.colors.textInk, size: "xs", children: t("pathsCount", {
+  if (!pathInfo) return /* @__PURE__ */ jsx290(Fragment68, { children: option.label });
+  return /* @__PURE__ */ jsxs151(EuiFlexGroup48, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
+    /* @__PURE__ */ jsx290(EuiFlexItem50, { grow: true, children: /* @__PURE__ */ jsx290(EuiText42, { size: "s", children: pathInfo.displayLabel || pathInfo.path }) }),
+    /* @__PURE__ */ jsx290(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsxs151(EuiFlexGroup48, { gutterSize: "xs", alignItems: "center", responsive: false, children: [
+      pathInfo.group === "leaf" && pathInfo.pathCount && pathInfo.pathCount > 1 && /* @__PURE__ */ jsx290(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsx290(WfoBadge, { color: "default", textColor: theme.colors.textInk, size: "xs", children: t("pathsCount", {
         count: pathInfo.pathCount
       }) }) }),
-      (!pathInfo.pathCount || pathInfo.pathCount <= 1) && pathInfo.ui_types?.map((type, index) => /* @__PURE__ */ jsx292(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsx292(WfoBadge, { color: getTypeColor(type, theme), textColor: theme.colors.textInk, size: "xs", children: type }) }, index))
+      (!pathInfo.pathCount || pathInfo.pathCount <= 1) && pathInfo.ui_types?.map((type, index) => /* @__PURE__ */ jsx290(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsx290(WfoBadge, { color: getTypeColor(type, theme), textColor: theme.colors.textInk, size: "xs", children: type }) }, index))
     ] }) })
   ] });
 };
@@ -21034,9 +20705,9 @@ var WfoRenderPathSelectionOption = ({
   fieldType
 }) => {
   const { theme } = useOrchestratorTheme();
-  return /* @__PURE__ */ jsx292(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */ jsxs152(EuiFlexGroup48, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
-    /* @__PURE__ */ jsx292(EuiFlexItem50, { grow: true, children: /* @__PURE__ */ jsx292(EuiText42, { size: "s", children: option.label }) }),
-    /* @__PURE__ */ jsx292(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsx292(WfoBadge, { color: getTypeColor(fieldType, theme), textColor: theme.colors.textInk, size: "xs", children: fieldType }) })
+  return /* @__PURE__ */ jsx290(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */ jsxs151(EuiFlexGroup48, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
+    /* @__PURE__ */ jsx290(EuiFlexItem50, { grow: true, children: /* @__PURE__ */ jsx290(EuiText42, { size: "s", children: option.label }) }),
+    /* @__PURE__ */ jsx290(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsx290(WfoBadge, { color: getTypeColor(fieldType, theme), textColor: theme.colors.textInk, size: "xs", children: fieldType }) })
   ] }) });
 };
 
@@ -21078,11 +20749,11 @@ var getPathSelectionOptions = (selectedFieldName, paths) => {
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoSelectedPathDisplay.tsx
-import { jsx as jsx293, jsxs as jsxs153 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx291, jsxs as jsxs152 } from "@emotion/react/jsx-runtime";
 var WfoSelectedPathDisplay = ({ condition, onEdit }) => {
   const { theme } = useOrchestratorTheme();
   const isFullPath = condition.path.includes(".");
-  return /* @__PURE__ */ jsx293(
+  return /* @__PURE__ */ jsx291(
     "div",
     {
       onClick: onEdit,
@@ -21096,12 +20767,12 @@ var WfoSelectedPathDisplay = ({ condition, onEdit }) => {
         display: "flex",
         alignItems: "center"
       },
-      children: /* @__PURE__ */ jsx293(EuiFlexGroup49, { alignItems: "center", gutterSize: "s", responsive: false, justifyContent: "spaceBetween", children: /* @__PURE__ */ jsx293(EuiFlexItem51, { grow: true, children: isFullPath ? /* @__PURE__ */ jsxs153(EuiFlexGroup49, { gutterSize: "none", alignItems: "center", responsive: false, children: [
-        /* @__PURE__ */ jsx293(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsxs153(EuiText43, { size: "s", color: theme.colors.textParagraph, children: [
+      children: /* @__PURE__ */ jsx291(EuiFlexGroup49, { alignItems: "center", gutterSize: "s", responsive: false, justifyContent: "spaceBetween", children: /* @__PURE__ */ jsx291(EuiFlexItem51, { grow: true, children: isFullPath ? /* @__PURE__ */ jsxs152(EuiFlexGroup49, { gutterSize: "none", alignItems: "center", responsive: false, children: [
+        /* @__PURE__ */ jsx291(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsxs152(EuiText43, { size: "s", color: theme.colors.textParagraph, children: [
           getFieldNameFromFullPath(condition.path),
           ":"
         ] }) }),
-        /* @__PURE__ */ jsx293(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx293(
+        /* @__PURE__ */ jsx291(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx291(
           EuiText43,
           {
             size: "s",
@@ -21115,19 +20786,19 @@ var WfoSelectedPathDisplay = ({ condition, onEdit }) => {
             children: condition.path
           }
         ) })
-      ] }) : /* @__PURE__ */ jsx293(EuiText43, { size: "s", color: theme.colors.textParagraph, children: condition.path }) }) })
+      ] }) : /* @__PURE__ */ jsx291(EuiText43, { size: "s", color: theme.colors.textParagraph, children: condition.path }) }) })
     }
   );
 };
 
 // src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx
-import { jsx as jsx294, jsxs as jsxs154 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx292, jsxs as jsxs153 } from "@emotion/react/jsx-runtime";
 var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
-  const t = useTranslations107("search.page");
+  const t = useTranslations105("search.page");
   const { theme } = useOrchestratorTheme();
-  const [searchValue, setSearchValue] = useState63(condition.path);
-  const [showPathSelection, setShowPathSelection] = useState63(false);
-  const [selectedFieldName, setSelectedFieldName] = useState63("");
+  const [searchValue, setSearchValue] = useState62(condition.path);
+  const [showPathSelection, setShowPathSelection] = useState62(false);
+  const [selectedFieldName, setSelectedFieldName] = useState62("");
   const { paths, loading, error } = usePathAutocomplete(searchValue, entityType);
   const selectedPathInfo = (() => {
     if (!condition.path) return null;
@@ -21250,11 +20921,11 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
     }
     return baseOptions;
   })();
-  const renderPathOption = (option, searchValue2, contentClassName) => /* @__PURE__ */ jsx294(WfoRenderPathOption, { option, searchValue: searchValue2, contentClassName, paths });
+  const renderPathOption = (option, searchValue2, contentClassName) => /* @__PURE__ */ jsx292(WfoRenderPathOption, { option, searchValue: searchValue2, contentClassName, paths });
   const renderPathSelectionOption = (option) => {
     const fieldInfo = paths.find(({ path }) => path === selectedFieldName);
     const fieldType = fieldInfo?.type || "string";
-    return /* @__PURE__ */ jsx294(
+    return /* @__PURE__ */ jsx292(
       WfoPathChips,
       {
         fullPath: option.fullPath || "",
@@ -21264,9 +20935,9 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
       }
     );
   };
-  return /* @__PURE__ */ jsx294(EuiPanel20, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs154(EuiFlexGroup50, { direction: "column", gutterSize: "m", children: [
-    /* @__PURE__ */ jsx294(EuiFlexItem52, { children: /* @__PURE__ */ jsx294(EuiFormRow10, { label: t("fieldLabel"), error, isInvalid: !!error, children: /* @__PURE__ */ jsxs154(EuiFlexGroup50, { gutterSize: "s", alignItems: "center", children: [
-      /* @__PURE__ */ jsx294(EuiFlexItem52, { children: showPathSelection ? /* @__PURE__ */ jsx294(
+  return /* @__PURE__ */ jsx292(EuiPanel20, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs153(EuiFlexGroup50, { direction: "column", gutterSize: "m", children: [
+    /* @__PURE__ */ jsx292(EuiFlexItem52, { children: /* @__PURE__ */ jsx292(EuiFormRow10, { label: t("fieldLabel"), error, isInvalid: !!error, children: /* @__PURE__ */ jsxs153(EuiFlexGroup50, { gutterSize: "s", alignItems: "center", children: [
+      /* @__PURE__ */ jsx292(EuiFlexItem52, { children: showPathSelection ? /* @__PURE__ */ jsx292(
         WfoPathSelector,
         {
           selectedFieldName,
@@ -21278,7 +20949,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
           },
           renderOption: renderPathSelectionOption
         }
-      ) : condition.path && fullPathSelected ? /* @__PURE__ */ jsx294(
+      ) : condition.path && fullPathSelected ? /* @__PURE__ */ jsx292(
         WfoSelectedPathDisplay,
         {
           condition,
@@ -21294,7 +20965,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
             });
           }
         }
-      ) : /* @__PURE__ */ jsx294(
+      ) : /* @__PURE__ */ jsx292(
         WfoFieldSelector2,
         {
           pathOptions,
@@ -21316,10 +20987,10 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
           renderPathOption
         }
       ) }),
-      condition.path && selectedPathInfo?.ui_types && selectedPathInfo.ui_types.length > 0 && /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx294(EuiFlexGroup50, { gutterSize: "xs", alignItems: "center", responsive: false, children: selectedPathInfo.ui_types.map((type, index) => /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx294(WfoBadge, { color: getTypeColor(type, theme), textColor: theme.colors.textInk, size: "s", children: type }) }, index)) }) })
+      condition.path && selectedPathInfo?.ui_types && selectedPathInfo.ui_types.length > 0 && /* @__PURE__ */ jsx292(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx292(EuiFlexGroup50, { gutterSize: "xs", alignItems: "center", responsive: false, children: selectedPathInfo.ui_types.map((type, index) => /* @__PURE__ */ jsx292(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx292(WfoBadge, { color: getTypeColor(type, theme), textColor: theme.colors.textInk, size: "s", children: type }) }, index)) }) })
     ] }) }) }),
-    /* @__PURE__ */ jsx294(EuiFlexItem52, { children: /* @__PURE__ */ jsxs154(EuiFlexGroup50, { gutterSize: "s", alignItems: "flexEnd", children: [
-      /* @__PURE__ */ jsx294(EuiFlexItem52, { children: /* @__PURE__ */ jsx294(
+    /* @__PURE__ */ jsx292(EuiFlexItem52, { children: /* @__PURE__ */ jsxs153(EuiFlexGroup50, { gutterSize: "s", alignItems: "flexEnd", children: [
+      /* @__PURE__ */ jsx292(EuiFlexItem52, { children: /* @__PURE__ */ jsx292(
         WfoOperatorSelector2,
         {
           selectedPathInfo,
@@ -21327,7 +20998,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
           onOperatorChange: handleOperatorChange
         }
       ) }),
-      !hideValueInput && /* @__PURE__ */ jsx294(EuiFlexItem52, { children: /* @__PURE__ */ jsx294(EuiFormRow10, { label: t("valueLabel"), children: /* @__PURE__ */ jsx294(
+      !hideValueInput && /* @__PURE__ */ jsx292(EuiFlexItem52, { children: /* @__PURE__ */ jsx292(EuiFormRow10, { label: t("valueLabel"), children: /* @__PURE__ */ jsx292(
         ValueControl,
         {
           pathInfo: selectedPathInfo,
@@ -21336,7 +21007,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
           onChange: handleValueChange
         }
       ) }) }),
-      /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx294(
+      /* @__PURE__ */ jsx292(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx292(
         EuiButtonIcon19,
         {
           iconType: "trash",
@@ -21351,7 +21022,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
 };
 
 // src/components/WfoSearchPage/WfoFilterGroup/WfoFilterGroup.tsx
-import { Fragment as Fragment70, jsx as jsx295, jsxs as jsxs155 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment69, jsx as jsx293, jsxs as jsxs154 } from "@emotion/react/jsx-runtime";
 var FilterGroup = ({
   group,
   entityType,
@@ -21360,7 +21031,7 @@ var FilterGroup = ({
   depth = 0,
   isRoot = false
 }) => {
-  const t = useTranslations108("search.page");
+  const t = useTranslations106("search.page");
   const { theme } = useOrchestratorTheme();
   const MAX_DEPTH = 5;
   const canAddGroup = depth < MAX_DEPTH;
@@ -21405,24 +21076,24 @@ var FilterGroup = ({
       op: group.op === "AND" ? "OR" : "AND"
     });
   };
-  return /* @__PURE__ */ jsxs155(EuiPanel21, { paddingSize: "m", color: depth % 2 === 0 ? "primary" : "plain", hasBorder: true, children: [
-    /* @__PURE__ */ jsxs155(EuiFlexGroup51, { gutterSize: "s", alignItems: "center", justifyContent: "spaceBetween", children: [
-      /* @__PURE__ */ jsx295(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsxs155(EuiFlexGroup51, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx295(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx295(EuiText44, { size: "s", children: /* @__PURE__ */ jsx295("strong", { children: t("groupLabel") }) }) }),
-        /* @__PURE__ */ jsx295(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx295(EuiButton25, { size: "s", fill: true, color: "primary", onClick: toggleOperator, children: group.op }) })
+  return /* @__PURE__ */ jsxs154(EuiPanel21, { paddingSize: "m", color: depth % 2 === 0 ? "primary" : "plain", hasBorder: true, children: [
+    /* @__PURE__ */ jsxs154(EuiFlexGroup51, { gutterSize: "s", alignItems: "center", justifyContent: "spaceBetween", children: [
+      /* @__PURE__ */ jsx293(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsxs154(EuiFlexGroup51, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx293(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx293(EuiText44, { size: "s", children: /* @__PURE__ */ jsx293("strong", { children: t("groupLabel") }) }) }),
+        /* @__PURE__ */ jsx293(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx293(EuiButton25, { size: "s", fill: true, color: "primary", onClick: toggleOperator, children: group.op }) })
       ] }) }),
-      /* @__PURE__ */ jsx295(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsxs155(EuiFlexGroup51, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx295(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx295(EuiButton25, { size: "s", iconType: "plusInCircle", onClick: addCondition, children: t("addRule") }) }),
-        /* @__PURE__ */ jsx295(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx295(WfoToolTip, { tooltipContent: !canAddGroup ? t("maxNestingDepth") : t("addNestedGroup"), children: /* @__PURE__ */ jsx295(EuiButton25, { size: "s", iconType: "nested", onClick: addGroup, disabled: !canAddGroup, children: t("addGroup") }) }) }),
-        !isRoot && onRemove && /* @__PURE__ */ jsx295(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx295(EuiButtonIcon20, { iconType: "trash", color: "danger", onClick: onRemove, "aria-label": t("removeGroup") }) })
+      /* @__PURE__ */ jsx293(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsxs154(EuiFlexGroup51, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx293(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx293(EuiButton25, { size: "s", iconType: "plusInCircle", onClick: addCondition, children: t("addRule") }) }),
+        /* @__PURE__ */ jsx293(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx293(WfoToolTip, { tooltipContent: !canAddGroup ? t("maxNestingDepth") : t("addNestedGroup"), children: /* @__PURE__ */ jsx293(EuiButton25, { size: "s", iconType: "nested", onClick: addGroup, disabled: !canAddGroup, children: t("addGroup") }) }) }),
+        !isRoot && onRemove && /* @__PURE__ */ jsx293(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx293(EuiButtonIcon20, { iconType: "trash", color: "danger", onClick: onRemove, "aria-label": t("removeGroup") }) })
       ] }) })
     ] }),
-    group.children.length > 0 && /* @__PURE__ */ jsxs155(Fragment70, { children: [
-      /* @__PURE__ */ jsx295(EuiSpacer36, { size: "m" }),
-      /* @__PURE__ */ jsx295(EuiPanel21, { paddingSize: isRoot ? "none" : "s", color: "transparent", hasShadow: false, children: group.children.map((child, index) => /* @__PURE__ */ jsxs155("div", { children: [
-        index > 0 && /* @__PURE__ */ jsx295(EuiFlexGroup51, { gutterSize: "none", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx295(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx295(EuiText44, { size: "s", color: theme.colors.textSubdued, textAlign: "center", children: /* @__PURE__ */ jsx295(EuiCode2, { children: group.op }) }) }) }),
-        /* @__PURE__ */ jsx295(EuiSpacer36, { size: "s" }),
-        isCondition(child) ? /* @__PURE__ */ jsx295(
+    group.children.length > 0 && /* @__PURE__ */ jsxs154(Fragment69, { children: [
+      /* @__PURE__ */ jsx293(EuiSpacer35, { size: "m" }),
+      /* @__PURE__ */ jsx293(EuiPanel21, { paddingSize: isRoot ? "none" : "s", color: "transparent", hasShadow: false, children: group.children.map((child, index) => /* @__PURE__ */ jsxs154("div", { children: [
+        index > 0 && /* @__PURE__ */ jsx293(EuiFlexGroup51, { gutterSize: "none", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx293(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx293(EuiText44, { size: "s", color: theme.colors.textSubdued, textAlign: "center", children: /* @__PURE__ */ jsx293(EuiCode2, { children: group.op }) }) }) }),
+        /* @__PURE__ */ jsx293(EuiSpacer35, { size: "s" }),
+        isCondition(child) ? /* @__PURE__ */ jsx293(
           ConditionRow,
           {
             condition: child,
@@ -21430,7 +21101,7 @@ var FilterGroup = ({
             onChange: (newCondition) => updateChild(index, newCondition),
             onRemove: () => removeChild(index)
           }
-        ) : /* @__PURE__ */ jsx295(
+        ) : /* @__PURE__ */ jsx293(
           FilterGroup,
           {
             group: child,
@@ -21440,18 +21111,18 @@ var FilterGroup = ({
             depth: depth + 1
           }
         ),
-        /* @__PURE__ */ jsx295(EuiSpacer36, { size: "s" })
+        /* @__PURE__ */ jsx293(EuiSpacer35, { size: "s" })
       ] }, index)) })
     ] }),
-    group.children.length === 0 && /* @__PURE__ */ jsxs155(Fragment70, { children: [
-      /* @__PURE__ */ jsx295(EuiSpacer36, { size: "s" }),
-      /* @__PURE__ */ jsx295(EuiCallOut6, { title: t("emptyGroupTitle"), color: "primary", iconType: "info", size: "s", children: /* @__PURE__ */ jsx295("p", { children: t("emptyGroupDescription") }) })
+    group.children.length === 0 && /* @__PURE__ */ jsxs154(Fragment69, { children: [
+      /* @__PURE__ */ jsx293(EuiSpacer35, { size: "s" }),
+      /* @__PURE__ */ jsx293(EuiCallOut6, { title: t("emptyGroupTitle"), color: "primary", iconType: "info", size: "s", children: /* @__PURE__ */ jsx293("p", { children: t("emptyGroupDescription") }) })
     ] })
   ] });
 };
 
 // src/components/WfoWorkflowUserGuide/WfoWorkflowGuideExpandablePanel.tsx
-import { useTranslations as useTranslations109 } from "next-intl";
+import { useTranslations as useTranslations107 } from "next-intl";
 import {
   EuiFlexGroup as EuiFlexGroup52,
   EuiFlexItem as EuiFlexItem54,
@@ -21581,7 +21252,7 @@ var getStyles16 = ({ theme }) => {
 };
 
 // src/components/WfoWorkflowUserGuide/WfoWorkflowGuideExpandablePanel.tsx
-import { jsx as jsx296, jsxs as jsxs156 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx294, jsxs as jsxs155 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowGuideToggleStrip = ({
   onToggle,
   ariaLabel,
@@ -21603,7 +21274,7 @@ var WfoWorkflowGuideToggleStrip = ({
     noBottomBorderStyle
   } = useWithOrchestratorTheme(getStyles16);
   const containerStyle = isBigScreen ? sticky ? stickyStripContainerStyle : toggleStripContainerStyle : sticky ? stickyHorizontalStripContainerStyle : toggleStripContainerHorizontalStyle;
-  return /* @__PURE__ */ jsx296(EuiFlexItem54, { grow: false, onClick: onToggle, "aria-label": ariaLabel, css: containerStyle, children: /* @__PURE__ */ jsx296(
+  return /* @__PURE__ */ jsx294(EuiFlexItem54, { grow: false, onClick: onToggle, "aria-label": ariaLabel, css: containerStyle, children: /* @__PURE__ */ jsx294(
     EuiPanel22,
     {
       hasShadow: false,
@@ -21612,7 +21283,7 @@ var WfoWorkflowGuideToggleStrip = ({
         sticky && stickyPanelFillStyle,
         noLeadingBorder && (isBigScreen ? noLeftBorderStyle : noBottomBorderStyle)
       ],
-      children: isBigScreen ? /* @__PURE__ */ jsx296("div", { css: stripIconStyle, children }) : /* @__PURE__ */ jsx296(
+      children: isBigScreen ? /* @__PURE__ */ jsx294("div", { css: stripIconStyle, children }) : /* @__PURE__ */ jsx294(
         EuiFlexGroup52,
         {
           direction: "row",
@@ -21627,54 +21298,54 @@ var WfoWorkflowGuideToggleStrip = ({
   ) });
 };
 var WfoWorkflowGuideMarkdown = ({ workflowName, isBigScreen }) => {
-  const t = useTranslations109("workflowGuide");
+  const t = useTranslations107("workflowGuide");
   const { guideBodyStyle, guidePanelStyle, guideStackedBodyStyle, guideStackedPanelStyle } = useWithOrchestratorTheme(getStyles16);
   const { data, isLoading, isError } = useGetWorkflowGuideQuery({ workflowName });
   const content = data?.content ?? "";
-  return /* @__PURE__ */ jsx296("div", { css: isBigScreen ? guideBodyStyle : guideStackedBodyStyle, children: isLoading && /* @__PURE__ */ jsx296(EuiLoadingSpinner8, { size: "m" }) || /* @__PURE__ */ jsx296(EuiPanel22, { paddingSize: "m", hasShadow: true, css: isBigScreen ? guidePanelStyle : guideStackedPanelStyle, children: (isError || !content) && /* @__PURE__ */ jsx296(EuiText45, { color: "subdued", children: t("noGuideAvailable") }) || /* @__PURE__ */ jsx296(EuiMarkdownFormat2, { children: content }) }) });
+  return /* @__PURE__ */ jsx294("div", { css: isBigScreen ? guideBodyStyle : guideStackedBodyStyle, children: isLoading && /* @__PURE__ */ jsx294(EuiLoadingSpinner8, { size: "m" }) || /* @__PURE__ */ jsx294(EuiPanel22, { paddingSize: "m", hasShadow: true, css: isBigScreen ? guidePanelStyle : guideStackedPanelStyle, children: (isError || !content) && /* @__PURE__ */ jsx294(EuiText45, { color: "subdued", children: t("noGuideAvailable") }) || /* @__PURE__ */ jsx294(EuiMarkdownFormat2, { children: content }) }) });
 };
 var WfoWorkflowGuideExpandablePanel = ({ workflowName, isExpanded, onToggle }) => {
-  const t = useTranslations109("workflowGuide");
+  const t = useTranslations107("workflowGuide");
   const { fullHeightStyle, guideExpandedItemStyle, guideExpandedFillStyle } = useWithOrchestratorTheme(getStyles16);
   const isBigScreen = useIsWithinBreakpoints(["xl", "xxl"]);
-  const OpenGuideButton = () => /* @__PURE__ */ jsx296(EuiIcon8, { type: "info", size: "xxl", color: "primary" });
-  const CloseGuideButton = () => /* @__PURE__ */ jsx296(EuiFlexItem54, { grow: false, children: /* @__PURE__ */ jsx296(EuiIcon8, { type: isBigScreen ? "arrowRight" : "arrowUp", size: "xl", color: "primary" }) });
+  const OpenGuideButton = () => /* @__PURE__ */ jsx294(EuiIcon8, { type: "info", size: "xxl", color: "primary" });
+  const CloseGuideButton = () => /* @__PURE__ */ jsx294(EuiFlexItem54, { grow: false, children: /* @__PURE__ */ jsx294(EuiIcon8, { type: isBigScreen ? "arrowRight" : "arrowUp", size: "xl", color: "primary" }) });
   if (!isExpanded) {
-    return /* @__PURE__ */ jsx296(WfoWorkflowGuideToggleStrip, { onToggle, ariaLabel: t("show"), isBigScreen, sticky: true, children: /* @__PURE__ */ jsx296(OpenGuideButton, {}) });
+    return /* @__PURE__ */ jsx294(WfoWorkflowGuideToggleStrip, { onToggle, ariaLabel: t("show"), isBigScreen, sticky: true, children: /* @__PURE__ */ jsx294(OpenGuideButton, {}) });
   }
   if (isBigScreen) {
-    return /* @__PURE__ */ jsx296(EuiFlexItem54, { grow: 1, css: guideExpandedItemStyle, children: /* @__PURE__ */ jsxs156(EuiFlexGroup52, { gutterSize: "none", css: [fullHeightStyle, guideExpandedFillStyle], children: [
-      /* @__PURE__ */ jsx296(WfoWorkflowGuideMarkdown, { workflowName, isBigScreen: true }),
-      /* @__PURE__ */ jsx296(WfoWorkflowGuideToggleStrip, { onToggle, ariaLabel: t("hide"), isBigScreen: true, noLeadingBorder: true, children: /* @__PURE__ */ jsx296(CloseGuideButton, {}) })
+    return /* @__PURE__ */ jsx294(EuiFlexItem54, { grow: 1, css: guideExpandedItemStyle, children: /* @__PURE__ */ jsxs155(EuiFlexGroup52, { gutterSize: "none", css: [fullHeightStyle, guideExpandedFillStyle], children: [
+      /* @__PURE__ */ jsx294(WfoWorkflowGuideMarkdown, { workflowName, isBigScreen: true }),
+      /* @__PURE__ */ jsx294(WfoWorkflowGuideToggleStrip, { onToggle, ariaLabel: t("hide"), isBigScreen: true, noLeadingBorder: true, children: /* @__PURE__ */ jsx294(CloseGuideButton, {}) })
     ] }) });
   }
-  return /* @__PURE__ */ jsx296(EuiFlexItem54, { grow: false, children: /* @__PURE__ */ jsxs156(EuiFlexGroup52, { direction: "column", gutterSize: "none", children: [
-    /* @__PURE__ */ jsx296(
+  return /* @__PURE__ */ jsx294(EuiFlexItem54, { grow: false, children: /* @__PURE__ */ jsxs155(EuiFlexGroup52, { direction: "column", gutterSize: "none", children: [
+    /* @__PURE__ */ jsx294(
       WfoWorkflowGuideToggleStrip,
       {
         onToggle,
         ariaLabel: t("hide"),
         isBigScreen,
         noLeadingBorder: true,
-        children: /* @__PURE__ */ jsx296(CloseGuideButton, {})
+        children: /* @__PURE__ */ jsx294(CloseGuideButton, {})
       }
     ),
-    /* @__PURE__ */ jsx296(WfoWorkflowGuideMarkdown, { workflowName, isBigScreen: true })
+    /* @__PURE__ */ jsx294(WfoWorkflowGuideMarkdown, { workflowName, isBigScreen: true })
   ] }) });
 };
 
 // src/components/WfoWorkflowUserGuide/WfoPageWithUserGuide.tsx
-import { useState as useState64 } from "react";
+import { useState as useState63 } from "react";
 import { EuiFlexGroup as EuiFlexGroup53, EuiFlexItem as EuiFlexItem55, useIsWithinBreakpoints as useIsWithinBreakpoints2 } from "@elastic/eui";
-import { Fragment as Fragment71, jsx as jsx297, jsxs as jsxs157 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment70, jsx as jsx295, jsxs as jsxs156 } from "@emotion/react/jsx-runtime";
 var WfoPageWithUserGuide = ({ workflowName, children }) => {
-  const [isExpanded, setIsExpanded] = useState64(false);
+  const [isExpanded, setIsExpanded] = useState63(false);
   const isBigScreen = useIsWithinBreakpoints2(["xl", "xxl"]);
   const { showWorkflowUserGuide } = useGetOrchestratorConfig();
   if (!workflowName || !showWorkflowUserGuide) {
-    return /* @__PURE__ */ jsx297(Fragment71, { children });
+    return /* @__PURE__ */ jsx295(Fragment70, { children });
   }
-  const workflowGuideExpandablePanel = /* @__PURE__ */ jsx297(
+  const workflowGuideExpandablePanel = /* @__PURE__ */ jsx295(
     WfoWorkflowGuideExpandablePanel,
     {
       workflowName,
@@ -21682,7 +21353,7 @@ var WfoPageWithUserGuide = ({ workflowName, children }) => {
       onToggle: () => setIsExpanded((expanded) => !expanded)
     }
   );
-  return /* @__PURE__ */ jsxs157(
+  return /* @__PURE__ */ jsxs156(
     EuiFlexGroup53,
     {
       gutterSize: "s",
@@ -21690,7 +21361,7 @@ var WfoPageWithUserGuide = ({ workflowName, children }) => {
       alignItems: isBigScreen ? "flexStart" : "stretch",
       children: [
         !isBigScreen && workflowGuideExpandablePanel,
-        /* @__PURE__ */ jsx297(EuiFlexItem55, { grow: true, css: { minWidth: 0 }, children }),
+        /* @__PURE__ */ jsx295(EuiFlexItem55, { grow: true, css: { minWidth: 0 }, children }),
         isBigScreen && workflowGuideExpandablePanel
       ]
     }
@@ -21698,7 +21369,7 @@ var WfoPageWithUserGuide = ({ workflowName, children }) => {
 };
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
-import { useCallback as useCallback18, useEffect as useEffect46, useState as useState65 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect45, useState as useState64 } from "react";
 import { EuiFlexItem as EuiFlexItem56 } from "@elastic/eui";
 import Editor from "@monaco-editor/react";
 
@@ -21717,7 +21388,7 @@ var getStyles17 = ({ theme, isDarkModeActive }) => {
 };
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
-import { jsx as jsx298 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx296 } from "@emotion/react/jsx-runtime";
 var MONACO_THEME = {
   light: "vs",
   dark: "hc-black"
@@ -21725,9 +21396,9 @@ var MONACO_THEME = {
 var WfoMonacoCodeBlock = ({ data }) => {
   const { theme, isDarkModeActive } = useOrchestratorTheme();
   const { monacoEditorStyle } = useWithOrchestratorTheme(getStyles17);
-  const [monacoInstance, setMonacoInstance] = useState65(void 0);
+  const [monacoInstance, setMonacoInstance] = useState64(void 0);
   const json = JSON.stringify(data, null, 4);
-  const [editorHeight, setEditorHeight] = useState65(0);
+  const [editorHeight, setEditorHeight] = useState64(0);
   const addThemeToEditor = useCallback18(
     (monaco) => {
       monaco.editor.defineTheme("wfoTheme", {
@@ -21742,7 +21413,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
     },
     [theme, isDarkModeActive]
   );
-  useEffect46(() => {
+  useEffect45(() => {
     if (monacoInstance) {
       addThemeToEditor(monacoInstance);
     }
@@ -21752,7 +21423,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
     setEditorHeight(Math.min(scrollHeight, 500));
     setMonacoInstance(monaco);
   }
-  return /* @__PURE__ */ jsx298(EuiFlexItem56, { css: monacoEditorStyle, children: /* @__PURE__ */ jsx298(
+  return /* @__PURE__ */ jsx296(EuiFlexItem56, { css: monacoEditorStyle, children: /* @__PURE__ */ jsx296(
     Editor,
     {
       height: editorHeight,
@@ -21814,11 +21485,11 @@ var getWfoLogoSpinnerStyles = () => {
 };
 
 // src/components/WfoLogoSpinner/WfoLogoSpinner.tsx
-import { jsx as jsx299, jsxs as jsxs158 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx297, jsxs as jsxs157 } from "@emotion/react/jsx-runtime";
 var WfoLogoSpinner = () => {
   const { spinContainerCss, spinCenteringCss, spinPathCss } = getWfoLogoSpinnerStyles();
-  return /* @__PURE__ */ jsx299("div", { css: spinCenteringCss, children: /* @__PURE__ */ jsx299("div", { css: spinContainerCss, children: /* @__PURE__ */ jsxs158("svg", { width: "64", height: "64", viewBox: "0 0 640 640", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx299(
+  return /* @__PURE__ */ jsx297("div", { css: spinCenteringCss, children: /* @__PURE__ */ jsx297("div", { css: spinContainerCss, children: /* @__PURE__ */ jsxs157("svg", { width: "64", height: "64", viewBox: "0 0 640 640", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx297(
       "path",
       {
         css: spinPathCss,
@@ -21828,7 +21499,7 @@ var WfoLogoSpinner = () => {
         fill: "#76B5E0"
       }
     ),
-    /* @__PURE__ */ jsx299(
+    /* @__PURE__ */ jsx297(
       "path",
       {
         fillRule: "evenodd",
@@ -21843,7 +21514,7 @@ var WfoLogoSpinner = () => {
 // src/components/WfoButtonWithConfirm/WfoButtonWithConfirm.tsx
 import { useContext as useContext11 } from "react";
 import { EuiButtonIcon as EuiButtonIcon21 } from "@elastic/eui";
-import { jsx as jsx300 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx298 } from "@emotion/react/jsx-runtime";
 var WfoButtonWithConfirm = ({
   question,
   onConfirm,
@@ -21851,7 +21522,7 @@ var WfoButtonWithConfirm = ({
   ariaLabel = "Confirmation button"
 }) => {
   const { showConfirmDialog } = useContext11(ConfirmationDialogContext);
-  return /* @__PURE__ */ jsx300(
+  return /* @__PURE__ */ jsx298(
     EuiButtonIcon21,
     {
       iconType,
@@ -21912,6 +21583,7 @@ var en_GB_default = {
     retrieverHybrid: "Hybrid",
     retrieverSemantic: "Semantic",
     search: "Search",
+    searchError: "Search failed",
     searchModalText: '<p>Different options are available from free text search covering all data columns, or column specific filtering. Note that: <p></p><ul><li>Hidden columns are included</li> <li>Searching is case-insensitive</li> <li>Ordering of words does not matter (unless it is a Phrase)</li> <li>TSV (text search vector) search only available for subscriptions table</li></ul></p> <p>For example:</p> <li><b>"l2vpn"</b> \u2013 free text search</li> <li><b>tag:l2vpn</b> \u2013 search in a specific column</li><li><b>tag:lp description:test</b> \u2013 search in multiple columns</li><li><b>tag:(lp|lr)</b> \u2013 multiselect within 1 column</li><li><b>-tag:lp</b> \u2013 negated filter</li><li><b>test*</b> \u2013 prefix filter</li> <p></p><p><b>Note:</b> Search words containing characters `|-*():"` may not be valid, as they are part of the search query grammar</p><p>Invalid search strings are for example:</p><ul><li>2a10:e300:fff0::/48</li> <li>"node123(planned)"</li> <li>"node123|planned"</li></ul>',
     searchModalTitle: "Search string options",
     showAllColumnsInDetailView: "Show all columns in detail view",
@@ -22439,7 +22111,6 @@ var en_GB_default = {
     },
     index: {
       customerFullname: "Customer",
-      customerId: "Customer ID",
       customerShortcode: "Customer abbr",
       description: "Description",
       endDate: "End date",
@@ -22512,6 +22183,7 @@ var nl_NL_default = {
     retrieverHybrid: "Hybride",
     retrieverSemantic: "Semantic",
     search: "Zoeken",
+    searchError: "Zoeken mislukt",
     searchModalText: '<p>Er zijn verschillende opties beschikbaar: zoeken in vrije tekst voor alle datakolommen en specifiek per kolom te filteren. Houd er rekening mee dat: </p><p></p><ul><li>Verborgen kolommen zijn inbegrepen</li> <li>Zoeken is niet hoofdlettergevoelig</li> <li>De volgorde van woorden doet er niet toe (tenzij het een quote)</li> <li>TSV (text search vector) zoekactie alleen beschikbaar voor subscription tabel</li></ul><p>Bijvoorbeeld:</p> <li><b>"l2vpn"</b> \u2013 vrije tekst search</li> <li><b>tag:l2vpn</b> \u2013 zoeken in een specifieke kolom</li> <li><b>tag:lp beschrijving: test</b> \u2013 zoeken in meerdere kolommen</li><li><b>tag:(lp|lr)</b> \u2013 multi select binnen 1 kolom</li> <li><b>-tag:lp</b> \u2013 omgekeerd filteren</li> <li><b>test*</b> \u2013 prefix filter</li> <p></p><p><b>Opmerking:</b> Zoeken op woorden die tekens `|-*():"` bevatten, zijn mogelijk niet geldig, omdat ze deel uitmaken van de grammatica van de zoekfunctie</p><p>Ongeldige zoekwoorden zijn bijvoorbeeld:</p><ul><li>2a10:e300:fff0::/48</li> <li>"node123(gepland)"</li> <li>"node123|gepland"</li></ul>',
     searchModalTitle: "Zoekwoorden opties",
     showAllColumnsInDetailView: "Toon alle kolommen in detailweergave",
@@ -23039,7 +22711,6 @@ var nl_NL_default = {
     },
     index: {
       customerFullname: "Klant",
-      customerId: "Klant ID",
       customerShortcode: "Klantafkorting",
       description: "Beschrijving",
       endDate: "Einddatum",
@@ -23181,7 +22852,6 @@ export {
   PATH_START_NEW_TASK,
   PATH_START_NEW_WORKFLOW,
   PATH_SUBSCRIPTIONS,
-  PATH_SUBSCRIPTIONS_BETA,
   PATH_TASKS,
   PATH_WORKFLOWS,
   PROCESSES_ENDPOINT,
@@ -23213,7 +22883,10 @@ export {
   STEP_STATE_HIDDEN_KEYS,
   SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY,
   SUBSCRIPTION_ACTIONS_ENDPOINT,
+  SUBSCRIPTION_DESCRIPTION_COLUMN,
   SUBSCRIPTION_DROPDOWN_OPTIONS_ENDPOINT,
+  SUBSCRIPTION_ID_COLUMN,
+  SUBSCRIPTION_START_DATE_COLUMN,
   ScheduleFrequency,
   SortOrder,
   StepStatus,
@@ -23390,7 +23063,6 @@ export {
   WfoSearchLoadingState,
   WfoSearchMetadataHeader,
   WfoSearchPaginationInfo,
-  WfoSearchPocPage,
   WfoSearchResultItem,
   WfoSearchResults,
   WfoSearchStrikethrough,
@@ -23436,7 +23108,6 @@ export {
   WfoSubscriptionProductInfoSection,
   WfoSubscriptionStatusBadge,
   WfoSubscriptionSyncStatusBadge,
-  WfoSubscriptionsList,
   WfoSubscriptionsListPage,
   WfoSummary,
   WfoSummaryCard,
@@ -23552,6 +23223,7 @@ export {
   getStatusBadgeColor,
   getStepContent,
   getSubscriptionDiffTexts,
+  getSubscriptionSummarySearchPayload,
   getTableConfigFromLocalStorage,
   getTableSettingsColumns,
   getTasksListTabTypeFromString,
@@ -23589,12 +23261,10 @@ export {
   isUuid4,
   isValidLocalStorageTableConfig,
   isWorkflowSearchResult,
-  mapGraphQlSubscriptionsResultToPageInfo,
-  mapGraphQlSubscriptionsResultToSubscriptionListItems,
   mapProcessSummaryToSummaryCardListItem,
   mapProductBlockInstancesToEuiSelectableOptions,
   mapRtkErrorToWfoError,
-  mapSubscriptionSummaryToSummaryCardListItem,
+  mapSubscriptionSearchResultToSummaryCardListItem,
   mapWorkflowDefinitionToWorkflowListItem,
   menuItemIsAllowed,
   metaDataTabs,
@@ -23636,7 +23306,6 @@ export {
   subscriptionDetailQuery,
   subscriptionInUseByRelationQuery,
   subscriptionListQuery,
-  subscriptionListSummaryQuery,
   subscriptionListTabs,
   tasksQuery,
   tintOrchestratorColor,
@@ -23688,7 +23357,6 @@ export {
   useGetSubscriptionActionsQuery,
   useGetSubscriptionDetailQuery,
   useGetSubscriptionListQuery,
-  useGetSubscriptionSummaryListQuery,
   useGetTaskOptionsQuery,
   useGetTasksQuery,
   useGetTimeLineItemsQuery,