@orchestrator-ui/orchestrator-ui-components 8.7.3 → 8.8.1

package/dist/index.js

@@ -31,7 +31,7 @@ var METADATA_PRODUCT_ENDPOINT = "products";
 var METADATA_PRODUCT_BLOCK_ENDPOINT = "product_blocks";
 var METADATA_RESOURCE_TYPE_ENDPOINT = "resource_types";
 var METADATA_WORKFLOWS_ENDPOINT = "workflows";
-var METADATA_SCHEDULES_ENDPOINT = "schedules";
+var METADATA_SCHEDULES_ENDPOINT = "schedules/";
 var SEARCH_QUERY_RESULTS_ENDPOINT = "search/queries";
 
 // src/configuration/policy-resources.ts
@@ -61,7 +61,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.7.3";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.8.1";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus2) => {
@@ -95,12 +95,12 @@ var BadgeType = /* @__PURE__ */ ((BadgeType2) => {
   return BadgeType2;
 })(BadgeType || {});
 var WorkflowTarget = /* @__PURE__ */ ((WorkflowTarget2) => {
-  WorkflowTarget2["CREATE"] = "create";
-  WorkflowTarget2["MODIFY"] = "modify";
-  WorkflowTarget2["TERMINATE"] = "terminate";
-  WorkflowTarget2["SYSTEM"] = "system";
-  WorkflowTarget2["VALIDATE"] = "validate";
-  WorkflowTarget2["RECONCILE"] = "reconcile";
+  WorkflowTarget2["CREATE"] = "CREATE";
+  WorkflowTarget2["MODIFY"] = "MODIFY";
+  WorkflowTarget2["TERMINATE"] = "TERMINATE";
+  WorkflowTarget2["SYSTEM"] = "SYSTEM";
+  WorkflowTarget2["VALIDATE"] = "VALIDATE";
+  WorkflowTarget2["RECONCILE"] = "RECONCILE";
   return WorkflowTarget2;
 })(WorkflowTarget || {});
 var StepStatus = /* @__PURE__ */ ((StepStatus2) => {
@@ -1807,10 +1807,11 @@ var filterDataByCriteria = (data, filterCriteria) => {
 };
 
 // src/utils/getDefaultTableConfig.ts
-function getTableConfig(hiddenColumns = [], selectedPageSize = DEFAULT_PAGE_SIZE) {
+function getTableConfig(hiddenColumns = [], selectedPageSize = DEFAULT_PAGE_SIZE, showMatchDetails = false) {
   return {
     selectedPageSize,
-    hiddenColumns
+    hiddenColumns,
+    showMatchDetails
   };
 }
 var getDefaultTableConfig = (storageKey) => {
@@ -2389,7 +2390,7 @@ var {
 // src/rtk/endpoints/startOptions.ts
 var workflowOptionsQuery = `
     query StartOptions {
-        workflows(first: 1000000, after: 0, filterBy: [{ field: "target", value: "${"create" /* CREATE */}"}]) {
+        workflows(first: 1000000, after: 0, filterBy: [{ field: "target", value: "${"CREATE" /* CREATE */}"}]) {
             page {
                 name
                 isAllowed
@@ -5261,6 +5262,7 @@ var useStoredTableConfig = (localeStorageKey) => {
       if (storedConfig) {
         tableConfig.hiddenColumns = storedConfig.hiddenColumns;
         tableConfig.selectedPageSize = storedConfig.selectedPageSize;
+        tableConfig.showMatchDetails = storedConfig.showMatchDetails;
       }
       return tableConfig;
     } catch {
@@ -7228,29 +7230,29 @@ var WfoWorkflowTargetBadge = ({ target }) => {
   if (!target) return null;
   const getBadgeColorFromTarget = (_target) => {
     const { primary, danger, textDanger, textPrimary, success, textSuccess, warning, textWarning, accent, textAccent } = theme.colors;
-    switch (_target?.toLowerCase()) {
-      case "create" /* CREATE */:
+    switch (_target) {
+      case "CREATE" /* CREATE */:
         return {
           badgeColor: toSecondaryColor(success),
           textColor: textSuccess
         };
-      case "modify" /* MODIFY */:
+      case "MODIFY" /* MODIFY */:
         return {
           badgeColor: toSecondaryColor(primary),
           textColor: textPrimary
         };
-      case "system" /* SYSTEM */:
-      case "validate" /* VALIDATE */:
+      case "SYSTEM" /* SYSTEM */:
+      case "VALIDATE" /* VALIDATE */:
         return {
           badgeColor: toSecondaryColor(warning),
           textColor: textWarning
         };
-      case "terminate" /* TERMINATE */:
+      case "TERMINATE" /* TERMINATE */:
         return {
           badgeColor: toSecondaryColor(danger),
           textColor: textDanger
         };
-      case "reconcile" /* RECONCILE */:
+      case "RECONCILE" /* RECONCILE */:
         return {
           badgeColor: toSecondaryColor(accent),
           textColor: textAccent
@@ -7443,7 +7445,7 @@ var WfoContentHeader = ({ title, subtitle, children }) => /* @__PURE__ */ jsxs52
     /* @__PURE__ */ jsxs52(EuiFlexItem3, { children: [
       /* @__PURE__ */ jsx111(WfoRenderElementOrString, { renderString: (value) => /* @__PURE__ */ jsx111(EuiPageHeader, { pageTitle: value }), children: title }),
       subtitle && /* @__PURE__ */ jsxs52("div", { children: [
-        /* @__PURE__ */ jsx111(EuiSpacer5, { size: "m" }),
+        /* @__PURE__ */ jsx111(EuiSpacer5, { size: "s" }),
         /* @__PURE__ */ jsx111(WfoRenderElementOrString, { children: subtitle })
       ] })
     ] }),
@@ -7916,32 +7918,32 @@ var flattenSubscriptionActionProps = (action) => {
   return flatObject;
 };
 var getWorkflowTargetColor = (workflowTarget, theme) => {
-  switch (workflowTarget.toLocaleLowerCase()) {
-    case "create" /* CREATE */:
+  switch (workflowTarget) {
+    case "CREATE" /* CREATE */:
       return theme.colors.textSuccess;
-    case "modify" /* MODIFY */:
+    case "MODIFY" /* MODIFY */:
       return theme.colors.textPrimary;
-    case "system" /* SYSTEM */:
-    case "validate" /* VALIDATE */:
+    case "SYSTEM" /* SYSTEM */:
+    case "VALIDATE" /* VALIDATE */:
       return theme.colors.warning;
-    case "reconcile" /* RECONCILE */:
+    case "RECONCILE" /* RECONCILE */:
       return theme.colors.accent;
-    case "terminate" /* TERMINATE */:
+    case "TERMINATE" /* TERMINATE */:
       return theme.colors.danger;
     default:
       return theme.colors.backgroundBaseDisabled;
   }
 };
 var getWorkflowTargetIconContent = (workflowTarget) => {
-  switch (workflowTarget.toLocaleLowerCase()) {
-    case "create" /* CREATE */:
+  switch (workflowTarget) {
+    case "CREATE" /* CREATE */:
       return "C";
-    case "system" /* SYSTEM */:
-    case "validate" /* VALIDATE */:
+    case "SYSTEM" /* SYSTEM */:
+    case "VALIDATE" /* VALIDATE */:
       return "T";
-    case "terminate" /* TERMINATE */:
+    case "TERMINATE" /* TERMINATE */:
       return "X";
-    case "reconcile" /* RECONCILE */:
+    case "RECONCILE" /* RECONCILE */:
       return "R";
     default:
       return "M";
@@ -8098,7 +8100,7 @@ var WfoSubscriptionDetailSection = ({ subscriptionDetail }) => {
     {
       key: t("lastRunValidation"),
       value: (() => {
-        const lastValidate = processes?.page?.filter((process3) => process3.workflowTarget.toLowerCase() === "validate" /* VALIDATE */.toLowerCase()).slice(-1)[0];
+        const lastValidate = processes?.page?.filter((process3) => process3.workflowTarget === "VALIDATE" /* VALIDATE */).slice(-1)[0];
         if (!lastValidate) {
           return t("noValidateWorkflows");
         }
@@ -8455,10 +8457,10 @@ var WfoInSyncField = ({ subscriptionDetail, compactMode = false, setPopover }) =
 };
 
 // src/components/WfoSubscription/WfoProcessesTimeline.tsx
-import React24 from "react";
+import { useState as useState16 } from "react";
 import { useTranslations as useTranslations26 } from "next-intl";
 import Link7 from "next/link";
-import { EuiComment, EuiCommentList, EuiFlexGroup as EuiFlexGroup10, EuiFlexItem as EuiFlexItem7, EuiSpacer as EuiSpacer11, EuiText as EuiText9 } from "@elastic/eui";
+import { EuiComment, EuiCommentList, EuiFlexGroup as EuiFlexGroup10, EuiFlexItem as EuiFlexItem7, EuiSpacer as EuiSpacer11, EuiSwitch, EuiText as EuiText9 } from "@elastic/eui";
 
 // src/components/WfoSubscription/styles.ts
 import { css as css21 } from "@emotion/react";
@@ -8506,6 +8508,9 @@ var getSubscriptionDetailStyles = ({ theme, isDarkModeActive }) => {
     flexDirection: "column",
     alignItems: "flex-start"
   });
+  const processToggleStyles = css21({
+    justifySelf: "flex-end"
+  });
   return {
     rowStyle,
     labelCellStyle,
@@ -8517,7 +8522,8 @@ var getSubscriptionDetailStyles = ({ theme, isDarkModeActive }) => {
     inUseByRelationDetailsStyle,
     productBlockTreeWidth,
     customerDescriptionsCustomerNameStyle,
-    customerDescriptionsFormStyle
+    customerDescriptionsFormStyle,
+    processToggleStyles
   };
 };
 
@@ -8587,7 +8593,9 @@ var WfoProcessesTimeline = ({ subscriptionDetailProcesses }) => {
       value: "DESC" /* DESC */
     }
   ];
-  const [selectedOption, setSelectedOption] = React24.useState(options[0]);
+  const { processToggleStyles } = useWithOrchestratorTheme(getSubscriptionDetailStyles);
+  const [selectedOption, setSelectedOption] = useState16(options[0]);
+  const [hideValidateTasks, setHideValidateTasks] = useState16(true);
   const handleOnSelectOption = (option) => {
     setSelectedOption(option);
   };
@@ -8595,16 +8603,30 @@ var WfoProcessesTimeline = ({ subscriptionDetailProcesses }) => {
   return /* @__PURE__ */ jsxs65(Fragment18, { children: [
     /* @__PURE__ */ jsx132(EuiSpacer11, { size: "m" }),
     !subscriptionDetailProcesses && /* @__PURE__ */ jsx132(WfoLoading, {}),
-    /* @__PURE__ */ jsx132(WfoRadioDropdown, { options, onUpdateOption: handleOnSelectOption, selectedOption }),
-    sortedProcesses && /* @__PURE__ */ jsx132(EuiCommentList, { "aria-label": "Processes", children: sortedProcesses.filter((process3) => !process3.isTask).map((subscriptionDetailProcess, index) => /* @__PURE__ */ jsx132(WfoRenderSubscriptionProcess, { subscriptionDetailProcess }, index)) })
+    /* @__PURE__ */ jsxs65(EuiFlexGroup10, { alignItems: "center", css: processToggleStyles, children: [
+      /* @__PURE__ */ jsx132(
+        EuiSwitch,
+        {
+          showLabel: true,
+          label: t("hideValidateTasks"),
+          type: "button",
+          checked: hideValidateTasks,
+          onChange: () => setHideValidateTasks((value) => !value)
+        }
+      ),
+      /* @__PURE__ */ jsx132(WfoRadioDropdown, { options, onUpdateOption: handleOnSelectOption, selectedOption })
+    ] }),
+    sortedProcesses && /* @__PURE__ */ jsx132(EuiCommentList, { "aria-label": "Processes", children: sortedProcesses.filter(
+      (process3) => !process3.isTask || process3.workflowTarget === "VALIDATE" /* VALIDATE */ && !hideValidateTasks
+    ).map((subscriptionDetailProcess, index) => /* @__PURE__ */ jsx132(WfoRenderSubscriptionProcess, { subscriptionDetailProcess }, index)) })
   ] });
 };
 
 // src/components/WfoSubscription/WfoRelatedSubscriptions.tsx
-import { useState as useState20 } from "react";
+import { useState as useState21 } from "react";
 import { useTranslations as useTranslations31 } from "next-intl";
 import Link8 from "next/link";
-import { EuiFlexGroup as EuiFlexGroup12, EuiFlexItem as EuiFlexItem8, EuiSpacer as EuiSpacer14, EuiSwitch } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup12, EuiFlexItem as EuiFlexItem8, EuiSpacer as EuiSpacer14, EuiSwitch as EuiSwitch2 } from "@elastic/eui";
 
 // src/components/WfoSubscription/utils/relatedSubscriptionsListItemsObjectMappers.ts
 var mapRelatedSubscriptionsResponseToRelatedSubscriptionsListItems = (input) => input?.relatedSubscriptions.map(({ subscriptionId, description, status, insync, customer, product, startDate }) => ({
@@ -8639,7 +8661,7 @@ var graphQlRelatedSubscriptionsTerminatedSubscriptionsFilterMapper = (data) => d
 } : void 0;
 
 // src/components/WfoTable/WfoTable/WfoTable.tsx
-import { useRef as useRef9, useState as useState18 } from "react";
+import { useRef as useRef9, useState as useState19 } from "react";
 import { useTranslations as useTranslations28 } from "next-intl";
 import { EuiSpacer as EuiSpacer12, EuiTablePagination, useEuiScrollBar } from "@elastic/eui";
 import { useVirtualizer } from "@tanstack/react-virtual";
@@ -8962,8 +8984,12 @@ var getWfoTableStyles = ({ theme, isDarkModeActive }) => {
   const paginationStyle = css23({
     ".eui-xScroll": { display: "flex", justifyContent: "flex-start" }
   });
+  const showExpandedRowStyle = css23({
+    "& + tr": { display: "table-row" }
+  });
   const toggleExpandedRowOnHoverStyle = css23({
-    "&:hover + tr, &:focus-within + tr": { display: "table-row" }
+    "&:hover + tr, &:focus-within + tr": { display: "table-row" },
+    "& + tr:hover, & + tr:focus-within": { display: "table-row" }
   });
   return {
     tableContainerStyle,
@@ -8982,6 +9008,7 @@ var getWfoTableStyles = ({ theme, isDarkModeActive }) => {
     dragAndDropStyle,
     paginationStyle,
     setWidth,
+    showExpandedRowStyle,
     toggleExpandedRowOnHoverStyle
   };
 };
@@ -9052,6 +9079,7 @@ var WfoTableDataRows = ({
   hiddenColumns = [],
   columnOrder = [],
   rowExpandingConfiguration,
+  showExpandedRows,
   onRowClick,
   className
 }) => {
@@ -9062,6 +9090,7 @@ var WfoTableDataRows = ({
     dataRowStyle,
     clickableStyle,
     setWidth,
+    showExpandedRowStyle,
     toggleExpandedRowOnHoverStyle
   } = useWithOrchestratorTheme(getWfoTableStyles);
   const sortedVisibleColumns = getSortedVisibleColumns(columnConfig, columnOrder, hiddenColumns);
@@ -9074,7 +9103,7 @@ var WfoTableDataRows = ({
           rowStyle,
           dataRowStyle,
           onRowClick && clickableStyle,
-          rowExpandingConfiguration?.shouldOnlyShowOnHover && toggleExpandedRowOnHoverStyle
+          rowExpandingConfiguration && (showExpandedRows ? showExpandedRowStyle : toggleExpandedRowOnHoverStyle)
         ],
         onClick: () => onRowClick?.(row),
         children: sortedVisibleColumns.map(([key, columnConfig2]) => {
@@ -9117,14 +9146,14 @@ var WfoTableDataRows = ({
 import { useRef as useRef8 } from "react";
 
 // src/components/WfoTable/WfoTable/WfoDragHandler.tsx
-import { useRef as useRef6, useState as useState16 } from "react";
+import { useRef as useRef6, useState as useState17 } from "react";
 import Draggable from "react-draggable";
 import { jsx as jsx135 } from "@emotion/react/jsx-runtime";
 var MINIMUM_COLUMN_WIDTH = 50;
 var WfoDragHandler = ({ headerRowRef, fieldName, onUpdateColumWidth }) => {
   const nodeRef = useRef6(null);
-  const [position, setPosition] = useState16({ x: 0, y: 0 });
-  const [isDragging, setIsDragging] = useState16(false);
+  const [position, setPosition] = useState17({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = useState17(false);
   const { dragAndDropStyle } = useWithOrchestratorTheme(getWfoTableStyles);
   const resetPosition = () => {
     setPosition({ x: 0, y: 0 });
@@ -9187,7 +9216,7 @@ var WfoSortDirectionIcon = ({ sortDirection }) => {
 };
 
 // src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoTableHeaderCell.tsx
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 import { EuiHorizontalRule as EuiHorizontalRule3, EuiPopover as EuiPopover3, EuiText as EuiText10, useGeneratedHtmlId } from "@elastic/eui";
 
 // src/components/WfoTable/WfoTable/WfoTableHeaderCell/WfoPopoverContent.tsx
@@ -9242,7 +9271,7 @@ var WfoTableHeaderCell = ({
   const smallContextMenuPopoverId = useGeneratedHtmlId({
     prefix: "smallContextMenuPopover"
   });
-  const [isPopoverOpen, setPopover] = useState17(false);
+  const [isPopoverOpen, setPopover] = useState18(false);
   const handleButtonClick = () => setPopover(!isPopoverOpen);
   const closePopover = () => setPopover(false);
   const WfoHeaderCellContentButton = () => /* @__PURE__ */ jsx138("button", { onClick: handleButtonClick, disabled: !isFilterable, children: /* @__PURE__ */ jsx138("div", { css: getHeaderCellContentStyle(isFilterable), children }) });
@@ -9370,6 +9399,7 @@ var WfoTable = ({
   isLoading = false,
   dataSorting = [],
   rowExpandingConfiguration,
+  showExpandedRows = false,
   pagination,
   overrideHeader,
   onUpdateDataSorting,
@@ -9380,7 +9410,7 @@ var WfoTable = ({
   isVirtualized = false,
   height
 }) => {
-  const [localColumnWidths, setLocalColumnWidths] = useState18(
+  const [localColumnWidths, setLocalColumnWidths] = useState19(
     getColumnWidthsFromConfig(columnConfig)
   );
   const dataLength = data.length;
@@ -9478,6 +9508,7 @@ var WfoTable = ({
                 hiddenColumns,
                 columnOrder,
                 rowExpandingConfiguration,
+                showExpandedRows,
                 onRowClick
               },
               virtualRow.key
@@ -9498,6 +9529,7 @@ var WfoTable = ({
               hiddenColumns,
               columnOrder,
               rowExpandingConfiguration,
+              showExpandedRows,
               onRowClick
             }
           ) })
@@ -9526,7 +9558,7 @@ import { useTranslations as useTranslations30 } from "next-intl";
 import { EuiButtonEmpty as EuiButtonEmpty4, EuiFlexGroup as EuiFlexGroup11, EuiSpacer as EuiSpacer13 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/useGroupedTableConfig.tsx
-import { useEffect as useEffect13, useRef as useRef10, useState as useState19 } from "react";
+import { useEffect as useEffect13, useRef as useRef10, useState as useState20 } from "react";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandableRow.tsx
 import { useTranslations as useTranslations29 } from "next-intl";
@@ -9700,10 +9732,10 @@ var useGroupedTableConfig = ({
   notifyParent
 }) => {
   const groupReferences = useRef10(/* @__PURE__ */ new Map());
-  const [expandedRowIds, setExpandedRowIds] = useState19([]);
-  const [isAllGroupsExpanded, setIsAllGroupsExpanded] = useState19(false);
-  const [isAllSubgroupsExpanded, setIsAllSubgroupsExpanded] = useState19([]);
-  const [isExpanding, setIsExpanding] = useState19(false);
+  const [expandedRowIds, setExpandedRowIds] = useState20([]);
+  const [isAllGroupsExpanded, setIsAllGroupsExpanded] = useState20(false);
+  const [isAllSubgroupsExpanded, setIsAllSubgroupsExpanded] = useState20([]);
+  const [isExpanding, setIsExpanding] = useState20(false);
   const groups = getObjectKeys(data).map((key) => ({
     groupName: key.toString()
   }));
@@ -9934,7 +9966,7 @@ var WfoRelatedSubscriptions = ({
   subscriptionId,
   subscriptionPath = PATH_SUBSCRIPTIONS
 }) => {
-  const [hideTerminatedSubscriptions, setHideTerminatedSubscriptions] = useState20(true);
+  const [hideTerminatedSubscriptions, setHideTerminatedSubscriptions] = useState21(true);
   const t = useTranslations31("subscriptions.detail");
   const { theme } = useOrchestratorTheme();
   const terminatedSubscriptionsFilter = {
@@ -10014,7 +10046,7 @@ var WfoRelatedSubscriptions = ({
   return /* @__PURE__ */ jsxs73(Fragment26, { children: [
     /* @__PURE__ */ jsx150(EuiSpacer14, { size: "xl" }),
     /* @__PURE__ */ jsx150(EuiFlexGroup12, { justifyContent: "flexEnd", children: /* @__PURE__ */ jsx150(EuiFlexItem8, { grow: 0, children: /* @__PURE__ */ jsx150(
-      EuiSwitch,
+      EuiSwitch2,
       {
         showLabel: true,
         label: t("hideTerminatedRelatedSubscriptions"),
@@ -10125,7 +10157,7 @@ var WfoSubscription = ({ subscriptionId }) => {
 };
 
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActions.tsx
-import { useState as useState23 } from "react";
+import { useState as useState24 } from "react";
 import { useTranslations as useTranslations34 } from "next-intl";
 import { useRouter as useRouter6 } from "next/router";
 import { EuiButton as EuiButton8, EuiButtonIcon as EuiButtonIcon8, EuiLoadingSpinner as EuiLoadingSpinner3, EuiTitle } from "@elastic/eui";
@@ -10135,7 +10167,7 @@ import { useTranslations as useTranslations33 } from "next-intl";
 import { EuiContextMenuItem as EuiContextMenuItem2, EuiLoadingSpinner as EuiLoadingSpinner2, EuiToolTip as EuiToolTip8 } from "@elastic/eui";
 
 // src/components/WfoSubscription/WfoSubscriptionActions/WfoSubscriptionActionExpandableMenuItem.tsx
-import { useState as useState21 } from "react";
+import { useState as useState22 } from "react";
 import { useTranslations as useTranslations32 } from "next-intl";
 import Link9 from "next/link";
 import { EuiButtonIcon as EuiButtonIcon7, EuiText as EuiText12 } from "@elastic/eui";
@@ -10148,7 +10180,7 @@ var WfoSubscriptionActionExpandableMenuItem = ({
 }) => {
   const t = useTranslations32("subscriptions.detail.actions");
   const { clickableStyle, expandableMenuItemStyle, expandButtonStyle, expandedContentStyle, linkStyle } = useWithOrchestratorTheme(getSubscriptionActionStyles);
-  const [isExpanded, setIsExpanded] = useState21(false);
+  const [isExpanded, setIsExpanded] = useState22(false);
   const relationsDetail = [
     ...subscriptionAction.locked_relations_detail ?? [],
     ...subscriptionAction.unterminated_in_use_by_subscriptions_detail ?? []
@@ -10266,11 +10298,11 @@ var WfoSubscriptionActionsMenuItem = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionActions/utils.ts
-import { useEffect as useEffect14, useState as useState22 } from "react";
+import { useEffect as useEffect14, useState as useState23 } from "react";
 var useActiveProcess = (processes) => {
   const lastProcess = processes?.[processes.length - 1];
   const isLastProcessRunning = lastProcess?.lastStatus.toLowerCase() === "running" /* RUNNING */;
-  const [processId, setProcessId] = useState22(null);
+  const [processId, setProcessId] = useState23(null);
   useEffect14(() => {
     if (isLastProcessRunning) {
       setProcessId(lastProcess.processId);
@@ -10309,7 +10341,7 @@ var WfoSubscriptionActions = ({
 }) => {
   const t = useTranslations34("subscriptions.detail.actions");
   const { theme } = useOrchestratorTheme();
-  const [isPopoverOpen, setPopover] = useState23(false);
+  const [isPopoverOpen, setPopover] = useState24(false);
   const router = useRouter6();
   const disableQuery = isLoading || !isPopoverOpen && compactMode;
   const { isAllowed } = usePolicy();
@@ -10374,14 +10406,22 @@ var WfoSubscriptionActions = ({
       redirectToUrl(actionName, isTask);
     }
   };
+  const getActionItems = (workflowTarget) => {
+    const actionsByTarget = subscriptionActions;
+    return actionsByTarget?.[workflowTarget] ?? actionsByTarget?.[workflowTarget.toLowerCase()] ?? [];
+  };
+  const validateActionItems = getActionItems("VALIDATE" /* VALIDATE */);
+  const reconcileActionItems = getActionItems("RECONCILE" /* RECONCILE */);
+  const modifyActionItems = getActionItems("MODIFY" /* MODIFY */);
+  const terminateActionItems = getActionItems("TERMINATE" /* TERMINATE */);
   const compactItems = /* @__PURE__ */ jsxs78(Fragment28, { children: [
-    isAllowed(SUBSCRIPTION_VALIDATE + subscriptionId) && subscriptionActions?.validate && /* @__PURE__ */ jsxs78(Fragment28, { children: [
+    isAllowed(SUBSCRIPTION_VALIDATE + subscriptionId) && validateActionItems.length > 0 && /* @__PURE__ */ jsxs78(Fragment28, { children: [
       !compactMode && /* @__PURE__ */ jsx156(MenuBlock, { title: t("tasks") }),
-      subscriptionActions.validate.map((subscriptionAction, index) => /* @__PURE__ */ jsx156(
+      validateActionItems.map((subscriptionAction, index) => /* @__PURE__ */ jsx156(
         WfoSubscriptionActionsMenuItem,
         {
           subscriptionAction,
-          target: "validate" /* VALIDATE */,
+          target: "VALIDATE" /* VALIDATE */,
           setPopover,
           subscriptionPath,
           onClick: () => handleActionClick(subscriptionAction.name, compactMode, true),
@@ -10390,13 +10430,13 @@ var WfoSubscriptionActions = ({
         `s_${index}`
       ))
     ] }),
-    isAllowed(SUBSCRIPTION_RECONCILE + subscriptionId) && (subscriptionActions?.reconcile?.length ?? 0) > 0 && /* @__PURE__ */ jsxs78(Fragment28, { children: [
+    isAllowed(SUBSCRIPTION_RECONCILE + subscriptionId) && reconcileActionItems.length > 0 && /* @__PURE__ */ jsxs78(Fragment28, { children: [
       !compactMode && /* @__PURE__ */ jsx156(MenuBlock, { title: t("reconcile") }),
-      subscriptionActions?.reconcile.map((subscriptionAction, index) => /* @__PURE__ */ jsx156(
+      reconcileActionItems.map((subscriptionAction, index) => /* @__PURE__ */ jsx156(
         WfoSubscriptionActionsMenuItem,
         {
           subscriptionAction: buttonIsLoading && !subscriptionAction.reason ? { ...subscriptionAction, reason: "subscription.running_process" } : subscriptionAction,
-          target: "reconcile" /* RECONCILE */,
+          target: "RECONCILE" /* RECONCILE */,
           setPopover,
           subscriptionPath,
           onClick: () => handleActionClick(subscriptionAction.name, compactMode, false),
@@ -10415,13 +10455,13 @@ var WfoSubscriptionActions = ({
     ) })
   ] });
   const fullItems = /* @__PURE__ */ jsxs78(Fragment28, { children: [
-    isAllowed(SUBSCRIPTION_MODIFY + subscriptionId) && subscriptionActions?.modify && /* @__PURE__ */ jsxs78(Fragment28, { children: [
+    isAllowed(SUBSCRIPTION_MODIFY + subscriptionId) && modifyActionItems.length > 0 && /* @__PURE__ */ jsxs78(Fragment28, { children: [
       /* @__PURE__ */ jsx156(MenuBlock, { title: t("modify") }),
-      subscriptionActions.modify.map((subscriptionAction, index) => /* @__PURE__ */ jsx156(
+      modifyActionItems.map((subscriptionAction, index) => /* @__PURE__ */ jsx156(
         WfoSubscriptionActionsMenuItem,
         {
           subscriptionAction,
-          target: "modify" /* MODIFY */,
+          target: "MODIFY" /* MODIFY */,
           setPopover,
           subscriptionPath,
           onClick: () => {
@@ -10432,13 +10472,13 @@ var WfoSubscriptionActions = ({
       ))
     ] }),
     compactItems,
-    isAllowed(SUBSCRIPTION_TERMINATE + subscriptionId) && subscriptionActions?.terminate && /* @__PURE__ */ jsxs78(Fragment28, { children: [
+    isAllowed(SUBSCRIPTION_TERMINATE + subscriptionId) && terminateActionItems.length > 0 && /* @__PURE__ */ jsxs78(Fragment28, { children: [
       /* @__PURE__ */ jsx156(MenuBlock, { title: t("terminate") }),
-      subscriptionActions.terminate.map((subscriptionAction, index) => /* @__PURE__ */ jsx156(
+      terminateActionItems.map((subscriptionAction, index) => /* @__PURE__ */ jsx156(
         WfoSubscriptionActionsMenuItem,
         {
           subscriptionAction,
-          target: "terminate" /* TERMINATE */,
+          target: "TERMINATE" /* TERMINATE */,
           setPopover,
           subscriptionPath,
           onClick: () => {
@@ -10464,7 +10504,7 @@ var WfoSubscriptionActions = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionProductBlock/WfoSubscriptionProductBlock.tsx
-import { useState as useState24 } from "react";
+import { useState as useState25 } from "react";
 import { useTranslations as useTranslations36 } from "next-intl";
 import {
   EuiBadge as EuiBadge2,
@@ -10606,7 +10646,7 @@ var WfoSubscriptionProductBlock = ({
     outsideSubscriptionIdTextStyle,
     rowStyle
   } = useWithOrchestratorTheme(getStyles7);
-  const [showDetails, setShowDetails] = useState24(false);
+  const [showDetails, setShowDetails] = useState25(false);
   const ownerSubscriptionId = productBlock.subscription.subscriptionId;
   const isOutsideCurrentSubscription = ownerSubscriptionId !== subscriptionId;
   const inUseByRelations = productBlock.inUseByRelations.filter(
@@ -10730,12 +10770,12 @@ var WfoProductBlockKeyValueRow = ({
 };
 
 // src/components/WfoSubscription/WfoSubscriptionDetailTree.tsx
-import React44, { useState as useState26 } from "react";
+import React44, { useState as useState27 } from "react";
 import { useTranslations as useTranslations38 } from "next-intl";
 import { EuiCallOut as EuiCallOut4, EuiFlexGroup as EuiFlexGroup17, EuiFlexItem as EuiFlexItem13, EuiText as EuiText16 } from "@elastic/eui";
 
 // src/components/WfoButtonComboBox/WfoButtonComboBox.tsx
-import { useEffect as useEffect15, useState as useState25 } from "react";
+import { useEffect as useEffect15, useState as useState26 } from "react";
 import { EuiPopover as EuiPopover4, EuiSelectable as EuiSelectable2, EuiSpacer as EuiSpacer16, EuiText as EuiText14 } from "@elastic/eui";
 
 // src/components/WfoButtonComboBox/styles.ts
@@ -10771,8 +10811,8 @@ var WfoButtonComboBox = ({
   children,
   className
 }) => {
-  const [isPopoverOpen, setPopoverOpen] = useState25(false);
-  const [optionsState, setOptionsState] = useState25(options);
+  const [isPopoverOpen, setPopoverOpen] = useState26(false);
+  const [optionsState, setOptionsState] = useState26(options);
   const { selectableStyle, titleStyle } = useWithOrchestratorTheme(getWfoButtonComboBoxStyles);
   useEffect15(() => {
     if (!isPopoverOpen) {
@@ -11050,7 +11090,7 @@ var WfoSubscriptionDetailTree = ({
 }) => {
   const t = useTranslations38("subscriptions.detail");
   const { theme } = useOrchestratorTheme();
-  const [, setSelectedTreeNode] = useState26(-1);
+  const [, setSelectedTreeNode] = useState27(-1);
   const { productBlockTreeWidth } = useWithOrchestratorTheme(getSubscriptionDetailStyles);
   const { selectedIds, expandAll, resetSelection, selectAll, selectIds, deselectIds } = React44.useContext(
     TreeContext
@@ -11299,13 +11339,13 @@ var customerDescriptionsApi = orchestratorApi.injectEndpoints({
 var { useSetCustomerDescriptionMutation, useUpdateCustomerDescriptionMutation } = customerDescriptionsApi;
 
 // src/components/WfoInlineEdit/WfoInlineEdit.tsx
-import { useEffect as useEffect17, useState as useState27 } from "react";
+import { useEffect as useEffect17, useState as useState28 } from "react";
 import { EuiInlineEditText } from "@elastic/eui";
 import { jsx as jsx168 } from "@emotion/react/jsx-runtime";
 var WfoInlineEdit = ({ value, onlyShowOnHover = false, onSave = () => {
 } }) => {
-  const [note, setValue] = useState27(value);
-  const [isTooltipVisible, setIsTooltipVisible] = useState27(true);
+  const [note, setValue] = useState28(value);
+  const [isTooltipVisible, setIsTooltipVisible] = useState28(true);
   const handleSave = () => {
     onSave(note.startsWith(INVISIBLE_CHARACTER) ? note.replace(INVISIBLE_CHARACTER, "") : note);
     setIsTooltipVisible(true);
@@ -11522,9 +11562,9 @@ var clearTableConfigFromLocalStorage = (key) => {
 };
 
 // src/components/WfoTable/WfoTableSettingsModal/WfoTableSettingsModal.tsx
-import { useState as useState28 } from "react";
+import { useState as useState29 } from "react";
 import { useTranslations as useTranslations39 } from "next-intl";
-import { EuiForm as EuiForm2, EuiFormRow as EuiFormRow5, EuiHorizontalRule as EuiHorizontalRule4, EuiSelect, EuiSpacer as EuiSpacer17, EuiSwitch as EuiSwitch2 } from "@elastic/eui";
+import { EuiForm as EuiForm2, EuiFormRow as EuiFormRow5, EuiHorizontalRule as EuiHorizontalRule4, EuiSelect, EuiSpacer as EuiSpacer17, EuiSwitch as EuiSwitch3 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoTableSettingsModal/styles.ts
 import { css as css27 } from "@emotion/react";
@@ -11554,8 +11594,8 @@ var TableSettingsModal = ({
 }) => {
   const t = useTranslations39("main");
   const { formRowStyle, selectFieldStyle } = useWithOrchestratorTheme(getWfoTableSettingsModalStyles);
-  const [columns, setColumns] = useState28(tableConfig.columns);
-  const [selectedPageSize, setSelectedPageSize] = useState28(tableConfig.selectedPageSize);
+  const [columns, setColumns] = useState29(tableConfig.columns);
+  const [selectedPageSize, setSelectedPageSize] = useState29(tableConfig.selectedPageSize);
   const options = pageSizeOptions.map((pageSizeOption) => ({
     value: pageSizeOption,
     text: pageSizeOption.toString()
@@ -11582,7 +11622,7 @@ var TableSettingsModal = ({
       children: /* @__PURE__ */ jsxs88(EuiForm2, { children: [
         columns.map(({ field, name, isVisible }) => /* @__PURE__ */ jsxs88("div", { children: [
           /* @__PURE__ */ jsx170(EuiFormRow5, { display: "columnCompressed", label: name, css: formRowStyle, children: /* @__PURE__ */ jsx170(
-            EuiSwitch2,
+            EuiSwitch3,
             {
               showLabel: false,
               label: name,
@@ -11774,11 +11814,11 @@ var WfoInlineJson = ({ data }) => {
 };
 
 // src/components/WfoTable/WfoRowContextMenu/WfoRowContextMenu.tsx
-import { useEffect as useEffect18, useRef as useRef11, useState as useState29 } from "react";
+import { useEffect as useEffect18, useRef as useRef11, useState as useState30 } from "react";
 import { EuiButtonIcon as EuiButtonIcon10, EuiContextMenu as EuiContextMenu2, EuiPopover as EuiPopover5 } from "@elastic/eui";
 import { jsx as jsx176 } from "@emotion/react/jsx-runtime";
 var WfoRowContextMenu = ({ items, onOpenContextMenu }) => {
-  const [isOpen, setIsOpen] = useState29(false);
+  const [isOpen, setIsOpen] = useState30(false);
   const onOpenContextMenuRef = useRef11(onOpenContextMenu);
   useEffect18(() => {
     if (isOpen) {
@@ -11834,7 +11874,7 @@ var toSortedTableColumnConfig = (columnConfig, columnKeys) => columnKeys.reduce(
 }, {});
 
 // src/components/WfoTable/WfoAdvancedTable/WfoAdvancedTable.tsx
-import { useEffect as useEffect19, useState as useState30 } from "react";
+import { useEffect as useEffect19, useState as useState31 } from "react";
 import { useTranslations as useTranslations40 } from "next-intl";
 import { EuiButton as EuiButton9, EuiButtonIcon as EuiButtonIcon11, EuiFlexGroup as EuiFlexGroup18, EuiFlexItem as EuiFlexItem15, EuiSpacer as EuiSpacer18, EuiText as EuiText17 } from "@elastic/eui";
 import { Fragment as Fragment36, jsx as jsx178, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
@@ -11854,10 +11894,10 @@ var WfoAdvancedTable = ({
   ...tableProps
 }) => {
   const { theme } = useOrchestratorTheme();
-  const [hiddenColumns, setHiddenColumns] = useState30(defaultHiddenColumns);
-  const [showSettingsModal, setShowSettingsModal] = useState30(false);
-  const [selectedDataForDetailModal, setSelectedDataForDetailModal] = useState30(void 0);
-  const [showSearchModal, setShowSearchModal] = useState30(false);
+  const [hiddenColumns, setHiddenColumns] = useState31(defaultHiddenColumns);
+  const [showSettingsModal, setShowSettingsModal] = useState31(false);
+  const [selectedDataForDetailModal, setSelectedDataForDetailModal] = useState31(void 0);
+  const [showSearchModal, setShowSearchModal] = useState31(false);
   const t = useTranslations40("common");
   useEffect19(() => {
     if (defaultHiddenColumns) {
@@ -11958,12 +11998,21 @@ var WfoAdvancedTable = ({
 };
 
 // src/components/WfoTable/WfoStructuredSearchTable/WfoStructuredSearchTable.tsx
-import { useEffect as useEffect25, useState as useState35 } from "react";
+import { useEffect as useEffect25, useState as useState36 } from "react";
 import { useTranslations as useTranslations49 } from "next-intl";
-import { EuiButton as EuiButton11, EuiFlexGroup as EuiFlexGroup22, EuiFlexItem as EuiFlexItem23, EuiFormRow as EuiFormRow7, EuiSelect as EuiSelect3, EuiSpacer as EuiSpacer19, EuiText as EuiText18 } from "@elastic/eui";
+import {
+  EuiButton as EuiButton11,
+  EuiFlexGroup as EuiFlexGroup22,
+  EuiFlexItem as EuiFlexItem23,
+  EuiFormRow as EuiFormRow7,
+  EuiSelect as EuiSelect3,
+  EuiSpacer as EuiSpacer19,
+  EuiSwitch as EuiSwitch4,
+  EuiText as EuiText18
+} from "@elastic/eui";
 
 // src/components/WfoTable/WfoStructuredSearchTable/WfoFilterBuilder.tsx
-import { useEffect as useEffect24, useMemo as useMemo4, useRef as useRef14, useState as useState34 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo4, useRef as useRef14, useState as useState35 } from "react";
 import { QueryBuilder, generateID } from "react-querybuilder";
 import "react-querybuilder/dist/query-builder.css";
 import { useTranslations as useTranslations47 } from "next-intl";
@@ -11974,7 +12023,7 @@ import { EuiButtonGroup } from "@elastic/eui";
 
 // src/components/WfoTable/WfoStructuredSearchTable/styles.ts
 import { css as css31 } from "@emotion/react";
-var getWfoStructuredSearchTableStyles = ({ theme }) => {
+var getWfoStructuredSearchTableStyles = ({ theme, isDarkModeActive }) => {
   const queryBuilderContainerStyles = css31({
     backgroundColor: theme.colors.backgroundBaseSubdued,
     padding: theme.base / 2,
@@ -12031,7 +12080,7 @@ var getWfoStructuredSearchTableStyles = ({ theme }) => {
   const ruleGroupContainerBlueStyles = css31({
     ...ruleGroupContainerBase,
     borderRadius: theme.border.radius.small,
-    backgroundColor: "#E9F1F9"
+    backgroundColor: isDarkModeActive ? theme.colors.backgroundLightPrimary : "#E9F1F9"
   });
   const ruleGroupContainerWhiteStyles = css31({
     ...ruleGroupContainerBase,
@@ -12048,7 +12097,7 @@ var getWfoStructuredSearchTableStyles = ({ theme }) => {
     ...ruleGroupContainerBase,
     borderBottomLeftRadius: theme.border.radius.small,
     borderTopLeftRadius: theme.border.radius.small,
-    backgroundColor: "#E9F1F9"
+    backgroundColor: isDarkModeActive ? theme.colors.backgroundLightPrimary : "#E9F1F9"
   });
   const removeGroupActionStyles = css31({
     backgroundColor: theme.colors.backgroundLightPrimary,
@@ -12062,11 +12111,10 @@ var getWfoStructuredSearchTableStyles = ({ theme }) => {
     cursor: "pointer"
   });
   const expandingSearchRowStyles = css31({
-    padding: theme.base / 2,
-    height: theme.base * 2,
+    padding: `${theme.base / 4}px ${theme.base / 2}px`,
     borderRadius: theme.border.radius.medium,
-    border: "thin solid FEF7E0",
-    backgroundColor: "#FEF7E0"
+    border: `thin solid ${theme.colors.highlight}`,
+    backgroundColor: theme.colors.highlight
   });
   const expandingRowBodyStyles = css31({
     display: "flex",
@@ -12123,11 +12171,11 @@ var getWfoStructuredSearchTableStyles = ({ theme }) => {
     display: "none"
   });
   const dotStyles = css31({
-    padding: theme.base / 4
+    padding: `${theme.base / 8}px ${theme.base / 4}px`
   });
   const expandingRowFieldStyles = css31({
     display: "flex",
-    padding: theme.base / 4,
+    padding: `${theme.base / 8}px ${theme.base / 4}px`,
     alignItems: "center"
   });
   return {
@@ -12180,7 +12228,7 @@ var WfoCombinatorSelector = (props) => {
 };
 
 // src/components/WfoTable/WfoStructuredSearchTable/WfoFieldSelector.tsx
-import { useEffect as useEffect20, useRef as useRef12, useState as useState31 } from "react";
+import { useEffect as useEffect20, useRef as useRef12, useState as useState32 } from "react";
 import { useTranslations as useTranslations41 } from "next-intl";
 import { EuiComboBox } from "@elastic/eui";
 import { jsx as jsx180 } from "@emotion/react/jsx-runtime";
@@ -12201,8 +12249,8 @@ var focusValueEditorAfterRender = (searchInput) => {
 var WfoFieldSelector = ({ handleOnChange, disabled, rule, context }) => {
   const { field } = rule;
   const prefilledFieldOptions2 = context.prefilledFieldOptions;
-  const [selectedValue, setSelectedValue] = useState31(field);
-  const [searchInput, setSearchInput] = useState31(null);
+  const [selectedValue, setSelectedValue] = useState32(field);
+  const [searchInput, setSearchInput] = useState32(null);
   const optionsRef = useRef12([]);
   const handleFieldSelectionRef = useRef12(() => {
   });
@@ -12481,18 +12529,18 @@ var WfoRuleGroup = (props) => {
 };
 
 // src/components/WfoTable/WfoStructuredSearchTable/WfoValueEditor.tsx
-import { useEffect as useEffect23, useState as useState33 } from "react";
+import { useEffect as useEffect23, useState as useState34 } from "react";
 import moment3 from "moment";
 import { useTranslations as useTranslations46 } from "next-intl";
 import { EuiButtonGroup as EuiButtonGroup2, EuiDatePicker as EuiDatePicker2, EuiFieldNumber as EuiFieldNumber2, EuiFieldText as EuiFieldText3 } from "@elastic/eui";
 
 // src/components/WfoTable/WfoStructuredSearchTable/WfoRangeEditor.tsx
-import { useEffect as useEffect22, useState as useState32 } from "react";
+import { useEffect as useEffect22, useState as useState33 } from "react";
 import { EuiFlexGroup as EuiFlexGroup20 } from "@elastic/eui";
 import { jsx as jsx189, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
 var WfoRangeEditor = ({ handleOnChange, InputElement, value: currentValue }) => {
   const startValue = currentValue ? currentValue?.toString().split(",") : [];
-  const [value, setValue] = useState32(startValue);
+  const [value, setValue] = useState33(startValue);
   const handleRangeChange = (newValue, rangeIndex) => {
     setValue((currentValues) => {
       const next = [...currentValues];
@@ -12535,7 +12583,7 @@ var BooleanEditor = ({
   value: currentValue
 }) => {
   const initialValue = typeof currentValue === "boolean" ? currentValue : true;
-  const [value, setValue] = useState33(initialValue.toString());
+  const [value, setValue] = useState34(initialValue.toString());
   useEffect23(() => {
     if (currentValue === void 0 || currentValue === "") {
       handleOnChange(initialValue);
@@ -12570,7 +12618,7 @@ var BooleanEditor = ({
   );
 };
 var TextEditor = ({ handleOnChange, value: currentValue = "" }) => {
-  const [value, setValue] = useState33(currentValue);
+  const [value, setValue] = useState34(currentValue);
   const handleTextChange = (e) => {
     setValue(e.target.value || "");
   };
@@ -12585,7 +12633,7 @@ var TextEditor = ({ handleOnChange, value: currentValue = "" }) => {
   return /* @__PURE__ */ jsx190(EuiFieldText3, { value, onChange: handleTextChange, onBlur: handleOnBlur, onKeyDown: handleOnKeyDown });
 };
 var NumberEditor = ({ handleOnChange, value: currentValue }) => {
-  const [value, setValue] = useState33(currentValue?.toString() || "");
+  const [value, setValue] = useState34(currentValue?.toString() || "");
   const handleNumberChange = (e) => {
     setValue(e.target.value || "");
   };
@@ -12609,7 +12657,7 @@ var NumberEditor = ({ handleOnChange, value: currentValue }) => {
   );
 };
 var DatePicker = ({ handleOnChange, value: currentValue }) => {
-  const [date, setDate] = useState33(currentValue || "");
+  const [date, setDate] = useState34(currentValue || "");
   const t = useTranslations46("search.page");
   return /* @__PURE__ */ jsx190(
     EuiDatePicker2,
@@ -12780,8 +12828,8 @@ var WfoFilterBuilder = ({
   };
   const t = useTranslations47("common");
   const { queryBuilderContainerStyles } = useWithOrchestratorTheme(getWfoStructuredSearchTableStyles);
-  const [fieldToOperatorMap, setFieldToOperatorMap] = useState34(prefilledFieldOptions2);
-  const [fieldPathInfoMap, setFieldPathInfoMap] = useState34(/* @__PURE__ */ new Map());
+  const [fieldToOperatorMap, setFieldToOperatorMap] = useState35(prefilledFieldOptions2);
+  const [fieldPathInfoMap, setFieldPathInfoMap] = useState35(/* @__PURE__ */ new Map());
   const latestRuleGroupRef = useRef14(queryBuilderRuleGroup);
   latestRuleGroupRef.current = queryBuilderRuleGroup;
   const handleValueEditorEnter = () => {
@@ -12949,6 +12997,7 @@ import { Fragment as Fragment38, jsx as jsx193, jsxs as jsxs98 } from "@emotion/
 var WfoStructuredSearchTable = ({
   tableColumnConfig,
   defaultHiddenColumns = [],
+  defaultShowMatchDetails = false,
   queryText,
   localStorageKey,
   exportDataIsLoading,
@@ -12980,17 +13029,21 @@ var WfoStructuredSearchTable = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { toggleButtonStyles } = useWithOrchestratorTheme(getWfoStructuredSearchTableStyles);
-  const [hiddenColumns, setHiddenColumns] = useState35(defaultHiddenColumns);
-  const [isFilterBuilderVisible, setIsFilterBuilderVisible] = useState35(false);
-  const [showTableSettingsModal, setShowTableSettingsModal] = useState35(false);
-  const [rowDetailModalData, setRowDetailModalData] = useState35(void 0);
-  const [showInformationModal, setShowInformationModal] = useState35(false);
+  const [hiddenColumns, setHiddenColumns] = useState36(defaultHiddenColumns);
+  const [isFilterBuilderVisible, setIsFilterBuilderVisible] = useState36(false);
+  const [showTableSettingsModal, setShowTableSettingsModal] = useState36(false);
+  const [rowDetailModalData, setRowDetailModalData] = useState36(void 0);
+  const [showInformationModal, setShowInformationModal] = useState36(false);
+  const [showMatchDetails, setShowMatchDetails] = useState36(defaultShowMatchDetails);
   const t = useTranslations49("common");
   useEffect25(() => {
     if (defaultHiddenColumns) {
       setHiddenColumns(defaultHiddenColumns);
     }
   }, [defaultHiddenColumns]);
+  useEffect25(() => {
+    setShowMatchDetails(defaultShowMatchDetails);
+  }, [defaultShowMatchDetails]);
   useEffect25(() => {
     if (filterString) {
       setIsFilterBuilderVisible(true);
@@ -13016,13 +13069,23 @@ var WfoStructuredSearchTable = ({
     setPageSize(updatedTableConfig.selectedPageSize);
     setTableConfigToLocalStorage(localStorageKey, {
       hiddenColumns: updatedHiddenColumns,
-      selectedPageSize: updatedTableConfig.selectedPageSize
+      selectedPageSize: updatedTableConfig.selectedPageSize,
+      showMatchDetails
+    });
+  };
+  const handleToggleShowMatchDetails = (checked) => {
+    setShowMatchDetails(checked);
+    setTableConfigToLocalStorage(localStorageKey, {
+      hiddenColumns,
+      selectedPageSize: pageSize ?? DEFAULT_PAGE_SIZE,
+      showMatchDetails: checked
     });
   };
   const handleResetToDefaults = () => {
     const defaultTableConfig = getDefaultTableConfig(localStorageKey);
     setHiddenColumns(defaultTableConfig.hiddenColumns);
     setPageSize(defaultTableConfig.selectedPageSize);
+    setShowMatchDetails(defaultTableConfig.showMatchDetails ?? false);
     setShowTableSettingsModal(false);
     clearTableConfigFromLocalStorage(localStorageKey);
   };
@@ -13086,6 +13149,7 @@ var WfoStructuredSearchTable = ({
         columnConfig: tableColumnsWithControlColumns,
         hiddenColumns,
         rowExpandingConfiguration,
+        showExpandedRows: showMatchDetails,
         onUpdateDataSorting,
         onUpdateDataSearch: handleColumnFilterSearch,
         dataSorting,
@@ -13110,6 +13174,16 @@ var WfoStructuredSearchTable = ({
         onUpdateTableConfig: handleUpdateTableConfig,
         onResetToDefaults: handleResetToDefaults,
         extraSettings: /* @__PURE__ */ jsxs98(Fragment38, { children: [
+          /* @__PURE__ */ jsx193(EuiFormRow7, { label: t("showMatchDetails"), display: "columnCompressed", children: /* @__PURE__ */ jsx193(
+            EuiSwitch4,
+            {
+              showLabel: false,
+              label: t("showMatchDetails"),
+              checked: showMatchDetails,
+              onChange: (event) => handleToggleShowMatchDetails(event.target.checked),
+              compressed: true
+            }
+          ) }),
           /* @__PURE__ */ jsx193(EuiFormRow7, { label: t("retrieval"), display: "columnCompressed", children: /* @__PURE__ */ jsx193(
             EuiSelect3,
             {
@@ -13251,7 +13325,7 @@ var getTimelineStyles = ({ theme }) => {
     paddingLeft: theme.font.baseline * 4,
     paddingRight: theme.font.baseline * 4,
     position: "sticky",
-    top: timelineOutlineWidthPx,
+    top: theme.base / 4,
     zIndex: 2,
     // Some EUI components have a zIndex
     display: "flex",
@@ -13479,12 +13553,12 @@ var WfoIsAllowedToRender = ({ resource, children }) => {
 };
 
 // src/components/WfoDropdownButton/WfoDropdownButton.tsx
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 import { EuiButtonGroup as EuiButtonGroup3, EuiPopover as EuiPopover6 } from "@elastic/eui";
 import { jsx as jsx204 } from "@emotion/react/jsx-runtime";
 var WfoDropdownButton = ({ label, isDisabled = false, children }) => {
-  const [isHovered, setIsHovered] = useState36(false);
-  const [isPopoverOpen, setPopoverOpen] = useState36(false);
+  const [isHovered, setIsHovered] = useState37(false);
+  const [isPopoverOpen, setPopoverOpen] = useState37(false);
   const buttonOptions = [
     {
       id: "id_1",
@@ -13542,7 +13616,7 @@ import Link14 from "next/link";
 import { useRouter as useRouter17 } from "next/router";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { useEffect as useEffect26, useState as useState37 } from "react";
+import { useEffect as useEffect26, useState as useState38 } from "react";
 import { useTranslations as useTranslations52 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup2 } from "@elastic/eui";
 
@@ -13608,7 +13682,7 @@ var WfoProductBlocksPage = () => {
   const t = useTranslations52("metadata.productBlocks");
   const tError = useTranslations52("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState37();
+  const [tableDefaults, setTableDefaults] = useState38();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_PRODUCT_BLOCKS_TABLE_LOCAL_STORAGE_KEY
   );
@@ -13798,7 +13872,7 @@ var WfoProductBlocksPage = () => {
 };
 
 // src/pages/metadata/WfoResourceTypesPage.tsx
-import { useEffect as useEffect27, useState as useState38 } from "react";
+import { useEffect as useEffect27, useState as useState39 } from "react";
 import { useTranslations as useTranslations53 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup3 } from "@elastic/eui";
 import { Fragment as Fragment44, jsx as jsx208, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
@@ -13807,7 +13881,7 @@ var WfoResourceTypesPage = () => {
   const t = useTranslations53("metadata.resourceTypes");
   const tError = useTranslations53("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState38();
+  const [tableDefaults, setTableDefaults] = useState39();
   const getStoredTableConfig = useStoredTableConfig(
     METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY
   );
@@ -13948,11 +14022,11 @@ var WfoResourceTypesPage = () => {
 };
 
 // src/pages/metadata/WfoProductsPage.tsx
-import { useEffect as useEffect28, useState as useState40 } from "react";
+import { useEffect as useEffect28, useState as useState41 } from "react";
 import { useTranslations as useTranslations54 } from "next-intl";
 
 // src/components/WfoMetadata/WfoMetadataStatusField.tsx
-import { useState as useState39 } from "react";
+import { useState as useState40 } from "react";
 import { EuiButtonEmpty as EuiButtonEmpty6 } from "@elastic/eui";
 
 // src/components/WfoPopover/WfoPopover.tsx
@@ -13976,7 +14050,7 @@ var WfoPopover = ({ id, isLoading, PopoverContent, button, isPopoverOpen, closeP
 // src/components/WfoMetadata/WfoMetadataStatusField.tsx
 import { jsx as jsx210 } from "@emotion/react/jsx-runtime";
 var WfoMetadataStatusField = ({ onSave, currentStatus }) => {
-  const [isPopoverOpen, setPopover] = useState39(false);
+  const [isPopoverOpen, setPopover] = useState40(false);
   const onButtonClick = () => setPopover(!isPopoverOpen);
   const button = /* @__PURE__ */ jsx210(EuiButtonEmpty6, { iconType: "arrowDown", iconSide: "right", onClick: onButtonClick, color: "text", children: /* @__PURE__ */ jsx210(WfoProductStatusBadge, { status: currentStatus }) });
   const wrappedButton = /* @__PURE__ */ jsx210(
@@ -14020,7 +14094,7 @@ var WfoProductsPage = () => {
   const t = useTranslations54("metadata.products");
   const tError = useTranslations54("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState40();
+  const [tableDefaults, setTableDefaults] = useState41();
   const getStoredTableConfig = useStoredTableConfig(METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY);
   const [updateProductDescription] = useUpdateProductDescriptionMutation();
   const [updateProductStatus] = useUpdateProductStatusMutation();
@@ -14202,7 +14276,7 @@ var WfoProductsPage = () => {
 };
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { useEffect as useEffect29, useState as useState41 } from "react";
+import { useEffect as useEffect29, useState as useState42 } from "react";
 import { useTranslations as useTranslations55 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup4 } from "@elastic/eui";
 
@@ -14238,7 +14312,7 @@ var WfoWorkflowsPage = () => {
   const t = useTranslations55("metadata.workflows");
   const tError = useTranslations55("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState41();
+  const [tableDefaults, setTableDefaults] = useState42();
   const getStoredTableConfig = useStoredTableConfig(METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY);
   const [updateWorkflow] = useUpdateWorkflowMutation();
   useEffect29(() => {
@@ -14396,7 +14470,7 @@ var WfoWorkflowsPage = () => {
 };
 
 // src/pages/metadata/WfoTasksPage.tsx
-import { useEffect as useEffect30, useState as useState42 } from "react";
+import { useEffect as useEffect30, useState as useState43 } from "react";
 import { useTranslations as useTranslations56 } from "next-intl";
 import { useRouter as useRouter8 } from "next/router";
 import { EuiBadgeGroup as EuiBadgeGroup5, EuiButtonIcon as EuiButtonIcon13, EuiContextMenuItem as EuiContextMenuItem3 } from "@elastic/eui";
@@ -14433,7 +14507,7 @@ var graphQlTaskListMapper = ({ field, order }) => ({
 // src/pages/metadata/WfoTasksPage.tsx
 import { Fragment as Fragment47, jsx as jsx213, jsxs as jsxs105 } from "@emotion/react/jsx-runtime";
 var ScheduleTaskPopoverMenu = ({ workflowId }) => {
-  const [isPopoverOpen, setIsPopoverOpen] = useState42(false);
+  const [isPopoverOpen, setIsPopoverOpen] = useState43(false);
   const button = /* @__PURE__ */ jsx213(
     EuiButtonIcon13,
     {
@@ -14477,7 +14551,7 @@ var WfoTasksPage = () => {
   const t = useTranslations56("metadata.tasks");
   const tError = useTranslations56("errors");
   const { showToastMessage } = useShowToastMessage();
-  const [tableDefaults, setTableDefaults] = useState42();
+  const [tableDefaults, setTableDefaults] = useState43();
   const getStoredTableConfig = useStoredTableConfig(METADATA_TASKS_TABLE_LOCAL_STORAGE_KEY);
   const [updateWorkflow] = useUpdateWorkflowMutation();
   useEffect30(() => {
@@ -14649,7 +14723,7 @@ var WfoTasksPage = () => {
 };
 
 // src/pages/metadata/WfoScheduledTasksPage.tsx
-import { useEffect as useEffect31, useState as useState43 } from "react";
+import { useEffect as useEffect31, useState as useState44 } from "react";
 import { useTranslations as useTranslations57 } from "next-intl";
 import { useRouter as useRouter9 } from "next/router";
 import { EuiButton as EuiButton12, EuiFlexGroup as EuiFlexGroup23, EuiFlexItem as EuiFlexItem24 } from "@elastic/eui";
@@ -14664,7 +14738,7 @@ var WfoScheduledTasksPage = () => {
   const tError = useTranslations57("errors");
   const { showToastMessage } = useShowToastMessage();
   const router = useRouter9();
-  const [tableDefaults, setTableDefaults] = useState43();
+  const [tableDefaults, setTableDefaults] = useState44();
   const [deleteScheduledTask, mutationState] = useDeleteScheduledTaskMutation();
   const getStoredTableConfig = useStoredTableConfig(METADATA_SCHEDULES_LOCAL_STORAGE_KEY);
   if (mutationState.isError) {
@@ -15454,7 +15528,7 @@ var WfoProcessDetailPage = ({ processId }) => {
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useMemo as useMemo10, useState as useState49 } from "react";
+import { useMemo as useMemo10, useState as useState50 } from "react";
 import { useTranslations as useTranslations70 } from "next-intl";
 import { useRouter as useRouter13 } from "next/router";
 import { EuiFlexGroup as EuiFlexGroup30, EuiFlexItem as EuiFlexItem29, EuiHorizontalRule as EuiHorizontalRule7, EuiPanel as EuiPanel5, EuiText as EuiText25 } from "@elastic/eui";
@@ -15556,7 +15630,7 @@ var WfoPydanticForm = ({ processName, startProcessPayload, isTask }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
-import React72, { useCallback as useCallback12, useState as useState45 } from "react";
+import React72, { useCallback as useCallback12, useState as useState46 } from "react";
 import { useTranslations as useTranslations65 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup27, EuiFlexItem as EuiFlexItem27, EuiPanel as EuiPanel4, EuiText as EuiText20 } from "@elastic/eui";
 
@@ -15742,7 +15816,7 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoCodeViewSelector.tsx
-import { useCallback as useCallback10, useState as useState44 } from "react";
+import { useCallback as useCallback10, useState as useState45 } from "react";
 import { useTranslations as useTranslations63 } from "next-intl";
 import { EuiButtonGroup as EuiButtonGroup4 } from "@elastic/eui";
 import { jsx as jsx223 } from "@emotion/react/jsx-runtime";
@@ -15750,7 +15824,7 @@ var WfoCodeViewSelector = ({ codeView, handleCodeViewChange }) => {
   const t = useTranslations63("processes.steps");
   const { theme, toSecondaryColor } = useOrchestratorTheme();
   const isSelected = (buttonView) => buttonView === codeView;
-  const [showTooltips, setShowTooltips] = useState44(true);
+  const [showTooltips, setShowTooltips] = useState45(true);
   const codeViewOptions = [
     {
       id: "json" /* JSON */,
@@ -15902,7 +15976,7 @@ var WfoStep = React72.forwardRef(
     userPermissions
   }, ref) => {
     const { isExpanded, step, userInputForm } = stepListItem;
-    const [codeView, setCodeView] = useState45("json" /* JSON */);
+    const [codeView, setCodeView] = useState46("json" /* JSON */);
     const { theme } = useOrchestratorTheme();
     const {
       stepEmailContainerStyle,
@@ -16071,11 +16145,11 @@ var WfoStepList = React73.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React75, { useEffect as useEffect35, useState as useState47 } from "react";
+import React75, { useEffect as useEffect35, useState as useState48 } from "react";
 import { useTranslations as useTranslations68 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
-import { useCallback as useCallback13, useEffect as useEffect34, useMemo as useMemo9, useState as useState46 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect34, useMemo as useMemo9, useState as useState47 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
 import { useTranslations as useTranslations66 } from "next-intl";
@@ -16134,10 +16208,10 @@ var getSubscriptionDiffTexts = (data) => {
 };
 var WfoDiff = ({ oldText, newText, syntax }) => {
   const t = useTranslations66("processes.delta");
-  const [showSplit, setShowSplit] = useState46(true);
-  const [showFull, setShowFull] = useState46(false);
+  const [showSplit, setShowSplit] = useState47(true);
+  const [showFull, setShowFull] = useState47(false);
   const { diffStyle } = useWithOrchestratorTheme(getWfoDiffStyles);
-  const [{ type, hunks }, setDiff] = useState46({
+  const [{ type, hunks }, setDiff] = useState47({
     type: "modify",
     hunks: []
   });
@@ -16254,16 +16328,16 @@ var WfoWorkflowStepList = React75.forwardRef(
     userInputForm,
     userPermissions
   }, reference) => {
-    const [showHiddenKeys, setShowHiddenKeys] = useState47(false);
-    const [showRaw, setShowRaw] = useState47(false);
-    const [showDelta, setShowDelta] = useState47(false);
-    const [showTraceback, setShowTraceback] = useState47(false);
+    const [showHiddenKeys, setShowHiddenKeys] = useState48(false);
+    const [showRaw, setShowRaw] = useState48(false);
+    const [showDelta, setShowDelta] = useState48(false);
+    const [showTraceback, setShowTraceback] = useState48(false);
     const t = useTranslations68("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
     }));
-    const [stepListItems, setStepListItems] = useState47(initialStepListItems);
+    const [stepListItems, setStepListItems] = useState48(initialStepListItems);
     const persistStepListItemState = (previousStepListItems, updatedSteps, userInputForm2) => {
       const reversedSteps = [...updatedSteps].reverse();
       const lastStepWithSuspendStatusStepId = reversedSteps.find((step) => step.status === "suspend" /* SUSPEND */)?.stepId;
@@ -16348,9 +16422,9 @@ var WfoWorkflowStepList = React75.forwardRef(
 WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
-import { useState as useState48 } from "react";
+import { useState as useState49 } from "react";
 import { useTranslations as useTranslations69 } from "next-intl";
-import { EuiButton as EuiButton16, EuiFlexGroup as EuiFlexGroup29, EuiForm as EuiForm3, EuiFormRow as EuiFormRow8, EuiPopover as EuiPopover8, EuiSwitch as EuiSwitch3, EuiText as EuiText24 } from "@elastic/eui";
+import { EuiButton as EuiButton16, EuiFlexGroup as EuiFlexGroup29, EuiForm as EuiForm3, EuiFormRow as EuiFormRow8, EuiPopover as EuiPopover8, EuiSwitch as EuiSwitch5, EuiText as EuiText24 } from "@elastic/eui";
 
 // src/components/WfoTextAnchor/WfoTextAnchor.tsx
 import { EuiText as EuiText23 } from "@elastic/eui";
@@ -16398,7 +16472,7 @@ var WfoStepListHeader = ({
   const t = useTranslations69("processes.steps");
   const { theme } = useOrchestratorTheme();
   const { stepListHeaderStyle, stepListContentStyle, stepListContentBoldTextStyle, stepListOptionsContainerStyle } = useWithOrchestratorTheme(getWorkflowStepsStyles);
-  const [isViewOptionOpen, setIsViewOptionOpen] = useState48(false);
+  const [isViewOptionOpen, setIsViewOptionOpen] = useState49(false);
   const onViewOptionClick = () => setIsViewOptionOpen((isViewOptionOpen2) => !isViewOptionOpen2);
   const closeViewOption = () => setIsViewOptionOpen(false);
   const viewOptionButton = /* @__PURE__ */ jsx232(
@@ -16431,7 +16505,7 @@ var WfoStepListHeader = ({
       ),
       /* @__PURE__ */ jsx232(EuiPopover8, { button: viewOptionButton, isOpen: isViewOptionOpen, closePopover: closeViewOption, display: "block", children: /* @__PURE__ */ jsx232("div", { children: /* @__PURE__ */ jsxs118(EuiForm3, { component: "form", children: [
         /* @__PURE__ */ jsx232(EuiFormRow8, { children: /* @__PURE__ */ jsx232(
-          EuiSwitch3,
+          EuiSwitch5,
           {
             label: "Hidden keys",
             checked: showHiddenKeys,
@@ -16442,7 +16516,7 @@ var WfoStepListHeader = ({
           }
         ) }),
         /* @__PURE__ */ jsx232(EuiFormRow8, { children: /* @__PURE__ */ jsx232(
-          EuiSwitch3,
+          EuiSwitch5,
           {
             label: "Raw JSON data",
             checked: showRaw,
@@ -16477,7 +16551,7 @@ var getInitialProcessPayload = ({
 var WfoStartProcessPage = ({ processName, isTask = false }) => {
   const t = useTranslations70("processes.steps");
   const router = useRouter13();
-  const [hasError, setHasError] = useState49(false);
+  const [hasError, setHasError] = useState50(false);
   const { theme } = useOrchestratorTheme();
   const { productId, subscriptionId } = router.query;
   const {
@@ -16771,14 +16845,14 @@ var WfoSubscriptionDetailPage = () => {
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect36, useState as useState50 } from "react";
+import { useEffect as useEffect36, useState as useState51 } from "react";
 import { useTranslations as useTranslations75 } from "next-intl";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
 import { EuiSpacer as EuiSpacer25 } from "@elastic/eui";
 import { Fragment as Fragment58, jsx as jsx239, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   const t = useTranslations75("subscriptions.detail");
-  const [tableDefaults, setTableDefaults] = useState50();
+  const [tableDefaults, setTableDefaults] = useState51();
   const getStoredTableConfig = useStoredTableConfig(SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY);
   useEffect36(() => {
     const storedConfig = getStoredTableConfig();
@@ -16831,7 +16905,7 @@ var WfoSubscriptionsListPage = () => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext10, useEffect as useEffect37, useState as useState51 } from "react";
+import { useContext as useContext10, useEffect as useEffect37, useState as useState52 } from "react";
 import { useTranslations as useTranslations76 } from "next-intl";
 import Link12 from "next/link";
 import { useRouter as useRouter15 } from "next/router";
@@ -16906,7 +16980,7 @@ var WfoTasksListPage = () => {
   const router = useRouter15();
   const t = useTranslations76("tasks.page");
   const [activeTab, setActiveTab] = useQueryParam4("activeTab", withDefault5(StringParam5, "ACTIVE" /* ACTIVE */));
-  const [tableDefaults, setTableDefaults] = useState51();
+  const [tableDefaults, setTableDefaults] = useState52();
   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);
@@ -16962,6 +17036,7 @@ var WfoTasksListPage = () => {
       "productName",
       "customer",
       "customerAbbreviation",
+      "note",
       "subscriptions",
       "createdBy",
       "assignee",
@@ -17007,7 +17082,7 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect38, useState as useState52 } from "react";
+import { useEffect as useEffect38, useState as useState53 } from "react";
 import { useTranslations as useTranslations77 } from "next-intl";
 import { useRouter as useRouter16 } from "next/router";
 import { StringParam as StringParam6, useQueryParam as useQueryParam5, withDefault as withDefault6 } from "use-query-params";
@@ -17084,7 +17159,7 @@ var WfoWorkflowsListPage = () => {
     "activeTab",
     withDefault6(StringParam6, "ACTIVE" /* ACTIVE */)
   );
-  const [tableDefaults, setTableDefaults] = useState52();
+  const [tableDefaults, setTableDefaults] = useState53();
   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);
@@ -17138,7 +17213,7 @@ var WfoWorkflowsListPage = () => {
 };
 
 // src/pages/WfoSearchPocPage.tsx
-import { useCallback as useCallback14, useEffect as useEffect39, useMemo as useMemo12, useRef as useRef18, useState as useState53 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect39, useMemo as useMemo12, useRef as useRef18, useState as useState54 } from "react";
 import { formatQuery as formatQuery2 } from "react-querybuilder/formatQuery";
 import { useTranslations as useTranslations78 } from "next-intl";
 import Link13 from "next/link";
@@ -17175,8 +17250,7 @@ var getDataFromResponse = (data, resultColumToPropertyMap2, uniqueRowId, selecte
         return rowMap;
       },
       {}
-    ),
-    shouldOnlyShowOnHover: true
+    )
   };
   const items = responseColumns.map((responseColumn) => {
     const item = Object.entries(responseColumn).reduce((acc, [key, value]) => {
@@ -17228,8 +17302,8 @@ var WfoSearchPocPage = () => {
   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] = useState53("auto" /* Auto */);
-  const [queryText, setQueryText] = useState53("");
+  const [retrieverType, setRetrieverType] = useState54("auto" /* Auto */);
+  const [queryText, setQueryText] = useState54("");
   const [committedSearchQuery, setCommittedSearchQuery] = useQueryParam6("queryString", withDefault7(StringParam7, ""));
   const [committedFilterString, setCommittedFilterString] = useQueryParam6("filterString", withDefault7(StringParam7, ""));
   const lastSelfCommittedFilter = useRef18("");
@@ -17242,18 +17316,18 @@ var WfoSearchPocPage = () => {
     lastSelfCommittedQuery.current = queryText2;
     setCommittedSearchQuery(queryText2 || void 0);
   };
-  const [filterString, setFilterString] = useState53("");
-  const [queryBuilderRuleGroup, setQueryBuilderRuleGroup] = useState53();
+  const [filterString, setFilterString] = useState54("");
+  const [queryBuilderRuleGroup, setQueryBuilderRuleGroup] = useState54();
   const committedRuleGroup = useMemo12(
     () => parseCelToRuleGroup(committedFilterString),
     [committedFilterString]
   );
-  const [isValidFilterString, setIsValidFilterString] = useState53(true);
-  const [tableDefaults, setTableDefaults] = useState53();
-  const [pageSize, setPageSize] = useState53(tableDefaults?.selectedPageSize || DEFAULT_PAGE_SIZE);
-  const [limit, setLimit] = useState53(pageSize);
-  const [pageCursor, setPageCursor] = useState53(void 0);
-  const [dataSorting, setDataSorting] = useState53({
+  const [isValidFilterString, setIsValidFilterString] = useState54(true);
+  const [tableDefaults, setTableDefaults] = useState54();
+  const [pageSize, setPageSize] = useState54(tableDefaults?.selectedPageSize || DEFAULT_PAGE_SIZE);
+  const [limit, setLimit] = useState54(pageSize);
+  const [pageCursor, setPageCursor] = useState54(void 0);
+  const [dataSorting, setDataSorting] = useState54({
     field: "subscriptionId",
     sortOrder: "DESC" /* DESC */
   });
@@ -17527,6 +17601,7 @@ var WfoSearchPocPage = () => {
         data: subscriptionListItems,
         rowExpandingConfiguration,
         defaultHiddenColumns: tableDefaults?.hiddenColumns,
+        defaultShowMatchDetails: tableDefaults?.showMatchDetails,
         filterString,
         handleSearch: handleApplyFilter,
         isLoading: isFetching,
@@ -17557,7 +17632,7 @@ var WfoSearchPocPage = () => {
 };
 
 // src/components/WfoProcessList/WfoProcessListDeltaPopover.tsx
-import { useState as useState54 } from "react";
+import { useState as useState55 } from "react";
 import { useTranslations as useTranslations79 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon16, EuiLoadingSpinner as EuiLoadingSpinner5, EuiPanel as EuiPanel8, EuiPopover as EuiPopover9 } from "@elastic/eui";
 
@@ -17593,10 +17668,10 @@ var WfoProcessListDeltaPopover = ({ processListItem }) => {
     getWfoProcessListDeltaPopoverStyles
   );
   const t = useTranslations79("processes.steps");
-  const [isPopoverOpen, setPopoverOpen] = useState54(false);
+  const [isPopoverOpen, setPopoverOpen] = useState55(false);
   const { processId, workflowTarget } = processListItem;
   const { data, isFetching } = useGetRawProcessDetailQuery({ processId }, { skip: !isPopoverOpen });
-  if (workflowTarget.toUpperCase() !== "modify" /* MODIFY */.toUpperCase()) {
+  if (workflowTarget !== "MODIFY" /* MODIFY */) {
     return null;
   }
   const { oldText, newText } = getSubscriptionDiffTexts(data);
@@ -17879,16 +17954,17 @@ var WfoProcessesList = ({
     sortOrder: sortBy2?.order ?? "ASC" /* ASC */
   };
   const getProcessListForExport = () => getProcessListTrigger(getQueryVariablesForExport(processListQueryVars)).unwrap();
+  const tableConfig = mapSortableAndFilterableValuesToTableColumnConfig(
+    tableColumns,
+    pageInfo?.sortFields,
+    pageInfo?.filterFields
+  );
   return /* @__PURE__ */ jsx244(
     WfoAdvancedTable,
     {
       queryString,
       data: mapGraphQlProcessListResultToProcessListItems(processes || []),
-      tableColumnConfig: mapSortableAndFilterableValuesToTableColumnConfig(
-        tableColumns,
-        pageInfo?.sortFields,
-        pageInfo?.filterFields
-      ),
+      tableColumnConfig: tableConfig,
       dataSorting: [dataSorting],
       pagination,
       isLoading: isFetching,
@@ -17957,7 +18033,7 @@ var WfoJsonCodeBlock = ({ data, isBasicStyle = false }) => {
 };
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
-import { useState as useState55 } from "react";
+import { useState as useState56 } from "react";
 import { useTranslations as useTranslations81 } from "next-intl";
 import { EuiButton as EuiButton19, EuiComboBox as EuiComboBox2, EuiPanel as EuiPanel9, EuiSpacer as EuiSpacer29, EuiText as EuiText29 } from "@elastic/eui";
 
@@ -17990,7 +18066,7 @@ var WfoFlushSettings = () => {
   const { comboboxStyle } = useWithOrchestratorTheme(getWfoFlushSettingsStyle);
   const [clearCache] = useClearCacheMutation();
   const t = useTranslations81("settings.page");
-  const [selectedOptions, setSelected] = useState55([]);
+  const [selectedOptions, setSelected] = useState56([]);
   const { showToastMessage } = useShowToastMessage();
   const onChange = (selectedOptions2) => {
     setSelected(selectedOptions2);
@@ -19069,11 +19145,11 @@ var WfoTitleWithWebsocketBadge = ({
 };
 
 // src/components/WfoRadioDropdown/WfoRadioDropdown.tsx
-import { useState as useState56 } 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 jsx270 } from "@emotion/react/jsx-runtime";
 var WfoRadioDropdown = ({ options, onUpdateOption, selectedOption }) => {
-  const [isOpen, setIsOpen] = useState56(false);
+  const [isOpen, setIsOpen] = useState57(false);
   const handleClose = () => {
     if (isOpen) {
       setIsOpen(false);
@@ -19245,22 +19321,15 @@ var WfoSubscriptionDetailNoteEdit = ({
 };
 
 // src/components/WfoInlineNoteEdit/WfoProcessListNoteEdit.tsx
-import { useEffect as useEffect40, useState as useState57 } from "react";
 import { jsx as jsx273 } from "@emotion/react/jsx-runtime";
 var WfoProcessListNoteEdit = ({ processId, note }) => {
   const [patchProcess] = usePatchProcessMutation();
-  const [noteValue, setNoteValue] = useState57(note);
-  useEffect40(() => {
-    if (note !== noteValue) {
-      setNoteValue(note);
-    }
-  }, [note, noteValue]);
   const onSaveNote = async (note2) => {
     const noteModifyPayload = { id: processId, note: note2 };
     patchProcess(noteModifyPayload);
     return note2;
   };
-  return /* @__PURE__ */ jsx273(WfoInlineEdit, { value: noteValue?.trim() || "", onSave: onSaveNote });
+  return /* @__PURE__ */ jsx273(WfoInlineEdit, { value: note?.trim() ? note : INVISIBLE_CHARACTER, onSave: onSaveNote });
 };
 
 // src/components/WfoTableCodeBlock/WfoTableCodeBlock.tsx
@@ -19296,7 +19365,7 @@ var WfoTableCodeBlock = ({ stepState: data }) => {
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { useEffect as useEffect43, useState as useState61 } from "react";
+import { useEffect as useEffect42, useState as useState61 } from "react";
 import { useTranslations as useTranslations95 } from "next-intl";
 import {
   EuiButton as EuiButton23,
@@ -19313,7 +19382,7 @@ import {
 } from "@elastic/eui";
 
 // src/hooks/useSearch.ts
-import { useEffect as useEffect41, useState as useState58 } from "react";
+import { useEffect as useEffect40, useState as useState58 } from "react";
 var emptyResult = {
   data: [],
   page_info: { has_next_page: false, next_page_cursor: null },
@@ -19327,7 +19396,7 @@ var emptyResult = {
 var useSearch = (query, entityType, filterGroup, limit, retriever = "auto" /* Auto */) => {
   const [results, setResults] = useState58({ ...emptyResult });
   const [triggerSearch, { isLoading, isError }] = useLazySearchQuery();
-  useEffect41(() => {
+  useEffect40(() => {
     const queryText = typeof query === "string" ? query : query.text?.trim() || "";
     const hasFilters = filterGroup && filterGroup.children.length > 0;
     if (queryText.length < 2 && !hasFilters) {
@@ -19476,7 +19545,7 @@ var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageS
 };
 
 // src/hooks/useUrlParams.ts
-import { useCallback as useCallback16, useEffect as useEffect42, useState as useState60 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect41, useState as useState60 } from "react";
 var useUrlParams = () => {
   const [urlParams, setUrlParams] = useState60(() => {
     if (typeof window !== "undefined") {
@@ -19524,7 +19593,7 @@ var useUrlParams = () => {
     window.history.replaceState({}, "", newUrl);
     setUrlParams(newParams);
   }, [query, selectedEntityTab, showFilters, selectedRecordIndex, selectedRecordId]);
-  useEffect42(() => {
+  useEffect41(() => {
     updateUrl();
   }, [updateUrl]);
   return {
@@ -19585,7 +19654,7 @@ var WfoSearch = () => {
     retrieverType
   );
   const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState61(false);
-  useEffect43(() => {
+  useEffect42(() => {
     const queryText = typeof debouncedQuery === "string" ? debouncedQuery : debouncedQuery?.text?.trim() || "";
     const hasFilters = filterGroup && filterGroup.children.length > 0;
     if (queryText.length >= 2 || hasFilters) {
@@ -19633,7 +19702,7 @@ var WfoSearch = () => {
     setSearchValue(searchText);
     setQuery(searchText);
   };
-  useEffect43(() => {
+  useEffect42(() => {
     if (typeof query === "string") {
       if (query !== searchValue) {
         setSearchValue(query);
@@ -19650,7 +19719,7 @@ var WfoSearch = () => {
   const shouldShowNoResults = (() => {
     return hasSearchBeenAttempted && !loading && results.data.length === 0;
   })();
-  useEffect43(() => {
+  useEffect42(() => {
     if (results.data.length > 0) {
       if (selectedRecordId) {
         const foundIndex = results.data.findIndex((result) => result.entity_id === selectedRecordId);
@@ -19668,10 +19737,10 @@ var WfoSearch = () => {
       }
     }
   }, [results.data, selectedRecordId, setSelectedRecordId, setSelectedRecordIndex, urlParams]);
-  useEffect43(() => {
+  useEffect42(() => {
     setShowDetailPanel(results?.data?.length > 0 && selectedRecordIndex >= 0 && selectedEntityTab === "SUBSCRIPTION");
   }, [results?.data?.length, selectedRecordIndex, selectedEntityTab]);
-  useEffect43(() => {
+  useEffect42(() => {
     resetPagination();
   }, [debouncedQuery, selectedEntityTab, filterGroup, resetPagination]);
   const { RESULTS_GROW, DETAIL_GROW } = LAYOUT_RATIOS;
@@ -19832,7 +19901,7 @@ var WfoSearchLoadingState = () => {
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
-import { useEffect as useEffect44, useRef as useRef19 } from "react";
+import { useEffect as useEffect43, useRef as useRef19 } from "react";
 import { useTranslations as useTranslations98 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon17, EuiFlexGroup as EuiFlexGroup43, EuiFlexItem as EuiFlexItem45, EuiPanel as EuiPanel18, EuiSpacer as EuiSpacer34, EuiText as EuiText37 } from "@elastic/eui";
 
@@ -19880,7 +19949,7 @@ var WfoSearchResultItem = ({
   const baseUrl = `${window.location.protocol}//${window.location.host}`;
   const detailUrl = getDetailUrl(result, baseUrl);
   const itemRef = useRef19(null);
-  useEffect44(() => {
+  useEffect43(() => {
     if (isSelected && onPositionChange && itemRef.current) {
       onPositionChange(index, itemRef.current);
     }
@@ -21015,6 +21084,10 @@ import {
 // src/components/WfoWorkflowUserGuide/styles.ts
 import { css as css47 } from "@emotion/react";
 var getStyles16 = ({ theme }) => {
+  const navigationHeight = theme.base * 3;
+  const timelineStickyHeight = theme.base * 4;
+  const stripBottomGap = theme.base;
+  const stripMinHeight = theme.base * 40;
   const fullHeightStyle = css47({
     height: "100%"
   });
@@ -21022,23 +21095,50 @@ var getStyles16 = ({ theme }) => {
     width: theme.base * 4,
     cursor: "pointer"
   });
+  const stickyStripContainerStyle = css47({
+    width: theme.base * 4,
+    cursor: "pointer",
+    alignSelf: "stretch",
+    position: "sticky",
+    top: timelineStickyHeight,
+    minHeight: stripMinHeight,
+    maxHeight: `calc(100vh - ${navigationHeight + timelineStickyHeight + stripBottomGap}px)`
+  });
+  const stripIconStyle = css47({
+    display: "flex",
+    justifyContent: "center"
+  });
+  const stickyPanelFillStyle = css47({
+    flexGrow: 1
+  });
   const toggleStripContainerHorizontalStyle = css47({
     width: "100%",
     height: theme.base * 4,
     cursor: "pointer"
   });
+  const stickyHorizontalStripContainerStyle = css47({
+    width: "100%",
+    height: theme.base * 4,
+    cursor: "pointer",
+    position: "sticky",
+    top: timelineStickyHeight,
+    zIndex: 2
+  });
   const toggleStripPanelStyle = css47({
     height: "100%",
     backgroundColor: theme.colors.backgroundBasePrimary,
-    border: `2px dashed ${theme.colors.backgroundLightPrimary}`,
-    transition: "box-shadow 100ms ease-in-out, border-style 100ms ease-in-out",
+    border: `2px solid ${theme.colors.backgroundLightPrimary}`,
+    transition: "border-color 100ms ease-in-out",
     "&:hover": {
-      borderStyle: "solid",
-      boxShadow: `0 0 0 2px ${theme.colors.backgroundBasePrimary}`
+      borderColor: theme.colors.borderBasePrimary
     }
   });
   const guideExpandedItemStyle = css47({
-    position: "relative"
+    alignSelf: "stretch",
+    position: "sticky",
+    top: timelineStickyHeight,
+    minHeight: stripMinHeight,
+    maxHeight: `calc(100vh - ${navigationHeight + timelineStickyHeight + stripBottomGap}px)`
   });
   const guideExpandedFillStyle = css47({
     position: "absolute",
@@ -21047,8 +21147,10 @@ var getStyles16 = ({ theme }) => {
   const guidePanelStyle = css47({
     height: "100%",
     overflowY: "auto",
-    border: `2px dashed ${theme.colors.backgroundLightPrimary}`,
-    borderRightWidth: 0
+    border: `2px solid ${theme.colors.backgroundLightPrimary}`,
+    borderRightWidth: 0,
+    borderTopRightRadius: 0,
+    borderBottomRightRadius: 0
   });
   const guideBodyStyle = css47({
     flex: 1,
@@ -21057,23 +21159,33 @@ var getStyles16 = ({ theme }) => {
     flexDirection: "column"
   });
   const noLeftBorderStyle = css47({
-    borderLeftWidth: 0
+    borderLeftWidth: 0,
+    borderTopLeftRadius: 0,
+    borderBottomLeftRadius: 0
   });
   const noBottomBorderStyle = css47({
-    borderBottomWidth: 0
+    borderBottomWidth: 0,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0
   });
   const guideStackedBodyStyle = css47({
     maxHeight: "50vh",
     overflowY: "auto"
   });
   const guideStackedPanelStyle = css47({
-    border: `2px dashed ${theme.colors.backgroundLightPrimary}`,
-    borderTopWidth: 0
+    border: `2px solid ${theme.colors.backgroundLightPrimary}`,
+    borderTopWidth: 0,
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0
   });
   return {
     fullHeightStyle,
     toggleStripContainerStyle,
+    stickyStripContainerStyle,
+    stripIconStyle,
+    stickyPanelFillStyle,
     toggleStripContainerHorizontalStyle,
+    stickyHorizontalStripContainerStyle,
     toggleStripPanelStyle,
     noLeftBorderStyle,
     noBottomBorderStyle,
@@ -21093,62 +21205,60 @@ var WfoWorkflowGuideToggleStrip = ({
   ariaLabel,
   isBigScreen,
   noLeadingBorder,
+  sticky,
   children
 }) => {
   const {
     fullHeightStyle,
+    stickyStripContainerStyle,
+    stripIconStyle,
+    stickyPanelFillStyle,
     toggleStripContainerStyle,
     toggleStripContainerHorizontalStyle,
+    stickyHorizontalStripContainerStyle,
     toggleStripPanelStyle,
     noLeftBorderStyle,
     noBottomBorderStyle
   } = useWithOrchestratorTheme(getStyles16);
-  return /* @__PURE__ */ jsx292(
-    EuiFlexItem53,
+  const containerStyle = isBigScreen ? sticky ? stickyStripContainerStyle : toggleStripContainerStyle : sticky ? stickyHorizontalStripContainerStyle : toggleStripContainerHorizontalStyle;
+  return /* @__PURE__ */ jsx292(EuiFlexItem53, { grow: false, onClick: onToggle, "aria-label": ariaLabel, css: containerStyle, children: /* @__PURE__ */ jsx292(
+    EuiPanel22,
     {
-      grow: false,
-      onClick: onToggle,
-      "aria-label": ariaLabel,
-      css: isBigScreen ? toggleStripContainerStyle : toggleStripContainerHorizontalStyle,
-      children: /* @__PURE__ */ jsx292(
-        EuiPanel22,
+      hasShadow: false,
+      css: [
+        toggleStripPanelStyle,
+        sticky && stickyPanelFillStyle,
+        noLeadingBorder && (isBigScreen ? noLeftBorderStyle : noBottomBorderStyle)
+      ],
+      children: isBigScreen ? /* @__PURE__ */ jsx292("div", { css: stripIconStyle, children }) : /* @__PURE__ */ jsx292(
+        EuiFlexGroup52,
         {
-          hasShadow: false,
-          css: [toggleStripPanelStyle, noLeadingBorder && (isBigScreen ? noLeftBorderStyle : noBottomBorderStyle)],
-          children: /* @__PURE__ */ jsx292(
-            EuiFlexGroup52,
-            {
-              direction: isBigScreen ? "column" : "row",
-              alignItems: "center",
-              gutterSize: "s",
-              justifyContent: "center",
-              css: fullHeightStyle,
-              children
-            }
-          )
+          direction: "row",
+          alignItems: "center",
+          gutterSize: "s",
+          justifyContent: "center",
+          css: fullHeightStyle,
+          children
         }
       )
     }
-  );
+  ) });
 };
 var WfoWorkflowGuideMarkdown = ({ workflowName, isBigScreen }) => {
   const t = useTranslations107("workflowGuide");
   const { guideBodyStyle, guidePanelStyle, guideStackedBodyStyle, guideStackedPanelStyle } = useWithOrchestratorTheme(getStyles16);
   const { data, isLoading, isError } = useGetWorkflowGuideQuery({ workflowName });
   const content = data?.content ?? "";
-  return /* @__PURE__ */ jsx292("div", { css: isBigScreen ? guideBodyStyle : guideStackedBodyStyle, children: isLoading && /* @__PURE__ */ jsx292(EuiLoadingSpinner7, { size: "m" }) || (isError || !content) && /* @__PURE__ */ jsx292(EuiText44, { color: "subdued", children: t("noGuideAvailable") }) || /* @__PURE__ */ jsx292(EuiPanel22, { paddingSize: "m", hasShadow: true, css: isBigScreen ? guidePanelStyle : guideStackedPanelStyle, children: /* @__PURE__ */ jsx292(EuiMarkdownFormat2, { children: content }) }) });
+  return /* @__PURE__ */ jsx292("div", { css: isBigScreen ? guideBodyStyle : guideStackedBodyStyle, children: isLoading && /* @__PURE__ */ jsx292(EuiLoadingSpinner7, { size: "m" }) || /* @__PURE__ */ jsx292(EuiPanel22, { paddingSize: "m", hasShadow: true, css: isBigScreen ? guidePanelStyle : guideStackedPanelStyle, children: (isError || !content) && /* @__PURE__ */ jsx292(EuiText44, { color: "subdued", children: t("noGuideAvailable") }) || /* @__PURE__ */ jsx292(EuiMarkdownFormat2, { children: content }) }) });
 };
 var WfoWorkflowGuideExpandablePanel = ({ workflowName, isExpanded, onToggle }) => {
   const t = useTranslations107("workflowGuide");
   const { fullHeightStyle, guideExpandedItemStyle, guideExpandedFillStyle } = useWithOrchestratorTheme(getStyles16);
   const isBigScreen = useIsWithinBreakpoints(["xl", "xxl"]);
-  const OpenGuideButton = () => /* @__PURE__ */ jsx292(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsxs152(EuiFlexGroup52, { gutterSize: "xs", alignItems: "center", direction: isBigScreen ? "column" : "row", children: [
-    /* @__PURE__ */ jsx292(EuiIcon8, { type: isBigScreen ? "arrowLeft" : "arrowDown", size: "xxl", color: "primary" }),
-    /* @__PURE__ */ jsx292(EuiIcon8, { type: "info", size: "xxl", color: "primary" })
-  ] }) });
+  const OpenGuideButton = () => /* @__PURE__ */ jsx292(EuiIcon8, { type: "info", size: "xxl", color: "primary" });
   const CloseGuideButton = () => /* @__PURE__ */ jsx292(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx292(EuiIcon8, { type: isBigScreen ? "arrowRight" : "arrowUp", size: "xl", color: "primary" }) });
   if (!isExpanded) {
-    return /* @__PURE__ */ jsx292(WfoWorkflowGuideToggleStrip, { onToggle, ariaLabel: t("show"), isBigScreen, children: /* @__PURE__ */ jsx292(OpenGuideButton, {}) });
+    return /* @__PURE__ */ jsx292(WfoWorkflowGuideToggleStrip, { onToggle, ariaLabel: t("show"), isBigScreen, sticky: true, children: /* @__PURE__ */ jsx292(OpenGuideButton, {}) });
   }
   if (isBigScreen) {
     return /* @__PURE__ */ jsx292(EuiFlexItem53, { grow: 1, css: guideExpandedItemStyle, children: /* @__PURE__ */ jsxs152(EuiFlexGroup52, { gutterSize: "none", css: [fullHeightStyle, guideExpandedFillStyle], children: [
@@ -21190,15 +21300,23 @@ var WfoPageWithUserGuide = ({ workflowName, children }) => {
       onToggle: () => setIsExpanded((expanded) => !expanded)
     }
   );
-  return /* @__PURE__ */ jsxs153(EuiFlexGroup53, { gutterSize: "s", direction: isBigScreen ? "row" : "column", children: [
-    !isBigScreen && workflowGuideExpandablePanel,
-    /* @__PURE__ */ jsx293(EuiFlexItem54, { grow: true, children }),
-    isBigScreen && workflowGuideExpandablePanel
-  ] });
+  return /* @__PURE__ */ jsxs153(
+    EuiFlexGroup53,
+    {
+      gutterSize: "s",
+      direction: isBigScreen ? "row" : "column",
+      alignItems: isBigScreen ? "flexStart" : "stretch",
+      children: [
+        !isBigScreen && workflowGuideExpandablePanel,
+        /* @__PURE__ */ jsx293(EuiFlexItem54, { grow: true, css: { minWidth: 0 }, children }),
+        isBigScreen && workflowGuideExpandablePanel
+      ]
+    }
+  );
 };
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
-import { useCallback as useCallback17, useEffect as useEffect45, useState as useState64 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect44, useState as useState64 } from "react";
 import { EuiFlexItem as EuiFlexItem55 } from "@elastic/eui";
 import Editor from "@monaco-editor/react";
 
@@ -21242,7 +21360,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
     },
     [theme, isDarkModeActive]
   );
-  useEffect45(() => {
+  useEffect44(() => {
     if (monacoInstance) {
       addThemeToEditor(monacoInstance);
     }
@@ -21413,6 +21531,7 @@ var en_GB_default = {
     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",
+    showMatchDetails: "Show match details",
     tableSettings: "Table settings",
     unauthorizedPage: "You are not authorized to see this page",
     unknownError: "Unknown error"
@@ -21909,7 +22028,8 @@ var en_GB_default = {
       title: "Subscriptions",
       workflowsTab: {
         startWithNewestLabel: "Start with newest first",
-        startWithOldestLabel: "Start with oldest first"
+        startWithOldestLabel: "Start with oldest first",
+        hideValidateTasks: "Hide validation tasks"
       }
     },
     index: {
@@ -21988,6 +22108,7 @@ var nl_NL_default = {
     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",
+    showMatchDetails: "Toon overeenkomstdetails",
     tableSettings: "Tabel instellingen",
     unauthorizedPage: "Niet geautoriseerd om deze pagina te bekijken",
     unknownError: "Onbekende fout"
@@ -22483,8 +22604,9 @@ var nl_NL_default = {
       tag: "Tag",
       title: "Subscriptions",
       workflowsTab: {
-        startWithNewestLabel: "Start met nieuwste eerst",
-        startWithOldestLabel: "Start met oudste eerst"
+        startWithNewestLabel: "Start met nieuwste",
+        startWithOldestLabel: "Start met oudste",
+        hideValidateTasks: "Verberg validatie taken"
       }
     },
     index: {