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

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/components/WfoAutoExpandableTextArea/WfoAutoExpandableTextArea.tsx
-import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef3 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef4 } from "react";
 import { EuiTextArea as EuiTextArea2 } from "@elastic/eui";
 
 // src/hooks/useCheckEngineStatus.ts
@@ -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.2";
+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
@@ -3117,6 +3118,7 @@ var {
   useLazySearchQuery,
   useSearchWithPaginationMutation,
   useSearchPathsQuery,
+  useLazySearchPathsQuery,
   useSearchDefinitionsQuery
 } = searchApi;
 
@@ -5260,6 +5262,7 @@ var useStoredTableConfig = (localeStorageKey) => {
       if (storedConfig) {
         tableConfig.hiddenColumns = storedConfig.hiddenColumns;
         tableConfig.selectedPageSize = storedConfig.selectedPageSize;
+        tableConfig.showMatchDetails = storedConfig.showMatchDetails;
       }
       return tableConfig;
     } catch {
@@ -5348,7 +5351,7 @@ var useGetWorkflowNameById = (workflowId) => {
 };
 
 // src/hooks/usePathAutoComplete.ts
-import { useEffect as useEffect3, useState as useState9 } from "react";
+import { useEffect as useEffect3, useRef as useRef2, useState as useState9 } from "react";
 
 // src/hooks/useDebounce.ts
 import { useEffect as useEffect2, useState as useState8 } from "react";
@@ -5408,6 +5411,40 @@ var FALLBACK_DEFINITIONS = {
     }
   }
 };
+var mapPathAutocompleteResponseToPathInfos = (pathData, definitions) => {
+  const enrichedPaths = [];
+  (pathData.leaves || []).forEach((leaf) => {
+    const primaryType = leaf.ui_types[0] || "string";
+    const typeDefinition = definitions[primaryType];
+    enrichedPaths.push({
+      path: leaf.name,
+      type: primaryType,
+      operators: typeDefinition?.operators || [],
+      value_schema: typeDefinition?.value_schema || {},
+      group: "leaf",
+      displayLabel: leaf.name,
+      ui_types: leaf.ui_types,
+      availablePaths: leaf.paths || [],
+      pathCount: leaf.paths ? leaf.paths?.length : 0
+    });
+  });
+  (pathData.components || []).forEach((component) => {
+    const primaryType = component.ui_types[0] || "string";
+    const typeDefinition = definitions[primaryType];
+    enrichedPaths.push({
+      path: component.name,
+      type: "component",
+      operators: typeDefinition?.operators || [],
+      value_schema: typeDefinition?.value_schema || {},
+      group: "component",
+      displayLabel: component.name,
+      ui_types: component.ui_types,
+      availablePaths: component.paths || [],
+      pathCount: component.paths ? component.paths?.length : 0
+    });
+  });
+  return enrichedPaths;
+};
 var usePathAutocomplete = (prefix, entityType) => {
   const [paths, setPaths] = useState9([]);
   const debouncedPrefix = useDebounce(prefix, 300);
@@ -5425,42 +5462,39 @@ var usePathAutocomplete = (prefix, entityType) => {
     if (!pathData) {
       return;
     }
-    const enrichedPaths = [];
-    (pathData.leaves || []).forEach((leaf) => {
-      const primaryType = leaf.ui_types[0] || "string";
-      const typeDefinition = definitions[primaryType];
-      enrichedPaths.push({
-        path: leaf.name,
-        type: primaryType,
-        operators: typeDefinition?.operators || [],
-        value_schema: typeDefinition?.value_schema || {},
-        group: "leaf",
-        displayLabel: leaf.name,
-        ui_types: leaf.ui_types,
-        availablePaths: leaf.paths || [],
-        pathCount: leaf.paths ? leaf.paths?.length : 0
-      });
-    });
-    (pathData.components || []).forEach((component) => {
-      const primaryType = component.ui_types[0] || "string";
-      const typeDefinition = definitions[primaryType];
-      enrichedPaths.push({
-        path: component.name,
-        type: "component",
-        operators: typeDefinition?.operators || [],
-        value_schema: typeDefinition?.value_schema || {},
-        group: "component",
-        displayLabel: component.name,
-        ui_types: component.ui_types,
-        availablePaths: component.paths || [],
-        pathCount: component.paths ? component.paths?.length : 0
-      });
-    });
-    setPaths(enrichedPaths);
+    setPaths(mapPathAutocompleteResponseToPathInfos(pathData, definitions));
   }, [pathData, definitions, debouncedPrefix?.length]);
   const errorMessage = isError ? "Failed to load paths" : defError ? "Failed to load definitions" : null;
   return { paths, loading: isLoading, error: errorMessage };
 };
+var useFieldsPathInfo = (fields, entityType) => {
+  const [fieldsPathInfo, setFieldsPathInfo] = useState9(/* @__PURE__ */ new Map());
+  const requestedFieldsRef = useRef2(/* @__PURE__ */ new Set());
+  const [fetchPaths] = useLazySearchPathsQuery();
+  const { data: definitions, isError: definitionsFailed } = useSearchDefinitionsQuery();
+  const settledDefinitions = definitions ?? (definitionsFailed ? FALLBACK_DEFINITIONS : void 0);
+  useEffect3(() => {
+    requestedFieldsRef.current = /* @__PURE__ */ new Set();
+    setFieldsPathInfo(/* @__PURE__ */ new Map());
+  }, [entityType]);
+  useEffect3(() => {
+    if (!settledDefinitions) {
+      return;
+    }
+    const newFields = fields.filter((field) => field && !requestedFieldsRef.current.has(field));
+    newFields.forEach((field) => {
+      requestedFieldsRef.current.add(field);
+      fetchPaths({ q: field, entity_type: entityType }, true).unwrap().then((pathData) => {
+        const pathInfos = mapPathAutocompleteResponseToPathInfos(pathData, settledDefinitions);
+        const match = pathInfos.find((pathInfo) => pathInfo.path === field) ?? pathInfos.find((pathInfo) => pathInfo.availablePaths?.includes(field));
+        setFieldsPathInfo((previous) => new Map(previous).set(field, match ?? null));
+      }).catch(() => {
+        requestedFieldsRef.current.delete(field);
+      });
+    });
+  }, [fields, entityType, fetchPaths, settledDefinitions]);
+  return fieldsPathInfo;
+};
 
 // src/hooks/useGetPydanticFormsConfig.tsx
 import { useCallback as useCallback4 } from "react";
@@ -6341,7 +6375,7 @@ var WfoTimestampField = ({
 };
 
 // src/components/WfoPydanticForm/fields/WfoCron.tsx
-import React15, { useMemo as useMemo2, useRef as useRef2, useState as useState13 } from "react";
+import React15, { useMemo as useMemo2, useRef as useRef3, useState as useState13 } from "react";
 import { CronExpressionParser } from "cron-parser";
 import cronstrue from "cronstrue/i18n";
 import _3 from "lodash";
@@ -6415,7 +6449,7 @@ var WfoCron = ({ onChange, value, disabled, pydanticFormField }) => {
   const t = useTranslations10("pydanticForms.widgets.cron");
   const cronstrueLocale = useLanguageCode();
   const [activeFieldIndex, setActiveFieldIndex] = useState13(null);
-  const inputRef = useRef2(null);
+  const inputRef = useRef3(null);
   const fieldName = getFormFieldIdWithPath3(pydanticFormField.id);
   const fieldValue = _3.isObject(value) && _3.has(value, fieldName) ? _3.get(value, fieldName) : value;
   const { description, parseError, nextOccurrences } = useMemo2(() => {
@@ -6786,7 +6820,7 @@ var getStyles2 = ({ theme, toSecondaryColor }) => {
 import { jsx as jsx93 } from "@emotion/react/jsx-runtime";
 var WfoAutoExpandableTextArea = ({ inputRef, onChange, ...restProps }) => {
   const { autoExpandableTextAreaStyles } = useWithOrchestratorTheme(getStyles2);
-  const textAreaRef = useRef3(null);
+  const textAreaRef = useRef4(null);
   const adjustTextAreaHeight = (textArea) => {
     if (!textArea) {
       return;
@@ -7196,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
@@ -7411,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 })
       ] })
     ] }),
@@ -7731,7 +7765,7 @@ var WfoValueOnlyTable = ({ values, showCopyToClipboardIcon = false }) => {
 };
 
 // src/components/WfoSearchBar/WfoSearchField.tsx
-import { useEffect as useEffect10, useRef as useRef4, useState as useState14 } from "react";
+import { useEffect as useEffect10, useRef as useRef5, useState as useState14 } from "react";
 import { useTranslations as useTranslations19 } from "next-intl";
 import { EuiFieldSearch, EuiFormRow as EuiFormRow3 } from "@elastic/eui";
 import { jsx as jsx120 } from "@emotion/react/jsx-runtime";
@@ -7739,7 +7773,7 @@ var WfoSearchField = ({ queryString, queryIsValid = true, onUpdateQueryString })
   const t = useTranslations19("common");
   const tError = useTranslations19("errors");
   const { formFieldBaseStyle } = useWithOrchestratorTheme(getFormFieldsBaseStyle);
-  const handleSearch = useRef4((queryText) => onUpdateQueryString?.(queryText));
+  const handleSearch = useRef5((queryText) => onUpdateQueryString?.(queryText));
   const [currentQuery, setCurrentQuery] = useState14(queryString ?? "");
   useEffect10(() => {
     setCurrentQuery(queryString ?? "");
@@ -7884,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";
@@ -8066,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");
         }
@@ -8423,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";
@@ -8474,6 +8508,9 @@ var getSubscriptionDetailStyles = ({ theme, isDarkModeActive }) => {
     flexDirection: "column",
     alignItems: "flex-start"
   });
+  const processToggleStyles = css21({
+    justifySelf: "flex-end"
+  });
   return {
     rowStyle,
     labelCellStyle,
@@ -8485,7 +8522,8 @@ var getSubscriptionDetailStyles = ({ theme, isDarkModeActive }) => {
     inUseByRelationDetailsStyle,
     productBlockTreeWidth,
     customerDescriptionsCustomerNameStyle,
-    customerDescriptionsFormStyle
+    customerDescriptionsFormStyle,
+    processToggleStyles
   };
 };
 
@@ -8555,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);
   };
@@ -8563,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 }) => ({
@@ -8607,7 +8661,7 @@ var graphQlRelatedSubscriptionsTerminatedSubscriptionsFilterMapper = (data) => d
 } : void 0;
 
 // src/components/WfoTable/WfoTable/WfoTable.tsx
-import { useRef as useRef8, 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";
@@ -8930,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,
@@ -8950,6 +9008,7 @@ var getWfoTableStyles = ({ theme, isDarkModeActive }) => {
     dragAndDropStyle,
     paginationStyle,
     setWidth,
+    showExpandedRowStyle,
     toggleExpandedRowOnHoverStyle
   };
 };
@@ -9020,6 +9079,7 @@ var WfoTableDataRows = ({
   hiddenColumns = [],
   columnOrder = [],
   rowExpandingConfiguration,
+  showExpandedRows,
   onRowClick,
   className
 }) => {
@@ -9030,6 +9090,7 @@ var WfoTableDataRows = ({
     dataRowStyle,
     clickableStyle,
     setWidth,
+    showExpandedRowStyle,
     toggleExpandedRowOnHoverStyle
   } = useWithOrchestratorTheme(getWfoTableStyles);
   const sortedVisibleColumns = getSortedVisibleColumns(columnConfig, columnOrder, hiddenColumns);
@@ -9042,7 +9103,7 @@ var WfoTableDataRows = ({
           rowStyle,
           dataRowStyle,
           onRowClick && clickableStyle,
-          rowExpandingConfiguration?.shouldOnlyShowOnHover && toggleExpandedRowOnHoverStyle
+          rowExpandingConfiguration && (showExpandedRows ? showExpandedRowStyle : toggleExpandedRowOnHoverStyle)
         ],
         onClick: () => onRowClick?.(row),
         children: sortedVisibleColumns.map(([key, columnConfig2]) => {
@@ -9082,17 +9143,17 @@ var WfoTableDataRows = ({
 };
 
 // src/components/WfoTable/WfoTable/WfoTableHeaderRow.tsx
-import { useRef as useRef7 } from "react";
+import { useRef as useRef8 } from "react";
 
 // src/components/WfoTable/WfoTable/WfoDragHandler.tsx
-import { useRef as useRef5, 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 = useRef5(null);
-  const [position, setPosition] = useState16({ x: 0, y: 0 });
-  const [isDragging, setIsDragging] = useState16(false);
+  const nodeRef = useRef6(null);
+  const [position, setPosition] = useState17({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = useState17(false);
   const { dragAndDropStyle } = useWithOrchestratorTheme(getWfoTableStyles);
   const resetPosition = () => {
     setPosition({ x: 0, y: 0 });
@@ -9155,18 +9216,18 @@ 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
-import { useRef as useRef6 } from "react";
+import { useRef as useRef7 } from "react";
 import { useTranslations as useTranslations27 } from "next-intl";
 import { EuiFieldSearch as EuiFieldSearch2, EuiForm, EuiFormRow as EuiFormRow4 } from "@elastic/eui";
 import { jsx as jsx137 } from "@emotion/react/jsx-runtime";
 var WfoPopoverContent = ({ onSearch, closePopover, fieldName }) => {
   const { headerCellPopoverContentStyle } = useWithOrchestratorTheme(getWfoBasicTableStyles);
   const t = useTranslations27("common");
-  const inputRef = useRef6(null);
+  const inputRef = useRef7(null);
   const handleSubmit = (e) => {
     e.preventDefault();
     const newValue = inputRef.current?.value || "";
@@ -9210,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 }) });
@@ -9261,7 +9322,7 @@ var WfoTableHeaderRow = ({
 }) => {
   const { cellStyle, headerCellContainer, sortableHeaderCellStyle, rowStyle, setWidth } = useWithOrchestratorTheme(getWfoTableStyles);
   const sortedVisibleColumns = getSortedVisibleColumns(columnConfig, columnOrder, hiddenColumns);
-  const headerRowRef = useRef7(null);
+  const headerRowRef = useRef8(null);
   return /* @__PURE__ */ jsx139("tr", { className, css: rowStyle, ref: headerRowRef, children: sortedVisibleColumns.map(([fieldName, columnConfig2], index) => {
     const dataSortingConfiguration = dataSorting.find((dataSorting2) => dataSorting2.field === fieldName);
     if (columnConfig2.columnType === "data" /* DATA */) {
@@ -9338,6 +9399,7 @@ var WfoTable = ({
   isLoading = false,
   dataSorting = [],
   rowExpandingConfiguration,
+  showExpandedRows = false,
   pagination,
   overrideHeader,
   onUpdateDataSorting,
@@ -9348,12 +9410,12 @@ var WfoTable = ({
   isVirtualized = false,
   height
 }) => {
-  const [localColumnWidths, setLocalColumnWidths] = useState18(
+  const [localColumnWidths, setLocalColumnWidths] = useState19(
     getColumnWidthsFromConfig(columnConfig)
   );
   const dataLength = data.length;
   usePageIndexBoundsGuard({ dataLength, isLoading, pagination });
-  const parentRef = useRef8(null);
+  const parentRef = useRef9(null);
   const columnConfigWithFiller = appendFillerColumn ? {
     ...columnConfig,
     filler: {
@@ -9446,6 +9508,7 @@ var WfoTable = ({
                 hiddenColumns,
                 columnOrder,
                 rowExpandingConfiguration,
+                showExpandedRows,
                 onRowClick
               },
               virtualRow.key
@@ -9466,6 +9529,7 @@ var WfoTable = ({
               hiddenColumns,
               columnOrder,
               rowExpandingConfiguration,
+              showExpandedRows,
               onRowClick
             }
           ) })
@@ -9494,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 useRef9, 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";
@@ -9667,17 +9731,17 @@ var useGroupedTableConfig = ({
   nestingLevel = 0,
   notifyParent
 }) => {
-  const groupReferences = useRef9(/* @__PURE__ */ new Map());
-  const [expandedRowIds, setExpandedRowIds] = useState19([]);
-  const [isAllGroupsExpanded, setIsAllGroupsExpanded] = useState19(false);
-  const [isAllSubgroupsExpanded, setIsAllSubgroupsExpanded] = useState19([]);
-  const [isExpanding, setIsExpanding] = useState19(false);
+  const groupReferences = useRef10(/* @__PURE__ */ new Map());
+  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()
   }));
   const numberOfColumnsInnerTable = Object.keys(columnConfig).length;
-  const notifyParentRef = useRef9(notifyParent);
-  const groupsRef = useRef9(groups);
+  const notifyParentRef = useRef10(notifyParent);
+  const groupsRef = useRef10(groups);
   useEffect13(() => {
     if (isExpanding) {
       groupReferences.current.forEach((ref) => {
@@ -9902,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 = {
@@ -9982,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"),
@@ -10093,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";
@@ -10103,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";
@@ -10116,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 ?? []
@@ -10234,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);
@@ -10277,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();
@@ -10342,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),
@@ -10358,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),
@@ -10383,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: () => {
@@ -10400,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: () => {
@@ -10432,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,
@@ -10574,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(
@@ -10698,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
@@ -10739,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) {
@@ -11018,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
@@ -11267,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);
@@ -11490,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";
@@ -11522,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()
@@ -11550,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,
@@ -11742,12 +11814,12 @@ var WfoInlineJson = ({ data }) => {
 };
 
 // src/components/WfoTable/WfoRowContextMenu/WfoRowContextMenu.tsx
-import { useEffect as useEffect18, useRef as useRef10, 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 onOpenContextMenuRef = useRef10(onOpenContextMenu);
+  const [isOpen, setIsOpen] = useState30(false);
+  const onOpenContextMenuRef = useRef11(onOpenContextMenu);
   useEffect18(() => {
     if (isOpen) {
       onOpenContextMenuRef.current?.();
@@ -11802,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";
@@ -11822,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) {
@@ -11926,12 +11998,21 @@ var WfoAdvancedTable = ({
 };
 
 // src/components/WfoTable/WfoStructuredSearchTable/WfoStructuredSearchTable.tsx
-import { useEffect as useEffect24, 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 { useRef as useRef13, 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";
@@ -11942,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,
@@ -11999,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,
@@ -12016,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,
@@ -12030,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",
@@ -12091,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 {
@@ -12148,7 +12228,7 @@ var WfoCombinatorSelector = (props) => {
 };
 
 // src/components/WfoTable/WfoStructuredSearchTable/WfoFieldSelector.tsx
-import { useEffect as useEffect20, useRef as useRef11, 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";
@@ -12169,10 +12249,10 @@ 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 optionsRef = useRef11([]);
-  const handleFieldSelectionRef = useRef11(() => {
+  const [selectedValue, setSelectedValue] = useState32(field);
+  const [searchInput, setSearchInput] = useState32(null);
+  const optionsRef = useRef12([]);
+  const handleFieldSelectionRef = useRef12(() => {
   });
   const t = useTranslations41("search.page");
   const getOption = (path) => ({
@@ -12276,7 +12356,7 @@ var WfoInlineCombinator = (props) => {
 };
 
 // src/components/WfoTable/WfoStructuredSearchTable/WfoOperatorSelector.tsx
-import { useEffect as useEffect21, useMemo as useMemo3, useRef as useRef12 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo3, useRef as useRef13 } from "react";
 import { defaultOperators } from "react-querybuilder";
 import { EuiSelect as EuiSelect2 } from "@elastic/eui";
 import { jsx as jsx182 } from "@emotion/react/jsx-runtime";
@@ -12285,26 +12365,36 @@ var FALLBACK_OPERATOR_LABELS = {
   notNull: "\u2713 has component",
   null: "\u2717 does not have component"
 };
+var getDefaultOperator = (options) => (options.find((option) => option.arity !== "unary") ?? options[0]).name;
 var WfoOperatorSelector = (props) => {
   const { value, handleOnChange } = props;
-  const flatOptions = props.options.flatMap(
-    (option) => isOptionGroup(option) ? option.options : [option]
+  const flatOptions = useMemo3(
+    () => props.options.flatMap(
+      (option) => isOptionGroup(option) ? option.options : [option]
+    ),
+    [props.options]
   );
   const selectOptions = useMemo3(
     () => flatOptions.map((option) => ({ value: option.name, text: option.label })),
     [flatOptions]
   );
   const optionsKey = selectOptions.map((option) => option.value).join("|");
-  const previousOptionsKeyRef = useRef12(optionsKey);
+  const previousOptionsKeyRef = useRef13(optionsKey);
   useEffect21(() => {
     const optionsChanged = previousOptionsKeyRef.current !== optionsKey;
     previousOptionsKeyRef.current = optionsKey;
-    if (!optionsChanged || selectOptions.length === 0) return;
+    if (!optionsChanged) return;
+    if (flatOptions.length === 0) {
+      if (value === "null" || value === "notNull") {
+        handleOnChange("=");
+      }
+      return;
+    }
     const currentValueIsValid = selectOptions.some((option) => option.value === value);
     if (!currentValueIsValid) {
-      handleOnChange(selectOptions[0].value);
+      handleOnChange(getDefaultOperator(flatOptions));
     }
-  }, [optionsKey, selectOptions, value, handleOnChange]);
+  }, [optionsKey, flatOptions, selectOptions, value, handleOnChange]);
   const currentValueIsListed = !value || selectOptions.some((option) => option.value === value);
   const displayOptions = currentValueIsListed ? selectOptions : [
     ...selectOptions,
@@ -12439,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];
@@ -12488,10 +12578,16 @@ var WfoRangeEditor = ({ handleOnChange, InputElement, value: currentValue }) =>
 
 // src/components/WfoTable/WfoStructuredSearchTable/WfoValueEditor.tsx
 import { jsx as jsx190 } from "@emotion/react/jsx-runtime";
-var BooleanEditor = ({ handleOnChange, value: currentValue = true }) => {
-  const [value, setValue] = useState33(currentValue.toString());
+var BooleanEditor = ({
+  handleOnChange,
+  value: currentValue
+}) => {
+  const initialValue = typeof currentValue === "boolean" ? currentValue : true;
+  const [value, setValue] = useState34(initialValue.toString());
   useEffect23(() => {
-    handleOnChange(true);
+    if (currentValue === void 0 || currentValue === "") {
+      handleOnChange(initialValue);
+    }
   }, []);
   const { buttonGroupStyles } = useWithOrchestratorTheme(getWfoStructuredSearchTableStyles);
   const options = [
@@ -12522,7 +12618,7 @@ var BooleanEditor = ({ handleOnChange, value: currentValue = true }) => {
   );
 };
 var TextEditor = ({ handleOnChange, value: currentValue = "" }) => {
-  const [value, setValue] = useState33(currentValue);
+  const [value, setValue] = useState34(currentValue);
   const handleTextChange = (e) => {
     setValue(e.target.value || "");
   };
@@ -12537,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 || "");
   };
@@ -12561,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,
@@ -12617,6 +12713,61 @@ var WfoValueEditor = ({
   return /* @__PURE__ */ jsx190("div", { className, style: { display: "contents" }, onKeyDown: handleWrapperKeyDown, children: getEditor() });
 };
 
+// src/components/WfoTable/WfoStructuredSearchTable/utils.ts
+import { prepareRuleGroup } from "react-querybuilder";
+import { parseCEL } from "react-querybuilder/parseCEL";
+var collectRuleFields = (ruleGroup) => {
+  const fields = ruleGroup.rules.flatMap((rule) => {
+    if (typeof rule === "string") {
+      return [];
+    }
+    if ("rules" in rule) {
+      return collectRuleFields(rule);
+    }
+    return [rule.field];
+  });
+  return [...new Set(fields)];
+};
+var dropFieldValueSources = (ruleGroup) => ({
+  ...ruleGroup,
+  rules: ruleGroup.rules.map((rule) => {
+    if (typeof rule === "string" || "rules" in rule) {
+      return typeof rule === "string" ? rule : dropFieldValueSources(rule);
+    }
+    if (rule.valueSource === "field") {
+      const ruleWithoutValueSource = { ...rule };
+      delete ruleWithoutValueSource.valueSource;
+      return ruleWithoutValueSource;
+    }
+    return rule;
+  })
+});
+var parseCelToRuleGroup = (celString) => {
+  if (!celString) {
+    return void 0;
+  }
+  try {
+    const ruleGroup = parseCEL(celString);
+    return ruleGroup?.rules?.length > 0 ? prepareRuleGroup(dropFieldValueSources(ruleGroup)) : void 0;
+  } catch {
+    return void 0;
+  }
+};
+var buildColumnFilter = (field, searchText, currentFilter, getColumnSearchFieldName) => {
+  if (!searchText || searchText.includes('"')) {
+    return void 0;
+  }
+  const searchFieldName = getColumnSearchFieldName?.(field) ?? String(field);
+  const columnFilterCondition = `${searchFieldName} == "${searchText}"`;
+  const trimmedCurrentFilter = currentFilter?.trim();
+  const filterString = trimmedCurrentFilter ? `(${trimmedCurrentFilter}) && ${columnFilterCondition}` : columnFilterCondition;
+  const ruleGroup = parseCelToRuleGroup(filterString);
+  if (!ruleGroup) {
+    return void 0;
+  }
+  return { filterString, ruleGroup };
+};
+
 // src/components/WfoTable/WfoStructuredSearchTable/WfoFilterBuilder.tsx
 import { jsx as jsx191, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
 var SEARCH_OPERATOR_TO_RQB_OPERATOR_MAP = {
@@ -12677,9 +12828,9 @@ var WfoFilterBuilder = ({
   };
   const t = useTranslations47("common");
   const { queryBuilderContainerStyles } = useWithOrchestratorTheme(getWfoStructuredSearchTableStyles);
-  const [fieldToOperatorMap, setFieldToOperatorMap] = useState34(prefilledFieldOptions2);
-  const [fieldPathInfoMap, setFieldPathInfoMap] = useState34(/* @__PURE__ */ new Map());
-  const latestRuleGroupRef = useRef13(queryBuilderRuleGroup);
+  const [fieldToOperatorMap, setFieldToOperatorMap] = useState35(prefilledFieldOptions2);
+  const [fieldPathInfoMap, setFieldPathInfoMap] = useState35(/* @__PURE__ */ new Map());
+  const latestRuleGroupRef = useRef14(queryBuilderRuleGroup);
   latestRuleGroupRef.current = queryBuilderRuleGroup;
   const handleValueEditorEnter = () => {
     handleSearch({ ruleGroup: latestRuleGroupRef.current });
@@ -12694,6 +12845,20 @@ var WfoFilterBuilder = ({
       });
     }
   };
+  const unresolvedFields = useMemo4(
+    () => collectRuleFields(queryBuilderRuleGroup).filter(
+      (field) => field && field !== "~" && !fieldPathInfoMap.has(field)
+    ),
+    [queryBuilderRuleGroup, fieldPathInfoMap]
+  );
+  const resolvedFieldsPathInfo = useFieldsPathInfo(unresolvedFields, "SUBSCRIPTION" /* SUBSCRIPTION */);
+  useEffect24(() => {
+    resolvedFieldsPathInfo.forEach((pathInfo, field) => {
+      if (pathInfo && !fieldPathInfoMap.has(field)) {
+        handleFieldSelected(field, pathInfo.operators, pathInfo);
+      }
+    });
+  }, [fieldPathInfoMap, resolvedFieldsPathInfo]);
   return /* @__PURE__ */ jsx191(EuiFlexGroup21, { css: queryBuilderContainerStyles, children: /* @__PURE__ */ jsxs96(EuiFlexGroup21, { direction: "column", children: [
     /* @__PURE__ */ jsx191(EuiFlexItem21, { children: /* @__PURE__ */ jsx191(
       QueryBuilder,
@@ -12725,7 +12890,12 @@ var WfoFilterBuilder = ({
           addRuleAction: null,
           addGroupAction: null,
           removeGroupAction: null,
-          removeRuleAction: WfoRemoveRuleAction
+          removeRuleAction: WfoRemoveRuleAction,
+          // Field-to-field comparisons are not supported, but a rule can briefly hold
+          // valueSource 'field' while a CEL literal is being typed in the textarea
+          // ('lldp == fals' parses 'fals' as an identifier) — without this override
+          // react-querybuilder's default value source selector flashes into the rule.
+          valueSourceSelector: null
         },
         addRuleToNewGroups: true,
         onAddGroup: onAddGroupHandler,
@@ -12822,39 +12992,12 @@ var WfoSearchFieldWithActions = ({
   ] });
 };
 
-// src/components/WfoTable/WfoStructuredSearchTable/utils.ts
-import { parseCEL } from "react-querybuilder/parseCEL";
-var parseCelToRuleGroup = (celString) => {
-  if (!celString) {
-    return void 0;
-  }
-  try {
-    const ruleGroup = parseCEL(celString);
-    return ruleGroup?.rules?.length > 0 ? ruleGroup : void 0;
-  } catch {
-    return void 0;
-  }
-};
-var buildColumnFilter = (field, searchText, currentFilter, getColumnSearchFieldName) => {
-  if (!searchText || searchText.includes('"')) {
-    return void 0;
-  }
-  const searchFieldName = getColumnSearchFieldName?.(field) ?? String(field);
-  const columnFilterCondition = `${searchFieldName} == "${searchText}"`;
-  const trimmedCurrentFilter = currentFilter?.trim();
-  const filterString = trimmedCurrentFilter ? `(${trimmedCurrentFilter}) && ${columnFilterCondition}` : columnFilterCondition;
-  const ruleGroup = parseCelToRuleGroup(filterString);
-  if (!ruleGroup) {
-    return void 0;
-  }
-  return { filterString, ruleGroup };
-};
-
 // src/components/WfoTable/WfoStructuredSearchTable/WfoStructuredSearchTable.tsx
 import { Fragment as Fragment38, jsx as jsx193, jsxs as jsxs98 } from "@emotion/react/jsx-runtime";
 var WfoStructuredSearchTable = ({
   tableColumnConfig,
   defaultHiddenColumns = [],
+  defaultShowMatchDetails = false,
   queryText,
   localStorageKey,
   exportDataIsLoading,
@@ -12886,18 +13029,22 @@ 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");
-  useEffect24(() => {
+  useEffect25(() => {
     if (defaultHiddenColumns) {
       setHiddenColumns(defaultHiddenColumns);
     }
   }, [defaultHiddenColumns]);
-  useEffect24(() => {
+  useEffect25(() => {
+    setShowMatchDetails(defaultShowMatchDetails);
+  }, [defaultShowMatchDetails]);
+  useEffect25(() => {
     if (filterString) {
       setIsFilterBuilderVisible(true);
     }
@@ -12922,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);
   };
@@ -12992,6 +13149,7 @@ var WfoStructuredSearchTable = ({
         columnConfig: tableColumnsWithControlColumns,
         hiddenColumns,
         rowExpandingConfiguration,
+        showExpandedRows: showMatchDetails,
         onUpdateDataSorting,
         onUpdateDataSearch: handleColumnFilterSearch,
         dataSorting,
@@ -13016,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,
             {
@@ -13043,7 +13211,7 @@ var WfoStructuredSearchTable = ({
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoHighlightedText.tsx
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 import { css as css32 } from "@emotion/react";
 import { Fragment as Fragment39, jsx as jsx194 } from "@emotion/react/jsx-runtime";
 var WfoHighlightedText = ({ text, highlight_indices }) => {
@@ -13056,7 +13224,7 @@ var WfoHighlightedText = ({ text, highlight_indices }) => {
     font-weight: ${theme.font.weight.bold};
     border-radius: ${theme.size.xs};
   `;
-  const highlightedParts = useMemo4(() => {
+  const highlightedParts = useMemo5(() => {
     if (!highlight_indices || highlight_indices.length === 0) {
       return text;
     }
@@ -13157,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",
@@ -13385,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",
@@ -13448,7 +13616,7 @@ import Link14 from "next/link";
 import { useRouter as useRouter17 } from "next/router";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
-import { useEffect as useEffect25, 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";
 
@@ -13514,12 +13682,12 @@ 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
   );
   const [updateProductBlock] = useUpdateProductBlockMutation();
-  useEffect25(() => {
+  useEffect26(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -13704,7 +13872,7 @@ var WfoProductBlocksPage = () => {
 };
 
 // src/pages/metadata/WfoResourceTypesPage.tsx
-import { useEffect as useEffect26, 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";
@@ -13713,12 +13881,12 @@ 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
   );
   const [updateResourceType] = useUpdateResourceTypeMutation();
-  useEffect26(() => {
+  useEffect27(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -13854,11 +14022,11 @@ var WfoResourceTypesPage = () => {
 };
 
 // src/pages/metadata/WfoProductsPage.tsx
-import { useEffect as useEffect27, 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
@@ -13882,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(
@@ -13926,11 +14094,11 @@ 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();
-  useEffect27(() => {
+  useEffect28(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -14108,7 +14276,7 @@ var WfoProductsPage = () => {
 };
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { useEffect as useEffect28, 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";
 
@@ -14144,10 +14312,10 @@ 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();
-  useEffect28(() => {
+  useEffect29(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -14302,7 +14470,7 @@ var WfoWorkflowsPage = () => {
 };
 
 // src/pages/metadata/WfoTasksPage.tsx
-import { useEffect as useEffect29, 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";
@@ -14339,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,
     {
@@ -14383,10 +14551,10 @@ 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();
-  useEffect29(() => {
+  useEffect30(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -14555,7 +14723,7 @@ var WfoTasksPage = () => {
 };
 
 // src/pages/metadata/WfoScheduledTasksPage.tsx
-import { useEffect as useEffect30, 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";
@@ -14570,14 +14738,14 @@ 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) {
     showToastMessage("ERROR" /* ERROR */, "", tError("failedDeletingScheduledTask"));
     console.error("Failed to delete scheduled task.", mutationState.error);
   }
-  useEffect30(() => {
+  useEffect31(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -14708,13 +14876,13 @@ var WfoScheduledTasksPage = () => {
 };
 
 // src/pages/metadata/WfoScheduleTaskFormPage.tsx
-import { useCallback as useCallback8, useMemo as useMemo5 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo6 } from "react";
 import _5 from "lodash";
 import { useRouter as useRouter10 } from "next/router";
 import { PydanticForm as PydanticForm2 } from "pydantic-forms";
 
 // src/components/WfoPydanticForm/Footer.tsx
-import { useCallback as useCallback7, useContext as useContext8, useEffect as useEffect31 } from "react";
+import { useCallback as useCallback7, useContext as useContext8, useEffect as useEffect32 } from "react";
 import { useTranslations as useTranslations59 } from "next-intl";
 import { EuiButton as EuiButton13, EuiFlexGroup as EuiFlexGroup24, EuiHorizontalRule as EuiHorizontalRule5 } from "@elastic/eui";
 
@@ -14758,7 +14926,7 @@ var Footer = ({ onCancel, onPrevious, hasNext, hasPrevious, isTask = false, butt
     }
   }, [onCancel, showConfirmDialog, t]);
   const { next, previous } = buttons || {};
-  useEffect31(() => {
+  useEffect32(() => {
     const handleKeyDown = (event) => {
       const isPrimary = event.metaKey || event.ctrlKey;
       if (isPrimary && event.key === "ArrowLeft") {
@@ -14862,7 +15030,7 @@ import { jsx as jsx217 } from "@emotion/react/jsx-runtime";
 var START_SCHEDULE_PAYLOAD = {};
 var WfoScheduleTaskFormPage = () => {
   const { showToastMessage } = useShowToastMessage();
-  const generateFormId = useMemo5(() => {
+  const generateFormId = useMemo6(() => {
     return `${JSON.stringify(START_SCHEDULE_PAYLOAD)}`;
   }, []);
   const [startForm] = useStartFormMutation();
@@ -15004,10 +15172,10 @@ var WfoProcessListSubscriptionsCell = ({
 };
 
 // src/pages/processes/WfoProcessDetailPage.tsx
-import { useRef as useRef15 } from "react";
+import { useRef as useRef16 } from "react";
 
 // src/pages/processes/WfoProcessDetail.tsx
-import { useContext as useContext9, useEffect as useEffect32, useRef as useRef14 } from "react";
+import { useContext as useContext9, useEffect as useEffect33, useRef as useRef15 } from "react";
 import { useTranslations as useTranslations61 } from "next-intl";
 import { useRouter as useRouter11 } from "next/router";
 import { EuiButton as EuiButton14, EuiFlexGroup as EuiFlexGroup26, EuiPanel as EuiPanel3, EuiSpacer as EuiSpacer21, EuiText as EuiText19 } from "@elastic/eui";
@@ -15110,8 +15278,8 @@ var ProcessHeaderValue = ({ translationKey, value = "" }) => {
   );
 };
 function useHasPreviousRoute() {
-  const hasPrev = useRef14(false);
-  useEffect32(() => {
+  const hasPrev = useRef15(false);
+  useEffect33(() => {
     if (document.referrer && document.referrer !== window.location.href) {
       hasPrev.current = true;
     }
@@ -15310,7 +15478,7 @@ var WfoProcessDetail = ({
 // src/pages/processes/WfoProcessDetailPage.tsx
 import { jsx as jsx220 } from "@emotion/react/jsx-runtime";
 var WfoProcessDetailPage = ({ processId }) => {
-  const stepListRef = useRef15(null);
+  const stepListRef = useRef16(null);
   const { data, isLoading, isError } = useGetProcessDetailQuery({
     processId
   });
@@ -15360,20 +15528,20 @@ var WfoProcessDetailPage = ({ processId }) => {
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useMemo as useMemo9, 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";
 
 // src/components/WfoPydanticForm/WfoPydanticForm.tsx
-import { useCallback as useCallback9, useMemo as useMemo6 } from "react";
+import { useCallback as useCallback9, useMemo as useMemo7 } from "react";
 import _6 from "lodash";
 import { useTranslations as useTranslations62 } from "next-intl";
 import { useRouter as useRouter12 } from "next/router";
 import { PydanticForm as PydanticForm3 } from "pydantic-forms";
 import { jsx as jsx221 } from "@emotion/react/jsx-runtime";
 var WfoPydanticForm = ({ processName, startProcessPayload, isTask }) => {
-  const generateFormId = useMemo6(() => {
+  const generateFormId = useMemo7(() => {
     return `${JSON.stringify(startProcessPayload)}`;
   }, [startProcessPayload]);
   const [startProcess] = useStartProcessMutation();
@@ -15462,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";
 
@@ -15648,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";
@@ -15656,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 */,
@@ -15714,7 +15882,7 @@ var WfoCodeViewSelector = ({ codeView, handleCodeViewChange }) => {
 };
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStepForm.tsx
-import { useCallback as useCallback11, useMemo as useMemo7 } from "react";
+import { useCallback as useCallback11, useMemo as useMemo8 } from "react";
 import { PydanticForm as PydanticForm4 } from "pydantic-forms";
 import { EuiFlexItem as EuiFlexItem26 } from "@elastic/eui";
 
@@ -15755,7 +15923,7 @@ import { jsx as jsx225 } from "@emotion/react/jsx-runtime";
 var WfoStepForm = ({ userInputForm, isTask, processId, userPermissions }) => {
   const { theme } = useOrchestratorTheme();
   const [resumeProcess] = useResumeProcessMutation();
-  const getInitialStepInput = useMemo7(() => userInputForm, [userInputForm]);
+  const getInitialStepInput = useMemo8(() => userInputForm, [userInputForm]);
   const getStepFormProvider = useCallback11(
     () => async ({ requestBody = [] }) => {
       if (requestBody.length === 0) {
@@ -15808,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,
@@ -15904,7 +16072,7 @@ var WfoStep = React72.forwardRef(
 WfoStep.displayName = "WfoStep";
 
 // src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
-import React73, { useImperativeHandle as useImperativeHandle2, useRef as useRef16 } from "react";
+import React73, { useImperativeHandle as useImperativeHandle2, useRef as useRef17 } from "react";
 import { Fragment as Fragment52, jsx as jsx227, jsxs as jsxs114 } from "@emotion/react/jsx-runtime";
 var WfoStepList = React73.forwardRef(
   ({
@@ -15921,7 +16089,7 @@ var WfoStepList = React73.forwardRef(
     const { TIMELINE_HEIGHT, TIMELINE_OUTLINE_WIDTH } = useWithOrchestratorTheme(getTimelineStyles);
     const { SPACE_BETWEEN_STEPS, stepSpacerStyle } = useWithOrchestratorTheme(getWorkflowStepsStyles);
     const scrollOffset = NAVIGATION_HEIGHT + TIMELINE_HEIGHT + TIMELINE_OUTLINE_WIDTH + SPACE_BETWEEN_STEPS;
-    const stepReferences = useRef16(/* @__PURE__ */ new Map());
+    const stepReferences = useRef17(/* @__PURE__ */ new Map());
     const { contentRef } = useContentRef();
     useImperativeHandle2(reference, () => ({
       scrollToStep: async (stepId) => {
@@ -15977,11 +16145,11 @@ var WfoStepList = React73.forwardRef(
 WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
-import React75, { useEffect as useEffect34, 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 useEffect33, useMemo as useMemo8, 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";
@@ -16040,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: []
   });
@@ -16054,7 +16222,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
     const [diff] = parseDiff(diffText, { nearbySequences: "zip" });
     setDiff(diff);
   }, [oldText, newText, setDiff, showFull]);
-  const tokens = useMemo8(() => {
+  const tokens = useMemo9(() => {
     if (!hunks) {
       return void 0;
     }
@@ -16069,7 +16237,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
       return void 0;
     }
   }, [hunks, syntax]);
-  useEffect33(() => {
+  useEffect34(() => {
     updateDiffText();
   }, [updateDiffText, showFull]);
   return /* @__PURE__ */ jsxs115("div", { children: [
@@ -16160,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;
@@ -16184,7 +16352,7 @@ var WfoWorkflowStepList = React75.forwardRef(
         };
       });
     };
-    useEffect34(() => {
+    useEffect35(() => {
       setStepListItems(
         (previousStepListItems) => persistStepListItemState(previousStepListItems, steps, userInputForm)
       );
@@ -16254,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";
@@ -16304,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(
@@ -16337,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,
@@ -16348,7 +16516,7 @@ var WfoStepListHeader = ({
           }
         ) }),
         /* @__PURE__ */ jsx232(EuiFormRow8, { children: /* @__PURE__ */ jsx232(
-          EuiSwitch3,
+          EuiSwitch5,
           {
             label: "Raw JSON data",
             checked: showRaw,
@@ -16383,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 {
@@ -16399,7 +16567,7 @@ var WfoStartProcessPage = ({ processName, isTask = false }) => {
   const { data: workflowMetadata, isError: isErrorWorkflowDescription } = useGetDescriptionForWorkflowNameQuery({
     workflowName: processName
   });
-  const startProcessPayload = useMemo9(
+  const startProcessPayload = useMemo10(
     () => getInitialProcessPayload({
       productId,
       subscriptionId
@@ -16476,7 +16644,7 @@ var WfoProductInformationWithLink = ({ workflowName, productNames }) => {
 };
 
 // src/pages/settings/WfoSettingsPage.tsx
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 import { useTranslations as useTranslations73 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiCodeBlock as EuiCodeBlock2, EuiFlexItem as EuiFlexItem31, EuiPanel as EuiPanel7, EuiSpacer as EuiSpacer24, EuiTab as EuiTab3, EuiTabs as EuiTabs3, EuiText as EuiText28 } from "@elastic/eui";
@@ -16589,7 +16757,7 @@ var WfoSettingsPage = () => {
     "activeTab",
     withDefault3(StringParam3, "ACTIONS" /* ACTIONS */)
   );
-  const selectedTabContent = useMemo10(() => {
+  const selectedTabContent = useMemo11(() => {
     return settingsTabs.find((obj) => obj.id === selectedTabId)?.content;
   }, [selectedTabId]);
   const onSelectedTabChanged = (id) => {
@@ -16677,16 +16845,16 @@ var WfoSubscriptionDetailPage = () => {
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect35, 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);
-  useEffect35(() => {
+  useEffect36(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -16737,7 +16905,7 @@ var WfoSubscriptionsListPage = () => {
 };
 
 // src/pages/tasks/WfoTasksListPage.tsx
-import { useContext as useContext10, useEffect as useEffect36, 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";
@@ -16812,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);
@@ -16820,7 +16988,7 @@ var WfoTasksListPage = () => {
   const { showConfirmDialog } = useContext10(ConfirmationDialogContext);
   const [retryAllProcesses] = useRetryAllProcessesMutation();
   const { isEngineRunningNow } = useCheckEngineStatus();
-  useEffect36(() => {
+  useEffect37(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -16868,6 +17036,7 @@ var WfoTasksListPage = () => {
       "productName",
       "customer",
       "customerAbbreviation",
+      "note",
       "subscriptions",
       "createdBy",
       "assignee",
@@ -16913,7 +17082,7 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect37, 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";
@@ -16990,11 +17159,11 @@ 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);
-  useEffect37(() => {
+  useEffect38(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -17044,9 +17213,8 @@ var WfoWorkflowsListPage = () => {
 };
 
 // src/pages/WfoSearchPocPage.tsx
-import { useCallback as useCallback14, useEffect as useEffect38, useMemo as useMemo11, useRef as useRef17, 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 { parseCEL as parseCEL2 } from "react-querybuilder/parseCEL";
 import { useTranslations as useTranslations78 } from "next-intl";
 import Link13 from "next/link";
 import { StringParam as StringParam7, useQueryParam as useQueryParam6, withDefault as withDefault7 } from "use-query-params";
@@ -17082,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]) => {
@@ -17135,32 +17302,32 @@ 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 = useRef17("");
+  const lastSelfCommittedFilter = useRef18("");
   const commitFilterString = (celString) => {
     lastSelfCommittedFilter.current = celString;
     setCommittedFilterString(celString || void 0);
   };
-  const lastSelfCommittedQuery = useRef17("");
+  const lastSelfCommittedQuery = useRef18("");
   const commitSearchQuery = (queryText2) => {
     lastSelfCommittedQuery.current = queryText2;
     setCommittedSearchQuery(queryText2 || void 0);
   };
-  const [filterString, setFilterString] = useState53("");
-  const [queryBuilderRuleGroup, setQueryBuilderRuleGroup] = useState53();
-  const committedRuleGroup = useMemo11(
+  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 */
   });
@@ -17172,7 +17339,7 @@ var WfoSearchPocPage = () => {
     dataSorting
   ]);
   const cursor = pageCursor?.searchKey === committedSearchKey ? pageCursor.cursor : void 0;
-  const searchPayload = useMemo11(() => {
+  const searchPayload = useMemo12(() => {
     const filters = addStatusFilterFromTab(committedRuleGroup, selectedTab);
     const order_by = {
       element: getKeyByValueFromMap(resultColumToPropertyMap, dataSorting.field),
@@ -17192,7 +17359,7 @@ var WfoSearchPocPage = () => {
   const { data, isFetching } = useSearchQuery(searchPayload);
   const [getSubscriptionListTrigger] = useLazySearchQuery();
   const getSubscriptionListForExport = () => getSubscriptionListTrigger(searchPayload).unwrap();
-  useEffect38(() => {
+  useEffect39(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -17336,28 +17503,26 @@ var WfoSearchPocPage = () => {
     setPageCursor(void 0);
   };
   const safeCelParse = useCallback14((celString) => {
-    try {
-      const ruleGroup = parseCEL2(celString);
-      if (celString === "") {
-        setIsValidFilterString(true);
-      } else if (ruleGroup?.rules?.length > 0) {
-        setIsValidFilterString(true);
-        setQueryBuilderRuleGroup(ruleGroup);
-      } else {
-        setIsValidFilterString(false);
-      }
-    } catch {
+    if (celString === "") {
+      setIsValidFilterString(true);
+      return;
+    }
+    const ruleGroup = parseCelToRuleGroup(celString);
+    if (ruleGroup) {
+      setIsValidFilterString(true);
+      setQueryBuilderRuleGroup(ruleGroup);
+    } else {
       setIsValidFilterString(false);
     }
   }, []);
-  useEffect38(() => {
+  useEffect39(() => {
     if (committedSearchQuery === lastSelfCommittedQuery.current) {
       return;
     }
     lastSelfCommittedQuery.current = committedSearchQuery;
     setQueryText(committedSearchQuery);
   }, [committedSearchQuery]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (committedFilterString === lastSelfCommittedFilter.current) {
       return;
     }
@@ -17383,7 +17548,7 @@ var WfoSearchPocPage = () => {
         setIsValidFilterString(true);
       } else {
         setFilterString(celQuery);
-        setIsValidFilterString(true);
+        setIsValidFilterString(!!parseCelToRuleGroup(celQuery));
       }
     }
   };
@@ -17436,6 +17601,7 @@ var WfoSearchPocPage = () => {
         data: subscriptionListItems,
         rowExpandingConfiguration,
         defaultHiddenColumns: tableDefaults?.hiddenColumns,
+        defaultShowMatchDetails: tableDefaults?.showMatchDetails,
         filterString,
         handleSearch: handleApplyFilter,
         isLoading: isFetching,
@@ -17466,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";
 
@@ -17502,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);
@@ -17788,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,
@@ -17866,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";
 
@@ -17899,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);
@@ -18978,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);
@@ -19154,22 +19321,15 @@ var WfoSubscriptionDetailNoteEdit = ({
 };
 
 // src/components/WfoInlineNoteEdit/WfoProcessListNoteEdit.tsx
-import { useEffect as useEffect39, 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);
-  useEffect39(() => {
-    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
@@ -19741,7 +19901,7 @@ var WfoSearchLoadingState = () => {
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
-import { useEffect as useEffect43, useRef as useRef18 } 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";
 
@@ -19788,7 +19948,7 @@ var WfoSearchResultItem = ({
   const { theme } = useOrchestratorTheme();
   const baseUrl = `${window.location.protocol}//${window.location.host}`;
   const detailUrl = getDetailUrl(result, baseUrl);
-  const itemRef = useRef18(null);
+  const itemRef = useRef19(null);
   useEffect43(() => {
     if (isSelected && onPositionChange && itemRef.current) {
       onPositionChange(index, itemRef.current);
@@ -20924,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%"
   });
@@ -20931,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",
@@ -20956,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,
@@ -20966,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,
@@ -21002,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: [
@@ -21099,11 +21300,19 @@ 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
@@ -21322,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"
@@ -21818,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: {
@@ -21897,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"
@@ -22392,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: {
@@ -23018,6 +23231,7 @@ export {
   useDataDisplayParams,
   useDeleteProcessMutation,
   useDeleteScheduledTaskMutation,
+  useFieldsPathInfo,
   useGetCacheNamesQuery,
   useGetCustomerQuery,
   useGetCustomersQuery,
@@ -23063,6 +23277,7 @@ export {
   useLazyGetSubscriptionListQuery,
   useLazyGetTasksQuery,
   useLazyGetWorkflowsQuery,
+  useLazySearchPathsQuery,
   useLazySearchQuery,
   useLazyStreamMessagesQuery,
   useOrchestratorConfig,