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

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
@@ -61,7 +61,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.7.1";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.7.3";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus2) => {
@@ -3117,6 +3117,7 @@ var {
   useLazySearchQuery,
   useSearchWithPaginationMutation,
   useSearchPathsQuery,
+  useLazySearchPathsQuery,
   useSearchDefinitionsQuery
 } = searchApi;
 
@@ -5348,7 +5349,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 +5409,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 +5460,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 +6373,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 +6447,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 +6818,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;
@@ -7731,7 +7763,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 +7771,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 ?? "");
@@ -8607,7 +8639,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 useState18 } from "react";
 import { useTranslations as useTranslations28 } from "next-intl";
 import { EuiSpacer as EuiSpacer12, EuiTablePagination, useEuiScrollBar } from "@elastic/eui";
 import { useVirtualizer } from "@tanstack/react-virtual";
@@ -9082,15 +9114,15 @@ 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 useState16 } 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 nodeRef = useRef6(null);
   const [position, setPosition] = useState16({ x: 0, y: 0 });
   const [isDragging, setIsDragging] = useState16(false);
   const { dragAndDropStyle } = useWithOrchestratorTheme(getWfoTableStyles);
@@ -9159,14 +9191,14 @@ import { useState as useState17 } 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 || "";
@@ -9261,7 +9293,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 */) {
@@ -9353,7 +9385,7 @@ var WfoTable = ({
   );
   const dataLength = data.length;
   usePageIndexBoundsGuard({ dataLength, isLoading, pagination });
-  const parentRef = useRef8(null);
+  const parentRef = useRef9(null);
   const columnConfigWithFiller = appendFillerColumn ? {
     ...columnConfig,
     filler: {
@@ -9494,7 +9526,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 useState19 } from "react";
 
 // src/components/WfoTable/WfoTable/WfoGroupedTable/WfoExpandableRow.tsx
 import { useTranslations as useTranslations29 } from "next-intl";
@@ -9667,7 +9699,7 @@ var useGroupedTableConfig = ({
   nestingLevel = 0,
   notifyParent
 }) => {
-  const groupReferences = useRef9(/* @__PURE__ */ new Map());
+  const groupReferences = useRef10(/* @__PURE__ */ new Map());
   const [expandedRowIds, setExpandedRowIds] = useState19([]);
   const [isAllGroupsExpanded, setIsAllGroupsExpanded] = useState19(false);
   const [isAllSubgroupsExpanded, setIsAllSubgroupsExpanded] = useState19([]);
@@ -9676,8 +9708,8 @@ var useGroupedTableConfig = ({
     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) => {
@@ -11742,12 +11774,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 useState29 } 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 onOpenContextMenuRef = useRef11(onOpenContextMenu);
   useEffect18(() => {
     if (isOpen) {
       onOpenContextMenuRef.current?.();
@@ -11926,12 +11958,12 @@ var WfoAdvancedTable = ({
 };
 
 // src/components/WfoTable/WfoStructuredSearchTable/WfoStructuredSearchTable.tsx
-import { useEffect as useEffect24, useState as useState35 } from "react";
+import { useEffect as useEffect25, useState as useState35 } 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";
 
 // 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 useState34 } from "react";
 import { QueryBuilder, generateID } from "react-querybuilder";
 import "react-querybuilder/dist/query-builder.css";
 import { useTranslations as useTranslations47 } from "next-intl";
@@ -12148,7 +12180,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 useState31 } from "react";
 import { useTranslations as useTranslations41 } from "next-intl";
 import { EuiComboBox } from "@elastic/eui";
 import { jsx as jsx180 } from "@emotion/react/jsx-runtime";
@@ -12171,8 +12203,8 @@ var WfoFieldSelector = ({ handleOnChange, disabled, rule, context }) => {
   const prefilledFieldOptions2 = context.prefilledFieldOptions;
   const [selectedValue, setSelectedValue] = useState31(field);
   const [searchInput, setSearchInput] = useState31(null);
-  const optionsRef = useRef11([]);
-  const handleFieldSelectionRef = useRef11(() => {
+  const optionsRef = useRef12([]);
+  const handleFieldSelectionRef = useRef12(() => {
   });
   const t = useTranslations41("search.page");
   const getOption = (path) => ({
@@ -12209,7 +12241,7 @@ var WfoFieldSelector = ({ handleOnChange, disabled, rule, context }) => {
   const storeFieldOperators = (selectedValue2) => {
     const matchingPath = paths.find((path) => path.path === selectedValue2) ?? paths.find((path) => path.availablePaths?.includes(selectedValue2));
     const operators = matchingPath?.operators ?? prefilledFieldOptions2.get(selectedValue2) ?? [];
-    context?.onFieldSelected?.(selectedValue2, operators);
+    context?.onFieldSelected?.(selectedValue2, operators, matchingPath);
   };
   const handleFieldSelection = (selectedOptions) => {
     const selectedOption = selectedOptions[0];
@@ -12276,33 +12308,53 @@ 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";
 var isOptionGroup = (operator) => "options" in operator;
+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, { value, text: defaultOperators.find((operator) => operator.name === value)?.label ?? value }];
+  const displayOptions = currentValueIsListed ? selectOptions : [
+    ...selectOptions,
+    {
+      value,
+      text: FALLBACK_OPERATOR_LABELS[value] ?? defaultOperators.find((operator) => operator.name === value)?.label ?? value
+    }
+  ];
   return /* @__PURE__ */ jsx182(
     EuiSelect2,
     {
@@ -12438,48 +12490,56 @@ import { EuiButtonGroup as EuiButtonGroup2, EuiDatePicker as EuiDatePicker2, Eui
 import { useEffect as useEffect22, useState as useState32 } from "react";
 import { EuiFlexGroup as EuiFlexGroup20 } from "@elastic/eui";
 import { jsx as jsx189, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
-var WfoRangeEditor = ({ handleOnChange, operator, Element, value: currentValue }) => {
-  const [currentOperator, setCurrentOperator] = useState32(operator);
+var WfoRangeEditor = ({ handleOnChange, InputElement, value: currentValue }) => {
   const startValue = currentValue ? currentValue?.toString().split(",") : [];
   const [value, setValue] = useState32(startValue);
+  const handleRangeChange = (newValue, rangeIndex) => {
+    setValue((currentValues) => {
+      const next = [...currentValues];
+      const isCleared = newValue === void 0 || typeof newValue === "number" && Number.isNaN(newValue);
+      next[rangeIndex] = isCleared ? void 0 : String(newValue);
+      return next;
+    });
+  };
   useEffect22(() => {
-    if (operator !== currentOperator && (operator === "between" || currentOperator === "between")) {
-      setValue([]);
-      handleOnChange("");
-      setCurrentOperator(operator);
-    }
-  }, [currentOperator, handleOnChange, operator]);
-  const handleChange = (value2, rangeIndex = 0) => {
-    if (operator === "between") {
-      setValue((currentDates) => {
-        if (value2 === null) {
-          return currentDates.filter((_7, index) => index !== rangeIndex);
-        }
-        currentDates[rangeIndex] = value2;
-        if (currentDates.length === 2) {
-          handleOnChange(`${currentDates[0]},${currentDates[1]}`);
-        }
-        return currentDates;
-      });
-    } else {
-      handleOnChange(value2);
+    if (value[0] !== void 0 && value[1] !== void 0) {
+      handleOnChange(`${value[0]},${value[1]}`);
     }
-  };
-  if (operator === "between") {
-    return /* @__PURE__ */ jsxs95(EuiFlexGroup20, { direction: "row", gutterSize: "s", children: [
-      /* @__PURE__ */ jsx189(Element, { handleOnChange: handleChange, rangeIndex: 0, value: value[0] }),
-      /* @__PURE__ */ jsx189(Element, { handleOnChange: handleChange, rangeIndex: 1, value: value[1] })
-    ] });
-  }
-  return /* @__PURE__ */ jsx189(Element, { handleOnChange, value: value[0] });
+  }, [value]);
+  return /* @__PURE__ */ jsxs95(EuiFlexGroup20, { direction: "row", gutterSize: "s", children: [
+    /* @__PURE__ */ jsx189(
+      InputElement,
+      {
+        handleOnChange: (value2) => {
+          handleRangeChange(value2, 0);
+        },
+        value: value[0]
+      }
+    ),
+    /* @__PURE__ */ jsx189(
+      InputElement,
+      {
+        handleOnChange: (value2) => {
+          handleRangeChange(value2, 1);
+        },
+        value: value[1]
+      }
+    )
+  ] });
 };
 
 // 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] = useState33(initialValue.toString());
   useEffect23(() => {
-    handleOnChange(true);
+    if (currentValue === void 0 || currentValue === "") {
+      handleOnChange(initialValue);
+    }
   }, []);
   const { buttonGroupStyles } = useWithOrchestratorTheme(getWfoStructuredSearchTableStyles);
   const options = [
@@ -12524,14 +12584,14 @@ var TextEditor = ({ handleOnChange, value: currentValue = "" }) => {
   };
   return /* @__PURE__ */ jsx190(EuiFieldText3, { value, onChange: handleTextChange, onBlur: handleOnBlur, onKeyDown: handleOnKeyDown });
 };
-var NumberEditor = ({ handleOnChange, rangeIndex, value: currentValue }) => {
+var NumberEditor = ({ handleOnChange, value: currentValue }) => {
   const [value, setValue] = useState33(currentValue?.toString() || "");
   const handleNumberChange = (e) => {
     setValue(e.target.value || "");
   };
   const handleOnBlur = () => {
     const numberValue = parseFloat(value);
-    handleOnChange(numberValue, rangeIndex);
+    handleOnChange(numberValue);
   };
   const handleOnKeyDown = (e) => {
     if (e.key === "Enter") {
@@ -12548,7 +12608,7 @@ var NumberEditor = ({ handleOnChange, rangeIndex, value: currentValue }) => {
     }
   );
 };
-var DatePicker = ({ handleOnChange, rangeIndex, value: currentValue }) => {
+var DatePicker = ({ handleOnChange, value: currentValue }) => {
   const [date, setDate] = useState33(currentValue || "");
   const t = useTranslations46("search.page");
   return /* @__PURE__ */ jsx190(
@@ -12558,9 +12618,8 @@ var DatePicker = ({ handleOnChange, rangeIndex, value: currentValue }) => {
       onChange: (date2) => {
         const utcDate = date2 ? moment3.utc(date2) : void 0;
         setDate(utcDate?.toISOString() || "");
-        handleOnChange(utcDate?.toISOString(), rangeIndex);
+        handleOnChange(utcDate?.toISOString());
       },
-      id: rangeIndex ? `date-range-${rangeIndex}` : "date-range",
       css: { width: "330px" },
       showTimeSelect: true,
       dateFormat: "yyyy-MM-dd HH:mm",
@@ -12579,20 +12638,24 @@ var WfoValueEditor = ({
   value,
   className
 }) => {
+  if (operator === "null" || operator === "notNull") {
+    return null;
+  }
+  const getComponentByType = () => {
+    if (uiFieldType === "boolean" /* boolean */) return BooleanEditor;
+    if (uiFieldType === "datetime" /* datetime */) return DatePicker;
+    if (uiFieldType === "number" /* number */) return NumberEditor;
+    return TextEditor;
+  };
   const fieldPathInfoMap = context?.fieldPathInfoMap;
   const fieldInfo = fieldPathInfoMap && fieldPathInfoMap.has(fieldName) ? fieldPathInfoMap.get(fieldName) : void 0;
-  const uiFieldType = fieldInfo?.ui_types[0] || "text" /* text */;
+  const uiFieldType = fieldInfo?.ui_types?.[0] || "text" /* text */;
   const getEditor = () => {
-    if (uiFieldType === "boolean" /* boolean */) {
-      return /* @__PURE__ */ jsx190(BooleanEditor, { handleOnChange, value });
-    }
-    if (uiFieldType === "datetime" /* datetime */) {
-      return /* @__PURE__ */ jsx190(WfoRangeEditor, { handleOnChange, operator, Element: DatePicker, value });
-    }
-    if (uiFieldType === "number" /* number */) {
-      return /* @__PURE__ */ jsx190(WfoRangeEditor, { handleOnChange, operator, Element: NumberEditor, value });
+    const InputElement = getComponentByType();
+    if (operator === "between") {
+      return /* @__PURE__ */ jsx190(WfoRangeEditor, { handleOnChange, value, InputElement });
     }
-    return /* @__PURE__ */ jsx190(TextEditor, { handleOnChange, value });
+    return /* @__PURE__ */ jsx190(InputElement, { handleOnChange, value });
   };
   const handleWrapperKeyDown = (event) => {
     if (event.key !== "Enter") return;
@@ -12602,6 +12665,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 = {
@@ -12612,8 +12730,11 @@ var SEARCH_OPERATOR_TO_RQB_OPERATOR_MAP = {
   gt: ">",
   gte: ">=",
   between: "between",
-  like: "contains"
+  like: "contains",
+  has_component: "notNull",
+  not_has_component: "null"
 };
+var RQB_UNARY_OPERATORS = ["null", "notNull"];
 var OPERATOR_MAP2 = {
   eq: { symbol: "=", description: "equals" },
   neq: { symbol: "\u2260", description: "not equals" },
@@ -12649,22 +12770,47 @@ var WfoFilterBuilder = ({
     return (operators ?? []).map((operator) => {
       const { symbol, description } = OPERATOR_MAP2[operator] || { symbol: operator, description: operator };
       const rqbOperator = SEARCH_OPERATOR_TO_RQB_OPERATOR_MAP[operator] ?? operator;
-      return { name: rqbOperator, label: `${symbol} ${description}`, value: rqbOperator };
+      return {
+        name: rqbOperator,
+        label: `${symbol} ${description}`,
+        value: rqbOperator,
+        ...RQB_UNARY_OPERATORS.includes(rqbOperator) && { arity: "unary" }
+      };
     });
   };
   const t = useTranslations47("common");
   const { queryBuilderContainerStyles } = useWithOrchestratorTheme(getWfoStructuredSearchTableStyles);
   const [fieldToOperatorMap, setFieldToOperatorMap] = useState34(prefilledFieldOptions2);
-  const latestRuleGroupRef = useRef13(queryBuilderRuleGroup);
+  const [fieldPathInfoMap, setFieldPathInfoMap] = useState34(/* @__PURE__ */ new Map());
+  const latestRuleGroupRef = useRef14(queryBuilderRuleGroup);
   latestRuleGroupRef.current = queryBuilderRuleGroup;
   const handleValueEditorEnter = () => {
     handleSearch({ ruleGroup: latestRuleGroupRef.current });
   };
-  const handleFieldSelected = (field, operators) => {
+  const handleFieldSelected = (field, operators, pathInfo) => {
     setFieldToOperatorMap((previousMap) => {
       return new Map(previousMap).set(field, operators);
     });
+    if (pathInfo) {
+      setFieldPathInfoMap((previousMap) => {
+        return new Map(previousMap).set(field, pathInfo);
+      });
+    }
   };
+  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,
@@ -12678,6 +12824,7 @@ var WfoFilterBuilder = ({
         context: {
           onFieldSelected: handleFieldSelected,
           prefilledFieldOptions: prefilledFieldOptions2,
+          fieldPathInfoMap,
           onValueEditorEnter: handleValueEditorEnter
         },
         getOperators: (field) => {
@@ -12695,7 +12842,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,
@@ -12792,34 +12944,6 @@ 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 = ({
@@ -12862,12 +12986,12 @@ var WfoStructuredSearchTable = ({
   const [rowDetailModalData, setRowDetailModalData] = useState35(void 0);
   const [showInformationModal, setShowInformationModal] = useState35(false);
   const t = useTranslations49("common");
-  useEffect24(() => {
+  useEffect25(() => {
     if (defaultHiddenColumns) {
       setHiddenColumns(defaultHiddenColumns);
     }
   }, [defaultHiddenColumns]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (filterString) {
       setIsFilterBuilderVisible(true);
     }
@@ -13013,7 +13137,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 }) => {
@@ -13026,7 +13150,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;
     }
@@ -13418,7 +13542,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 useState37 } from "react";
 import { useTranslations as useTranslations52 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup2 } from "@elastic/eui";
 
@@ -13489,7 +13613,7 @@ var WfoProductBlocksPage = () => {
     METADATA_PRODUCT_BLOCKS_TABLE_LOCAL_STORAGE_KEY
   );
   const [updateProductBlock] = useUpdateProductBlockMutation();
-  useEffect25(() => {
+  useEffect26(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -13674,7 +13798,7 @@ var WfoProductBlocksPage = () => {
 };
 
 // src/pages/metadata/WfoResourceTypesPage.tsx
-import { useEffect as useEffect26, useState as useState38 } from "react";
+import { useEffect as useEffect27, useState as useState38 } 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";
@@ -13688,7 +13812,7 @@ var WfoResourceTypesPage = () => {
     METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY
   );
   const [updateResourceType] = useUpdateResourceTypeMutation();
-  useEffect26(() => {
+  useEffect27(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -13824,7 +13948,7 @@ var WfoResourceTypesPage = () => {
 };
 
 // src/pages/metadata/WfoProductsPage.tsx
-import { useEffect as useEffect27, useState as useState40 } from "react";
+import { useEffect as useEffect28, useState as useState40 } from "react";
 import { useTranslations as useTranslations54 } from "next-intl";
 
 // src/components/WfoMetadata/WfoMetadataStatusField.tsx
@@ -13900,7 +14024,7 @@ var WfoProductsPage = () => {
   const getStoredTableConfig = useStoredTableConfig(METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY);
   const [updateProductDescription] = useUpdateProductDescriptionMutation();
   const [updateProductStatus] = useUpdateProductStatusMutation();
-  useEffect27(() => {
+  useEffect28(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -14078,7 +14202,7 @@ var WfoProductsPage = () => {
 };
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
-import { useEffect as useEffect28, useState as useState41 } from "react";
+import { useEffect as useEffect29, useState as useState41 } from "react";
 import { useTranslations as useTranslations55 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup4 } from "@elastic/eui";
 
@@ -14117,7 +14241,7 @@ var WfoWorkflowsPage = () => {
   const [tableDefaults, setTableDefaults] = useState41();
   const getStoredTableConfig = useStoredTableConfig(METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY);
   const [updateWorkflow] = useUpdateWorkflowMutation();
-  useEffect28(() => {
+  useEffect29(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -14272,7 +14396,7 @@ var WfoWorkflowsPage = () => {
 };
 
 // src/pages/metadata/WfoTasksPage.tsx
-import { useEffect as useEffect29, useState as useState42 } from "react";
+import { useEffect as useEffect30, useState as useState42 } 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";
@@ -14356,7 +14480,7 @@ var WfoTasksPage = () => {
   const [tableDefaults, setTableDefaults] = useState42();
   const getStoredTableConfig = useStoredTableConfig(METADATA_TASKS_TABLE_LOCAL_STORAGE_KEY);
   const [updateWorkflow] = useUpdateWorkflowMutation();
-  useEffect29(() => {
+  useEffect30(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -14525,7 +14649,7 @@ var WfoTasksPage = () => {
 };
 
 // src/pages/metadata/WfoScheduledTasksPage.tsx
-import { useEffect as useEffect30, useState as useState43 } from "react";
+import { useEffect as useEffect31, useState as useState43 } 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";
@@ -14547,7 +14671,7 @@ var WfoScheduledTasksPage = () => {
     showToastMessage("ERROR" /* ERROR */, "", tError("failedDeletingScheduledTask"));
     console.error("Failed to delete scheduled task.", mutationState.error);
   }
-  useEffect30(() => {
+  useEffect31(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -14678,13 +14802,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";
 
@@ -14728,7 +14852,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") {
@@ -14832,7 +14956,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();
@@ -14974,10 +15098,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";
@@ -15080,8 +15204,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;
     }
@@ -15280,7 +15404,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
   });
@@ -15330,20 +15454,20 @@ var WfoProcessDetailPage = ({ processId }) => {
 };
 
 // src/pages/processes/WfoStartProcessPage.tsx
-import { useMemo as useMemo9, useState as useState49 } from "react";
+import { useMemo as useMemo10, useState as useState49 } 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();
@@ -15684,7 +15808,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";
 
@@ -15725,7 +15849,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) {
@@ -15874,7 +15998,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(
   ({
@@ -15891,7 +16015,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) => {
@@ -15947,11 +16071,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 useState47 } 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 useState46 } 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";
@@ -16024,7 +16148,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;
     }
@@ -16039,7 +16163,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
       return void 0;
     }
   }, [hunks, syntax]);
-  useEffect33(() => {
+  useEffect34(() => {
     updateDiffText();
   }, [updateDiffText, showFull]);
   return /* @__PURE__ */ jsxs115("div", { children: [
@@ -16154,7 +16278,7 @@ var WfoWorkflowStepList = React75.forwardRef(
         };
       });
     };
-    useEffect34(() => {
+    useEffect35(() => {
       setStepListItems(
         (previousStepListItems) => persistStepListItemState(previousStepListItems, steps, userInputForm)
       );
@@ -16369,7 +16493,7 @@ var WfoStartProcessPage = ({ processName, isTask = false }) => {
   const { data: workflowMetadata, isError: isErrorWorkflowDescription } = useGetDescriptionForWorkflowNameQuery({
     workflowName: processName
   });
-  const startProcessPayload = useMemo9(
+  const startProcessPayload = useMemo10(
     () => getInitialProcessPayload({
       productId,
       subscriptionId
@@ -16446,7 +16570,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";
@@ -16559,7 +16683,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) => {
@@ -16647,7 +16771,7 @@ var WfoSubscriptionDetailPage = () => {
 };
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
-import { useEffect as useEffect35, useState as useState50 } from "react";
+import { useEffect as useEffect36, useState as useState50 } 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";
@@ -16656,7 +16780,7 @@ var WfoSubscriptionsListPage = () => {
   const t = useTranslations75("subscriptions.detail");
   const [tableDefaults, setTableDefaults] = useState50();
   const getStoredTableConfig = useStoredTableConfig(SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY);
-  useEffect35(() => {
+  useEffect36(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -16707,7 +16831,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 useState51 } from "react";
 import { useTranslations as useTranslations76 } from "next-intl";
 import Link12 from "next/link";
 import { useRouter as useRouter15 } from "next/router";
@@ -16790,7 +16914,7 @@ var WfoTasksListPage = () => {
   const { showConfirmDialog } = useContext10(ConfirmationDialogContext);
   const [retryAllProcesses] = useRetryAllProcessesMutation();
   const { isEngineRunningNow } = useCheckEngineStatus();
-  useEffect36(() => {
+  useEffect37(() => {
     const storedConfig = getStoredTableConfig();
     if (storedConfig) {
       setTableDefaults(storedConfig);
@@ -16883,7 +17007,7 @@ var WfoTasksListPage = () => {
 };
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
-import { useEffect as useEffect37, useState as useState52 } from "react";
+import { useEffect as useEffect38, useState as useState52 } 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";
@@ -16964,7 +17088,7 @@ var WfoWorkflowsListPage = () => {
   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);
@@ -17014,9 +17138,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 useState53 } 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";
@@ -17109,19 +17232,19 @@ var WfoSearchPocPage = () => {
   const [queryText, setQueryText] = useState53("");
   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 committedRuleGroup = useMemo12(
     () => parseCelToRuleGroup(committedFilterString),
     [committedFilterString]
   );
@@ -17142,7 +17265,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),
@@ -17162,7 +17285,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);
@@ -17306,28 +17429,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;
     }
@@ -17353,7 +17474,7 @@ var WfoSearchPocPage = () => {
         setIsValidFilterString(true);
       } else {
         setFilterString(celQuery);
-        setIsValidFilterString(true);
+        setIsValidFilterString(!!parseCelToRuleGroup(celQuery));
       }
     }
   };
@@ -19124,12 +19245,12 @@ var WfoSubscriptionDetailNoteEdit = ({
 };
 
 // src/components/WfoInlineNoteEdit/WfoProcessListNoteEdit.tsx
-import { useEffect as useEffect39, useState as useState57 } from "react";
+import { useEffect as useEffect40, useState as useState57 } from "react";
 import { jsx as jsx273 } from "@emotion/react/jsx-runtime";
 var WfoProcessListNoteEdit = ({ processId, note }) => {
   const [patchProcess] = usePatchProcessMutation();
   const [noteValue, setNoteValue] = useState57(note);
-  useEffect39(() => {
+  useEffect40(() => {
     if (note !== noteValue) {
       setNoteValue(note);
     }
@@ -19175,7 +19296,7 @@ var WfoTableCodeBlock = ({ stepState: data }) => {
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { useEffect as useEffect42, useState as useState61 } from "react";
+import { useEffect as useEffect43, useState as useState61 } from "react";
 import { useTranslations as useTranslations95 } from "next-intl";
 import {
   EuiButton as EuiButton23,
@@ -19192,7 +19313,7 @@ import {
 } from "@elastic/eui";
 
 // src/hooks/useSearch.ts
-import { useEffect as useEffect40, useState as useState58 } from "react";
+import { useEffect as useEffect41, useState as useState58 } from "react";
 var emptyResult = {
   data: [],
   page_info: { has_next_page: false, next_page_cursor: null },
@@ -19206,7 +19327,7 @@ var emptyResult = {
 var useSearch = (query, entityType, filterGroup, limit, retriever = "auto" /* Auto */) => {
   const [results, setResults] = useState58({ ...emptyResult });
   const [triggerSearch, { isLoading, isError }] = useLazySearchQuery();
-  useEffect40(() => {
+  useEffect41(() => {
     const queryText = typeof query === "string" ? query : query.text?.trim() || "";
     const hasFilters = filterGroup && filterGroup.children.length > 0;
     if (queryText.length < 2 && !hasFilters) {
@@ -19355,7 +19476,7 @@ var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageS
 };
 
 // src/hooks/useUrlParams.ts
-import { useCallback as useCallback16, useEffect as useEffect41, useState as useState60 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect42, useState as useState60 } from "react";
 var useUrlParams = () => {
   const [urlParams, setUrlParams] = useState60(() => {
     if (typeof window !== "undefined") {
@@ -19403,7 +19524,7 @@ var useUrlParams = () => {
     window.history.replaceState({}, "", newUrl);
     setUrlParams(newParams);
   }, [query, selectedEntityTab, showFilters, selectedRecordIndex, selectedRecordId]);
-  useEffect41(() => {
+  useEffect42(() => {
     updateUrl();
   }, [updateUrl]);
   return {
@@ -19464,7 +19585,7 @@ var WfoSearch = () => {
     retrieverType
   );
   const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState61(false);
-  useEffect42(() => {
+  useEffect43(() => {
     const queryText = typeof debouncedQuery === "string" ? debouncedQuery : debouncedQuery?.text?.trim() || "";
     const hasFilters = filterGroup && filterGroup.children.length > 0;
     if (queryText.length >= 2 || hasFilters) {
@@ -19512,7 +19633,7 @@ var WfoSearch = () => {
     setSearchValue(searchText);
     setQuery(searchText);
   };
-  useEffect42(() => {
+  useEffect43(() => {
     if (typeof query === "string") {
       if (query !== searchValue) {
         setSearchValue(query);
@@ -19529,7 +19650,7 @@ var WfoSearch = () => {
   const shouldShowNoResults = (() => {
     return hasSearchBeenAttempted && !loading && results.data.length === 0;
   })();
-  useEffect42(() => {
+  useEffect43(() => {
     if (results.data.length > 0) {
       if (selectedRecordId) {
         const foundIndex = results.data.findIndex((result) => result.entity_id === selectedRecordId);
@@ -19547,10 +19668,10 @@ var WfoSearch = () => {
       }
     }
   }, [results.data, selectedRecordId, setSelectedRecordId, setSelectedRecordIndex, urlParams]);
-  useEffect42(() => {
+  useEffect43(() => {
     setShowDetailPanel(results?.data?.length > 0 && selectedRecordIndex >= 0 && selectedEntityTab === "SUBSCRIPTION");
   }, [results?.data?.length, selectedRecordIndex, selectedEntityTab]);
-  useEffect42(() => {
+  useEffect43(() => {
     resetPagination();
   }, [debouncedQuery, selectedEntityTab, filterGroup, resetPagination]);
   const { RESULTS_GROW, DETAIL_GROW } = LAYOUT_RATIOS;
@@ -19711,7 +19832,7 @@ var WfoSearchLoadingState = () => {
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
-import { useEffect as useEffect43, useRef as useRef18 } from "react";
+import { useEffect as useEffect44, 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";
 
@@ -19758,8 +19879,8 @@ var WfoSearchResultItem = ({
   const { theme } = useOrchestratorTheme();
   const baseUrl = `${window.location.protocol}//${window.location.host}`;
   const detailUrl = getDetailUrl(result, baseUrl);
-  const itemRef = useRef18(null);
-  useEffect43(() => {
+  const itemRef = useRef19(null);
+  useEffect44(() => {
     if (isSelected && onPositionChange && itemRef.current) {
       onPositionChange(index, itemRef.current);
     }
@@ -21077,7 +21198,7 @@ var WfoPageWithUserGuide = ({ workflowName, children }) => {
 };
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
-import { useCallback as useCallback17, useEffect as useEffect44, useState as useState64 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect45, useState as useState64 } from "react";
 import { EuiFlexItem as EuiFlexItem55 } from "@elastic/eui";
 import Editor from "@monaco-editor/react";
 
@@ -21121,7 +21242,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
     },
     [theme, isDarkModeActive]
   );
-  useEffect44(() => {
+  useEffect45(() => {
     if (monacoInstance) {
       addThemeToEditor(monacoInstance);
     }
@@ -22988,6 +23109,7 @@ export {
   useDataDisplayParams,
   useDeleteProcessMutation,
   useDeleteScheduledTaskMutation,
+  useFieldsPathInfo,
   useGetCacheNamesQuery,
   useGetCustomerQuery,
   useGetCustomersQuery,
@@ -23033,6 +23155,7 @@ export {
   useLazyGetSubscriptionListQuery,
   useLazyGetTasksQuery,
   useLazyGetWorkflowsQuery,
+  useLazySearchPathsQuery,
   useLazySearchQuery,
   useLazyStreamMessagesQuery,
   useOrchestratorConfig,