@orchestrator-ui/orchestrator-ui-components 5.8.1 → 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.8.1";
+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, {
@@ -29066,6 +29066,21 @@ function executeReducerBuilderCallback(builderCallback) {
       actionsMap[type] = reducer;
       return builder;
     },
+    addAsyncThunk(asyncThunk, reducers) {
+      if (process.env.NODE_ENV !== "production") {
+        if (defaultCaseReducer) {
+          throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage2(43) : "`builder.addAsyncThunk` should only be called before calling `builder.addDefaultCase`");
+        }
+      }
+      if (reducers.pending) actionsMap[asyncThunk.pending.type] = reducers.pending;
+      if (reducers.rejected) actionsMap[asyncThunk.rejected.type] = reducers.rejected;
+      if (reducers.fulfilled) actionsMap[asyncThunk.fulfilled.type] = reducers.fulfilled;
+      if (reducers.settled) actionMatchers.push({
+        matcher: asyncThunk.settled,
+        reducer: reducers.settled
+      });
+      return builder;
+    },
     addMatcher(matcher, reducer) {
       if (process.env.NODE_ENV !== "production") {
         if (defaultCaseReducer) {
@@ -29094,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");
@@ -29102,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) {
@@ -29817,6 +29832,11 @@ function getOrInsert(map, key, value) {
   if (map.has(key)) return map.get(key);
   return map.set(key, value).get(key);
 }
+function getOrInsertComputed2(map, key, compute) {
+  if (map.has(key)) return map.get(key);
+  return map.set(key, compute(key)).get(key);
+}
+var createNewMap = () => /* @__PURE__ */ new Map();
 var defaultFetchFn = (...args) => fetch(...args);
 var defaultValidateStatus = (response) => response.status >= 200 && response.status <= 299;
 var defaultIsJsonContentType = (headers) => (
@@ -30028,10 +30048,13 @@ function buildInitiate({
   infiniteQueryThunk,
   mutationThunk,
   api,
-  context
+  context,
+  internalState
 }) {
-  const runningQueries = /* @__PURE__ */ new Map();
-  const runningMutations = /* @__PURE__ */ new Map();
+  const {
+    runningQueries,
+    runningMutations
+  } = internalState;
   const {
     unsubscribeQueryResult,
     removeMutationResult,
@@ -30266,6 +30289,7 @@ var NamedSchemaError = class extends SchemaError {
     this._bqMeta = _bqMeta;
   }
 };
+var shouldSkip = (skipSchemaValidation, schemaName) => Array.isArray(skipSchemaValidation) ? skipSchemaValidation.includes(schemaName) : !!skipSchemaValidation;
 async function parseWithSchema(schema, data, schemaName, bqMeta) {
   const result = await schema["~standard"].validate(data);
   if (result.issues) {
@@ -30397,7 +30421,7 @@ function buildThunks({
       skipSchemaValidation = globalSkipSchemaValidation
     } = endpointDefinition;
     try {
-      let transformResponse = getTransformCallbackForEndpoint(endpointDefinition, "transformResponse");
+      let transformResponse = defaultTransformResponse;
       const baseQueryApi = {
         signal,
         abort,
@@ -30439,7 +30463,7 @@ function buildThunks({
           rawResponseSchema,
           responseSchema
         } = endpointDefinition;
-        if (argSchema && !skipSchemaValidation) {
+        if (argSchema && !shouldSkip(skipSchemaValidation, "arg")) {
           finalQueryArg = await parseWithSchema(
             argSchema,
             finalQueryArg,
@@ -30451,6 +30475,7 @@ function buildThunks({
         if (forceQueryFn) {
           result = forceQueryFn();
         } else if (endpointDefinition.query) {
+          transformResponse = getTransformCallbackForEndpoint(endpointDefinition, "transformResponse");
           result = await baseQuery(endpointDefinition.query(finalQueryArg), baseQueryApi, extraOptions);
         } else {
           result = await endpointDefinition.queryFn(finalQueryArg, baseQueryApi, extraOptions, (arg2) => baseQuery(arg2, baseQueryApi, extraOptions));
@@ -30485,11 +30510,11 @@ function buildThunks({
         let {
           data
         } = result;
-        if (rawResponseSchema && !skipSchemaValidation) {
+        if (rawResponseSchema && !shouldSkip(skipSchemaValidation, "rawResponse")) {
           data = await parseWithSchema(rawResponseSchema, result.data, "rawResponseSchema", result.meta);
         }
         let transformedResponse = await transformResponse(data, result.meta, finalQueryArg);
-        if (responseSchema && !skipSchemaValidation) {
+        if (responseSchema && !shouldSkip(skipSchemaValidation, "response")) {
           transformedResponse = await parseWithSchema(responseSchema, transformedResponse, "responseSchema", result.meta);
         }
         return {
@@ -30518,7 +30543,7 @@ function buildThunks({
         if ("direction" in arg && arg.direction && existingData.pages.length) {
           const previous = arg.direction === "backward";
           const pageParamFn = previous ? getPreviousPageParam : getNextPageParam;
-          const param = pageParamFn(infiniteQueryOptions, existingData);
+          const param = pageParamFn(infiniteQueryOptions, existingData, arg.originalArgs);
           result = await fetchPage(existingData, param, maxPages, previous);
         } else {
           const {
@@ -30534,7 +30559,7 @@ function buildThunks({
             };
           }
           for (let i = 1; i < totalPages; i++) {
-            const param = getNextPageParam(infiniteQueryOptions, result.data);
+            const param = getNextPageParam(infiniteQueryOptions, result.data, arg.originalArgs);
             result = await fetchPage(result.data, param, maxPages);
           }
         }
@@ -30542,7 +30567,7 @@ function buildThunks({
       } else {
         finalQueryReturnValue = await executeRequest(arg.originalArgs);
       }
-      if (metaSchema && !skipSchemaValidation && finalQueryReturnValue.meta) {
+      if (metaSchema && !shouldSkip(skipSchemaValidation, "meta") && finalQueryReturnValue.meta) {
         finalQueryReturnValue.meta = await parseWithSchema(metaSchema, finalQueryReturnValue.meta, "metaSchema", finalQueryReturnValue.meta);
       }
       return fulfillWithValue(finalQueryReturnValue.data, addShouldAutoBatch({
@@ -30562,14 +30587,14 @@ function buildThunks({
           meta
         } = caughtError;
         try {
-          if (rawErrorResponseSchema && !skipSchemaValidation) {
+          if (rawErrorResponseSchema && !shouldSkip(skipSchemaValidation, "rawErrorResponse")) {
             value = await parseWithSchema(rawErrorResponseSchema, value, "rawErrorResponseSchema", meta);
           }
-          if (metaSchema && !skipSchemaValidation) {
+          if (metaSchema && !shouldSkip(skipSchemaValidation, "meta")) {
             meta = await parseWithSchema(metaSchema, meta, "metaSchema", meta);
           }
           let transformedErrorResponse = await transformErrorResponse(value, meta, arg.originalArgs);
-          if (errorResponseSchema && !skipSchemaValidation) {
+          if (errorResponseSchema && !shouldSkip(skipSchemaValidation, "errorResponse")) {
             transformedErrorResponse = await parseWithSchema(errorResponseSchema, transformedErrorResponse, "errorResponseSchema", meta);
           }
           return rejectWithValue(transformedErrorResponse, addShouldAutoBatch({
@@ -30731,15 +30756,15 @@ In the case of an unhandled error, no tags will be "provided" or "invalidated".`
 function getNextPageParam(options, {
   pages,
   pageParams
-}) {
+}, queryArg) {
   const lastIndex = pages.length - 1;
-  return options.getNextPageParam(pages[lastIndex], pages, pageParams[lastIndex], pageParams);
+  return options.getNextPageParam(pages[lastIndex], pages, pageParams[lastIndex], pageParams, queryArg);
 }
 function getPreviousPageParam(options, {
   pages,
   pageParams
-}) {
-  return options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams);
+}, queryArg) {
+  return options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams, queryArg);
 }
 function calculateProvidedByThunk(action, type, endpointDefinitions, assertTagType) {
   return calculateProvidedBy(endpointDefinitions[action.meta.arg.endpointName][type], isFulfilled(action) ? action.payload : void 0, isRejectedWithValue(action) ? action.payload : void 0, action.meta.arg.originalArgs, "baseQueryMeta" in action.meta ? action.meta.baseQueryMeta : void 0, assertTagType);
@@ -31084,7 +31109,7 @@ function buildSlice({
         const {
           provided
         } = extractRehydrationInfo(action);
-        for (const [type, incomingTags] of Object.entries(provided)) {
+        for (const [type, incomingTags] of Object.entries(provided.tags ?? {})) {
           for (const [id, cacheKeys] of Object.entries(incomingTags)) {
             const subscribedQueries = (_b = (_a = draft.tags)[type] ?? (_a[type] = {}))[_c = id || "__internal_without_id"] ?? (_b[_c] = []);
             for (const queryCacheKey of cacheKeys) {
@@ -31092,6 +31117,7 @@ function buildSlice({
               if (!alreadySubscribed) {
                 subscribedQueries.push(queryCacheKey);
               }
+              draft.keys[queryCacheKey] = provided.keys[queryCacheKey];
             }
           }
         }
@@ -31308,8 +31334,8 @@ function buildSelectors({
       const isBackward = direction === "backward";
       return {
         ...stateWithRequestFlags,
-        hasNextPage: getHasNextPage(infiniteQueryOptions, stateWithRequestFlags.data),
-        hasPreviousPage: getHasPreviousPage(infiniteQueryOptions, stateWithRequestFlags.data),
+        hasNextPage: getHasNextPage(infiniteQueryOptions, stateWithRequestFlags.data, stateWithRequestFlags.originalArgs),
+        hasPreviousPage: getHasPreviousPage(infiniteQueryOptions, stateWithRequestFlags.data, stateWithRequestFlags.originalArgs),
         isFetchingNextPage: isLoading && isForward,
         isFetchingPreviousPage: isLoading && isBackward,
         isFetchNextPageError: isError2 && isForward,
@@ -31365,13 +31391,13 @@ function buildSelectors({
       /* uninitialized */
     ).map((entry) => entry.originalArgs);
   }
-  function getHasNextPage(options, data) {
+  function getHasNextPage(options, data, queryArg) {
     if (!data) return false;
-    return getNextPageParam(options, data) != null;
+    return getNextPageParam(options, data, queryArg) != null;
   }
-  function getHasPreviousPage(options, data) {
+  function getHasPreviousPage(options, data, queryArg) {
     if (!data || !options.getPreviousPageParam) return false;
-    return getPreviousPageParam(options, data) != null;
+    return getPreviousPageParam(options, data, queryArg) != null;
   }
 }
 var cache = WeakMap ? /* @__PURE__ */ new WeakMap() : void 0;
@@ -31539,7 +31565,8 @@ function safeAssign(target, ...args) {
 var buildBatchedActionsHandler = ({
   api,
   queryThunk,
-  internalState
+  internalState,
+  mwApi
 }) => {
   const subscriptionsPrefix = `${api.reducerPath}/subscriptions`;
   let previousSubscriptions = null;
@@ -31548,16 +31575,16 @@ var buildBatchedActionsHandler = ({
     updateSubscriptionOptions,
     unsubscribeQueryResult
   } = api.internalActions;
-  const actuallyMutateSubscriptions = (mutableState, action) => {
-    var _a, _b;
+  const actuallyMutateSubscriptions = (currentSubscriptions, action) => {
     if (updateSubscriptionOptions.match(action)) {
       const {
         queryCacheKey,
         requestId,
         options
       } = action.payload;
-      if (mutableState?.[queryCacheKey]?.[requestId]) {
-        mutableState[queryCacheKey][requestId] = options;
+      const sub = currentSubscriptions.get(queryCacheKey);
+      if (sub?.has(requestId)) {
+        sub.set(requestId, options);
       }
       return true;
     }
@@ -31566,13 +31593,14 @@ var buildBatchedActionsHandler = ({
         queryCacheKey,
         requestId
       } = action.payload;
-      if (mutableState[queryCacheKey]) {
-        delete mutableState[queryCacheKey][requestId];
+      const sub = currentSubscriptions.get(queryCacheKey);
+      if (sub) {
+        sub.delete(requestId);
       }
       return true;
     }
     if (api.internalActions.removeQueryResult.match(action)) {
-      delete mutableState[action.payload.queryCacheKey];
+      currentSubscriptions.delete(action.payload.queryCacheKey);
       return true;
     }
     if (queryThunk.pending.match(action)) {
@@ -31582,20 +31610,13 @@ var buildBatchedActionsHandler = ({
           requestId
         }
       } = action;
-      const substate = mutableState[_a = arg.queryCacheKey] ?? (mutableState[_a] = {});
-      substate[`${requestId}_running`] = {};
+      const substate = getOrInsertComputed2(currentSubscriptions, arg.queryCacheKey, createNewMap);
       if (arg.subscribe) {
-        substate[requestId] = arg.subscriptionOptions ?? substate[requestId] ?? {};
+        substate.set(requestId, arg.subscriptionOptions ?? substate.get(requestId) ?? {});
       }
       return true;
     }
     let mutated = false;
-    if (queryThunk.fulfilled.match(action) || queryThunk.rejected.match(action)) {
-      const state = mutableState[action.meta.arg.queryCacheKey] || {};
-      const key = `${action.meta.requestId}_running`;
-      mutated || (mutated = !!state[key]);
-      delete state[key];
-    }
     if (queryThunk.rejected.match(action)) {
       const {
         meta: {
@@ -31605,8 +31626,8 @@ var buildBatchedActionsHandler = ({
         }
       } = action;
       if (condition && arg.subscribe) {
-        const substate = mutableState[_b = arg.queryCacheKey] ?? (mutableState[_b] = {});
-        substate[requestId] = arg.subscriptionOptions ?? substate[requestId] ?? {};
+        const substate = getOrInsertComputed2(currentSubscriptions, arg.queryCacheKey, createNewMap);
+        substate.set(requestId, arg.subscriptionOptions ?? substate.get(requestId) ?? {});
         mutated = true;
       }
     }
@@ -31615,24 +31636,28 @@ var buildBatchedActionsHandler = ({
   const getSubscriptions = () => internalState.currentSubscriptions;
   const getSubscriptionCount = (queryCacheKey) => {
     const subscriptions = getSubscriptions();
-    const subscriptionsForQueryArg = subscriptions[queryCacheKey] ?? {};
-    return countObjectKeys(subscriptionsForQueryArg);
+    const subscriptionsForQueryArg = subscriptions.get(queryCacheKey);
+    return subscriptionsForQueryArg?.size ?? 0;
   };
   const isRequestSubscribed = (queryCacheKey, requestId) => {
     const subscriptions = getSubscriptions();
-    return !!subscriptions?.[queryCacheKey]?.[requestId];
+    return !!subscriptions?.get(queryCacheKey)?.get(requestId);
   };
   const subscriptionSelectors = {
     getSubscriptions,
     getSubscriptionCount,
     isRequestSubscribed
   };
-  return (action, mwApi) => {
+  function serializeSubscriptions(currentSubscriptions) {
+    return JSON.parse(JSON.stringify(Object.fromEntries([...currentSubscriptions].map(([k, v]) => [k, Object.fromEntries(v)]))));
+  }
+  return (action, mwApi2) => {
     if (!previousSubscriptions) {
-      previousSubscriptions = JSON.parse(JSON.stringify(internalState.currentSubscriptions));
+      previousSubscriptions = serializeSubscriptions(internalState.currentSubscriptions);
     }
     if (api.util.resetApiState.match(action)) {
-      previousSubscriptions = internalState.currentSubscriptions = {};
+      previousSubscriptions = {};
+      internalState.currentSubscriptions.clear();
       updateSyncTimer = null;
       return [true, false];
     }
@@ -31641,12 +31666,15 @@ var buildBatchedActionsHandler = ({
     }
     const didMutate = actuallyMutateSubscriptions(internalState.currentSubscriptions, action);
     let actionShouldContinue = true;
+    if (process.env.NODE_ENV === "test" && typeof action.type === "string" && action.type === `${api.reducerPath}/getPolling`) {
+      return [false, internalState.currentPolls];
+    }
     if (didMutate) {
       if (!updateSyncTimer) {
         updateSyncTimer = setTimeout(() => {
-          const newSubscriptions = JSON.parse(JSON.stringify(internalState.currentSubscriptions));
+          const newSubscriptions = serializeSubscriptions(internalState.currentSubscriptions);
           const [, patches] = produceWithPatches(previousSubscriptions, () => newSubscriptions);
-          mwApi.next(api.internalActions.subscriptionsUpdated(patches));
+          mwApi2.next(api.internalActions.subscriptionsUpdated(patches));
           previousSubscriptions = newSubscriptions;
           updateSyncTimer = null;
         }, 500);
@@ -31658,12 +31686,6 @@ var buildBatchedActionsHandler = ({
     return [actionShouldContinue, false];
   };
 };
-function isObjectEmpty(obj) {
-  for (const k in obj) {
-    return false;
-  }
-  return true;
-}
 var THIRTY_TWO_BIT_MAX_TIMER_SECONDS = 2147483647 / 1e3 - 1;
 var buildCacheCollectionHandler = ({
   reducerPath,
@@ -31674,21 +31696,29 @@ var buildCacheCollectionHandler = ({
   selectors: {
     selectQueryEntry,
     selectConfig
-  }
+  },
+  getRunningQueryThunk,
+  mwApi
 }) => {
   const {
     removeQueryResult,
     unsubscribeQueryResult,
     cacheEntriesUpserted
   } = api.internalActions;
+  const runningQueries = internalState.runningQueries.get(mwApi.dispatch);
   const canTriggerUnsubscribe = isAnyOf(unsubscribeQueryResult.match, queryThunk.fulfilled, queryThunk.rejected, cacheEntriesUpserted.match);
   function anySubscriptionsRemainingForKey(queryCacheKey) {
-    const subscriptions = internalState.currentSubscriptions[queryCacheKey];
-    return !!subscriptions && !isObjectEmpty(subscriptions);
+    const subscriptions = internalState.currentSubscriptions.get(queryCacheKey);
+    if (!subscriptions) {
+      return false;
+    }
+    const hasSubscriptions = subscriptions.size > 0;
+    const isRunning = runningQueries?.[queryCacheKey] !== void 0;
+    return hasSubscriptions || isRunning;
   }
   const currentRemovalTimeouts = {};
-  const handler = (action, mwApi, internalState2) => {
-    const state = mwApi.getState();
+  const handler = (action, mwApi2, internalState2) => {
+    const state = mwApi2.getState();
     const config = selectConfig(state);
     if (canTriggerUnsubscribe(action)) {
       let queryCacheKeys;
@@ -31700,7 +31730,7 @@ var buildCacheCollectionHandler = ({
         } = unsubscribeQueryResult.match(action) ? action.payload : action.meta.arg;
         queryCacheKeys = [queryCacheKey];
       }
-      handleUnsubscribeMany(queryCacheKeys, mwApi, config);
+      handleUnsubscribeMany(queryCacheKeys, mwApi2, config);
     }
     if (api.util.resetApiState.match(action)) {
       for (const [key, timeout] of Object.entries(currentRemovalTimeouts)) {
@@ -31712,14 +31742,16 @@ var buildCacheCollectionHandler = ({
       const {
         queries
       } = context.extractRehydrationInfo(action);
-      handleUnsubscribeMany(Object.keys(queries), mwApi, config);
+      handleUnsubscribeMany(Object.keys(queries), mwApi2, config);
     }
   };
   function handleUnsubscribeMany(cacheKeys, api2, config) {
     const state = api2.getState();
     for (const queryCacheKey of cacheKeys) {
       const entry = selectQueryEntry(state, queryCacheKey);
-      handleUnsubscribe(queryCacheKey, entry?.endpointName, api2, config);
+      if (entry?.endpointName) {
+        handleUnsubscribe(queryCacheKey, entry.endpointName, api2, config);
+      }
     }
   }
   function handleUnsubscribe(queryCacheKey, endpointName, api2, config) {
@@ -31736,6 +31768,11 @@ var buildCacheCollectionHandler = ({
       }
       currentRemovalTimeouts[queryCacheKey] = setTimeout(() => {
         if (!anySubscriptionsRemainingForKey(queryCacheKey)) {
+          const entry = selectQueryEntry(api2.getState(), queryCacheKey);
+          if (entry?.endpointName) {
+            const runningQuery = api2.dispatch(getRunningQueryThunk(entry.endpointName, entry.originalArgs));
+            runningQuery?.abort();
+          }
           api2.dispatch(removeQueryResult({
             queryCacheKey
           }));
@@ -31940,9 +31977,9 @@ var buildInvalidationByTagsHandler = ({
         queryCacheKey
       } of valuesArray) {
         const querySubState = state.queries[queryCacheKey];
-        const subscriptionSubState = internalState.currentSubscriptions[queryCacheKey] ?? {};
+        const subscriptionSubState = getOrInsertComputed2(internalState.currentSubscriptions, queryCacheKey, createNewMap);
         if (querySubState) {
-          if (countObjectKeys(subscriptionSubState) === 0) {
+          if (subscriptionSubState.size === 0) {
             mwApi.dispatch(removeQueryResult({
               queryCacheKey
             }));
@@ -31962,25 +31999,49 @@ var buildPollingHandler = ({
   refetchQuery,
   internalState
 }) => {
-  const currentPolls = {};
+  const {
+    currentPolls,
+    currentSubscriptions
+  } = internalState;
+  const pendingPollingUpdates = /* @__PURE__ */ new Set();
+  let pollingUpdateTimer = null;
   const handler = (action, mwApi) => {
     if (api.internalActions.updateSubscriptionOptions.match(action) || api.internalActions.unsubscribeQueryResult.match(action)) {
-      updatePollingInterval(action.payload, mwApi);
+      schedulePollingUpdate(action.payload.queryCacheKey, mwApi);
     }
     if (queryThunk.pending.match(action) || queryThunk.rejected.match(action) && action.meta.condition) {
-      updatePollingInterval(action.meta.arg, mwApi);
+      schedulePollingUpdate(action.meta.arg.queryCacheKey, mwApi);
     }
     if (queryThunk.fulfilled.match(action) || queryThunk.rejected.match(action) && !action.meta.condition) {
       startNextPoll(action.meta.arg, mwApi);
     }
     if (api.util.resetApiState.match(action)) {
       clearPolls();
+      if (pollingUpdateTimer) {
+        clearTimeout(pollingUpdateTimer);
+        pollingUpdateTimer = null;
+      }
+      pendingPollingUpdates.clear();
     }
   };
+  function schedulePollingUpdate(queryCacheKey, api2) {
+    pendingPollingUpdates.add(queryCacheKey);
+    if (!pollingUpdateTimer) {
+      pollingUpdateTimer = setTimeout(() => {
+        for (const key of pendingPollingUpdates) {
+          updatePollingInterval({
+            queryCacheKey: key
+          }, api2);
+        }
+        pendingPollingUpdates.clear();
+        pollingUpdateTimer = null;
+      }, 0);
+    }
+  }
   function getCacheEntrySubscriptions(queryCacheKey, api2) {
     const state = api2.getState()[reducerPath];
     const querySubState = state.queries[queryCacheKey];
-    const subscriptions = internalState.currentSubscriptions[queryCacheKey];
+    const subscriptions = currentSubscriptions.get(queryCacheKey);
     if (!querySubState || querySubState.status === "uninitialized") return;
     return subscriptions;
   }
@@ -31989,20 +32050,20 @@ var buildPollingHandler = ({
   }, api2) {
     const state = api2.getState()[reducerPath];
     const querySubState = state.queries[queryCacheKey];
-    const subscriptions = internalState.currentSubscriptions[queryCacheKey];
+    const subscriptions = currentSubscriptions.get(queryCacheKey);
     if (!querySubState || querySubState.status === "uninitialized") return;
     const {
       lowestPollingInterval,
       skipPollingIfUnfocused
     } = findLowestPollingInterval(subscriptions);
     if (!Number.isFinite(lowestPollingInterval)) return;
-    const currentPoll = currentPolls[queryCacheKey];
+    const currentPoll = currentPolls.get(queryCacheKey);
     if (currentPoll?.timeout) {
       clearTimeout(currentPoll.timeout);
       currentPoll.timeout = void 0;
     }
     const nextPollTimestamp = Date.now() + lowestPollingInterval;
-    currentPolls[queryCacheKey] = {
+    currentPolls.set(queryCacheKey, {
       nextPollTimestamp,
       pollingInterval: lowestPollingInterval,
       timeout: setTimeout(() => {
@@ -32013,25 +32074,30 @@ var buildPollingHandler = ({
           queryCacheKey
         }, api2);
       }, lowestPollingInterval)
-    };
+    });
   }
   function updatePollingInterval({
     queryCacheKey
   }, api2) {
     const state = api2.getState()[reducerPath];
     const querySubState = state.queries[queryCacheKey];
-    const subscriptions = internalState.currentSubscriptions[queryCacheKey];
+    const subscriptions = currentSubscriptions.get(queryCacheKey);
     if (!querySubState || querySubState.status === "uninitialized") {
       return;
     }
     const {
       lowestPollingInterval
     } = findLowestPollingInterval(subscriptions);
+    if (process.env.NODE_ENV === "test") {
+      const updateCounters = currentPolls.pollUpdateCounters ?? (currentPolls.pollUpdateCounters = {});
+      updateCounters[queryCacheKey] ?? (updateCounters[queryCacheKey] = 0);
+      updateCounters[queryCacheKey]++;
+    }
     if (!Number.isFinite(lowestPollingInterval)) {
       cleanupPollForKey(queryCacheKey);
       return;
     }
-    const currentPoll = currentPolls[queryCacheKey];
+    const currentPoll = currentPolls.get(queryCacheKey);
     const nextPollTimestamp = Date.now() + lowestPollingInterval;
     if (!currentPoll || nextPollTimestamp < currentPoll.nextPollTimestamp) {
       startNextPoll({
@@ -32040,24 +32106,24 @@ var buildPollingHandler = ({
     }
   }
   function cleanupPollForKey(key) {
-    const existingPoll = currentPolls[key];
+    const existingPoll = currentPolls.get(key);
     if (existingPoll?.timeout) {
       clearTimeout(existingPoll.timeout);
     }
-    delete currentPolls[key];
+    currentPolls.delete(key);
   }
   function clearPolls() {
-    for (const key of Object.keys(currentPolls)) {
+    for (const key of currentPolls.keys()) {
       cleanupPollForKey(key);
     }
   }
-  function findLowestPollingInterval(subscribers = {}) {
+  function findLowestPollingInterval(subscribers = /* @__PURE__ */ new Map()) {
     let skipPollingIfUnfocused = false;
     let lowestPollingInterval = Number.POSITIVE_INFINITY;
-    for (let key in subscribers) {
-      if (!!subscribers[key].pollingInterval) {
-        lowestPollingInterval = Math.min(subscribers[key].pollingInterval, lowestPollingInterval);
-        skipPollingIfUnfocused = subscribers[key].skipPollingIfUnfocused || skipPollingIfUnfocused;
+    for (const entry of subscribers.values()) {
+      if (!!entry.pollingInterval) {
+        lowestPollingInterval = Math.min(entry.pollingInterval, lowestPollingInterval);
+        skipPollingIfUnfocused = entry.skipPollingIfUnfocused || skipPollingIfUnfocused;
       }
     }
     return {
@@ -32158,13 +32224,14 @@ var buildWindowEventHandler = ({
     const queries = state.queries;
     const subscriptions = internalState.currentSubscriptions;
     context.batch(() => {
-      for (const queryCacheKey of Object.keys(subscriptions)) {
+      for (const queryCacheKey of subscriptions.keys()) {
         const querySubState = queries[queryCacheKey];
-        const subscriptionSubState = subscriptions[queryCacheKey];
+        const subscriptionSubState = subscriptions.get(queryCacheKey);
         if (!subscriptionSubState || !querySubState) continue;
-        const shouldRefetch = Object.values(subscriptionSubState).some((sub) => sub[type] === true) || Object.values(subscriptionSubState).every((sub) => sub[type] === void 0) && state.config[type];
+        const values = [...subscriptionSubState.values()];
+        const shouldRefetch = values.some((sub) => sub[type] === true) || values.every((sub) => sub[type] === void 0) && state.config[type];
         if (shouldRefetch) {
-          if (countObjectKeys(subscriptionSubState) === 0) {
+          if (subscriptionSubState.size === 0) {
             api2.dispatch(removeQueryResult({
               queryCacheKey
             }));
@@ -32182,7 +32249,8 @@ function buildMiddleware(input) {
     reducerPath,
     queryThunk,
     api,
-    context
+    context,
+    internalState
   } = input;
   const {
     apiUid
@@ -32194,14 +32262,12 @@ function buildMiddleware(input) {
   const handlerBuilders = [buildDevCheckHandler, buildCacheCollectionHandler, buildInvalidationByTagsHandler, buildPollingHandler, buildCacheLifecycleHandler, buildQueryLifecycleHandler];
   const middleware = (mwApi) => {
     let initialized2 = false;
-    const internalState = {
-      currentSubscriptions: {}
-    };
     const builderArgs = {
       ...input,
       internalState,
       refetchQuery,
-      isThisApiSliceAction
+      isThisApiSliceAction,
+      mwApi
     };
     const handlers = handlerBuilders.map((build) => build(builderArgs));
     const batchedActionsHandler = buildBatchedActionsHandler(builderArgs);
@@ -32356,24 +32422,12 @@ var coreModule = ({
       upsertQueryEntries: sliceActions.cacheEntriesUpserted
     });
     safeAssign(api.internalActions, sliceActions);
-    const {
-      middleware,
-      actions: middlewareActions
-    } = buildMiddleware({
-      reducerPath,
-      context,
-      queryThunk,
-      mutationThunk,
-      infiniteQueryThunk,
-      api,
-      assertTagType,
-      selectors
-    });
-    safeAssign(api.util, middlewareActions);
-    safeAssign(api, {
-      reducer,
-      middleware
-    });
+    const internalState = {
+      currentSubscriptions: /* @__PURE__ */ new Map(),
+      currentPolls: /* @__PURE__ */ new Map(),
+      runningQueries: /* @__PURE__ */ new Map(),
+      runningMutations: /* @__PURE__ */ new Map()
+    };
     const {
       buildInitiateQuery,
       buildInitiateInfiniteQuery,
@@ -32388,7 +32442,8 @@ var coreModule = ({
       infiniteQueryThunk,
       api,
       serializeQueryArgs,
-      context
+      context,
+      internalState
     });
     safeAssign(api.util, {
       getRunningMutationThunk,
@@ -32396,6 +32451,26 @@ var coreModule = ({
       getRunningQueryThunk,
       getRunningQueriesThunk
     });
+    const {
+      middleware,
+      actions: middlewareActions
+    } = buildMiddleware({
+      reducerPath,
+      context,
+      queryThunk,
+      mutationThunk,
+      infiniteQueryThunk,
+      api,
+      assertTagType,
+      selectors,
+      getRunningQueryThunk,
+      internalState
+    });
+    safeAssign(api.util, middlewareActions);
+    safeAssign(api, {
+      reducer,
+      middleware
+    });
     return {
       name: coreModuleName,
       injectEndpoint(endpointName, definition) {
@@ -32463,22 +32538,15 @@ function safeAssign2(target, ...args) {
   return Object.assign(target, ...args);
 }
 var UNINITIALIZED_VALUE = Symbol();
-function useStableQueryArgs(queryArgs, serialize, endpointDefinition, endpointName) {
-  const incoming = useMemo(() => ({
-    queryArgs,
-    serialized: typeof queryArgs == "object" ? serialize({
-      queryArgs,
-      endpointDefinition,
-      endpointName
-    }) : queryArgs
-  }), [queryArgs, serialize, endpointDefinition, endpointName]);
-  const cache2 = useRef(incoming);
+function useStableQueryArgs(queryArgs) {
+  const cache2 = useRef(queryArgs);
+  const copy = useMemo(() => copyWithStructuralSharing(cache2.current, queryArgs), [queryArgs]);
   useEffect(() => {
-    if (cache2.current.serialized !== incoming.serialized) {
-      cache2.current = incoming;
+    if (cache2.current !== copy) {
+      cache2.current = copy;
     }
-  }, [incoming]);
-  return cache2.current.serialized === incoming.serialized ? cache2.current.queryArgs : queryArgs;
+  }, [copy]);
+  return copy;
 }
 function useShallowStableValue(value) {
   const cache2 = useRef2(value);
@@ -32631,17 +32699,7 @@ function buildHooks({
       }
       subscriptionSelectorsRef.current = returnedValue;
     }
-    const stableArg = useStableQueryArgs(
-      skip ? skipToken : arg,
-      // Even if the user provided a per-endpoint `serializeQueryArgs` with
-      // a consistent return value, _here_ we want to use the default behavior
-      // so we can tell if _anything_ actually changed. Otherwise, we can end up
-      // with a case where the query args did change but the serialization doesn't,
-      // and then we never try to initiate a refetch.
-      defaultSerializeQueryArgs,
-      context.endpointDefinitions[endpointName],
-      endpointName
-    );
+    const stableArg = useStableQueryArgs(skip ? skipToken : arg);
     const stableSubscriptionOptions = useShallowStableValue({
       refetchOnReconnect,
       refetchOnFocus,
@@ -32700,7 +32758,7 @@ function buildHooks({
       const {
         select
       } = api.endpoints[endpointName];
-      const stableArg = useStableQueryArgs(skip ? skipToken : arg, serializeQueryArgs, context.endpointDefinitions[endpointName], endpointName);
+      const stableArg = useStableQueryArgs(skip ? skipToken : arg);
       const lastValue = useRef3(void 0);
       const selectDefaultResult = useMemo2(() => (
         // Normally ts-ignores are bad and should be avoided, but we're
@@ -32872,17 +32930,7 @@ function buildHooks({
         return promise;
       }, [promiseRef, dispatch, initiate]);
       usePromiseRefUnsubscribeOnUnmount(promiseRef);
-      const stableArg = useStableQueryArgs(
-        options.skip ? skipToken : arg,
-        // Even if the user provided a per-endpoint `serializeQueryArgs` with
-        // a consistent return value, _here_ we want to use the default behavior
-        // so we can tell if _anything_ actually changed. Otherwise, we can end up
-        // with a case where the query args did change but the serialization doesn't,
-        // and then we never try to initiate a refetch.
-        defaultSerializeQueryArgs,
-        context.endpointDefinitions[endpointName],
-        endpointName
-      );
+      const stableArg = useStableQueryArgs(options.skip ? skipToken : arg);
       const refetch = useCallback(() => refetchOrErrorIfUnmounted(promiseRef), [promiseRef]);
       return useMemo2(() => {
         const fetchNextPage = () => {
@@ -35451,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();
@@ -39060,7 +39336,7 @@ var WfoHeaderBadge = ({
   children,
   ...restProps
 }) => {
-  const css52 = restProps.iconType ? {
+  const css54 = restProps.iconType ? {
     height: 24,
     display: "flex",
     paddingLeft: 0
@@ -39068,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
@@ -55913,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({
@@ -56401,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"
+    }
   }
 };
 
@@ -56907,6 +59864,7 @@ export {
   CacheTagType,
   ColorModes,
   ColumnType,
+  ConditionRow,
   ConfirmationDialogContext,
   ConfirmationDialogContextWrapper,
   ConfirmationDialogProvider,
@@ -56923,11 +59881,14 @@ export {
   DEFAULT_PAGE_SIZES,
   DateField,
   DividerField,
+  ENTITY_TABS,
   EngineStatus,
   Environment,
   ErrorField,
   ErrorsField,
   FileUploadField,
+  FilterDisplay,
+  FilterGroup,
   Footer,
   HIDDEN_KEYS,
   Header,
@@ -57035,12 +59996,14 @@ export {
   UnconnectedSelectField,
   UserInputFormWizard,
   VALUE_CELL_CLASS_NAME,
+  ValueControl,
   VlanField,
   WFO_STATUS_COLOR_FIELD,
   WfoActionSettings,
   WfoActiveWorkflowsSummaryCard,
   WfoActualWork,
   WfoAdvancedTable,
+  WfoAgent,
   WfoArrayField,
   WfoArrowDown,
   WfoArrowDownSvg,
@@ -57087,12 +60050,14 @@ export {
   WfoEyeFill,
   WfoFailedTasksBadge,
   WfoFailedTasksSummaryCard,
+  WfoFieldSelector,
   WfoFilterTabs,
   WfoFirstPartUUID,
   WfoFlushSettings,
   WfoGroupedTable,
   WfoHeaderBadge,
   WfoHeroIconsWrapper,
+  WfoHighlightedText,
   WfoInSyncField,
   WfoInformationModal,
   WfoInlineEdit,
@@ -57119,9 +60084,12 @@ export {
   WfoMyWorkflowsSummaryCard,
   WfoNoResults,
   WfoObjectField,
+  WfoOperatorSelector,
   WfoPageHeader,
   WfoPageTemplate,
   WfoPageUnauthorized,
+  WfoPathBreadcrumb,
+  WfoPathSelector,
   WfoPencil,
   WfoPencilAlt,
   WfoPlannedWork,
@@ -57153,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,
@@ -57184,6 +60162,7 @@ export {
   WfoSubmitModal,
   WfoSubscription,
   WfoSubscriptionActions,
+  WfoSubscriptionDetailModal,
   WfoSubscriptionDetailNoteEdit,
   WfoSubscriptionDetailPage,
   WfoSubscriptionDetailSection,
@@ -57239,10 +60218,12 @@ export {
   WorkerTypes,
   WorkflowTarget,
   addToastMessage,
+  buildSearchParams,
   calculateTimeDifference,
   camelToHuman,
   catchErrorResponse,
   clearTableConfigFromLocalStorage,
+  createOptionsFromPaths,
   createSideNavDivider,
   csvDownloadHandler,
   defaultOrchestratorTheme,
@@ -57253,10 +60234,13 @@ export {
   emptyOrchestratorConfig,
   emptyWfoErrorMonitoring,
   filterDataByCriteria,
+  findResultIndexById,
   flattenArrayProps,
   formatDate,
   formatDateCetWithUtc,
   getAcceptFieldStyles,
+  getButtonColor,
+  getButtonFill,
   getCacheTag,
   getCommonFormFieldStyles,
   getConcatenatedPagedResult,
@@ -57269,8 +60253,14 @@ export {
   getDataTestId,
   getDate,
   getDefaultTableConfig,
+  getDescription,
+  getDetailUrl,
+  getDisplayText,
+  getEndpointPath,
   getEnvironmentVariables,
   getFieldFromProductBlockInstanceValues,
+  getFieldNameFromFullPath,
+  getFieldNameFromPath,
   getFirstUuidPart,
   getFormFieldsBaseStyle,
   getLastUncompletedProcess,
@@ -57279,6 +60269,7 @@ export {
   getNumberOfColumns,
   getNumberValueFromEnvironmentVariable,
   getObjectKeys,
+  getOperatorDisplay,
   getOrchestratorComponentOverrideSlice,
   getOrchestratorConfigSlice,
   getOrchestratorStore,
@@ -57286,11 +60277,13 @@ export {
   getPageIndexChangeHandler,
   getPageInfoForSyncExport,
   getPageSizeChangeHandler,
+  getPathSelectionOptions,
   getProductBlockTitle,
   getProductNamesFromProcess,
   getQueryStringHandler,
   getQueryUrl,
   getQueryVariablesForExport,
+  getRecordId,
   getRowDetailData,
   getSortDirectionFromString,
   getStatusBadgeColor,
@@ -57298,6 +60291,7 @@ export {
   getTableConfigFromLocalStorage,
   getTasksListTabTypeFromString,
   getTotalNumberOfRows,
+  getTypeColor,
   getTypedFieldFromObject,
   getUrlWithQueryParams,
   getUsedPrefixMin,
@@ -57321,12 +60315,19 @@ export {
   ipPrefixTableFieldStyling,
   ipamStates,
   isAllUpperCase,
+  isCondition,
   isFetchBaseQueryError,
+  isFilterValid,
+  isFullPathSelected,
   isNullOrEmpty,
+  isProcessSearchResult,
+  isProductSearchResult,
   isRecord,
+  isSubscriptionSearchResult,
   isToday,
   isUuid4,
   isValidLocalStorageTableConfig,
+  isWorkflowSearchResult,
   localMomentToUtcTimestamp,
   mapGraphQlSubscriptionsResultToPageInfo,
   mapGraphQlSubscriptionsResultToSubscriptionListItems,
@@ -57362,6 +60363,7 @@ export {
   selectOrchestratorConfig,
   setTableConfigToLocalStorage,
   settingsTabs,
+  shouldHideValueInput,
   snakeToHuman,
   snakeToKebab,
   sortProcessesByDate,
@@ -57446,6 +60448,10 @@ export {
   useResumeProcessMutation,
   useRetryAllProcessesMutation,
   useRetryProcessMutation,
+  useSearchDefinitionsQuery,
+  useSearchMutation,
+  useSearchPathsQuery,
+  useSearchWithPaginationMutation,
   useSetEngineStatusMutation,
   useSetSubscriptionInSyncMutation,
   useShowToastMessage,