@orchestrator-ui/orchestrator-ui-components 5.9.0 → 6.0.0

package/dist/index.js

@@ -4922,10 +4922,10 @@ var require_markup = __commonJS({
 var require_css = __commonJS({
   "../../node_modules/refractor/lang/css.js"(exports, module) {
     "use strict";
-    module.exports = css52;
-    css52.displayName = "css";
-    css52.aliases = [];
-    function css52(Prism) {
+    module.exports = css54;
+    css54.displayName = "css";
+    css54.aliases = [];
+    function css54(Prism) {
       ;
       (function(Prism2) {
         var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -5192,7 +5192,7 @@ var require_core = __commonJS({
     var decode = require_parse_entities();
     var Prism = require_prism_core();
     var markup = require_markup();
-    var css52 = require_css();
+    var css54 = require_css();
     var clike = require_clike();
     var js = require_javascript();
     restore();
@@ -5208,7 +5208,7 @@ var require_core = __commonJS({
     refract.registered = registered;
     refract.listLanguages = listLanguages;
     register(markup);
-    register(css52);
+    register(css54);
     register(clike);
     register(js);
     refract.util.encode = encode;
@@ -15304,10 +15304,10 @@ var require_jsstacktrace = __commonJS({
 var require_jsx = __commonJS({
   "../../node_modules/refractor/lang/jsx.js"(exports, module) {
     "use strict";
-    module.exports = jsx271;
-    jsx271.displayName = "jsx";
-    jsx271.aliases = [];
-    function jsx271(Prism) {
+    module.exports = jsx292;
+    jsx292.displayName = "jsx";
+    jsx292.aliases = [];
+    function jsx292(Prism) {
       ;
       (function(Prism2) {
         var javascript = Prism2.util.clone(Prism2.languages.javascript);
@@ -26801,7 +26801,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "5.9.0";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "6.0.0";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -27166,10 +27166,10 @@ function getUnexpectedStateShapeWarningMessage(inputState, reducers, action, une
 function assertReducerShape(reducers) {
   Object.keys(reducers).forEach((key) => {
     const reducer = reducers[key];
-    const initialState3 = reducer(void 0, {
+    const initialState4 = reducer(void 0, {
       type: actionTypes_default.INIT
     });
-    if (typeof initialState3 === "undefined") {
+    if (typeof initialState4 === "undefined") {
       throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(12) : `The slice reducer for key "${key}" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.`);
     }
     if (typeof reducer(void 0, {
@@ -29109,7 +29109,7 @@ function executeReducerBuilderCallback(builderCallback) {
 function isStateFunction(x) {
   return typeof x === "function";
 }
-function createReducer(initialState3, mapOrBuilderCallback) {
+function createReducer(initialState4, mapOrBuilderCallback) {
   if (process.env.NODE_ENV !== "production") {
     if (typeof mapOrBuilderCallback === "object") {
       throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(8) : "The object notation for `createReducer` has been removed. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createReducer");
@@ -29117,10 +29117,10 @@ function createReducer(initialState3, mapOrBuilderCallback) {
   }
   let [actionsMap, finalActionMatchers, finalDefaultCaseReducer] = executeReducerBuilderCallback(mapOrBuilderCallback);
   let getInitialState;
-  if (isStateFunction(initialState3)) {
-    getInitialState = () => freezeDraftable(initialState3());
+  if (isStateFunction(initialState4)) {
+    getInitialState = () => freezeDraftable(initialState4());
   } else {
-    const frozenInitialState = freezeDraftable(initialState3);
+    const frozenInitialState = freezeDraftable(initialState4);
     getInitialState = () => frozenInitialState;
   }
   function reducer(state = getInitialState(), action) {
@@ -35499,6 +35499,234 @@ var fileUploadApi = orchestratorApi.injectEndpoints({
 });
 var { useUploadFileMutation } = fileUploadApi;
 
+// src/components/WfoSearchPage/utils.ts
+function isSubscriptionSearchResult(item) {
+  return "subscription" in item && typeof item.subscription === "object";
+}
+function isProcessSearchResult(item) {
+  return "process" in item && typeof item.process === "object";
+}
+function isProductSearchResult(item) {
+  return "product" in item && typeof item.product === "object";
+}
+function isWorkflowSearchResult(item) {
+  return "workflow" in item && typeof item.workflow === "object";
+}
+var isCondition = (item) => {
+  return "path" in item && "condition" in item;
+};
+var ENDPOINT_PATHS = {
+  PROCESS: "processes",
+  PRODUCT: "products",
+  WORKFLOW: "workflows",
+  SUBSCRIPTION: "subscriptions"
+};
+var getEndpointPath = (entityType) => {
+  return ENDPOINT_PATHS[entityType] || ENDPOINT_PATHS.SUBSCRIPTION;
+};
+var getDisplayText = (item) => {
+  if (isSubscriptionSearchResult(item)) {
+    return item.subscription.description || "Subscription";
+  }
+  if (isProcessSearchResult(item)) {
+    return item.process.workflowName;
+  }
+  if (isProductSearchResult(item)) {
+    return item.product.name;
+  }
+  if (isWorkflowSearchResult(item)) {
+    return item.workflow.name;
+  }
+  return "Unknown result type";
+};
+var getRecordId = (result) => {
+  if (isSubscriptionSearchResult(result)) {
+    return result.subscription.subscription_id;
+  }
+  if (isProductSearchResult(result)) {
+    return result.product.product_id;
+  }
+  if (isProcessSearchResult(result)) {
+    return result.process.processId;
+  }
+  if (isWorkflowSearchResult(result)) {
+    return result.workflow.name;
+  }
+  return "";
+};
+var findResultIndexById = (results, recordId) => {
+  return results.findIndex((result) => {
+    if (isSubscriptionSearchResult(result)) {
+      return result.subscription.subscription_id === recordId;
+    }
+    if (isProductSearchResult(result)) {
+      return result.product.product_id === recordId;
+    }
+    if (isProcessSearchResult(result)) {
+      return result.process.processId === recordId;
+    }
+    if (isWorkflowSearchResult(result)) {
+      return result.workflow.name === recordId;
+    }
+    return false;
+  });
+};
+var getDetailUrl = (result, baseUrl) => {
+  if (isSubscriptionSearchResult(result)) {
+    return `${baseUrl}/subscriptions/${result.subscription.subscription_id}`;
+  }
+  if (isProductSearchResult(result)) {
+    return `${baseUrl}/products/${result.product.product_id}`;
+  }
+  if (isProcessSearchResult(result)) {
+    return `${baseUrl}/processes/${result.process.processId}`;
+  }
+  if (isWorkflowSearchResult(result)) {
+    return `${baseUrl}/workflows/${result.workflow.name}`;
+  }
+  return "#";
+};
+var getDescription = (result) => {
+  if (isSubscriptionSearchResult(result)) {
+    return result.subscription.description;
+  }
+  if (isProductSearchResult(result)) {
+    return result.product.description || result.product.name;
+  }
+  if (isWorkflowSearchResult(result)) {
+    return result.workflow.description || result.workflow.name;
+  }
+  if (isProcessSearchResult(result)) {
+    return result.process.workflowName;
+  }
+  return "Unknown";
+};
+var ENTITY_TABS = [
+  { id: "SUBSCRIPTION", label: "Subscriptions" },
+  { id: "PRODUCT", label: "Products" },
+  { id: "WORKFLOW", label: "Workflows" },
+  { id: "PROCESS", label: "Processes" }
+];
+var TYPE_COLOR_MAP = {
+  string: "success",
+  number: "primary",
+  boolean: "warning",
+  datetime: "accent",
+  component: "primary"
+};
+var getTypeColor = (type, theme) => {
+  const colorKey = TYPE_COLOR_MAP[type.toLowerCase()];
+  return colorKey ? theme.colors[colorKey] : theme.colors.textSubdued;
+};
+var OPERATOR_MAP = {
+  eq: { symbol: "=", description: "equals" },
+  neq: { symbol: "\u2260", description: "not equals" },
+  lt: { symbol: "<", description: "less than" },
+  lte: { symbol: "\u2264", description: "less than or equal to" },
+  gt: { symbol: ">", description: "greater than" },
+  gte: { symbol: "\u2265", description: "greater than or equal to" },
+  between: { symbol: "\u27F7", description: "between (range)" },
+  has_component: { symbol: "\u2713", description: "has component" },
+  not_has_component: { symbol: "\u2717", description: "does not have component" }
+};
+var BOOLEAN_OPERATOR_MAP = {
+  eq: { symbol: "\u2713", description: "is true" },
+  neq: { symbol: "\u2717", description: "is false" }
+};
+var getOperatorDisplay = (op, selectedPathInfo) => {
+  if (selectedPathInfo?.type === "boolean" && BOOLEAN_OPERATOR_MAP[op]) {
+    return BOOLEAN_OPERATOR_MAP[op];
+  }
+  return OPERATOR_MAP[op] || { symbol: op, description: op };
+};
+var getButtonColor = (op, pathInfo, condition) => {
+  if (pathInfo?.type === "boolean") {
+    const isSelected = op === "eq" ? condition.condition.value === true : condition.condition.value === false;
+    return isSelected ? "primary" : "text";
+  }
+  return condition.condition.op === op ? "primary" : "text";
+};
+var getButtonFill = (op, pathInfo, condition) => {
+  if (pathInfo?.type === "boolean") {
+    return op === "eq" ? condition.condition.value === true : condition.condition.value === false;
+  }
+  return condition.condition.op === op;
+};
+var isFilterValid = (group) => {
+  return group.children.every((child) => {
+    if (isCondition(child)) {
+      return child.path && child.condition.op && child.condition.value !== void 0;
+    }
+    return isFilterValid(child);
+  });
+};
+var buildSearchParams = (debouncedQuery, selectedEntityTab, filterGroup, pageSize) => {
+  const queryText = typeof debouncedQuery === "string" ? debouncedQuery : debouncedQuery?.text?.trim() || "";
+  return {
+    action: "select",
+    entity_type: selectedEntityTab,
+    query: queryText || "",
+    filters: filterGroup?.children.length > 0 ? filterGroup : void 0,
+    limit: pageSize
+  };
+};
+
+// src/rtk/endpoints/search.ts
+var searchApi = orchestratorApi.injectEndpoints({
+  endpoints: (build) => ({
+    search: build.mutation({
+      query: (payload) => ({
+        url: `search/${getEndpointPath(payload.entity_type)}`,
+        method: "POST",
+        body: payload,
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }),
+      extraOptions: {
+        baseQueryType: "fetch" /* fetch */
+      }
+    }),
+    searchWithPagination: build.mutation({
+      query: ({ cursor, ...payload }) => ({
+        url: `search/${getEndpointPath(payload.entity_type)}?cursor=${cursor}`,
+        method: "POST",
+        body: payload,
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }),
+      extraOptions: {
+        baseQueryType: "fetch" /* fetch */
+      }
+    }),
+    searchPaths: build.query({
+      query: ({ q, entity_type }) => ({
+        url: `search/paths?q=${encodeURIComponent(q)}&entity_type=${entity_type}`,
+        method: "GET"
+      }),
+      extraOptions: {
+        baseQueryType: "fetch" /* fetch */
+      }
+    }),
+    searchDefinitions: build.query({
+      query: () => ({
+        url: "search/definitions",
+        method: "GET"
+      }),
+      extraOptions: {
+        baseQueryType: "fetch" /* fetch */
+      }
+    })
+  })
+});
+var {
+  useSearchMutation,
+  useSearchWithPaginationMutation,
+  useSearchPathsQuery,
+  useSearchDefinitionsQuery
+} = searchApi;
+
 // src/hooks/useCheckEngineStatus.ts
 var useCheckEngineStatus = () => {
   const { data, isLoading, refetch } = useGetEngineStatusQuery();
@@ -39108,7 +39336,7 @@ var WfoHeaderBadge = ({
   children,
   ...restProps
 }) => {
-  const css52 = restProps.iconType ? {
+  const css54 = restProps.iconType ? {
     height: 24,
     display: "flex",
     paddingLeft: 0
@@ -39116,7 +39344,7 @@ var WfoHeaderBadge = ({
     height: 24,
     display: "flex"
   };
-  return /* @__PURE__ */ jsx73(WfoBadge, { ...restProps, css: css52, children });
+  return /* @__PURE__ */ jsx73(WfoBadge, { ...restProps, css: css54, children });
 };
 
 // src/components/WfoBadges/WfoEnvironmentBadge/WfoEnvironmentBadge.tsx
@@ -55961,6 +56189,2610 @@ var WfoTableCodeBlock = ({
   ) });
 };
 
+// src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
+import { useEffect as useEffect43, useState as useState64 } from "react";
+import { useTranslations as useTranslations104 } from "next-intl";
+import {
+  EuiButton as EuiButton24,
+  EuiCallOut as EuiCallOut3,
+  EuiFieldSearch as EuiFieldSearch3,
+  EuiFlexGroup as EuiFlexGroup45,
+  EuiFlexItem as EuiFlexItem52,
+  EuiPanel as EuiPanel20,
+  EuiSpacer as EuiSpacer32,
+  EuiTab as EuiTab4,
+  EuiTabs as EuiTabs4,
+  EuiText as EuiText60
+} from "@elastic/eui";
+
+// src/hooks/useDebounce.ts
+import { useEffect as useEffect38, useState as useState57 } from "react";
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = useState57(value);
+  useEffect38(() => {
+    if (delay <= 0) {
+      setDebouncedValue(value);
+      return;
+    }
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+
+// src/hooks/useSearch.ts
+import { useEffect as useEffect39, useState as useState58 } from "react";
+var useSearch = (query, entityType, filterGroup, limit) => {
+  const [results, setResults] = useState58({
+    data: [],
+    page_info: { has_next_page: false, next_page_cursor: null },
+    search_metadata: { search_type: null, description: null }
+  });
+  const [triggerSearch, { isLoading, isError: isError2 }] = useSearchMutation();
+  useEffect39(() => {
+    const queryText = typeof query === "string" ? query : query.text?.trim() || "";
+    const hasFilters = filterGroup && filterGroup.children.length > 0;
+    if (queryText.length < 2 && !hasFilters) {
+      setResults({
+        data: [],
+        page_info: { has_next_page: false, next_page_cursor: null },
+        search_metadata: { search_type: null, description: null }
+      });
+      return;
+    }
+    const performSearch = async () => {
+      try {
+        const result = await triggerSearch({
+          action: "select",
+          entity_type: entityType,
+          query: queryText,
+          filters: filterGroup && filterGroup.children.length > 0 ? filterGroup : void 0,
+          limit
+        }).unwrap();
+        setResults({
+          data: result.data || [],
+          page_info: {
+            has_next_page: result.page_info?.has_next_page || false,
+            next_page_cursor: result.page_info?.next_page_cursor || null
+          },
+          search_metadata: {
+            search_type: result.search_metadata?.search_type || null,
+            description: result.search_metadata?.description || null
+          }
+        });
+      } catch (error) {
+        console.error("Search error:", error);
+        setResults({
+          data: [],
+          page_info: { has_next_page: false, next_page_cursor: null },
+          search_metadata: { search_type: null, description: null }
+        });
+      }
+    };
+    performSearch();
+  }, [query, entityType, filterGroup, limit, triggerSearch]);
+  return {
+    results,
+    loading: isLoading,
+    error: isError2 ? "Search failed" : null,
+    setResults
+  };
+};
+
+// src/hooks/useSearchPagination.ts
+import { useCallback as useCallback10, useState as useState59 } from "react";
+var useSearchPagination = (debouncedQuery, selectedEntityTab, filterGroup, pageSize, results, setResults) => {
+  const [currentPage, setCurrentPage] = useState59(1);
+  const [pageHistory, setPageHistory] = useState59([]);
+  const [error, setError] = useState59(null);
+  const [isLoadingMore, setIsLoadingMore] = useState59(false);
+  const [triggerSearchPagination] = useSearchWithPaginationMutation();
+  const handleNextPage = useCallback10(
+    async (nextPageCursor) => {
+      if (!nextPageCursor || isLoadingMore) return;
+      setIsLoadingMore(true);
+      setPageHistory((prev) => [
+        ...prev.filter((p) => p.page !== currentPage),
+        {
+          page: currentPage,
+          results: results.data,
+          cursor: results.page_info.next_page_cursor
+        }
+      ]);
+      try {
+        setError(null);
+        const searchParams = buildSearchParams(
+          debouncedQuery,
+          selectedEntityTab,
+          filterGroup,
+          pageSize
+        );
+        const res = await triggerSearchPagination({
+          ...searchParams,
+          cursor: nextPageCursor
+        }).unwrap();
+        setResults({
+          data: res.data || [],
+          page_info: {
+            has_next_page: res.page_info.has_next_page,
+            next_page_cursor: res.page_info.next_page_cursor
+          },
+          search_metadata: {
+            search_type: res.search_metadata.search_type,
+            description: res.search_metadata.description
+          }
+        });
+        setCurrentPage((prev) => prev + 1);
+      } catch (error2) {
+        const errorMessage = error2 instanceof Error ? error2.message : "An unexpected error occurred while loading the next page";
+        setError(errorMessage);
+        console.error("Load next page error:", error2);
+      } finally {
+        setIsLoadingMore(false);
+      }
+    },
+    [
+      currentPage,
+      results.data,
+      results.page_info.next_page_cursor,
+      isLoadingMore,
+      debouncedQuery,
+      selectedEntityTab,
+      filterGroup,
+      pageSize,
+      setResults,
+      triggerSearchPagination
+    ]
+  );
+  const handlePrevPage = useCallback10(() => {
+    const previousPage = pageHistory.find(
+      (p) => p.page === currentPage - 1
+    );
+    if (previousPage) {
+      setResults({
+        data: previousPage.results,
+        page_info: {
+          has_next_page: true,
+          next_page_cursor: previousPage.cursor
+        },
+        search_metadata: results.search_metadata
+      });
+      setCurrentPage((prev) => prev - 1);
+      setPageHistory((prev) => prev.filter((p) => p.page < currentPage));
+    }
+  }, [currentPage, pageHistory, results.search_metadata, setResults]);
+  const resetPagination = useCallback10(() => {
+    setCurrentPage(1);
+    setPageHistory([]);
+  }, []);
+  return {
+    currentPage,
+    pageHistory,
+    error,
+    isLoadingMore,
+    handleNextPage,
+    handlePrevPage,
+    resetPagination,
+    setError
+  };
+};
+
+// src/hooks/useUrlParams.ts
+import { useCallback as useCallback11, useEffect as useEffect40, useState as useState60 } from "react";
+
+// src/components/WfoSearchPage/constants.ts
+var DEFAULT_PAGE_SIZE2 = 5;
+var DEFAULT_DEBOUNCE_DELAY = 300;
+var SMALL_RESULT_THRESHOLD = 10;
+var LAYOUT_RATIOS = {
+  RESULTS_GROW: 2,
+  DETAIL_GROW: 3
+};
+var VALID_ENTITY_TYPES = [
+  "SUBSCRIPTION",
+  "PRODUCT",
+  "WORKFLOW",
+  "PROCESS"
+];
+var DEFAULT_ENTITY_TAB = "SUBSCRIPTION";
+
+// src/hooks/useUrlParams.ts
+var useUrlParams = () => {
+  const [urlParams, setUrlParams] = useState60(() => {
+    if (typeof window !== "undefined") {
+      return new URLSearchParams(window.location.search);
+    }
+    return new URLSearchParams();
+  });
+  const [query, setQuery] = useState60(() => {
+    const queryParam = urlParams.get("q");
+    return queryParam || "";
+  });
+  const [selectedEntityTab, setSelectedEntityTab] = useState60(
+    () => {
+      const tabParam = urlParams.get("tab");
+      return tabParam && VALID_ENTITY_TYPES.includes(tabParam) ? tabParam : DEFAULT_ENTITY_TAB;
+    }
+  );
+  const [showFilters, setShowFilters] = useState60(() => {
+    return urlParams.get("filters") === "true";
+  });
+  const [selectedRecordIndex, setSelectedRecordIndex] = useState60(
+    () => {
+      const indexParam = urlParams.get("selected");
+      return indexParam ? parseInt(indexParam, 10) || 0 : 0;
+    }
+  );
+  const [selectedRecordId, setSelectedRecordId] = useState60(
+    () => {
+      return urlParams.get("id") || null;
+    }
+  );
+  const updateUrl = useCallback11(() => {
+    const newParams = new URLSearchParams();
+    const queryText = typeof query === "string" ? query : query.text || "";
+    if (queryText && queryText !== "*") {
+      newParams.set("q", queryText);
+    }
+    if (selectedEntityTab !== DEFAULT_ENTITY_TAB) {
+      newParams.set("tab", selectedEntityTab);
+    }
+    if (showFilters) {
+      newParams.set("filters", "true");
+    }
+    if (selectedRecordIndex > 0) {
+      newParams.set("selected", selectedRecordIndex.toString());
+    }
+    if (selectedRecordId) {
+      newParams.set("id", selectedRecordId);
+    }
+    const newUrl = newParams.toString() ? `${window.location.pathname}?${newParams.toString()}` : window.location.pathname;
+    window.history.replaceState({}, "", newUrl);
+    setUrlParams(newParams);
+  }, [
+    query,
+    selectedEntityTab,
+    showFilters,
+    selectedRecordIndex,
+    selectedRecordId
+  ]);
+  useEffect40(() => {
+    updateUrl();
+  }, [updateUrl]);
+  return {
+    urlParams,
+    query,
+    selectedEntityTab,
+    showFilters,
+    selectedRecordIndex,
+    selectedRecordId,
+    setQuery,
+    setSelectedEntityTab,
+    setShowFilters,
+    setSelectedRecordIndex,
+    setSelectedRecordId
+  };
+};
+
+// src/components/WfoSearchPage/WfoFilterGroup/WfoFilterGroup.tsx
+import { useTranslations as useTranslations98 } from "next-intl";
+import {
+  EuiButton as EuiButton22,
+  EuiButtonIcon as EuiButtonIcon16,
+  EuiCallOut as EuiCallOut2,
+  EuiCode,
+  EuiFlexGroup as EuiFlexGroup38,
+  EuiFlexItem as EuiFlexItem46,
+  EuiPanel as EuiPanel15,
+  EuiSpacer as EuiSpacer30,
+  EuiText as EuiText55
+} from "@elastic/eui";
+
+// src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx
+import { useState as useState62 } from "react";
+import { useTranslations as useTranslations97 } from "next-intl";
+import {
+  EuiButtonIcon as EuiButtonIcon15,
+  EuiFlexGroup as EuiFlexGroup37,
+  EuiFlexItem as EuiFlexItem45,
+  EuiFormRow as EuiFormRow25,
+  EuiPanel as EuiPanel14
+} from "@elastic/eui";
+
+// src/hooks/usePathAutoComplete.ts
+import { useEffect as useEffect41, useState as useState61 } from "react";
+var FALLBACK_DEFINITIONS = {
+  string: {
+    operators: ["eq", "neq"],
+    value_schema: {
+      eq: { kind: "string" },
+      neq: { kind: "string" }
+    }
+  },
+  number: {
+    operators: ["eq", "neq", "lt", "lte", "gt", "gte"],
+    value_schema: {
+      eq: { kind: "number" },
+      neq: { kind: "number" },
+      lt: { kind: "number" },
+      lte: { kind: "number" },
+      gt: { kind: "number" },
+      gte: { kind: "number" }
+    }
+  },
+  boolean: {
+    operators: ["eq", "neq"],
+    value_schema: {
+      eq: { kind: "boolean" },
+      neq: { kind: "boolean" }
+    }
+  },
+  datetime: {
+    operators: ["eq", "neq", "lt", "lte", "gt", "gte"],
+    value_schema: {
+      eq: { kind: "datetime" },
+      neq: { kind: "datetime" },
+      lt: { kind: "datetime" },
+      lte: { kind: "datetime" },
+      gt: { kind: "datetime" },
+      gte: { kind: "datetime" }
+    }
+  }
+};
+var usePathAutocomplete = (prefix, entityType) => {
+  const [paths, setPaths] = useState61([]);
+  const debouncedPrefix = useDebounce(prefix, 300);
+  const { data: definitions = FALLBACK_DEFINITIONS, isError: defError } = useSearchDefinitionsQuery();
+  const {
+    data: pathData,
+    isLoading,
+    isError: isError2
+  } = useSearchPathsQuery(
+    { q: debouncedPrefix, entity_type: entityType },
+    { skip: debouncedPrefix.length < 1 }
+  );
+  useEffect41(() => {
+    if (debouncedPrefix.length < 1) {
+      setPaths([]);
+      return;
+    }
+    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);
+  }, [pathData, definitions]);
+  const errorMessage = isError2 ? "Failed to load paths" : defError ? "Failed to load definitions" : null;
+  return { paths, loading: isLoading, error: errorMessage };
+};
+
+// src/components/WfoSearchPage/WfoValueControl/WfoValueControl.tsx
+import moment2 from "moment";
+import { useTranslations as useTranslations92 } from "next-intl";
+import {
+  EuiComboBox as EuiComboBox2,
+  EuiDatePicker as EuiDatePicker2,
+  EuiFieldNumber as EuiFieldNumber3,
+  EuiFieldText as EuiFieldText5,
+  EuiFlexGroup as EuiFlexGroup33,
+  EuiFlexItem as EuiFlexItem41,
+  EuiFormHelpText,
+  EuiIcon as EuiIcon7,
+  EuiText as EuiText51
+} from "@elastic/eui";
+import { Fragment as Fragment63, jsx as jsx271, jsxs as jsxs143 } from "@emotion/react/jsx-runtime";
+var ValueControl = ({
+  pathInfo,
+  operator,
+  value,
+  onChange
+}) => {
+  const t = useTranslations92("search.page");
+  const { theme } = useOrchestratorTheme();
+  if (!pathInfo || !operator) return null;
+  const schema = pathInfo.value_schema[operator];
+  if (!schema || schema.kind === "none") return null;
+  if (pathInfo.type === "string") {
+    if (operator === "like") {
+      const handleLikeChange = (newValue) => {
+        onChange(newValue);
+      };
+      const ensureWildcards = (inputValue) => {
+        if (!inputValue) return inputValue;
+        if (!inputValue.includes("%") && !inputValue.includes("_")) {
+          return `%${inputValue}%`;
+        }
+        return inputValue;
+      };
+      const currentValue = String(value || "");
+      const hasWildcards = currentValue.includes("%") || currentValue.includes("_");
+      return /* @__PURE__ */ jsxs143(Fragment63, { children: [
+        /* @__PURE__ */ jsx271(
+          EuiFieldText5,
+          {
+            placeholder: "Enter pattern (% = any chars, _ = single char)",
+            value: currentValue,
+            onChange: (event) => handleLikeChange(event.target.value),
+            onBlur: (event) => {
+              const finalValue = ensureWildcards(
+                event.target.value
+              );
+              if (finalValue !== event.target.value) {
+                handleLikeChange(finalValue);
+              }
+            },
+            prepend: /* @__PURE__ */ jsx271(EuiIcon7, { type: "search" })
+          }
+        ),
+        /* @__PURE__ */ jsx271(EuiFormHelpText, { children: hasWildcards ? /* @__PURE__ */ jsxs143("span", { children: [
+          /* @__PURE__ */ jsx271(
+            EuiIcon7,
+            {
+              type: "checkInCircleFilled",
+              color: "success",
+              size: "s"
+            }
+          ),
+          " ",
+          "Pattern with wildcards:",
+          " ",
+          /* @__PURE__ */ jsx271("strong", { children: currentValue })
+        ] }) : /* @__PURE__ */ jsxs143("span", { children: [
+          "Will search for:",
+          " ",
+          /* @__PURE__ */ jsxs143("strong", { children: [
+            "%",
+            currentValue || "your-text",
+            "%"
+          ] }),
+          " ",
+          "(auto-wrapped with wildcards)"
+        ] }) })
+      ] });
+    }
+    if (pathInfo.example_values && pathInfo.example_values.length > 0) {
+      const options = pathInfo.example_values.map((val) => ({
+        label: val,
+        value: val
+      }));
+      return /* @__PURE__ */ jsx271(
+        EuiComboBox2,
+        {
+          placeholder: t("selectOrEnterValue"),
+          options,
+          selectedOptions: value ? [{ label: String(value), value: String(value) }] : [],
+          onChange: (selected) => onChange(selected[0]?.value || ""),
+          singleSelection: { asPlainText: true },
+          isClearable: true
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx271(
+      EuiFieldText5,
+      {
+        placeholder: t("enterValue"),
+        value: String(value || ""),
+        onChange: (event) => onChange(event.target.value)
+      }
+    );
+  }
+  if (pathInfo.type === "number") {
+    if (operator === "between") {
+      const betweenValue = value || { start: "", end: "" };
+      return /* @__PURE__ */ jsxs143(EuiFlexGroup33, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx271(EuiFlexItem41, { children: /* @__PURE__ */ jsx271(
+          EuiFieldNumber3,
+          {
+            placeholder: t("fromNumber"),
+            value: betweenValue.start,
+            onChange: (event) => onChange({
+              ...betweenValue,
+              start: parseFloat(event.target.value) || ""
+            })
+          }
+        ) }),
+        /* @__PURE__ */ jsx271(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsx271(EuiText51, { size: "s", color: theme.colors.textSubdued, children: "to" }) }),
+        /* @__PURE__ */ jsx271(EuiFlexItem41, { children: /* @__PURE__ */ jsx271(
+          EuiFieldNumber3,
+          {
+            placeholder: t("toNumber"),
+            value: betweenValue.end,
+            onChange: (event) => onChange({
+              ...betweenValue,
+              end: parseFloat(event.target.value) || ""
+            })
+          }
+        ) })
+      ] });
+    }
+    return /* @__PURE__ */ jsx271(
+      EuiFieldNumber3,
+      {
+        placeholder: t("enterNumber"),
+        value: value !== void 0 && value !== null ? Number(value) : "",
+        onChange: (event) => onChange(parseFloat(event.target.value) || "")
+      }
+    );
+  }
+  if (pathInfo.type === "datetime") {
+    if (operator === "between") {
+      const betweenValue = value || { start: null, end: null };
+      return /* @__PURE__ */ jsxs143(EuiFlexGroup33, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx271(EuiFlexItem41, { children: /* @__PURE__ */ jsx271(
+          EuiDatePicker2,
+          {
+            selected: betweenValue.start ? moment2(betweenValue.start) : null,
+            onChange: (date) => onChange({
+              ...betweenValue,
+              start: date?.toISOString()
+            }),
+            showTimeSelect: true,
+            dateFormat: "yyyy-MM-dd HH:mm",
+            placeholderText: t("fromDate")
+          }
+        ) }),
+        /* @__PURE__ */ jsx271(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsx271(EuiText51, { size: "s", color: theme.colors.textSubdued, children: t("valueControlTo") }) }),
+        /* @__PURE__ */ jsx271(EuiFlexItem41, { children: /* @__PURE__ */ jsx271(
+          EuiDatePicker2,
+          {
+            selected: betweenValue.end ? moment2(betweenValue.end) : null,
+            onChange: (date) => onChange({
+              ...betweenValue,
+              end: date?.toISOString()
+            }),
+            showTimeSelect: true,
+            dateFormat: "yyyy-MM-dd HH:mm",
+            placeholderText: t("toDate")
+          }
+        ) })
+      ] });
+    }
+    return /* @__PURE__ */ jsx271(
+      EuiDatePicker2,
+      {
+        selected: value ? moment2(String(value)) : null,
+        onChange: (date) => onChange(date?.toISOString()),
+        showTimeSelect: true,
+        dateFormat: "yyyy-MM-dd HH:mm",
+        placeholderText: t("selectDateAndTime")
+      }
+    );
+  }
+  return null;
+};
+
+// src/components/WfoSearchPage/WfoConditionRow/WfoFieldSelector.tsx
+import { useTranslations as useTranslations93 } from "next-intl";
+import { EuiComboBox as EuiComboBox3 } from "@elastic/eui";
+import { jsx as jsx272 } from "@emotion/react/jsx-runtime";
+var WfoFieldSelector = ({
+  pathOptions,
+  loading,
+  error,
+  onFieldSelection,
+  onSearchChange,
+  onClear,
+  renderPathOption
+}) => {
+  const t = useTranslations93("search.page");
+  const handleSelectionChange = (selected) => {
+    if (selected[0]?.value) {
+      onFieldSelection(selected[0].value);
+    } else {
+      onClear();
+    }
+  };
+  return /* @__PURE__ */ jsx272(
+    EuiComboBox3,
+    {
+      placeholder: t("searchFieldsPlaceholder"),
+      options: pathOptions,
+      selectedOptions: [],
+      onChange: handleSelectionChange,
+      onSearchChange,
+      singleSelection: { asPlainText: true },
+      isLoading: loading,
+      isClearable: true,
+      isInvalid: !!error,
+      renderOption: renderPathOption,
+      rowHeight: 30
+    }
+  );
+};
+
+// src/components/WfoSearchPage/WfoConditionRow/WfoOperatorSelector.tsx
+import { useTranslations as useTranslations94 } from "next-intl";
+import {
+  EuiButton as EuiButton21,
+  EuiFlexGroup as EuiFlexGroup34,
+  EuiFlexItem as EuiFlexItem42,
+  EuiFormRow as EuiFormRow24,
+  EuiText as EuiText52
+} from "@elastic/eui";
+import { jsx as jsx273, jsxs as jsxs144 } from "@emotion/react/jsx-runtime";
+var WfoOperatorSelector = ({
+  selectedPathInfo,
+  condition,
+  onOperatorChange
+}) => {
+  const t = useTranslations94("search.page");
+  const { theme } = useOrchestratorTheme();
+  return /* @__PURE__ */ jsx273(EuiFormRow24, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs144(EuiFlexGroup34, { gutterSize: "xs", wrap: true, children: [
+    selectedPathInfo?.operators?.map((operator) => {
+      const { symbol, description } = getOperatorDisplay(
+        operator,
+        selectedPathInfo
+      );
+      const tooltipContent = operator === "like" ? /* @__PURE__ */ jsxs144("div", { children: [
+        /* @__PURE__ */ jsx273("strong", { children: description }),
+        /* @__PURE__ */ jsx273("br", {}),
+        /* @__PURE__ */ jsx273("br", {}),
+        /* @__PURE__ */ jsx273("strong", { children: "Wildcards:" }),
+        /* @__PURE__ */ jsx273("br", {}),
+        "\u2022 ",
+        /* @__PURE__ */ jsx273("code", { children: "%" }),
+        " matches any number of characters",
+        /* @__PURE__ */ jsx273("br", {}),
+        "\u2022 ",
+        /* @__PURE__ */ jsx273("code", { children: "_" }),
+        " matches exactly one character",
+        /* @__PURE__ */ jsx273("br", {}),
+        /* @__PURE__ */ jsx273("br", {}),
+        /* @__PURE__ */ jsx273("strong", { children: "Examples:" }),
+        /* @__PURE__ */ jsx273("br", {}),
+        "\u2022 ",
+        /* @__PURE__ */ jsx273("code", { children: "%test%" }),
+        ' finds anything containing "test"',
+        /* @__PURE__ */ jsx273("br", {}),
+        "\u2022 ",
+        /* @__PURE__ */ jsx273("code", { children: "test%" }),
+        ' finds anything starting with "test"',
+        /* @__PURE__ */ jsx273("br", {}),
+        "\u2022 ",
+        /* @__PURE__ */ jsx273("code", { children: "test_" }),
+        ' finds "test" + one character'
+      ] }) : description;
+      return /* @__PURE__ */ jsx273(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx273(WfoToolTip, { tooltipContent, children: /* @__PURE__ */ jsx273(
+        EuiButton21,
+        {
+          size: "s",
+          color: getButtonColor(
+            operator,
+            selectedPathInfo,
+            condition
+          ),
+          fill: getButtonFill(
+            operator,
+            selectedPathInfo,
+            condition
+          ),
+          onClick: () => onOperatorChange(operator),
+          style: {
+            minWidth: theme.size.xxl,
+            fontSize: theme.size.base,
+            fontWeight: theme.font.weight.bold
+          },
+          children: symbol
+        }
+      ) }) }, operator);
+    }),
+    (!selectedPathInfo || selectedPathInfo.operators.length === 0) && /* @__PURE__ */ jsx273(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsx273(EuiText52, { size: "s", color: theme.colors.textSubdued, children: t("selectFieldFirst") }) })
+  ] }) });
+};
+
+// src/components/WfoSearchPage/WfoConditionRow/WfoPathChips.tsx
+import { EuiIcon as EuiIcon8 } from "@elastic/eui";
+import { jsx as jsx274, jsxs as jsxs145 } from "@emotion/react/jsx-runtime";
+var WfoPathChips = ({
+  fullPath,
+  label,
+  fieldType,
+  isAnyPath = false
+}) => {
+  const { theme } = useOrchestratorTheme();
+  if (isAnyPath) {
+    return /* @__PURE__ */ jsx274(WfoToolTip, { tooltipContent: label, children: /* @__PURE__ */ jsxs145(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          padding: `${theme.size.xs} ${theme.size.s} ${theme.size.xs} 0`,
+          textDecoration: "none",
+          width: "100%",
+          boxSizing: "border-box",
+          minHeight: theme.size.xl
+        },
+        children: [
+          /* @__PURE__ */ jsx274(
+            "div",
+            {
+              style: {
+                display: "flex",
+                gap: theme.size.xs,
+                alignItems: "center",
+                flexWrap: "nowrap",
+                textDecoration: "none",
+                marginRight: theme.size.s,
+                flex: 1,
+                overflow: "visible"
+              },
+              children: /* @__PURE__ */ jsx274(
+                "div",
+                {
+                  style: {
+                    textDecoration: "none",
+                    borderBottom: "none"
+                  },
+                  children: /* @__PURE__ */ jsx274(
+                    WfoBadge,
+                    {
+                      color: "primary",
+                      textColor: theme.colors.ghost,
+                      size: "xs",
+                      children: /* @__PURE__ */ jsx274(
+                        "span",
+                        {
+                          style: {
+                            textDecoration: "none",
+                            borderBottom: "none",
+                            outline: "none",
+                            textDecorationLine: "none",
+                            textDecorationColor: "transparent"
+                          },
+                          children: label
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          fieldType && /* @__PURE__ */ jsx274("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx274(
+            WfoBadge,
+            {
+              color: getTypeColor(fieldType, theme),
+              textColor: theme.colors.ink,
+              size: "xs",
+              children: /* @__PURE__ */ jsx274("span", { style: { textDecoration: "none" }, children: fieldType })
+            }
+          ) })
+        ]
+      }
+    ) });
+  }
+  const completePath = fullPath || label;
+  const allSegments = completePath.split(".").filter(
+    (segment) => segment && !segment.match(/^\d+$/) && !segment.includes("(")
+  );
+  const pathSegments = allSegments.slice(-2);
+  return /* @__PURE__ */ jsx274(WfoToolTip, { tooltipContent: completePath, children: /* @__PURE__ */ jsxs145(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        padding: `${theme.size.xs} ${theme.size.s} ${theme.size.xs} 0`,
+        textDecoration: "none",
+        width: "100%",
+        boxSizing: "border-box",
+        minHeight: theme.size.xl
+      },
+      children: [
+        /* @__PURE__ */ jsx274(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: theme.size.xs,
+              alignItems: "center",
+              flexWrap: "nowrap",
+              textDecoration: "none",
+              marginRight: theme.size.s,
+              flex: 1,
+              overflow: "visible"
+            },
+            children: pathSegments.map(
+              (segment, index) => [
+                /* @__PURE__ */ jsx274(
+                  "div",
+                  {
+                    style: {
+                      textDecoration: "none",
+                      borderBottom: "none"
+                    },
+                    children: /* @__PURE__ */ jsx274(
+                      WfoBadge,
+                      {
+                        color: "primary",
+                        textColor: theme.colors.ghost,
+                        size: "xs",
+                        children: /* @__PURE__ */ jsx274(
+                          "span",
+                          {
+                            style: {
+                              textDecoration: "none",
+                              borderBottom: "none",
+                              outline: "none",
+                              textDecorationLine: "none",
+                              textDecorationColor: "transparent"
+                            },
+                            children: segment
+                          }
+                        )
+                      }
+                    )
+                  },
+                  `segment-${index}`
+                ),
+                index < pathSegments.length - 1 && /* @__PURE__ */ jsx274(
+                  EuiIcon8,
+                  {
+                    type: "arrowRight",
+                    size: "s",
+                    color: theme.colors.mediumShade,
+                    title: "",
+                    style: {
+                      flexShrink: 0,
+                      marginTop: "1px"
+                    }
+                  },
+                  `arrow-${index}`
+                )
+              ].filter(Boolean)
+            )
+          }
+        ),
+        fieldType && /* @__PURE__ */ jsx274("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx274(
+          WfoBadge,
+          {
+            color: getTypeColor(fieldType, theme),
+            textColor: theme.colors.ink,
+            size: "xs",
+            children: /* @__PURE__ */ jsx274("span", { style: { textDecoration: "none" }, children: fieldType })
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+
+// src/components/WfoSearchPage/WfoConditionRow/WfoPathSelector.tsx
+import { useTranslations as useTranslations95 } from "next-intl";
+import { EuiComboBox as EuiComboBox4 } from "@elastic/eui";
+import { jsx as jsx275 } from "@emotion/react/jsx-runtime";
+var WfoPathSelector = ({
+  selectedFieldName,
+  pathOptions,
+  onPathSelection,
+  onClear,
+  renderOption
+}) => {
+  const t = useTranslations95("search.page");
+  return /* @__PURE__ */ jsx275(
+    EuiComboBox4,
+    {
+      placeholder: t("selectSpecificPathPlaceholder"),
+      options: pathOptions,
+      selectedOptions: [
+        {
+          label: `${selectedFieldName}:`,
+          value: selectedFieldName
+        }
+      ],
+      onChange: (selected) => {
+        if (selected[0]?.value) {
+          const selectedOption = pathOptions.find(
+            (option) => option.value === selected[0].value
+          );
+          if (selectedOption) {
+            onPathSelection(selectedOption);
+          }
+        } else if (selected.length === 0) {
+          onClear();
+        }
+      },
+      singleSelection: { asPlainText: true },
+      isClearable: true,
+      renderOption,
+      rowHeight: 40,
+      autoFocus: true,
+      fullWidth: true,
+      style: {
+        minWidth: "500px",
+        maxWidth: "100%",
+        textDecoration: "none"
+      },
+      className: "wfo-path-selector"
+    }
+  );
+};
+
+// src/components/WfoSearchPage/WfoConditionRow/WfoRenderFunctions.tsx
+import { useTranslations as useTranslations96 } from "next-intl";
+import { EuiFlexGroup as EuiFlexGroup35, EuiFlexItem as EuiFlexItem43, EuiText as EuiText53 } from "@elastic/eui";
+import { Fragment as Fragment64, jsx as jsx276, jsxs as jsxs146 } from "@emotion/react/jsx-runtime";
+var WfoRenderPathOption = ({
+  option,
+  contentClassName,
+  paths
+}) => {
+  const t = useTranslations96("search.page");
+  const { theme } = useOrchestratorTheme();
+  const pathInfo = option.value ? paths.find(({ path }) => path === option.value) : null;
+  if (!pathInfo) return /* @__PURE__ */ jsx276(Fragment64, { children: option.label });
+  return /* @__PURE__ */ jsxs146(
+    EuiFlexGroup35,
+    {
+      alignItems: "center",
+      gutterSize: "s",
+      responsive: false,
+      className: contentClassName,
+      title: "",
+      children: [
+        /* @__PURE__ */ jsx276(EuiFlexItem43, { grow: true, children: /* @__PURE__ */ jsx276(EuiText53, { size: "s", children: pathInfo.displayLabel || pathInfo.path }) }),
+        /* @__PURE__ */ jsx276(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsxs146(
+          EuiFlexGroup35,
+          {
+            gutterSize: "xs",
+            alignItems: "center",
+            responsive: false,
+            children: [
+              pathInfo.group === "leaf" && pathInfo.pathCount && pathInfo.pathCount > 1 && /* @__PURE__ */ jsx276(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx276(
+                WfoBadge,
+                {
+                  color: "default",
+                  textColor: theme.colors.ink,
+                  size: "xs",
+                  children: t("pathsCount", {
+                    count: pathInfo.pathCount
+                  })
+                }
+              ) }),
+              (!pathInfo.pathCount || pathInfo.pathCount <= 1) && pathInfo.ui_types?.map((type, index) => /* @__PURE__ */ jsx276(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx276(
+                WfoBadge,
+                {
+                  color: getTypeColor(type, theme),
+                  textColor: theme.colors.ink,
+                  size: "xs",
+                  children: type
+                }
+              ) }, index))
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+var WfoRenderPathSelectionOption = ({ option, contentClassName, fieldType }) => {
+  const { theme } = useOrchestratorTheme();
+  return /* @__PURE__ */ jsx276(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */ jsxs146(
+    EuiFlexGroup35,
+    {
+      alignItems: "center",
+      gutterSize: "s",
+      responsive: false,
+      className: contentClassName,
+      title: "",
+      children: [
+        /* @__PURE__ */ jsx276(EuiFlexItem43, { grow: true, children: /* @__PURE__ */ jsx276(EuiText53, { size: "s", children: option.label }) }),
+        /* @__PURE__ */ jsx276(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx276(
+          WfoBadge,
+          {
+            color: getTypeColor(fieldType, theme),
+            textColor: theme.colors.ink,
+            size: "xs",
+            children: fieldType
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+
+// src/components/WfoSearchPage/WfoConditionRow/WfoSelectedPathDisplay.tsx
+import { EuiFlexGroup as EuiFlexGroup36, EuiFlexItem as EuiFlexItem44, EuiText as EuiText54 } from "@elastic/eui";
+
+// src/components/WfoSearchPage/WfoConditionRow/utils.ts
+var createOptionsFromPaths = (paths, group) => paths.filter(({ group: pathGroup }) => pathGroup === group).map(({ displayLabel, path, type, operators }) => ({
+  label: displayLabel || path,
+  value: path,
+  "data-type": type,
+  "data-operators": operators?.join(", ") || ""
+}));
+var shouldHideValueInput = (selectedPathInfo, operatorSelected) => {
+  if (!selectedPathInfo || !operatorSelected) return true;
+  if (selectedPathInfo.group === "component") return true;
+  if (selectedPathInfo.type === "boolean") return true;
+  return false;
+};
+var isFullPathSelected = (path, selectedPathInfo) => {
+  return !!(path && (path.includes(".") || selectedPathInfo && selectedPathInfo.group === "component" || !path.includes(".") && selectedPathInfo));
+};
+var getFieldNameFromPath = (path, isComponent) => {
+  return isComponent ? path : path.split(".").pop() || path;
+};
+var getFieldNameFromFullPath = (fullPath) => {
+  const parts = fullPath.split(".");
+  return parts[parts.length - 1] || fullPath;
+};
+var getPathSelectionOptions = (selectedFieldName, paths) => {
+  if (!selectedFieldName) return [];
+  const fieldInfo = paths.find(({ path }) => path === selectedFieldName);
+  if (!fieldInfo || !fieldInfo.availablePaths) return [];
+  return fieldInfo.availablePaths.map((fullPath) => ({
+    label: fullPath,
+    value: fullPath,
+    fullPath
+  }));
+};
+
+// src/components/WfoSearchPage/WfoConditionRow/WfoSelectedPathDisplay.tsx
+import { jsx as jsx277, jsxs as jsxs147 } from "@emotion/react/jsx-runtime";
+var WfoSelectedPathDisplay = ({
+  condition,
+  onEdit
+}) => {
+  const { theme } = useOrchestratorTheme();
+  const isFullPath = condition.path.includes(".");
+  return /* @__PURE__ */ jsx277(
+    "div",
+    {
+      onClick: onEdit,
+      style: {
+        cursor: "pointer",
+        border: `1px solid ${theme.colors.lightShade}`,
+        borderRadius: theme.border.radius.medium,
+        padding: `${theme.size.s} ${theme.size.m}`,
+        backgroundColor: theme.colors.emptyShade,
+        minHeight: "40px",
+        display: "flex",
+        alignItems: "center"
+      },
+      children: /* @__PURE__ */ jsx277(
+        EuiFlexGroup36,
+        {
+          alignItems: "center",
+          gutterSize: "s",
+          responsive: false,
+          justifyContent: "spaceBetween",
+          children: /* @__PURE__ */ jsx277(EuiFlexItem44, { grow: true, children: isFullPath ? /* @__PURE__ */ jsxs147(
+            EuiFlexGroup36,
+            {
+              gutterSize: "none",
+              alignItems: "center",
+              responsive: false,
+              children: [
+                /* @__PURE__ */ jsx277(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsxs147(EuiText54, { size: "s", color: theme.colors.text, children: [
+                  getFieldNameFromFullPath(condition.path),
+                  ":"
+                ] }) }),
+                /* @__PURE__ */ jsx277(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx277(
+                  EuiText54,
+                  {
+                    size: "s",
+                    style: {
+                      backgroundColor: theme.colors.lightestShade,
+                      color: theme.colors.primary,
+                      padding: `${theme.size.xxs} ${theme.size.xs}`,
+                      borderRadius: theme.border.radius.small,
+                      marginLeft: theme.size.xs
+                    },
+                    children: condition.path
+                  }
+                ) })
+              ]
+            }
+          ) : /* @__PURE__ */ jsx277(EuiText54, { size: "s", color: theme.colors.text, children: condition.path }) })
+        }
+      )
+    }
+  );
+};
+
+// src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx
+import { jsx as jsx278, jsxs as jsxs148 } from "@emotion/react/jsx-runtime";
+var ConditionRow = ({
+  condition,
+  entityType,
+  onChange,
+  onRemove
+}) => {
+  const t = useTranslations97("search.page");
+  const { theme } = useOrchestratorTheme();
+  const [searchValue, setSearchValue] = useState62(condition.path);
+  const [showPathSelection, setShowPathSelection] = useState62(false);
+  const [selectedFieldName, setSelectedFieldName] = useState62("");
+  const { paths, loading, error } = usePathAutocomplete(
+    searchValue,
+    entityType
+  );
+  const selectedPathInfo = (() => {
+    if (!condition.path) return null;
+    const exactMatch = paths.find(
+      ({ path, fullPath }) => fullPath ? fullPath === condition.path : path === condition.path
+    );
+    if (exactMatch) return exactMatch;
+    if (condition.path.includes(".")) {
+      const fieldName = condition.path.split(".").pop();
+      if (fieldName) {
+        const fieldMatch = paths.find(
+          ({ path, availablePaths }) => path === fieldName && availablePaths && availablePaths.includes(condition.path)
+        );
+        if (fieldMatch) return fieldMatch;
+      }
+    } else {
+      const fieldMatch = paths.find(
+        ({ path }) => path === condition.path
+      );
+      if (fieldMatch) return fieldMatch;
+    }
+    return null;
+  })();
+  const handleFieldSelection = (fieldName) => {
+    const fieldInfo = paths.find(({ path }) => path === fieldName);
+    if (fieldInfo && fieldInfo.group === "component") {
+      onChange({
+        path: fieldName,
+        value_kind: fieldInfo.type,
+        condition: { op: "", value: void 0 }
+      });
+      return;
+    }
+    if (fieldInfo && fieldInfo.availablePaths && fieldInfo.availablePaths.length === 1) {
+      const singlePath = fieldInfo.availablePaths[0];
+      onChange({
+        path: singlePath,
+        value_kind: fieldInfo.type,
+        condition: { op: "", value: void 0 }
+      });
+      return;
+    }
+    setSelectedFieldName(fieldName);
+    setShowPathSelection(true);
+  };
+  const handlePathSelection = (selectedOption) => {
+    const fieldInfo = paths.find(({ path }) => path === selectedFieldName);
+    if (fieldInfo) {
+      if (selectedOption.isAnyPath) {
+        onChange({
+          path: selectedFieldName,
+          value_kind: fieldInfo.type,
+          condition: { op: "", value: void 0 }
+        });
+      } else {
+        onChange({
+          path: selectedOption.value,
+          value_kind: fieldInfo.type,
+          condition: { op: "", value: void 0 }
+        });
+      }
+    }
+    setShowPathSelection(false);
+    setSelectedFieldName("");
+  };
+  const handleOperatorChange = (op) => {
+    const value = void 0;
+    if (selectedPathInfo?.type === "boolean") {
+      const actualOp = "eq";
+      const booleanValue = op === "eq" ? true : false;
+      onChange({
+        ...condition,
+        value_kind: selectedPathInfo?.type,
+        condition: { op: actualOp, value: booleanValue }
+      });
+      return;
+    }
+    onChange({
+      ...condition,
+      value_kind: selectedPathInfo?.type,
+      condition: { op, value }
+    });
+  };
+  const handleValueChange = (value) => {
+    onChange({
+      ...condition,
+      value_kind: selectedPathInfo?.type,
+      condition: { ...condition.condition, value }
+    });
+  };
+  const leavesOptions = createOptionsFromPaths(paths, "leaf");
+  const componentsOptions = createOptionsFromPaths(paths, "component");
+  const pathOptions = [
+    ...leavesOptions.length > 0 ? [
+      {
+        label: t("fieldsGroupLabel"),
+        options: leavesOptions
+      }
+    ] : [],
+    ...componentsOptions.length > 0 ? [
+      {
+        label: t("componentsGroupLabel"),
+        options: componentsOptions
+      }
+    ] : []
+  ];
+  const hideValueInput = shouldHideValueInput(
+    selectedPathInfo,
+    !!condition.condition.op
+  );
+  const fullPathSelected = isFullPathSelected(
+    condition.path,
+    selectedPathInfo
+  );
+  const pathSelectionOptions = (() => {
+    const baseOptions = getPathSelectionOptions(selectedFieldName, paths);
+    const fieldInfo = paths.find(({ path }) => path === selectedFieldName);
+    if (fieldInfo?.availablePaths && fieldInfo.availablePaths.length > 1) {
+      return [
+        {
+          label: t("anyPathOption"),
+          value: selectedFieldName,
+          fullPath: selectedFieldName,
+          isAnyPath: true
+        },
+        ...baseOptions
+      ];
+    }
+    return baseOptions;
+  })();
+  const renderPathOption = (option, searchValue2, contentClassName) => /* @__PURE__ */ jsx278(
+    WfoRenderPathOption,
+    {
+      option,
+      searchValue: searchValue2,
+      contentClassName,
+      paths
+    }
+  );
+  const renderPathSelectionOption = (option) => {
+    const fieldInfo = paths.find(({ path }) => path === selectedFieldName);
+    const fieldType = fieldInfo?.type || "string";
+    return /* @__PURE__ */ jsx278(
+      WfoPathChips,
+      {
+        fullPath: option.fullPath || "",
+        label: option.label,
+        fieldType,
+        isAnyPath: option.isAnyPath
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx278(EuiPanel14, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs148(EuiFlexGroup37, { direction: "column", gutterSize: "m", children: [
+    /* @__PURE__ */ jsx278(EuiFlexItem45, { children: /* @__PURE__ */ jsx278(
+      EuiFormRow25,
+      {
+        label: t("fieldLabel"),
+        error,
+        isInvalid: !!error,
+        children: /* @__PURE__ */ jsxs148(EuiFlexGroup37, { gutterSize: "s", alignItems: "center", children: [
+          /* @__PURE__ */ jsx278(EuiFlexItem45, { children: showPathSelection ? /* @__PURE__ */ jsx278(
+            WfoPathSelector,
+            {
+              selectedFieldName,
+              pathOptions: pathSelectionOptions,
+              onPathSelection: handlePathSelection,
+              onClear: () => {
+                setShowPathSelection(false);
+                setSelectedFieldName("");
+              },
+              renderOption: renderPathSelectionOption
+            }
+          ) : condition.path && fullPathSelected ? /* @__PURE__ */ jsx278(
+            WfoSelectedPathDisplay,
+            {
+              condition,
+              selectedPathInfo,
+              onEdit: () => {
+                onChange({
+                  path: "",
+                  value_kind: void 0,
+                  condition: {
+                    op: "",
+                    value: void 0
+                  }
+                });
+              }
+            }
+          ) : /* @__PURE__ */ jsx278(
+            WfoFieldSelector,
+            {
+              pathOptions,
+              loading,
+              error,
+              searchValue,
+              onFieldSelection: handleFieldSelection,
+              onSearchChange: setSearchValue,
+              onClear: () => {
+                onChange({
+                  path: "",
+                  value_kind: void 0,
+                  condition: {
+                    op: "",
+                    value: void 0
+                  }
+                });
+              },
+              renderPathOption
+            }
+          ) }),
+          condition.path && selectedPathInfo?.ui_types && selectedPathInfo.ui_types.length > 0 && /* @__PURE__ */ jsx278(EuiFlexItem45, { grow: false, children: /* @__PURE__ */ jsx278(
+            EuiFlexGroup37,
+            {
+              gutterSize: "xs",
+              alignItems: "center",
+              responsive: false,
+              children: selectedPathInfo.ui_types.map(
+                (type, index) => /* @__PURE__ */ jsx278(
+                  EuiFlexItem45,
+                  {
+                    grow: false,
+                    children: /* @__PURE__ */ jsx278(
+                      WfoBadge,
+                      {
+                        color: getTypeColor(
+                          type,
+                          theme
+                        ),
+                        textColor: theme.colors.ink,
+                        size: "s",
+                        children: type
+                      }
+                    )
+                  },
+                  index
+                )
+              )
+            }
+          ) })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsx278(EuiFlexItem45, { children: /* @__PURE__ */ jsxs148(EuiFlexGroup37, { gutterSize: "s", alignItems: "flexEnd", children: [
+      /* @__PURE__ */ jsx278(EuiFlexItem45, { children: /* @__PURE__ */ jsx278(
+        WfoOperatorSelector,
+        {
+          selectedPathInfo,
+          condition,
+          onOperatorChange: handleOperatorChange
+        }
+      ) }),
+      !hideValueInput && /* @__PURE__ */ jsx278(EuiFlexItem45, { children: /* @__PURE__ */ jsx278(EuiFormRow25, { label: t("valueLabel"), children: /* @__PURE__ */ jsx278(
+        ValueControl,
+        {
+          pathInfo: selectedPathInfo,
+          operator: condition.condition.op,
+          value: condition.condition.value,
+          onChange: handleValueChange
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx278(EuiFlexItem45, { grow: false, children: /* @__PURE__ */ jsx278(
+        EuiButtonIcon15,
+        {
+          iconType: "trash",
+          color: "danger",
+          onClick: onRemove,
+          "aria-label": t("removeConditionAriaLabel"),
+          size: "m"
+        }
+      ) })
+    ] }) })
+  ] }) });
+};
+
+// src/components/WfoSearchPage/WfoFilterGroup/WfoFilterGroup.tsx
+import { Fragment as Fragment65, jsx as jsx279, jsxs as jsxs149 } from "@emotion/react/jsx-runtime";
+var FilterGroup = ({
+  group,
+  entityType,
+  onChange,
+  onRemove,
+  depth = 0,
+  isRoot = false
+}) => {
+  const t = useTranslations98("search.page");
+  const { theme } = useOrchestratorTheme();
+  const MAX_DEPTH = 5;
+  const canAddGroup = depth < MAX_DEPTH;
+  const addCondition = () => {
+    const newCondition = {
+      path: "",
+      condition: { op: "", value: void 0 }
+    };
+    onChange({
+      ...group,
+      children: [...group.children, newCondition]
+    });
+  };
+  const addGroup = () => {
+    if (!canAddGroup) return;
+    const newGroup = {
+      op: "AND",
+      children: []
+    };
+    onChange({
+      ...group,
+      children: [...group.children, newGroup]
+    });
+  };
+  const updateChild = (index, child) => {
+    const newChildren = [...group.children];
+    newChildren[index] = child;
+    onChange({
+      ...group,
+      children: newChildren
+    });
+  };
+  const removeChild = (index) => {
+    onChange({
+      ...group,
+      children: group.children.filter((_5, i) => i !== index)
+    });
+  };
+  const toggleOperator = () => {
+    onChange({
+      ...group,
+      op: group.op === "AND" ? "OR" : "AND"
+    });
+  };
+  return /* @__PURE__ */ jsxs149(
+    EuiPanel15,
+    {
+      paddingSize: "m",
+      color: depth % 2 === 0 ? "primary" : "plain",
+      hasBorder: true,
+      children: [
+        /* @__PURE__ */ jsxs149(
+          EuiFlexGroup38,
+          {
+            gutterSize: "s",
+            alignItems: "center",
+            justifyContent: "spaceBetween",
+            children: [
+              /* @__PURE__ */ jsx279(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs149(EuiFlexGroup38, { gutterSize: "s", alignItems: "center", children: [
+                /* @__PURE__ */ jsx279(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx279(EuiText55, { size: "s", children: /* @__PURE__ */ jsx279("strong", { children: t("groupLabel") }) }) }),
+                /* @__PURE__ */ jsx279(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx279(
+                  EuiButton22,
+                  {
+                    size: "s",
+                    fill: true,
+                    color: "primary",
+                    onClick: toggleOperator,
+                    children: group.op
+                  }
+                ) })
+              ] }) }),
+              /* @__PURE__ */ jsx279(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsxs149(EuiFlexGroup38, { gutterSize: "s", alignItems: "center", children: [
+                /* @__PURE__ */ jsx279(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx279(
+                  EuiButton22,
+                  {
+                    size: "s",
+                    iconType: "plusInCircle",
+                    onClick: addCondition,
+                    children: t("addCondition")
+                  }
+                ) }),
+                /* @__PURE__ */ jsx279(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx279(
+                  WfoToolTip,
+                  {
+                    tooltipContent: !canAddGroup ? t("maxNestingDepth") : t("addNestedGroup"),
+                    children: /* @__PURE__ */ jsx279(
+                      EuiButton22,
+                      {
+                        size: "s",
+                        iconType: "nested",
+                        onClick: addGroup,
+                        disabled: !canAddGroup,
+                        children: t("addGroup")
+                      }
+                    )
+                  }
+                ) }),
+                !isRoot && onRemove && /* @__PURE__ */ jsx279(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx279(
+                  EuiButtonIcon16,
+                  {
+                    iconType: "trash",
+                    color: "danger",
+                    onClick: onRemove,
+                    "aria-label": t("removeGroup")
+                  }
+                ) })
+              ] }) })
+            ]
+          }
+        ),
+        group.children.length > 0 && /* @__PURE__ */ jsxs149(Fragment65, { children: [
+          /* @__PURE__ */ jsx279(EuiSpacer30, { size: "m" }),
+          /* @__PURE__ */ jsx279(
+            EuiPanel15,
+            {
+              paddingSize: isRoot ? "none" : "s",
+              color: "transparent",
+              hasShadow: false,
+              children: group.children.map((child, index) => /* @__PURE__ */ jsxs149("div", { children: [
+                index > 0 && /* @__PURE__ */ jsx279(
+                  EuiFlexGroup38,
+                  {
+                    gutterSize: "none",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    children: /* @__PURE__ */ jsx279(EuiFlexItem46, { grow: false, children: /* @__PURE__ */ jsx279(
+                      EuiText55,
+                      {
+                        size: "s",
+                        color: theme.colors.textSubdued,
+                        textAlign: "center",
+                        children: /* @__PURE__ */ jsx279(EuiCode, { children: group.op })
+                      }
+                    ) })
+                  }
+                ),
+                /* @__PURE__ */ jsx279(EuiSpacer30, { size: "s" }),
+                isCondition(child) ? /* @__PURE__ */ jsx279(
+                  ConditionRow,
+                  {
+                    condition: child,
+                    entityType,
+                    onChange: (newCondition) => updateChild(index, newCondition),
+                    onRemove: () => removeChild(index)
+                  }
+                ) : /* @__PURE__ */ jsx279(
+                  FilterGroup,
+                  {
+                    group: child,
+                    entityType,
+                    onChange: (newGroup) => updateChild(index, newGroup),
+                    onRemove: () => removeChild(index),
+                    depth: depth + 1
+                  }
+                ),
+                /* @__PURE__ */ jsx279(EuiSpacer30, { size: "s" })
+              ] }, index))
+            }
+          )
+        ] }),
+        group.children.length === 0 && /* @__PURE__ */ jsxs149(Fragment65, { children: [
+          /* @__PURE__ */ jsx279(EuiSpacer30, { size: "s" }),
+          /* @__PURE__ */ jsx279(
+            EuiCallOut2,
+            {
+              title: t("emptyGroupTitle"),
+              color: "primary",
+              iconType: "iInCircle",
+              size: "s",
+              children: /* @__PURE__ */ jsx279("p", { children: t("emptyGroupDescription") })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx
+import { useState as useState63 } from "react";
+import { EuiFlexGroup as EuiFlexGroup43, EuiPanel as EuiPanel19 } from "@elastic/eui";
+
+// src/components/WfoSearchPage/WfoSearchResults/WfoSearchEmptyState.tsx
+import { useTranslations as useTranslations99 } from "next-intl";
+import { EuiFlexGroup as EuiFlexGroup39, EuiFlexItem as EuiFlexItem47, EuiPanel as EuiPanel16, EuiText as EuiText56 } from "@elastic/eui";
+import { jsx as jsx280 } from "@emotion/react/jsx-runtime";
+var WfoSearchEmptyState = () => {
+  const t = useTranslations99("search.page");
+  const { theme } = useOrchestratorTheme();
+  return /* @__PURE__ */ jsx280(EuiPanel16, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx280(EuiFlexGroup39, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx280(EuiFlexItem47, { grow: false, children: /* @__PURE__ */ jsx280(EuiText56, { size: "m", color: theme.colors.textSubdued, children: t("noResultsFound") }) }) }) });
+};
+
+// src/components/WfoSearchPage/WfoSearchResults/WfoSearchLoadingState.tsx
+import { useTranslations as useTranslations100 } from "next-intl";
+import { EuiFlexGroup as EuiFlexGroup40, EuiFlexItem as EuiFlexItem48, EuiPanel as EuiPanel17, EuiText as EuiText57 } from "@elastic/eui";
+import { jsx as jsx281 } from "@emotion/react/jsx-runtime";
+var WfoSearchLoadingState = () => {
+  const t = useTranslations100("search.page");
+  const { theme } = useOrchestratorTheme();
+  return /* @__PURE__ */ jsx281(EuiPanel17, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx281(EuiFlexGroup40, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx281(EuiFlexItem48, { grow: false, children: /* @__PURE__ */ jsx281(EuiText57, { size: "m", color: theme.colors.textSubdued, children: t("loadingSearchResults") }) }) }) });
+};
+
+// src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
+import { useEffect as useEffect42, useRef as useRef13 } from "react";
+import { useTranslations as useTranslations101 } from "next-intl";
+import {
+  EuiButtonIcon as EuiButtonIcon17,
+  EuiFlexGroup as EuiFlexGroup42,
+  EuiFlexItem as EuiFlexItem50,
+  EuiPanel as EuiPanel18,
+  EuiSpacer as EuiSpacer31,
+  EuiText as EuiText58
+} from "@elastic/eui";
+
+// src/components/WfoSearchPage/WfoSearchResults/WfoHighlightedText.tsx
+import { useMemo as useMemo9 } from "react";
+import { css as css52 } from "@emotion/react";
+import { Fragment as Fragment66, jsx as jsx282 } from "@emotion/react/jsx-runtime";
+var WfoHighlightedText = ({
+  text,
+  highlight_indices
+}) => {
+  const { theme } = useOrchestratorTheme();
+  const highlightStyles = css52`
+        background-color: ${theme.colors.warning};
+        color: ${theme.colors.plainDark};
+        padding: 0 ${theme.size.xs};
+        font-family: ${theme.font.family};
+        font-weight: ${theme.font.weight.bold};
+        border-radius: ${theme.size.xs};
+    `;
+  const highlightedParts = useMemo9(() => {
+    if (!highlight_indices || highlight_indices.length === 0) {
+      return text;
+    }
+    const sorted = [...highlight_indices].sort((a, b) => a[0] - b[0]);
+    const parts = [];
+    let lastIndex = 0;
+    sorted.forEach(([start, end], idx) => {
+      if (start > lastIndex) {
+        parts.push(
+          /* @__PURE__ */ jsx282("span", { children: text.slice(lastIndex, start) }, `plain-${idx}`)
+        );
+      }
+      parts.push(
+        /* @__PURE__ */ jsx282("span", { css: highlightStyles, children: text.slice(start, end) }, `hl-${idx}`)
+      );
+      lastIndex = end;
+    });
+    if (lastIndex < text.length) {
+      parts.push(/* @__PURE__ */ jsx282("span", { children: text.slice(lastIndex) }, "plain-last"));
+    }
+    return parts;
+  }, [text, highlight_indices, highlightStyles]);
+  return /* @__PURE__ */ jsx282(Fragment66, { children: highlightedParts });
+};
+
+// src/components/WfoSearchPage/WfoSearchResults/WfoPathBreadcrumb.tsx
+import { Fragment as Fragment67 } from "react";
+import { EuiFlexGroup as EuiFlexGroup41, EuiFlexItem as EuiFlexItem49, EuiIcon as EuiIcon9 } from "@elastic/eui";
+import { jsx as jsx283, jsxs as jsxs150 } from "@emotion/react/jsx-runtime";
+var WfoPathBreadcrumb = ({
+  path,
+  size = "m",
+  maxSegments,
+  showArrows = true,
+  color,
+  stripFirstSegment = false
+}) => {
+  const { theme } = useOrchestratorTheme();
+  if (!path) {
+    return null;
+  }
+  let segments = path.split(".").filter((segment) => !/^\d+$/.test(segment));
+  if (stripFirstSegment && segments.length > 1) {
+    segments = segments.slice(1);
+  }
+  const displaySegments = maxSegments && segments.length > maxSegments ? [
+    ...segments.slice(0, maxSegments - 1),
+    "...",
+    segments[segments.length - 1]
+  ] : segments;
+  const badgeColor = color || theme.colors.primary;
+  return /* @__PURE__ */ jsx283(
+    EuiFlexGroup41,
+    {
+      gutterSize: size,
+      alignItems: "center",
+      wrap: false,
+      responsive: false,
+      children: displaySegments.map((segment, index) => /* @__PURE__ */ jsxs150(Fragment67, { children: [
+        /* @__PURE__ */ jsx283(EuiFlexItem49, { grow: false, children: /* @__PURE__ */ jsx283(
+          WfoBadge,
+          {
+            color: badgeColor,
+            textColor: theme.colors.ghost,
+            size,
+            children: segment
+          }
+        ) }),
+        showArrows && index < displaySegments.length - 1 && /* @__PURE__ */ jsx283(EuiFlexItem49, { grow: false, children: /* @__PURE__ */ jsx283(
+          EuiIcon9,
+          {
+            type: "arrowRight",
+            size,
+            color: theme.colors.link
+          }
+        ) })
+      ] }, index))
+    }
+  );
+};
+
+// src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
+import { Fragment as Fragment68, jsx as jsx284, jsxs as jsxs151 } from "@emotion/react/jsx-runtime";
+var WfoSearchResultItem = ({
+  result,
+  isSelected = false,
+  onSelect,
+  onPositionChange,
+  index
+}) => {
+  const t = useTranslations101("search.page");
+  const matchingField = result.matching_field;
+  const { theme } = useOrchestratorTheme();
+  const baseUrl = `${window.location.protocol}//${window.location.host}`;
+  const detailUrl = getDetailUrl(result, baseUrl);
+  const itemRef = useRef13(null);
+  useEffect42(() => {
+    if (isSelected && onPositionChange && itemRef.current) {
+      onPositionChange(index, itemRef.current);
+    }
+  }, [isSelected, index, onPositionChange]);
+  return /* @__PURE__ */ jsx284(EuiFlexItem50, { children: /* @__PURE__ */ jsx284(
+    EuiPanel18,
+    {
+      panelRef: itemRef,
+      color: isSelected ? "primary" : "transparent",
+      paddingSize: "m",
+      "data-record-index": index,
+      onClick: () => {
+        onSelect?.();
+      },
+      style: isSelected ? {
+        borderTop: theme.border.thick,
+        borderBottom: theme.border.thick,
+        borderLeft: "none",
+        borderRight: "none",
+        borderColor: theme.colors.primary
+      } : void 0,
+      children: /* @__PURE__ */ jsxs151(EuiFlexGroup42, { alignItems: "flexStart", gutterSize: "m", children: [
+        /* @__PURE__ */ jsx284(EuiFlexItem50, { children: /* @__PURE__ */ jsxs151(EuiFlexGroup42, { direction: "column", gutterSize: "xs", children: [
+          /* @__PURE__ */ jsx284(EuiFlexItem50, { children: /* @__PURE__ */ jsx284(
+            EuiText58,
+            {
+              size: "m",
+              style: {
+                fontWeight: theme.font.weight.semiBold
+              },
+              children: getDescription(result)
+            }
+          ) }),
+          matchingField && /* @__PURE__ */ jsxs151(Fragment68, { children: [
+            matchingField.path && /* @__PURE__ */ jsx284(EuiFlexItem50, { children: /* @__PURE__ */ jsx284(
+              WfoPathBreadcrumb,
+              {
+                path: matchingField.path,
+                size: "s",
+                maxSegments: 4,
+                color: theme.colors.primary
+              }
+            ) }),
+            /* @__PURE__ */ jsx284(EuiFlexItem50, { children: /* @__PURE__ */ jsx284(
+              EuiText58,
+              {
+                style: {
+                  backgroundColor: "transparent",
+                  borderRadius: theme.border.radius.medium,
+                  fontSize: theme.size.base
+                },
+                children: /* @__PURE__ */ jsx284(
+                  WfoHighlightedText,
+                  {
+                    text: matchingField.text,
+                    highlight_indices: matchingField.highlight_indices
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx284(EuiSpacer31, { size: "xs" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx284(EuiFlexItem50, { grow: false, children: /* @__PURE__ */ jsxs151(
+          EuiFlexGroup42,
+          {
+            direction: "column",
+            alignItems: "flexEnd",
+            gutterSize: "xs",
+            children: [
+              /* @__PURE__ */ jsx284(EuiFlexItem50, { children: /* @__PURE__ */ jsx284(
+                WfoBadge,
+                {
+                  color: theme.colors.primary,
+                  textColor: theme.colors.ghost,
+                  children: "score" in result && result.score ? result.score.toFixed(4) : "N/A"
+                }
+              ) }),
+              /* @__PURE__ */ jsx284(EuiFlexItem50, { children: /* @__PURE__ */ jsx284(
+                EuiButtonIcon17,
+                {
+                  iconType: "popout",
+                  "aria-label": t("viewDetails"),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    window.open(detailUrl, "_blank");
+                  },
+                  color: "text",
+                  size: "m"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ] })
+    }
+  ) });
+};
+
+// src/components/WfoSearchPage/WfoSearchResults/WfoSubscriptionDetailModal.tsx
+import { useTranslations as useTranslations102 } from "next-intl";
+import {
+  EuiButton as EuiButton23,
+  EuiModal as EuiModal5,
+  EuiModalBody as EuiModalBody5,
+  EuiModalFooter as EuiModalFooter5,
+  EuiModalHeader as EuiModalHeader5,
+  EuiModalHeaderTitle as EuiModalHeaderTitle5
+} from "@elastic/eui";
+import { jsx as jsx285, jsxs as jsxs152 } from "@emotion/react/jsx-runtime";
+var WfoSubscriptionDetailModal = ({ isVisible, onClose, subscriptionData }) => {
+  const t = useTranslations102("search.page");
+  if (!isVisible || !subscriptionData) return null;
+  const subscriptionId = subscriptionData && subscriptionData.subscription_id;
+  return /* @__PURE__ */ jsxs152(EuiModal5, { onClose, maxWidth: 800, children: [
+    /* @__PURE__ */ jsx285(EuiModalHeader5, { children: /* @__PURE__ */ jsx285(EuiModalHeaderTitle5, { children: t("subscriptionDetails") }) }),
+    /* @__PURE__ */ jsx285(EuiModalBody5, { children: /* @__PURE__ */ jsx285(TreeProvider, { children: /* @__PURE__ */ jsx285(WfoSubscription, { subscriptionId }) }) }),
+    /* @__PURE__ */ jsx285(EuiModalFooter5, { children: /* @__PURE__ */ jsx285(EuiButton23, { onClick: onClose, fill: true, children: t("closeButton") }) })
+  ] });
+};
+
+// src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx
+import { Fragment as Fragment69, jsx as jsx286, jsxs as jsxs153 } from "@emotion/react/jsx-runtime";
+var WfoSearchResults = ({
+  results,
+  loading,
+  selectedRecordIndex = 0,
+  onRecordSelect
+}) => {
+  const [modalData, setModalData] = useState63(null);
+  const handleCloseModal = () => {
+    setModalData(null);
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx286(WfoSearchLoadingState, {});
+  }
+  if (!results || results.length === 0) {
+    return /* @__PURE__ */ jsx286(WfoSearchEmptyState, {});
+  }
+  return /* @__PURE__ */ jsxs153(Fragment69, { children: [
+    /* @__PURE__ */ jsx286(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx286(EuiFlexGroup43, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx286(
+      WfoSearchResultItem,
+      {
+        result,
+        index: idx,
+        isSelected: idx === selectedRecordIndex,
+        onSelect: () => onRecordSelect?.(idx)
+      },
+      idx
+    )) }) }),
+    /* @__PURE__ */ jsx286(
+      WfoSubscriptionDetailModal,
+      {
+        isVisible: !!modalData,
+        onClose: handleCloseModal,
+        subscriptionData: modalData?.subscription,
+        matchingField: modalData?.matchingField
+      }
+    )
+  ] });
+};
+
+// src/components/WfoSearchPage/WfoSearchResults/WfoSearchMetadataHeader.tsx
+import { jsx as jsx287 } from "@emotion/react/jsx-runtime";
+var WfoSearchMetadataHeader = ({
+  search_metadata
+}) => {
+  if (!search_metadata.search_type) return null;
+  return /* @__PURE__ */ jsx287(WfoToolTip, { tooltipContent: search_metadata.description || "", children: /* @__PURE__ */ jsx287(WfoBadge, { color: "hollow", iconType: "search", textColor: "default", children: search_metadata.search_type }) });
+};
+
+// src/components/WfoSearchPage/WfoSearchResults/WfoSearchPaginationInfo.tsx
+import { useTranslations as useTranslations103 } from "next-intl";
+import {
+  EuiButtonIcon as EuiButtonIcon18,
+  EuiFlexGroup as EuiFlexGroup44,
+  EuiFlexItem as EuiFlexItem51,
+  EuiText as EuiText59
+} from "@elastic/eui";
+import { jsx as jsx288, jsxs as jsxs154 } from "@emotion/react/jsx-runtime";
+var WfoSearchPaginationInfo = ({
+  has_next_page,
+  next_page_cursor,
+  onNextPage,
+  onPrevPage,
+  isLoading = false,
+  currentPage = 1,
+  hasPrevPage = false,
+  resultCount
+}) => {
+  const t = useTranslations103("search.page");
+  const { theme } = useOrchestratorTheme();
+  const handleNextPage = () => {
+    if (!isLoading && next_page_cursor && onNextPage)
+      onNextPage(next_page_cursor);
+  };
+  const handlePrevPage = () => {
+    if (!isLoading && onPrevPage) onPrevPage();
+  };
+  if (!has_next_page && !hasPrevPage) return null;
+  return /* @__PURE__ */ jsxs154(
+    EuiFlexGroup44,
+    {
+      justifyContent: "flexEnd",
+      alignItems: "center",
+      gutterSize: "xs",
+      responsive: false,
+      style: {
+        whiteSpace: "nowrap",
+        padding: 0,
+        background: "transparent",
+        border: "none"
+      },
+      role: "navigation",
+      "aria-label": t("searchResultsPagination"),
+      children: [
+        /* @__PURE__ */ jsx288(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx288(
+          EuiButtonIcon18,
+          {
+            iconType: "arrowLeft",
+            "aria-label": t("previousPage"),
+            onClick: handlePrevPage,
+            disabled: !hasPrevPage || isLoading,
+            color: "text",
+            size: "s"
+          }
+        ) }),
+        /* @__PURE__ */ jsx288(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsxs154(EuiText59, { size: "xs", color: theme.colors.textSubdued, children: [
+          t("page"),
+          " ",
+          currentPage
+        ] }) }),
+        /* @__PURE__ */ jsx288(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx288(
+          EuiButtonIcon18,
+          {
+            iconType: "arrowRight",
+            "aria-label": t("nextPage"),
+            onClick: handleNextPage,
+            disabled: !has_next_page || isLoading,
+            color: "text",
+            size: "s",
+            isLoading
+          }
+        ) }),
+        resultCount && resultCount > 0 && /* @__PURE__ */ jsx288(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx288(
+          WfoBadge,
+          {
+            className: "wfoPagination__badge",
+            color: "hollow",
+            textColor: "default",
+            children: t("resultsOnPage", { resultCount })
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+// src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
+import { Fragment as Fragment70, jsx as jsx289, jsxs as jsxs155 } from "@emotion/react/jsx-runtime";
+var WfoSearch = () => {
+  const t = useTranslations104("search.page");
+  const { theme } = useOrchestratorTheme();
+  const {
+    urlParams,
+    query,
+    selectedEntityTab,
+    showFilters,
+    selectedRecordIndex,
+    selectedRecordId,
+    setQuery,
+    setSelectedEntityTab,
+    setShowFilters,
+    setSelectedRecordIndex,
+    setSelectedRecordId
+  } = useUrlParams();
+  const pageSize = DEFAULT_PAGE_SIZE2;
+  const [filterGroup, setFilterGroup] = useState64({
+    op: "AND",
+    children: []
+  });
+  const [showDetailPanel, setShowDetailPanel] = useState64(false);
+  const debouncedQuery = useDebounce(query, DEFAULT_DEBOUNCE_DELAY);
+  const { results, loading, setResults } = useSearch(
+    debouncedQuery,
+    selectedEntityTab,
+    filterGroup,
+    pageSize
+  );
+  const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState64(false);
+  useEffect43(() => {
+    const queryText = typeof debouncedQuery === "string" ? debouncedQuery : debouncedQuery?.text?.trim() || "";
+    const hasFilters = filterGroup && filterGroup.children.length > 0;
+    if (queryText.length >= 2 || hasFilters) {
+      setHasSearchBeenAttempted(true);
+    } else if (queryText === "" || queryText === "*") {
+      setHasSearchBeenAttempted(false);
+    }
+  }, [debouncedQuery, filterGroup]);
+  const {
+    currentPage,
+    error,
+    isLoadingMore,
+    handleNextPage,
+    handlePrevPage,
+    resetPagination,
+    setError
+  } = useSearchPagination(
+    debouncedQuery,
+    selectedEntityTab,
+    filterGroup,
+    pageSize,
+    results,
+    setResults
+  );
+  const [searchValue, setSearchValue] = useState64(() => {
+    if (typeof query === "string") {
+      return query;
+    }
+    const queryText = query.text || "";
+    return queryText;
+  });
+  const handleTabChange = (tabId) => {
+    setSelectedEntityTab(tabId);
+    setQuery("");
+    setSearchValue("");
+    setFilterGroup({
+      op: "AND",
+      children: []
+    });
+    setResults({
+      data: [],
+      page_info: {
+        has_next_page: false,
+        next_page_cursor: null
+      },
+      search_metadata: {
+        search_type: null,
+        description: null
+      }
+    });
+    setSelectedRecordIndex(0);
+    setShowDetailPanel(false);
+    resetPagination();
+  };
+  const onSearchChange = (searchText) => {
+    const cleanedText = searchText.replace(/[=><[\]{}\\/#$%^&+]/g, "");
+    setSearchValue(cleanedText);
+    setQuery(cleanedText.trim() || "");
+  };
+  useEffect43(() => {
+    if (typeof query === "string") {
+      if (query !== searchValue) {
+        setSearchValue(query);
+      }
+    } else {
+      const queryText = query.text || "";
+      if (queryText !== searchValue) {
+        setSearchValue(queryText);
+      }
+    }
+  }, [query, searchValue]);
+  const currentTab = ENTITY_TABS.find((tab) => tab.id === selectedEntityTab);
+  const isSearchActive = results.data.length > 0 || loading;
+  const shouldShowNoResults = (() => {
+    return hasSearchBeenAttempted && !loading && results.data.length === 0;
+  })();
+  useEffect43(() => {
+    if (results.data.length > 0) {
+      if (selectedRecordId) {
+        const foundIndex = findResultIndexById(
+          results.data,
+          selectedRecordId
+        );
+        if (foundIndex !== -1) {
+          setSelectedRecordIndex(foundIndex);
+        } else if (results.data.length <= SMALL_RESULT_THRESHOLD) {
+          setSelectedRecordIndex(0);
+          setSelectedRecordId(null);
+        }
+      } else if (results.data.length <= SMALL_RESULT_THRESHOLD) {
+        const indexFromUrl = urlParams.get("selected");
+        if (!indexFromUrl) {
+          setSelectedRecordIndex(0);
+        }
+      }
+    }
+  }, [results.data, selectedRecordId, urlParams]);
+  useEffect43(() => {
+    setShowDetailPanel(
+      results?.data?.length > 0 && selectedRecordIndex >= 0
+    );
+  }, [results?.data?.length, selectedRecordIndex]);
+  useEffect43(() => {
+    resetPagination();
+  }, [debouncedQuery, selectedEntityTab, filterGroup, resetPagination]);
+  const { RESULTS_GROW, DETAIL_GROW } = LAYOUT_RATIOS;
+  return /* @__PURE__ */ jsxs155(Fragment70, { children: [
+    /* @__PURE__ */ jsx289(EuiTabs4, { children: ENTITY_TABS.map((tab) => /* @__PURE__ */ jsx289(
+      EuiTab4,
+      {
+        onClick: () => handleTabChange(tab.id),
+        isSelected: selectedEntityTab === tab.id,
+        children: tab.label
+      },
+      tab.id
+    )) }),
+    /* @__PURE__ */ jsx289(EuiSpacer32, { size: "m" }),
+    /* @__PURE__ */ jsx289(
+      EuiFieldSearch3,
+      {
+        placeholder: t("searchPlaceholder", {
+          entityType: currentTab?.label.toLowerCase()
+        }),
+        value: searchValue || "",
+        onChange: (event) => {
+          onSearchChange(event.target.value);
+        },
+        onSearch: (value) => {
+          onSearchChange(value);
+        },
+        incremental: true,
+        fullWidth: true
+      }
+    ),
+    /* @__PURE__ */ jsx289(EuiSpacer32, { size: "s" }),
+    /* @__PURE__ */ jsx289(EuiFlexGroup45, { gutterSize: "s", alignItems: "center", children: /* @__PURE__ */ jsx289(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx289(
+      EuiButton24,
+      {
+        iconType: showFilters ? "eyeClosed" : "eye",
+        size: "s",
+        onClick: () => setShowFilters(!showFilters),
+        children: showFilters ? t("hideFilters") : t("showFilters")
+      }
+    ) }) }),
+    showFilters && /* @__PURE__ */ jsxs155(Fragment70, { children: [
+      /* @__PURE__ */ jsx289(EuiSpacer32, { size: "m" }),
+      /* @__PURE__ */ jsxs155(EuiPanel20, { hasBorder: true, paddingSize: "m", children: [
+        /* @__PURE__ */ jsx289(EuiText60, { children: /* @__PURE__ */ jsx289("h4", { children: t("structuredFilters") }) }),
+        /* @__PURE__ */ jsx289(EuiSpacer32, { size: "s" }),
+        /* @__PURE__ */ jsx289(
+          FilterGroup,
+          {
+            group: filterGroup,
+            entityType: selectedEntityTab,
+            onChange: setFilterGroup,
+            isRoot: true
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx289(EuiSpacer32, { size: "m" }),
+    error && /* @__PURE__ */ jsxs155(Fragment70, { children: [
+      /* @__PURE__ */ jsxs155(
+        EuiCallOut3,
+        {
+          title: t("searchError"),
+          color: "danger",
+          iconType: "alert",
+          size: "s",
+          children: [
+            /* @__PURE__ */ jsx289("p", { children: error }),
+            /* @__PURE__ */ jsx289(
+              EuiButton24,
+              {
+                size: "s",
+                color: "danger",
+                onClick: () => setError(null),
+                children: t("dismiss")
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx289(EuiSpacer32, { size: "m" })
+    ] }),
+    shouldShowNoResults && /* @__PURE__ */ jsxs155(Fragment70, { children: [
+      /* @__PURE__ */ jsx289(EuiSpacer32, { size: "l" }),
+      /* @__PURE__ */ jsxs155(
+        EuiCallOut3,
+        {
+          title: t("noResults"),
+          color: "primary",
+          iconType: "search",
+          size: "m",
+          children: [
+            /* @__PURE__ */ jsx289("p", { children: t("noResultsMessage", {
+              entityType: currentTab?.label.toLowerCase()
+            }) }),
+            /* @__PURE__ */ jsx289(EuiSpacer32, { size: "s" }),
+            /* @__PURE__ */ jsx289(EuiText60, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx289("p", { children: t("noResultsSuggestions") }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx289(EuiSpacer32, { size: "l" })
+    ] }),
+    isSearchActive && /* @__PURE__ */ jsxs155(Fragment70, { children: [
+      /* @__PURE__ */ jsx289(EuiSpacer32, { size: "m" }),
+      /* @__PURE__ */ jsxs155(EuiFlexGroup45, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx289(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs155(
+          EuiFlexGroup45,
+          {
+            gutterSize: "s",
+            alignItems: "center",
+            justifyContent: "spaceBetween",
+            responsive: false,
+            style: { width: "100%" },
+            children: [
+              /* @__PURE__ */ jsx289(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx289(
+                WfoSearchMetadataHeader,
+                {
+                  search_metadata: results.search_metadata
+                }
+              ) }),
+              /* @__PURE__ */ jsx289(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx289(
+                WfoSearchPaginationInfo,
+                {
+                  has_next_page: results.page_info.has_next_page,
+                  next_page_cursor: results.page_info.next_page_cursor,
+                  onNextPage: handleNextPage,
+                  onPrevPage: handlePrevPage,
+                  isLoading: isLoadingMore,
+                  currentPage,
+                  hasPrevPage: currentPage > 1,
+                  resultCount: results?.data?.length || 0
+                }
+              ) })
+            ]
+          }
+        ) }),
+        showDetailPanel && /* @__PURE__ */ jsx289(EuiFlexItem52, { grow: DETAIL_GROW })
+      ] }),
+      /* @__PURE__ */ jsx289(EuiSpacer32, { size: "s" }),
+      /* @__PURE__ */ jsxs155(EuiFlexGroup45, { gutterSize: "s", alignItems: "flexStart", children: [
+        /* @__PURE__ */ jsx289(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx289(EuiPanel20, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx289(
+          WfoSearchResults,
+          {
+            results: results.data,
+            loading,
+            selectedRecordIndex,
+            onRecordSelect: (index) => {
+              setSelectedRecordIndex(index);
+              const record = results.data[index];
+              if (record) {
+                const recordId = getRecordId(record);
+                setSelectedRecordId(recordId);
+              }
+            }
+          }
+        ) }) }),
+        showDetailPanel && /* @__PURE__ */ jsx289(EuiFlexItem52, { grow: DETAIL_GROW, children: /* @__PURE__ */ jsx289(
+          EuiPanel20,
+          {
+            paddingSize: "m",
+            hasBorder: true,
+            hasShadow: false,
+            color: "transparent",
+            children: selectedEntityTab === "SUBSCRIPTION" && results.data[selectedRecordIndex] && isSubscriptionSearchResult(
+              results.data[selectedRecordIndex]
+            ) ? /* @__PURE__ */ jsx289(TreeProvider, { children: /* @__PURE__ */ jsx289(
+              WfoSubscription,
+              {
+                subscriptionId: results.data[selectedRecordIndex].subscription.subscription_id
+              }
+            ) }) : /* @__PURE__ */ jsxs155(Fragment70, { children: [
+              /* @__PURE__ */ jsx289(EuiText60, { children: /* @__PURE__ */ jsx289("h4", { children: t("details") }) }),
+              /* @__PURE__ */ jsx289(EuiSpacer32, { size: "m" }),
+              /* @__PURE__ */ jsxs155(
+                EuiText60,
+                {
+                  color: theme.colors.textSubdued,
+                  children: [
+                    /* @__PURE__ */ jsx289("p", { children: t(
+                      "showingDetailsForResult",
+                      {
+                        resultNumber: selectedRecordIndex + 1
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx289(EuiSpacer32, { size: "s" }),
+                    /* @__PURE__ */ jsxs155(
+                      WfoBadge,
+                      {
+                        color: theme.colors.primary,
+                        textColor: theme.colors.ghost,
+                        children: [
+                          selectedEntityTab,
+                          " #",
+                          selectedRecordIndex + 1
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx289(EuiSpacer32, { size: "m" }),
+                    /* @__PURE__ */ jsx289("p", { children: /* @__PURE__ */ jsx289("em", { children: t(
+                      "selectResultInstruction"
+                    ) }) })
+                  ]
+                }
+              )
+            ] })
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/WfoAgent/WfoAgent/WfoAgent.tsx
+import { useTranslations as useTranslations106 } from "next-intl";
+import { useCoAgent } from "@copilotkit/react-core";
+import { CopilotSidebar } from "@copilotkit/react-ui";
+import { EuiFlexGroup as EuiFlexGroup47, EuiFlexItem as EuiFlexItem54, EuiSpacer as EuiSpacer34, EuiText as EuiText62 } from "@elastic/eui";
+
+// src/components/WfoAgent/FilterDisplay/FilterDisplay.tsx
+import { useTranslations as useTranslations105 } from "next-intl";
+import {
+  EuiFlexGroup as EuiFlexGroup46,
+  EuiFlexItem as EuiFlexItem53,
+  EuiPanel as EuiPanel21,
+  EuiSpacer as EuiSpacer33,
+  EuiText as EuiText61
+} from "@elastic/eui";
+
+// src/components/WfoAgent/FilterDisplay/styles.ts
+import { css as css53 } from "@emotion/react";
+var getFilterDisplayStyles = ({ theme }) => {
+  const wrapStyle = css53({
+    display: "flex",
+    flexWrap: "wrap",
+    gap: theme.size.s
+  });
+  const columnGroupWrapStyle = css53({
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.size.s,
+    alignItems: "flex-start"
+  });
+  const chipStyle = css53({
+    display: "inline-flex",
+    alignItems: "center",
+    borderRadius: theme.size.xl,
+    border: `1px solid ${theme.border.color}`,
+    backgroundColor: theme.colors.body,
+    padding: `${theme.size.s} ${theme.size.m}`,
+    lineHeight: 1.1,
+    gap: theme.size.s
+  });
+  const groupStyle = css53({
+    border: `1px solid ${theme.colors.lightShade}`,
+    borderRadius: theme.border.radius.medium,
+    padding: theme.size.s,
+    margin: theme.size.xs,
+    backgroundColor: theme.colors.body
+  });
+  const operatorStyle = css53({
+    fontFamily: theme.font.familyCode,
+    padding: `${theme.size.xs}px ${theme.size.s}px`,
+    borderRadius: theme.size.s,
+    backgroundColor: theme.colors.primary,
+    color: theme.colors.ghost,
+    fontSize: theme.size.m,
+    fontWeight: theme.font.weight.bold,
+    margin: `${theme.size.xs} 0`
+  });
+  const valueStyle = css53({
+    fontWeight: theme.font.weight.semiBold,
+    color: theme.colors.warning
+  });
+  return {
+    wrapStyle,
+    columnGroupWrapStyle,
+    chipStyle,
+    groupStyle,
+    operatorStyle,
+    valueStyle
+  };
+};
+
+// src/components/WfoAgent/FilterDisplay/FilterDisplay.tsx
+import { jsx as jsx290, jsxs as jsxs156 } from "@emotion/react/jsx-runtime";
+var DEPTH_INDENT = 16;
+function FilterDisplay({ parameters }) {
+  const t = useTranslations105("agent.page");
+  const {
+    wrapStyle,
+    columnGroupWrapStyle,
+    chipStyle,
+    groupStyle,
+    operatorStyle,
+    valueStyle
+  } = useWithOrchestratorTheme(getFilterDisplayStyles);
+  const { action, entity_type, filters, query } = parameters ?? {};
+  if (!parameters || Object.keys(parameters).length === 0) return null;
+  const sectionTitle = (text) => /* @__PURE__ */ jsx290(EuiText61, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx290("strong", { children: text }) });
+  const formatFilterValue = (condition) => {
+    if ("value" in condition && condition.value !== void 0) {
+      if (condition.op === "between" && condition.value && typeof condition.value === "object") {
+        const { start, end, from, to } = condition.value;
+        const fromVal = start || from;
+        const toVal = end || to;
+        return `${fromVal} \u2026 ${toVal}`;
+      }
+      return String(condition.value);
+    }
+    return "\u2014";
+  };
+  const renderFilterGroup = (group, depth = 0) => {
+    if (!group.children || group.children.length === 0) {
+      return /* @__PURE__ */ jsx290(EuiText61, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx290("em", { children: t("emptyGroup") }) });
+    }
+    const areChildrenGroups = group.children.length > 0 && !isCondition(group.children[0]);
+    return /* @__PURE__ */ jsxs156("div", { css: groupStyle, style: { marginLeft: depth * DEPTH_INDENT }, children: [
+      /* @__PURE__ */ jsx290("div", { css: operatorStyle, children: group.op }),
+      /* @__PURE__ */ jsx290("div", { css: areChildrenGroups ? columnGroupWrapStyle : wrapStyle, children: group.children.map((child, i) => /* @__PURE__ */ jsx290("div", { children: isCondition(child) ? /* @__PURE__ */ jsxs156("div", { css: chipStyle, children: [
+        /* @__PURE__ */ jsx290(
+          WfoPathBreadcrumb,
+          {
+            path: child.path,
+            size: "s",
+            showArrows: true
+          }
+        ),
+        /* @__PURE__ */ jsx290(
+          WfoBadge,
+          {
+            textColor: "default",
+            color: "hollow",
+            children: getOperatorDisplay(
+              child.condition.op,
+              child.value_kind ? {
+                path: child.path,
+                type: child.value_kind,
+                operators: [],
+                value_schema: {},
+                group: "leaf"
+              } : void 0
+            ).symbol
+          }
+        ),
+        /* @__PURE__ */ jsx290("span", { css: valueStyle, children: formatFilterValue(child.condition) })
+      ] }) : renderFilterGroup(child, depth + 1) }, i)) })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs156(EuiPanel21, { hasBorder: true, paddingSize: "m", children: [
+    /* @__PURE__ */ jsxs156(EuiFlexGroup46, { gutterSize: "m", wrap: true, responsive: true, children: [
+      /* @__PURE__ */ jsxs156(EuiFlexItem53, { grow: false, children: [
+        sectionTitle(t("action")),
+        /* @__PURE__ */ jsx290(EuiSpacer33, { size: "xs" }),
+        /* @__PURE__ */ jsx290(WfoBadge, { textColor: "default", color: "hollow", children: action || "N/A" })
+      ] }),
+      /* @__PURE__ */ jsxs156(EuiFlexItem53, { grow: false, children: [
+        sectionTitle(t("entityType")),
+        /* @__PURE__ */ jsx290(EuiSpacer33, { size: "xs" }),
+        /* @__PURE__ */ jsx290(WfoBadge, { textColor: "default", color: "hollow", children: entity_type || "N/A" })
+      ] }),
+      query ? /* @__PURE__ */ jsxs156(EuiFlexItem53, { grow: false, children: [
+        sectionTitle(t("searchQuery")),
+        /* @__PURE__ */ jsx290(EuiSpacer33, { size: "xs" }),
+        /* @__PURE__ */ jsx290(EuiText61, { size: "s", children: /* @__PURE__ */ jsxs156("em", { children: [
+          '"',
+          query,
+          '"'
+        ] }) })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx290(EuiSpacer33, { size: "m" }),
+    sectionTitle(t("activeFilters")),
+    /* @__PURE__ */ jsx290(EuiSpacer33, { size: "s" }),
+    filters && filters.children && filters.children.length > 0 ? renderFilterGroup(filters) : /* @__PURE__ */ jsx290(EuiText61, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx290("em", { children: t("noFiltersApplied") }) })
+  ] });
+}
+
+// src/components/WfoAgent/WfoAgent/WfoAgent.tsx
+import { jsx as jsx291, jsxs as jsxs157 } from "@emotion/react/jsx-runtime";
+var initialState3 = {
+  parameters: {
+    action: "select",
+    entity_type: "SUBSCRIPTION",
+    filters: [],
+    query: null
+  },
+  results: []
+};
+function WfoAgent() {
+  const t = useTranslations106("agent");
+  const tPage = useTranslations106("agent.page");
+  const { state } = useCoAgent({
+    name: "query_agent",
+    initialState: initialState3
+  });
+  const { parameters, results } = state;
+  const hasStarted = !!(state.parameters && Array.isArray(state.parameters.filters) && state.parameters.filters.length > 0);
+  const isLoadingResults = hasStarted && (!state.results || state.results.length === 0);
+  const displayParameters = parameters && {
+    ...parameters,
+    filters: Array.isArray(parameters.filters) ? { op: "AND", children: parameters.filters } : parameters.filters
+  };
+  return /* @__PURE__ */ jsxs157(EuiFlexGroup47, { gutterSize: "l", alignItems: "stretch", children: [
+    /* @__PURE__ */ jsxs157(EuiFlexItem54, { grow: 2, children: [
+      /* @__PURE__ */ jsx291(EuiText62, { children: /* @__PURE__ */ jsx291("h1", { children: t("title") }) }),
+      /* @__PURE__ */ jsx291(EuiSpacer34, { size: "m" }),
+      /* @__PURE__ */ jsx291(EuiText62, { size: "s", children: /* @__PURE__ */ jsx291("h2", { children: tPage("filledParameters") }) }),
+      /* @__PURE__ */ jsx291(EuiSpacer34, { size: "s" }),
+      displayParameters && /* @__PURE__ */ jsx291(FilterDisplay, { parameters: displayParameters }),
+      /* @__PURE__ */ jsx291(EuiSpacer34, { size: "m" }),
+      /* @__PURE__ */ jsx291(EuiText62, { size: "s", children: /* @__PURE__ */ jsxs157("h2", { children: [
+        tPage("results"),
+        " ",
+        results ? `(${results.length})` : ""
+      ] }) }),
+      /* @__PURE__ */ jsx291(EuiSpacer34, { size: "s" }),
+      /* @__PURE__ */ jsx291(
+        WfoSearchResults,
+        {
+          results: results ?? [],
+          loading: isLoadingResults,
+          selectedRecordIndex: -1,
+          onRecordSelect: () => {
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx291(EuiFlexItem54, { grow: 1, children: /* @__PURE__ */ jsx291(
+      CopilotSidebar,
+      {
+        defaultOpen: true,
+        clickOutsideToClose: false,
+        labels: {
+          title: tPage("copilot.title"),
+          initial: tPage("copilot.initial")
+        }
+      }
+    ) })
+  ] });
+}
+
 // src/rtk/endpoints/translations.ts
 var TRANSLATIONS_URL = "translations";
 var translationsApi = orchestratorApi.injectEndpoints({
@@ -56449,6 +59281,83 @@ var en_GB_default = {
     softwareVersions: "Software Versions",
     logout: "Logout",
     aoStatusPage: "A&O application status page"
+  },
+  agent: {
+    title: "Search results",
+    page: {
+      filledParameters: "Filled parameters",
+      results: "Results",
+      emptyGroup: "Empty group",
+      searchQuery: "Search query",
+      activeFilters: "Active filters",
+      noFiltersApplied: "No filters applied",
+      entityType: "Entity type",
+      action: "Action",
+      copilot: {
+        title: "Database assistant",
+        initial: "Ask me things such as:\n\u2022 *Find active subscriptions for Surf*\n\u2022 *Show terminated workflows\u201D*\n\nThe filled template and results will appear on the left."
+      }
+    }
+  },
+  search: {
+    page: {
+      selectFieldFirst: "Select a field first",
+      maxNestingDepth: "Maximum nesting depth reached",
+      addNestedGroup: "Add nested group",
+      addCondition: "Add condition",
+      addGroup: "Add group",
+      removeGroup: "Remove group",
+      emptyGroupDescription: "Add conditions or nested groups to build your filter.",
+      emptyGroupTitle: "Empty group",
+      fieldSearchPlaceholder: "Type to search fields...",
+      removeConditionAriaLabel: "Remove condition",
+      groupLabel: "Group",
+      hideFilters: "Hide filters",
+      showFilters: "Show filters",
+      structuredFilters: "Structured filters",
+      searchError: "Error",
+      selectResultInstruction: "Detail content will be implemented here...",
+      showingDetailsForResult: "Showing details for result #{resultNumber}",
+      details: "Details",
+      dismiss: "Dismiss",
+      searchPlaceholder: "Search for {entityType}\u2026",
+      noResults: "No Results",
+      noResultsMessage: "No {entityType} found matching your search criteria.",
+      noResultsSuggestions: "Try adjusting your search terms, removing filters, or searching for different keywords.",
+      noResultsFound: "No results found for your search.",
+      loadingSearchResults: "Loading search results...",
+      previousPage: "Previous page",
+      page: "Page",
+      nextPage: "Next page",
+      resultsOnPage: "{resultCount} result(s) on this page",
+      searchResultsPagination: "Search results pagination",
+      viewDetails: "View details",
+      closeButton: "Close",
+      selectOrEnterValue: "Select or type value",
+      enterValue: "Enter value",
+      fromNumber: "From",
+      toNumber: "To",
+      fromDate: "From date",
+      toDate: "To date",
+      enterNumber: "Enter number",
+      selectDateAndTime: "Select date",
+      valueControlTo: "to",
+      searchFieldsPlaceholder: "Search fields...",
+      selectSpecificPathPlaceholder: "Select a specific path...",
+      anyPathOption: "Any path",
+      operatorLabel: "Operator",
+      fieldLabel: "Field",
+      valueLabel: "Value",
+      fieldsGroupLabel: "Fields",
+      componentsGroupLabel: "Components",
+      pathsCount: "{count} paths"
+    },
+    tabs: {
+      subscriptions: "Subscriptions",
+      products: "Products",
+      workflows: "Workflows",
+      processes: "Processes"
+    }
   }
 };
 
@@ -56955,6 +59864,7 @@ export {
   CacheTagType,
   ColorModes,
   ColumnType,
+  ConditionRow,
   ConfirmationDialogContext,
   ConfirmationDialogContextWrapper,
   ConfirmationDialogProvider,
@@ -56971,11 +59881,14 @@ export {
   DEFAULT_PAGE_SIZES,
   DateField,
   DividerField,
+  ENTITY_TABS,
   EngineStatus,
   Environment,
   ErrorField,
   ErrorsField,
   FileUploadField,
+  FilterDisplay,
+  FilterGroup,
   Footer,
   HIDDEN_KEYS,
   Header,
@@ -57083,12 +59996,14 @@ export {
   UnconnectedSelectField,
   UserInputFormWizard,
   VALUE_CELL_CLASS_NAME,
+  ValueControl,
   VlanField,
   WFO_STATUS_COLOR_FIELD,
   WfoActionSettings,
   WfoActiveWorkflowsSummaryCard,
   WfoActualWork,
   WfoAdvancedTable,
+  WfoAgent,
   WfoArrayField,
   WfoArrowDown,
   WfoArrowDownSvg,
@@ -57135,12 +60050,14 @@ export {
   WfoEyeFill,
   WfoFailedTasksBadge,
   WfoFailedTasksSummaryCard,
+  WfoFieldSelector,
   WfoFilterTabs,
   WfoFirstPartUUID,
   WfoFlushSettings,
   WfoGroupedTable,
   WfoHeaderBadge,
   WfoHeroIconsWrapper,
+  WfoHighlightedText,
   WfoInSyncField,
   WfoInformationModal,
   WfoInlineEdit,
@@ -57167,9 +60084,12 @@ export {
   WfoMyWorkflowsSummaryCard,
   WfoNoResults,
   WfoObjectField,
+  WfoOperatorSelector,
   WfoPageHeader,
   WfoPageTemplate,
   WfoPageUnauthorized,
+  WfoPathBreadcrumb,
+  WfoPathSelector,
   WfoPencil,
   WfoPencilAlt,
   WfoPlannedWork,
@@ -57201,11 +60121,21 @@ export {
   WfoRefresh,
   WfoRelatedSubscriptions,
   WfoRenderElementOrString,
+  WfoRenderPathOption,
+  WfoRenderPathSelectionOption,
   WfoResetTextSearchIndexButton,
   WfoResourceTypesPage,
   WfoRowContextMenu,
+  WfoSearch,
+  WfoSearchEmptyState,
   WfoSearchField,
+  WfoSearchLoadingState,
+  WfoSearchMetadataHeader,
+  WfoSearchPaginationInfo,
+  WfoSearchResultItem,
+  WfoSearchResults,
   WfoSearchStrikethrough,
+  WfoSelectedPathDisplay,
   WfoSettingsModal,
   WfoSettingsPage,
   WfoSettingsTab,
@@ -57232,6 +60162,7 @@ export {
   WfoSubmitModal,
   WfoSubscription,
   WfoSubscriptionActions,
+  WfoSubscriptionDetailModal,
   WfoSubscriptionDetailNoteEdit,
   WfoSubscriptionDetailPage,
   WfoSubscriptionDetailSection,
@@ -57287,10 +60218,12 @@ export {
   WorkerTypes,
   WorkflowTarget,
   addToastMessage,
+  buildSearchParams,
   calculateTimeDifference,
   camelToHuman,
   catchErrorResponse,
   clearTableConfigFromLocalStorage,
+  createOptionsFromPaths,
   createSideNavDivider,
   csvDownloadHandler,
   defaultOrchestratorTheme,
@@ -57301,10 +60234,13 @@ export {
   emptyOrchestratorConfig,
   emptyWfoErrorMonitoring,
   filterDataByCriteria,
+  findResultIndexById,
   flattenArrayProps,
   formatDate,
   formatDateCetWithUtc,
   getAcceptFieldStyles,
+  getButtonColor,
+  getButtonFill,
   getCacheTag,
   getCommonFormFieldStyles,
   getConcatenatedPagedResult,
@@ -57317,8 +60253,14 @@ export {
   getDataTestId,
   getDate,
   getDefaultTableConfig,
+  getDescription,
+  getDetailUrl,
+  getDisplayText,
+  getEndpointPath,
   getEnvironmentVariables,
   getFieldFromProductBlockInstanceValues,
+  getFieldNameFromFullPath,
+  getFieldNameFromPath,
   getFirstUuidPart,
   getFormFieldsBaseStyle,
   getLastUncompletedProcess,
@@ -57327,6 +60269,7 @@ export {
   getNumberOfColumns,
   getNumberValueFromEnvironmentVariable,
   getObjectKeys,
+  getOperatorDisplay,
   getOrchestratorComponentOverrideSlice,
   getOrchestratorConfigSlice,
   getOrchestratorStore,
@@ -57334,11 +60277,13 @@ export {
   getPageIndexChangeHandler,
   getPageInfoForSyncExport,
   getPageSizeChangeHandler,
+  getPathSelectionOptions,
   getProductBlockTitle,
   getProductNamesFromProcess,
   getQueryStringHandler,
   getQueryUrl,
   getQueryVariablesForExport,
+  getRecordId,
   getRowDetailData,
   getSortDirectionFromString,
   getStatusBadgeColor,
@@ -57346,6 +60291,7 @@ export {
   getTableConfigFromLocalStorage,
   getTasksListTabTypeFromString,
   getTotalNumberOfRows,
+  getTypeColor,
   getTypedFieldFromObject,
   getUrlWithQueryParams,
   getUsedPrefixMin,
@@ -57369,12 +60315,19 @@ export {
   ipPrefixTableFieldStyling,
   ipamStates,
   isAllUpperCase,
+  isCondition,
   isFetchBaseQueryError,
+  isFilterValid,
+  isFullPathSelected,
   isNullOrEmpty,
+  isProcessSearchResult,
+  isProductSearchResult,
   isRecord,
+  isSubscriptionSearchResult,
   isToday,
   isUuid4,
   isValidLocalStorageTableConfig,
+  isWorkflowSearchResult,
   localMomentToUtcTimestamp,
   mapGraphQlSubscriptionsResultToPageInfo,
   mapGraphQlSubscriptionsResultToSubscriptionListItems,
@@ -57410,6 +60363,7 @@ export {
   selectOrchestratorConfig,
   setTableConfigToLocalStorage,
   settingsTabs,
+  shouldHideValueInput,
   snakeToHuman,
   snakeToKebab,
   sortProcessesByDate,
@@ -57494,6 +60448,10 @@ export {
   useResumeProcessMutation,
   useRetryAllProcessesMutation,
   useRetryProcessMutation,
+  useSearchDefinitionsQuery,
+  useSearchMutation,
+  useSearchPathsQuery,
+  useSearchWithPaginationMutation,
   useSetEngineStatusMutation,
   useSetSubscriptionInSyncMutation,
   useShowToastMessage,