@orchestrator-ui/orchestrator-ui-components 6.4.0 → 6.5.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 = css56;
-    css56.displayName = "css";
-    css56.aliases = [];
-    function css56(Prism) {
+    module.exports = css58;
+    css58.displayName = "css";
+    css58.aliases = [];
+    function css58(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 css56 = require_css();
+    var css58 = 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(css56);
+    register(css58);
     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 = jsx300;
-    jsx300.displayName = "jsx";
-    jsx300.aliases = [];
-    function jsx300(Prism) {
+    module.exports = jsx304;
+    jsx304.displayName = "jsx";
+    jsx304.aliases = [];
+    function jsx304(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 = "6.4.0";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "6.5.0";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -35502,16 +35502,16 @@ var { useUploadFileMutation } = fileUploadApi;
 
 // src/components/WfoSearchPage/utils.ts
 function isSubscriptionSearchResult(item) {
-  return "subscription" in item && typeof item.subscription === "object";
+  return item.entity_type === "SUBSCRIPTION";
 }
 function isProcessSearchResult(item) {
-  return "process" in item && typeof item.process === "object";
+  return item.entity_type === "PROCESS";
 }
 function isProductSearchResult(item) {
-  return "product" in item && typeof item.product === "object";
+  return item.entity_type === "PRODUCT";
 }
 function isWorkflowSearchResult(item) {
-  return "workflow" in item && typeof item.workflow === "object";
+  return item.entity_type === "WORKFLOW";
 }
 var isCondition = (item) => {
   return "path" in item && "condition" in item;
@@ -35525,82 +35525,9 @@ var ENDPOINT_PATHS = {
 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";
+  const endpointPath = getEndpointPath(result.entity_type);
+  return `${baseUrl}/${endpointPath}/${result.entity_id}`;
 };
 var ENTITY_TABS = [
   { id: "SUBSCRIPTION", label: "Subscriptions" },
@@ -35817,6 +35744,11 @@ var getOrchestratorCoreVersionIfNotCompatible = (orchestratorUiVersion, orchestr
 
 // ../../version-compatibility.json
 var version_compatibility_default = [
+  {
+    orchestratorUiVersion: "6.5.0",
+    minimumOrchestratorCoreVersion: "4.6.0",
+    changes: "To support new functionality in the FE for the Agent and LLM, the BE endpoints have changed."
+  },
   {
     orchestratorUiVersion: "5.3.5",
     minimumOrchestratorCoreVersion: "4.2.0",
@@ -39437,7 +39369,7 @@ var WfoHeaderBadge = ({
   children,
   ...restProps
 }) => {
-  const css56 = restProps.iconType ? {
+  const css58 = restProps.iconType ? {
     height: 24,
     display: "flex",
     paddingLeft: 0
@@ -39445,7 +39377,7 @@ var WfoHeaderBadge = ({
     height: 24,
     display: "flex"
   };
-  return /* @__PURE__ */ jsx76(WfoBadge, { ...restProps, css: css56, children });
+  return /* @__PURE__ */ jsx76(WfoBadge, { ...restProps, css: css58, children });
 };
 
 // src/components/WfoBadges/WfoEnvironmentBadge/WfoEnvironmentBadge.tsx
@@ -56543,10 +56475,10 @@ var WfoTableCodeBlock = ({
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { useEffect as useEffect44, useState as useState64 } from "react";
-import { useTranslations as useTranslations106 } from "next-intl";
+import { useEffect as useEffect44, useState as useState63 } from "react";
+import { useTranslations as useTranslations105 } from "next-intl";
 import {
-  EuiButton as EuiButton23,
+  EuiButton as EuiButton22,
   EuiCallOut as EuiCallOut3,
   EuiFieldSearch as EuiFieldSearch3,
   EuiFlexGroup as EuiFlexGroup46,
@@ -58161,7 +58093,6 @@ var FilterGroup = ({
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx
-import { useState as useState63 } from "react";
 import { EuiFlexGroup as EuiFlexGroup44, EuiPanel as EuiPanel19 } from "@elastic/eui";
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchEmptyState.tsx
@@ -58341,7 +58272,7 @@ var WfoSearchResultItem = ({
               style: {
                 fontWeight: theme.font.weight.semiBold
               },
-              children: getDescription(result)
+              children: result.entity_title
             }
           ) }),
           matchingField && /* @__PURE__ */ jsxs153(Fragment68, { children: [
@@ -58410,87 +58341,52 @@ var WfoSearchResultItem = ({
   ) });
 };
 
-// src/components/WfoSearchPage/WfoSearchResults/WfoSubscriptionDetailModal.tsx
-import { useTranslations as useTranslations104 } from "next-intl";
-import {
-  EuiButton as EuiButton22,
-  EuiModal as EuiModal5,
-  EuiModalBody as EuiModalBody5,
-  EuiModalFooter as EuiModalFooter5,
-  EuiModalHeader as EuiModalHeader5,
-  EuiModalHeaderTitle as EuiModalHeaderTitle5
-} from "@elastic/eui";
-import { jsx as jsx291, jsxs as jsxs154 } from "@emotion/react/jsx-runtime";
-var WfoSubscriptionDetailModal = ({ isVisible, onClose, subscriptionData }) => {
-  const t = useTranslations104("search.page");
-  if (!isVisible || !subscriptionData) return null;
-  const subscriptionId = subscriptionData && subscriptionData.subscription_id;
-  return /* @__PURE__ */ jsxs154(EuiModal5, { onClose, maxWidth: 800, children: [
-    /* @__PURE__ */ jsx291(EuiModalHeader5, { children: /* @__PURE__ */ jsx291(EuiModalHeaderTitle5, { children: t("subscriptionDetails") }) }),
-    /* @__PURE__ */ jsx291(EuiModalBody5, { children: /* @__PURE__ */ jsx291(TreeProvider, { children: /* @__PURE__ */ jsx291(WfoSubscription, { subscriptionId }) }) }),
-    /* @__PURE__ */ jsx291(EuiModalFooter5, { children: /* @__PURE__ */ jsx291(EuiButton22, { onClick: onClose, fill: true, children: t("closeButton") }) })
-  ] });
-};
-
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchResults.tsx
-import { Fragment as Fragment69, jsx as jsx292, jsxs as jsxs155 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx291 } 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__ */ jsx292(WfoSearchLoadingState, {});
+    return /* @__PURE__ */ jsx291(WfoSearchLoadingState, {});
   }
   if (!results || results.length === 0) {
-    return /* @__PURE__ */ jsx292(WfoSearchEmptyState, {});
+    return /* @__PURE__ */ jsx291(WfoSearchEmptyState, {});
   }
-  return /* @__PURE__ */ jsxs155(Fragment69, { children: [
-    /* @__PURE__ */ jsx292(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx292(EuiFlexGroup44, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx292(
-      WfoSearchResultItem,
-      {
-        result,
-        index: idx,
-        isSelected: idx === selectedRecordIndex,
-        onSelect: () => onRecordSelect?.(idx)
-      },
-      idx
-    )) }) }),
-    /* @__PURE__ */ jsx292(
-      WfoSubscriptionDetailModal,
-      {
-        isVisible: !!modalData,
-        onClose: handleCloseModal,
-        subscriptionData: modalData?.subscription,
-        matchingField: modalData?.matchingField
+  return /* @__PURE__ */ jsx291(EuiPanel19, { paddingSize: "m", hasShadow: false, children: /* @__PURE__ */ jsx291(EuiFlexGroup44, { direction: "column", gutterSize: "s", children: results.map((result, idx) => /* @__PURE__ */ jsx291(
+    WfoSearchResultItem,
+    {
+      result,
+      index: idx,
+      isSelected: idx === selectedRecordIndex,
+      onSelect: () => {
+        onRecordSelect?.(idx);
       }
-    )
-  ] });
+    },
+    idx
+  )) }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchMetadataHeader.tsx
-import { jsx as jsx293 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx292 } from "@emotion/react/jsx-runtime";
 var WfoSearchMetadataHeader = ({
   search_metadata
 }) => {
   if (!search_metadata.search_type) return null;
-  return /* @__PURE__ */ jsx293(WfoToolTip, { tooltipContent: search_metadata.description || "", children: /* @__PURE__ */ jsx293(WfoBadge, { color: "hollow", iconType: "search", textColor: "default", children: search_metadata.search_type }) });
+  return /* @__PURE__ */ jsx292(WfoToolTip, { tooltipContent: search_metadata.description || "", children: /* @__PURE__ */ jsx292(WfoBadge, { color: "hollow", iconType: "search", textColor: "default", children: search_metadata.search_type }) });
 };
 
 // src/components/WfoSearchPage/WfoSearchResults/WfoSearchPaginationInfo.tsx
-import { useTranslations as useTranslations105 } from "next-intl";
+import { useTranslations as useTranslations104 } from "next-intl";
 import {
   EuiButtonIcon as EuiButtonIcon18,
   EuiFlexGroup as EuiFlexGroup45,
   EuiFlexItem as EuiFlexItem51,
   EuiText as EuiText59
 } from "@elastic/eui";
-import { jsx as jsx294, jsxs as jsxs156 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx293, jsxs as jsxs154 } from "@emotion/react/jsx-runtime";
 var WfoSearchPaginationInfo = ({
   has_next_page,
   next_page_cursor,
@@ -58501,7 +58397,7 @@ var WfoSearchPaginationInfo = ({
   hasPrevPage = false,
   resultCount
 }) => {
-  const t = useTranslations105("search.page");
+  const t = useTranslations104("search.page");
   const { theme } = useOrchestratorTheme();
   const handleNextPage = () => {
     if (!isLoading && next_page_cursor && onNextPage)
@@ -58511,7 +58407,7 @@ var WfoSearchPaginationInfo = ({
     if (!isLoading && onPrevPage) onPrevPage();
   };
   if (!has_next_page && !hasPrevPage) return null;
-  return /* @__PURE__ */ jsxs156(
+  return /* @__PURE__ */ jsxs154(
     EuiFlexGroup45,
     {
       justifyContent: "flexEnd",
@@ -58527,7 +58423,7 @@ var WfoSearchPaginationInfo = ({
       role: "navigation",
       "aria-label": t("searchResultsPagination"),
       children: [
-        /* @__PURE__ */ jsx294(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx294(
+        /* @__PURE__ */ jsx293(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx293(
           EuiButtonIcon18,
           {
             iconType: "arrowLeft",
@@ -58538,12 +58434,12 @@ var WfoSearchPaginationInfo = ({
             size: "s"
           }
         ) }),
-        /* @__PURE__ */ jsx294(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsxs156(EuiText59, { size: "xs", color: theme.colors.textSubdued, children: [
+        /* @__PURE__ */ jsx293(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsxs154(EuiText59, { size: "xs", color: theme.colors.textSubdued, children: [
           t("page"),
           " ",
           currentPage
         ] }) }),
-        /* @__PURE__ */ jsx294(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx294(
+        /* @__PURE__ */ jsx293(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx293(
           EuiButtonIcon18,
           {
             iconType: "arrowRight",
@@ -58555,7 +58451,7 @@ var WfoSearchPaginationInfo = ({
             isLoading
           }
         ) }),
-        resultCount && resultCount > 0 && /* @__PURE__ */ jsx294(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx294(
+        resultCount && resultCount > 0 && /* @__PURE__ */ jsx293(EuiFlexItem51, { grow: false, children: /* @__PURE__ */ jsx293(
           WfoBadge,
           {
             className: "wfoPagination__badge",
@@ -58570,9 +58466,9 @@ var WfoSearchPaginationInfo = ({
 };
 
 // src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
-import { Fragment as Fragment70, jsx as jsx295, jsxs as jsxs157 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment69, jsx as jsx294, jsxs as jsxs155 } from "@emotion/react/jsx-runtime";
 var WfoSearch = () => {
-  const t = useTranslations106("search.page");
+  const t = useTranslations105("search.page");
   const { theme } = useOrchestratorTheme();
   const {
     urlParams,
@@ -58588,11 +58484,11 @@ var WfoSearch = () => {
     setSelectedRecordId
   } = useUrlParams();
   const pageSize = DEFAULT_PAGE_SIZE2;
-  const [filterGroup, setFilterGroup] = useState64({
+  const [filterGroup, setFilterGroup] = useState63({
     op: "AND",
     children: []
   });
-  const [showDetailPanel, setShowDetailPanel] = useState64(false);
+  const [showDetailPanel, setShowDetailPanel] = useState63(false);
   const debouncedQuery = useDebounce(query, DEFAULT_DEBOUNCE_DELAY);
   const { results, loading, setResults } = useSearch(
     debouncedQuery,
@@ -58600,7 +58496,7 @@ var WfoSearch = () => {
     filterGroup,
     pageSize
   );
-  const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState64(false);
+  const [hasSearchBeenAttempted, setHasSearchBeenAttempted] = useState63(false);
   useEffect44(() => {
     const queryText = typeof debouncedQuery === "string" ? debouncedQuery : debouncedQuery?.text?.trim() || "";
     const hasFilters = filterGroup && filterGroup.children.length > 0;
@@ -58626,7 +58522,7 @@ var WfoSearch = () => {
     results,
     setResults
   );
-  const [searchValue, setSearchValue] = useState64(() => {
+  const [searchValue, setSearchValue] = useState63(() => {
     if (typeof query === "string") {
       return query;
     }
@@ -58680,9 +58576,8 @@ var WfoSearch = () => {
   useEffect44(() => {
     if (results.data.length > 0) {
       if (selectedRecordId) {
-        const foundIndex = findResultIndexById(
-          results.data,
-          selectedRecordId
+        const foundIndex = results.data.findIndex(
+          (result) => result.entity_id === selectedRecordId
         );
         if (foundIndex !== -1) {
           setSelectedRecordIndex(foundIndex);
@@ -58707,8 +58602,8 @@ var WfoSearch = () => {
     resetPagination();
   }, [debouncedQuery, selectedEntityTab, filterGroup, resetPagination]);
   const { RESULTS_GROW, DETAIL_GROW } = LAYOUT_RATIOS;
-  return /* @__PURE__ */ jsxs157(Fragment70, { children: [
-    /* @__PURE__ */ jsx295(EuiTabs4, { children: ENTITY_TABS.map((tab) => /* @__PURE__ */ jsx295(
+  return /* @__PURE__ */ jsxs155(Fragment69, { children: [
+    /* @__PURE__ */ jsx294(EuiTabs4, { children: ENTITY_TABS.map((tab) => /* @__PURE__ */ jsx294(
       EuiTab4,
       {
         onClick: () => handleTabChange(tab.id),
@@ -58717,8 +58612,8 @@ var WfoSearch = () => {
       },
       tab.id
     )) }),
-    /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-    /* @__PURE__ */ jsx295(
+    /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+    /* @__PURE__ */ jsx294(
       EuiFieldSearch3,
       {
         placeholder: t("searchPlaceholder", {
@@ -58735,9 +58630,9 @@ var WfoSearch = () => {
         fullWidth: true
       }
     ),
-    /* @__PURE__ */ jsx295(EuiSpacer32, { size: "s" }),
-    /* @__PURE__ */ jsx295(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx295(
-      EuiButton23,
+    /* @__PURE__ */ jsx294(EuiSpacer32, { size: "s" }),
+    /* @__PURE__ */ jsx294(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx294(
+      EuiButton22,
       {
         iconType: showFilters ? "eyeClosed" : "eye",
         size: "s",
@@ -58745,12 +58640,12 @@ var WfoSearch = () => {
         children: showFilters ? t("hideFilters") : t("showFilters")
       }
     ) }) }),
-    showFilters && /* @__PURE__ */ jsxs157(Fragment70, { children: [
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-      /* @__PURE__ */ jsxs157(EuiPanel20, { hasBorder: true, paddingSize: "m", children: [
-        /* @__PURE__ */ jsx295(EuiText60, { children: /* @__PURE__ */ jsx295("h4", { children: t("structuredFilters") }) }),
-        /* @__PURE__ */ jsx295(EuiSpacer32, { size: "s" }),
-        /* @__PURE__ */ jsx295(
+    showFilters && /* @__PURE__ */ jsxs155(Fragment69, { children: [
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+      /* @__PURE__ */ jsxs155(EuiPanel20, { hasBorder: true, paddingSize: "m", children: [
+        /* @__PURE__ */ jsx294(EuiText60, { children: /* @__PURE__ */ jsx294("h4", { children: t("structuredFilters") }) }),
+        /* @__PURE__ */ jsx294(EuiSpacer32, { size: "s" }),
+        /* @__PURE__ */ jsx294(
           FilterGroup,
           {
             group: filterGroup,
@@ -58761,9 +58656,9 @@ var WfoSearch = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-    error && /* @__PURE__ */ jsxs157(Fragment70, { children: [
-      /* @__PURE__ */ jsxs157(
+    /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+    error && /* @__PURE__ */ jsxs155(Fragment69, { children: [
+      /* @__PURE__ */ jsxs155(
         EuiCallOut3,
         {
           title: t("searchError"),
@@ -58771,9 +58666,9 @@ var WfoSearch = () => {
           iconType: "alert",
           size: "s",
           children: [
-            /* @__PURE__ */ jsx295("p", { children: error }),
-            /* @__PURE__ */ jsx295(
-              EuiButton23,
+            /* @__PURE__ */ jsx294("p", { children: error }),
+            /* @__PURE__ */ jsx294(
+              EuiButton22,
               {
                 size: "s",
                 color: "danger",
@@ -58784,11 +58679,11 @@ var WfoSearch = () => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" })
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" })
     ] }),
-    shouldShowNoResults && /* @__PURE__ */ jsxs157(Fragment70, { children: [
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "l" }),
-      /* @__PURE__ */ jsxs157(
+    shouldShowNoResults && /* @__PURE__ */ jsxs155(Fragment69, { children: [
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "l" }),
+      /* @__PURE__ */ jsxs155(
         EuiCallOut3,
         {
           title: t("noResults"),
@@ -58796,20 +58691,20 @@ var WfoSearch = () => {
           iconType: "search",
           size: "m",
           children: [
-            /* @__PURE__ */ jsx295("p", { children: t("noResultsMessage", {
+            /* @__PURE__ */ jsx294("p", { children: t("noResultsMessage", {
               entityType: currentTab?.label.toLowerCase()
             }) }),
-            /* @__PURE__ */ jsx295(EuiSpacer32, { size: "s" }),
-            /* @__PURE__ */ jsx295(EuiText60, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx295("p", { children: t("noResultsSuggestions") }) })
+            /* @__PURE__ */ jsx294(EuiSpacer32, { size: "s" }),
+            /* @__PURE__ */ jsx294(EuiText60, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx294("p", { children: t("noResultsSuggestions") }) })
           ]
         }
       ),
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "l" })
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "l" })
     ] }),
-    isSearchActive && /* @__PURE__ */ jsxs157(Fragment70, { children: [
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-      /* @__PURE__ */ jsxs157(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
-        /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs157(
+    isSearchActive && /* @__PURE__ */ jsxs155(Fragment69, { children: [
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+      /* @__PURE__ */ jsxs155(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
+        /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs155(
           EuiFlexGroup46,
           {
             gutterSize: "s",
@@ -58818,13 +58713,13 @@ var WfoSearch = () => {
             responsive: false,
             style: { width: "100%" },
             children: [
-              /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx295(
+              /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx294(
                 WfoSearchMetadataHeader,
                 {
                   search_metadata: results.search_metadata
                 }
               ) }),
-              /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx295(
+              /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: false, children: /* @__PURE__ */ jsx294(
                 WfoSearchPaginationInfo,
                 {
                   has_next_page: results.page_info.has_next_page,
@@ -58840,11 +58735,11 @@ var WfoSearch = () => {
             ]
           }
         ) }),
-        showDetailPanel && /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: DETAIL_GROW })
+        showDetailPanel && /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: DETAIL_GROW })
       ] }),
-      /* @__PURE__ */ jsx295(EuiSpacer32, { size: "s" }),
-      /* @__PURE__ */ jsxs157(EuiFlexGroup46, { gutterSize: "s", alignItems: "flexStart", children: [
-        /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx295(EuiPanel20, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx295(
+      /* @__PURE__ */ jsx294(EuiSpacer32, { size: "s" }),
+      /* @__PURE__ */ jsxs155(EuiFlexGroup46, { gutterSize: "s", alignItems: "flexStart", children: [
+        /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx294(EuiPanel20, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx294(
           WfoSearchResults,
           {
             results: results.data,
@@ -58854,13 +58749,14 @@ var WfoSearch = () => {
               setSelectedRecordIndex(index);
               const record = results.data[index];
               if (record) {
-                const recordId = getRecordId(record);
-                setSelectedRecordId(recordId);
+                setSelectedRecordId(
+                  record.entity_id
+                );
               }
             }
           }
         ) }) }),
-        showDetailPanel && /* @__PURE__ */ jsx295(EuiFlexItem52, { grow: DETAIL_GROW, children: /* @__PURE__ */ jsx295(
+        showDetailPanel && /* @__PURE__ */ jsx294(EuiFlexItem52, { grow: DETAIL_GROW, children: /* @__PURE__ */ jsx294(
           EuiPanel20,
           {
             paddingSize: "m",
@@ -58869,27 +58765,27 @@ var WfoSearch = () => {
             color: "transparent",
             children: selectedEntityTab === "SUBSCRIPTION" && results.data[selectedRecordIndex] && isSubscriptionSearchResult(
               results.data[selectedRecordIndex]
-            ) ? /* @__PURE__ */ jsx295(TreeProvider, { children: /* @__PURE__ */ jsx295(
+            ) ? /* @__PURE__ */ jsx294(TreeProvider, { children: /* @__PURE__ */ jsx294(
               WfoSubscription,
               {
-                subscriptionId: results.data[selectedRecordIndex].subscription.subscription_id
+                subscriptionId: results.data[selectedRecordIndex].entity_id
               }
-            ) }) : /* @__PURE__ */ jsxs157(Fragment70, { children: [
-              /* @__PURE__ */ jsx295(EuiText60, { children: /* @__PURE__ */ jsx295("h4", { children: t("details") }) }),
-              /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-              /* @__PURE__ */ jsxs157(
+            ) }) : /* @__PURE__ */ jsxs155(Fragment69, { children: [
+              /* @__PURE__ */ jsx294(EuiText60, { children: /* @__PURE__ */ jsx294("h4", { children: t("details") }) }),
+              /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+              /* @__PURE__ */ jsxs155(
                 EuiText60,
                 {
                   color: theme.colors.textSubdued,
                   children: [
-                    /* @__PURE__ */ jsx295("p", { children: t(
+                    /* @__PURE__ */ jsx294("p", { children: t(
                       "showingDetailsForResult",
                       {
                         resultNumber: selectedRecordIndex + 1
                       }
                     ) }),
-                    /* @__PURE__ */ jsx295(EuiSpacer32, { size: "s" }),
-                    /* @__PURE__ */ jsxs157(
+                    /* @__PURE__ */ jsx294(EuiSpacer32, { size: "s" }),
+                    /* @__PURE__ */ jsxs155(
                       WfoBadge,
                       {
                         color: theme.colors.primary,
@@ -58901,8 +58797,8 @@ var WfoSearch = () => {
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx295(EuiSpacer32, { size: "m" }),
-                    /* @__PURE__ */ jsx295("p", { children: /* @__PURE__ */ jsx295("em", { children: t(
+                    /* @__PURE__ */ jsx294(EuiSpacer32, { size: "m" }),
+                    /* @__PURE__ */ jsx294("p", { children: /* @__PURE__ */ jsx294("em", { children: t(
                       "selectResultInstruction"
                     ) }) })
                   ]
@@ -58918,35 +58814,245 @@ var WfoSearch = () => {
 
 // src/components/WfoAgent/WfoAgent/WfoAgent.tsx
 import { useTranslations as useTranslations108 } from "next-intl";
-import { useCoAgent } from "@copilotkit/react-core";
+import {
+  useCoAgent,
+  useCoAgentStateRender,
+  useCopilotAction
+} from "@copilotkit/react-core";
 import { CopilotSidebar } from "@copilotkit/react-ui";
-import { EuiFlexGroup as EuiFlexGroup48, EuiFlexItem as EuiFlexItem54, EuiSpacer as EuiSpacer34, EuiText as EuiText62 } from "@elastic/eui";
+import { EuiFlexGroup as EuiFlexGroup50, EuiFlexItem as EuiFlexItem56, EuiSpacer as EuiSpacer35, EuiText as EuiText65 } from "@elastic/eui";
 
-// src/components/WfoAgent/FilterDisplay/FilterDisplay.tsx
-import { useTranslations as useTranslations107 } from "next-intl";
-import {
-  EuiFlexGroup as EuiFlexGroup47,
-  EuiFlexItem as EuiFlexItem53,
-  EuiPanel as EuiPanel21,
-  EuiSpacer as EuiSpacer33,
-  EuiText as EuiText61
-} from "@elastic/eui";
+// src/components/WfoAgent/ExportButton/ExportButton.tsx
+import { useTranslations as useTranslations106 } from "next-intl";
+import { EuiIcon as EuiIcon10, EuiLoadingSpinner as EuiLoadingSpinner4 } from "@elastic/eui";
 
-// src/components/WfoAgent/FilterDisplay/styles.ts
+// src/rtk/endpoints/agentExport.ts
+var agentExportApi = orchestratorApi.injectEndpoints({
+  endpoints: (builder) => ({
+    getAgentExport: builder.query({
+      query: (downloadUrl) => ({
+        url: downloadUrl,
+        method: "GET"
+      }),
+      extraOptions: {
+        baseQueryType: "fetch" /* fetch */
+      }
+    })
+  })
+});
+var { useLazyGetAgentExportQuery } = agentExportApi;
+
+// src/components/WfoAgent/ExportButton/styles.ts
 import { css as css53 } from "@emotion/react";
+var getExportButtonStyles = ({ theme }) => {
+  const containerStyle = css53({
+    marginTop: theme.size.xl,
+    marginBottom: theme.size.xl,
+    width: "100%"
+  });
+  const buttonWrapperStyle = css53({
+    backgroundColor: theme.colors.lightestShade,
+    padding: `${theme.size.xl} ${theme.size.xl}`,
+    border: `${theme.border.width.thin} solid transparent`,
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.size.l
+  });
+  const titleStyle = css53({
+    fontSize: theme.size.m,
+    fontWeight: theme.font.weight.semiBold,
+    color: theme.colors.darkestShade
+  });
+  const fileRowStyle = css53({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: theme.size.m,
+    border: `${theme.border.width.thin} solid ${theme.colors.lightShade}`,
+    borderRadius: theme.border.radius.medium,
+    padding: `${theme.size.m} ${theme.size.l}`,
+    backgroundColor: theme.colors.emptyShade,
+    cursor: "pointer"
+  });
+  const fileInfoStyle = css53({
+    display: "flex",
+    alignItems: "center",
+    gap: theme.size.m,
+    flex: 1,
+    color: theme.colors.darkestShade
+  });
+  const filenameStyle = css53({
+    fontSize: theme.size.m,
+    fontWeight: theme.font.weight.medium,
+    color: theme.colors.darkestShade
+  });
+  const downloadButtonStyle = css53({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: theme.colors.darkestShade
+  });
+  return {
+    containerStyle,
+    buttonWrapperStyle,
+    titleStyle,
+    fileRowStyle,
+    fileInfoStyle,
+    filenameStyle,
+    downloadButtonStyle
+  };
+};
+
+// src/components/WfoAgent/ExportButton/ExportButton.tsx
+import { jsx as jsx295, jsxs as jsxs156 } from "@emotion/react/jsx-runtime";
+function ExportButton({ exportData }) {
+  const { showToastMessage } = useShowToastMessage();
+  const tError = useTranslations106("errors");
+  const [triggerExport, { isFetching }] = useLazyGetAgentExportQuery();
+  const {
+    containerStyle,
+    buttonWrapperStyle,
+    titleStyle,
+    fileRowStyle,
+    fileInfoStyle,
+    filenameStyle,
+    downloadButtonStyle
+  } = useWithOrchestratorTheme(getExportButtonStyles);
+  const filename = getCsvFileNameWithDate("export");
+  const onDownloadClick = async () => {
+    const data = await triggerExport(exportData.download_url).unwrap();
+    const keyOrder = data.page.length > 0 ? Object.keys(data.page[0]) : [];
+    const handleExport = csvDownloadHandler(
+      async () => data,
+      (data2) => data2.page,
+      (data2) => data2.pageInfo ?? {
+        totalItems: data2.page.length,
+        startCursor: 0,
+        endCursor: data2.page.length - 1,
+        hasNextPage: false,
+        hasPreviousPage: false,
+        sortFields: [],
+        filterFields: []
+      },
+      keyOrder,
+      filename,
+      showToastMessage,
+      tError
+    );
+    await handleExport();
+  };
+  return /* @__PURE__ */ jsx295("div", { css: containerStyle, children: /* @__PURE__ */ jsxs156("div", { css: buttonWrapperStyle, children: [
+    exportData.message && /* @__PURE__ */ jsx295("div", { css: titleStyle, children: exportData.message }),
+    /* @__PURE__ */ jsxs156("div", { css: fileRowStyle, onClick: onDownloadClick, children: [
+      /* @__PURE__ */ jsxs156("div", { css: fileInfoStyle, children: [
+        /* @__PURE__ */ jsx295(EuiIcon10, { type: "document", size: "m" }),
+        /* @__PURE__ */ jsx295("span", { css: filenameStyle, children: filename })
+      ] }),
+      /* @__PURE__ */ jsx295("div", { css: downloadButtonStyle, children: isFetching ? /* @__PURE__ */ jsx295(EuiLoadingSpinner4, { size: "m" }) : /* @__PURE__ */ jsx295(EuiIcon10, { type: "download", size: "m" }) })
+    ] })
+  ] }) });
+}
+
+// src/components/WfoAgent/ToolProgress/ToolProgress.tsx
+import { useState as useState64 } from "react";
+import { EuiFlexGroup as EuiFlexGroup49, EuiFlexItem as EuiFlexItem55, EuiLoadingSpinner as EuiLoadingSpinner5 } from "@elastic/eui";
+
+// src/components/WfoAgent/ToolProgress/DiscoverFilterPathsDisplay.tsx
+import React92 from "react";
+import { EuiSpacer as EuiSpacer33, EuiText as EuiText61 } from "@elastic/eui";
+import { Fragment as Fragment70, jsx as jsx296, jsxs as jsxs157 } from "@emotion/react/jsx-runtime";
+var DiscoverFilterPathsDisplay = ({
+  parameters,
+  result
+}) => {
+  const { field_names = [] } = parameters;
+  const foundFields = result ? Object.entries(
+    result
+  ).filter(([, fieldResult]) => fieldResult.status !== "NOT_FOUND") : [];
+  const totalPaths = foundFields.reduce((count, [, fieldResult]) => {
+    const pathCount = fieldResult.leaves?.reduce((leafCount, leaf) => {
+      return leafCount + (leaf.paths?.length || 1);
+    }, 0) || 0;
+    return count + pathCount;
+  }, 0);
+  return /* @__PURE__ */ jsxs157("div", { children: [
+    field_names.length > 0 && /* @__PURE__ */ jsxs157(Fragment70, { children: [
+      /* @__PURE__ */ jsxs157(EuiText61, { size: "xs", color: "subdued", children: [
+        "Looking for",
+        " ",
+        field_names.map((name, idx) => /* @__PURE__ */ jsxs157(React92.Fragment, { children: [
+          idx > 0 && ", ",
+          /* @__PURE__ */ jsx296(WfoBadge, { color: "hollow", textColor: "default", children: name })
+        ] }, name))
+      ] }),
+      /* @__PURE__ */ jsx296(EuiSpacer33, { size: "s" })
+    ] }),
+    result && totalPaths > 0 && /* @__PURE__ */ jsxs157("div", { children: [
+      /* @__PURE__ */ jsx296(EuiText61, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsxs157("strong", { children: [
+        "Found ",
+        totalPaths,
+        " path",
+        totalPaths > 1 ? "s" : "",
+        ":"
+      ] }) }),
+      /* @__PURE__ */ jsx296(EuiSpacer33, { size: "xs" }),
+      foundFields.map(([fieldName, fieldResult]) => /* @__PURE__ */ jsx296("div", { style: { marginBottom: "8px" }, children: fieldResult.leaves && fieldResult.leaves.length > 0 && fieldResult.leaves.map(
+        (leaf, leafIdx) => {
+          const paths = leaf.paths || (leaf.name ? [leaf.name] : []);
+          return /* @__PURE__ */ jsx296(React92.Fragment, { children: paths.map(
+            (path, pathIdx) => /* @__PURE__ */ jsx296(
+              "div",
+              {
+                style: {
+                  marginBottom: "4px"
+                },
+                children: /* @__PURE__ */ jsx296(
+                  WfoPathBreadcrumb,
+                  {
+                    path,
+                    size: "s"
+                  }
+                )
+              },
+              pathIdx
+            )
+          ) }, leafIdx);
+        }
+      ) }, fieldName))
+    ] })
+  ] });
+};
+
+// src/components/WfoAgent/ToolProgress/RunSearchDisplay.tsx
+import { EuiFlexGroup as EuiFlexGroup47, EuiFlexItem as EuiFlexItem53, EuiText as EuiText62 } from "@elastic/eui";
+import { jsx as jsx297, jsxs as jsxs158 } from "@emotion/react/jsx-runtime";
+var RunSearchDisplay = ({ parameters }) => {
+  const { limit = 10 } = parameters;
+  return /* @__PURE__ */ jsx297("div", { children: /* @__PURE__ */ jsxs158(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", children: [
+    /* @__PURE__ */ jsx297(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx297(EuiText62, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx297("strong", { children: "Results Limit" }) }) }),
+    /* @__PURE__ */ jsx297(EuiFlexItem53, { grow: false, children: /* @__PURE__ */ jsx297(WfoBadge, { textColor: "default", color: "hollow", children: limit }) })
+  ] }) });
+};
+
+// src/components/WfoAgent/ToolProgress/SetFilterTreeDisplay.tsx
+import { useTranslations as useTranslations107 } from "next-intl";
+import { EuiText as EuiText63 } from "@elastic/eui";
+
+// src/components/WfoAgent/ToolProgress/SetFilterTreeDisplay.styles.ts
+import { css as css54 } from "@emotion/react";
 var getFilterDisplayStyles = ({ theme }) => {
-  const wrapStyle = css53({
+  const wrapStyle = css54({
     display: "flex",
     flexWrap: "wrap",
     gap: theme.size.s
   });
-  const columnGroupWrapStyle = css53({
+  const columnGroupWrapStyle = css54({
     display: "flex",
     flexDirection: "column",
     gap: theme.size.s,
     alignItems: "flex-start"
   });
-  const chipStyle = css53({
+  const chipStyle = css54({
     display: "inline-flex",
     alignItems: "center",
     borderRadius: theme.size.xl,
@@ -58956,14 +59062,14 @@ var getFilterDisplayStyles = ({ theme }) => {
     lineHeight: 1.1,
     gap: theme.size.s
   });
-  const groupStyle = css53({
+  const groupStyle = css54({
     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({
+  const operatorStyle = css54({
     fontFamily: theme.font.familyCode,
     padding: `${theme.size.xs}px ${theme.size.s}px`,
     borderRadius: theme.size.s,
@@ -58973,7 +59079,7 @@ var getFilterDisplayStyles = ({ theme }) => {
     fontWeight: theme.font.weight.bold,
     margin: `${theme.size.xs} 0`
   });
-  const valueStyle = css53({
+  const valueStyle = css54({
     fontWeight: theme.font.weight.semiBold,
     color: theme.colors.warning
   });
@@ -58987,10 +59093,12 @@ var getFilterDisplayStyles = ({ theme }) => {
   };
 };
 
-// src/components/WfoAgent/FilterDisplay/FilterDisplay.tsx
-import { jsx as jsx296, jsxs as jsxs158 } from "@emotion/react/jsx-runtime";
+// src/components/WfoAgent/ToolProgress/SetFilterTreeDisplay.tsx
+import { jsx as jsx298, jsxs as jsxs159 } from "@emotion/react/jsx-runtime";
 var DEPTH_INDENT = 16;
-function FilterDisplay({ parameters }) {
+var SetFilterTreeDisplay = ({
+  parameters
+}) => {
   const t = useTranslations107("agent.page");
   const {
     wrapStyle,
@@ -59000,9 +59108,7 @@ function FilterDisplay({ parameters }) {
     operatorStyle,
     valueStyle
   } = useWithOrchestratorTheme(getFilterDisplayStyles);
-  const { action, entity_type, filters, query } = parameters ?? {};
-  if (!parameters || Object.keys(parameters).length === 0) return null;
-  const sectionTitle = (text) => /* @__PURE__ */ jsx296(EuiText61, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx296("strong", { children: text }) });
+  const filters = parameters?.filters || parameters;
   const formatFilterValue = (condition) => {
     if ("value" in condition && condition.value !== void 0) {
       if (condition.op === "between" && condition.value && typeof condition.value === "object") {
@@ -59017,13 +59123,13 @@ function FilterDisplay({ parameters }) {
   };
   const renderFilterGroup = (group, depth = 0) => {
     if (!group.children || group.children.length === 0) {
-      return /* @__PURE__ */ jsx296(EuiText61, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx296("em", { children: t("emptyGroup") }) });
+      return /* @__PURE__ */ jsx298(EuiText63, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx298("em", { children: t("emptyGroup") }) });
     }
     const areChildrenGroups = group.children.length > 0 && !isCondition(group.children[0]);
-    return /* @__PURE__ */ jsxs158("div", { css: groupStyle, style: { marginLeft: depth * DEPTH_INDENT }, children: [
-      /* @__PURE__ */ jsx296("div", { css: operatorStyle, children: group.op }),
-      /* @__PURE__ */ jsx296("div", { css: areChildrenGroups ? columnGroupWrapStyle : wrapStyle, children: group.children.map((child, i) => /* @__PURE__ */ jsx296("div", { children: isCondition(child) ? /* @__PURE__ */ jsxs158("div", { css: chipStyle, children: [
-        /* @__PURE__ */ jsx296(
+    return /* @__PURE__ */ jsxs159("div", { css: groupStyle, style: { marginLeft: depth * DEPTH_INDENT }, children: [
+      /* @__PURE__ */ jsx298("div", { css: operatorStyle, children: group.op }),
+      /* @__PURE__ */ jsx298("div", { css: areChildrenGroups ? columnGroupWrapStyle : wrapStyle, children: group.children.map((child, i) => /* @__PURE__ */ jsx298("div", { children: isCondition(child) ? /* @__PURE__ */ jsxs159("div", { css: chipStyle, children: [
+        /* @__PURE__ */ jsx298(
           WfoPathBreadcrumb,
           {
             path: child.path,
@@ -59031,7 +59137,7 @@ function FilterDisplay({ parameters }) {
             showArrows: true
           }
         ),
-        /* @__PURE__ */ jsx296(
+        /* @__PURE__ */ jsx298(
           WfoBadge,
           {
             textColor: "default",
@@ -59048,49 +59154,204 @@ function FilterDisplay({ parameters }) {
             ).symbol
           }
         ),
-        /* @__PURE__ */ jsx296("span", { css: valueStyle, children: formatFilterValue(child.condition) })
+        /* @__PURE__ */ jsx298("span", { css: valueStyle, children: formatFilterValue(child.condition) })
       ] }) : renderFilterGroup(child, depth + 1) }, i)) })
     ] });
   };
-  return /* @__PURE__ */ jsxs158(EuiPanel21, { hasBorder: true, paddingSize: "m", children: [
-    /* @__PURE__ */ jsxs158(EuiFlexGroup47, { gutterSize: "m", wrap: true, responsive: true, children: [
-      /* @__PURE__ */ jsxs158(EuiFlexItem53, { grow: false, children: [
-        sectionTitle(t("action")),
-        /* @__PURE__ */ jsx296(EuiSpacer33, { size: "xs" }),
-        /* @__PURE__ */ jsx296(WfoBadge, { textColor: "default", color: "hollow", children: action || "N/A" })
-      ] }),
-      /* @__PURE__ */ jsxs158(EuiFlexItem53, { grow: false, children: [
-        sectionTitle(t("entityType")),
-        /* @__PURE__ */ jsx296(EuiSpacer33, { size: "xs" }),
-        /* @__PURE__ */ jsx296(WfoBadge, { textColor: "default", color: "hollow", children: entity_type || "N/A" })
+  if (!filters || !filters.children || filters.children.length === 0) {
+    return /* @__PURE__ */ jsx298(EuiText63, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx298("em", { children: t("noFiltersApplied") }) });
+  }
+  return /* @__PURE__ */ jsx298("div", { children: renderFilterGroup(filters) });
+};
+
+// src/components/WfoAgent/ToolProgress/StartNewSearchDisplay.tsx
+import { EuiFlexGroup as EuiFlexGroup48, EuiFlexItem as EuiFlexItem54, EuiSpacer as EuiSpacer34, EuiText as EuiText64 } from "@elastic/eui";
+import { Fragment as Fragment71, jsx as jsx299, jsxs as jsxs160 } from "@emotion/react/jsx-runtime";
+var StartNewSearchDisplay = ({
+  parameters
+}) => {
+  const { entity_type, action, query } = parameters;
+  return /* @__PURE__ */ jsxs160("div", { children: [
+    /* @__PURE__ */ jsxs160(EuiFlexGroup48, { gutterSize: "s", wrap: true, children: [
+      entity_type && /* @__PURE__ */ jsxs160(EuiFlexItem54, { grow: false, children: [
+        /* @__PURE__ */ jsx299(EuiText64, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx299("strong", { children: "Entity Type" }) }),
+        /* @__PURE__ */ jsx299(EuiSpacer34, { size: "xs" }),
+        /* @__PURE__ */ jsx299(WfoBadge, { textColor: "default", color: "hollow", children: entity_type })
       ] }),
-      query ? /* @__PURE__ */ jsxs158(EuiFlexItem53, { grow: false, children: [
-        sectionTitle(t("searchQuery")),
-        /* @__PURE__ */ jsx296(EuiSpacer33, { size: "xs" }),
-        /* @__PURE__ */ jsx296(EuiText61, { size: "s", children: /* @__PURE__ */ jsxs158("em", { children: [
-          '"',
-          query,
-          '"'
-        ] }) })
-      ] }) : null
+      action && /* @__PURE__ */ jsxs160(EuiFlexItem54, { grow: false, children: [
+        /* @__PURE__ */ jsx299(EuiText64, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx299("strong", { children: "Action" }) }),
+        /* @__PURE__ */ jsx299(EuiSpacer34, { size: "xs" }),
+        /* @__PURE__ */ jsx299(WfoBadge, { textColor: "default", color: "hollow", children: action })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx296(EuiSpacer33, { size: "m" }),
-    sectionTitle(t("activeFilters")),
-    /* @__PURE__ */ jsx296(EuiSpacer33, { size: "s" }),
-    filters && filters.children && filters.children.length > 0 ? renderFilterGroup(filters) : /* @__PURE__ */ jsx296(EuiText61, { size: "s", color: "subdued", children: /* @__PURE__ */ jsx296("em", { children: t("noFiltersApplied") }) })
+    query && /* @__PURE__ */ jsxs160(Fragment71, { children: [
+      /* @__PURE__ */ jsx299(EuiSpacer34, { size: "s" }),
+      /* @__PURE__ */ jsx299(EuiText64, { size: "xs", color: "subdued", children: /* @__PURE__ */ jsx299("strong", { children: "Query" }) }),
+      /* @__PURE__ */ jsx299(EuiSpacer34, { size: "xs" }),
+      /* @__PURE__ */ jsx299(EuiText64, { size: "s", children: /* @__PURE__ */ jsxs160("em", { children: [
+        '"',
+        query,
+        '"'
+      ] }) })
+    ] })
   ] });
-}
+};
+
+// src/components/WfoAgent/ToolProgress/styles.ts
+import { css as css55 } from "@emotion/react";
+var getToolProgressStyles = ({ theme }) => {
+  const containerStyle = css55({
+    border: `${theme.border.width.thin} solid ${theme.colors.lightShade}`,
+    borderRadius: theme.border.radius.medium,
+    backgroundColor: theme.colors.emptyShade,
+    transition: `all ${theme.animation.normal} ease`
+  });
+  const containerClickableStyle = css55({
+    cursor: "pointer",
+    "&:hover": {
+      borderColor: theme.colors.primary,
+      backgroundColor: theme.colors.lightestShade
+    }
+  });
+  const headerStyle = css55({
+    padding: `${theme.size.base} ${theme.size.l}`
+  });
+  const nameStyle = css55({
+    fontSize: theme.size.m,
+    fontWeight: theme.font.weight.medium
+  });
+  const expandedContentStyle = css55({
+    borderTop: `${theme.border.width.thin} solid ${theme.colors.lightShade}`,
+    padding: `${theme.size.base} ${theme.size.l}`
+  });
+  const iconSize = 18;
+  const iconStyle = css55({
+    color: theme.colors.subduedText
+  });
+  return {
+    containerStyle,
+    containerClickableStyle,
+    headerStyle,
+    nameStyle,
+    expandedContentStyle,
+    iconSize,
+    iconStyle
+  };
+};
+
+// src/components/WfoAgent/ToolProgress/ToolProgress.tsx
+import { jsx as jsx300, jsxs as jsxs161 } from "@emotion/react/jsx-runtime";
+var TOOL_DISPLAY_COMPONENTS = {
+  set_filter_tree: SetFilterTreeDisplay,
+  start_new_search: StartNewSearchDisplay,
+  run_search: RunSearchDisplay,
+  discover_filter_paths: DiscoverFilterPathsDisplay
+};
+var ToolProgress = ({
+  name,
+  status,
+  args,
+  result
+}) => {
+  const [isExpanded, setIsExpanded] = useState64(false);
+  const {
+    containerStyle,
+    containerClickableStyle,
+    headerStyle,
+    nameStyle,
+    expandedContentStyle,
+    iconSize,
+    iconStyle
+  } = useWithOrchestratorTheme(getToolProgressStyles);
+  const { theme } = useOrchestratorTheme();
+  const renderStatus = () => {
+    if (status === "complete") {
+      return /* @__PURE__ */ jsx300(
+        WfoCheckmarkCircleFill,
+        {
+          color: theme.colors.success,
+          width: iconSize,
+          height: iconSize
+        }
+      );
+    }
+    if (status === "inProgress" || status === "executing") {
+      return /* @__PURE__ */ jsx300(EuiLoadingSpinner5, { size: "s" });
+    }
+    if (status === "failed") {
+      return /* @__PURE__ */ jsx300(
+        WfoXCircleFill,
+        {
+          color: theme.colors.danger,
+          width: iconSize,
+          height: iconSize
+        }
+      );
+    }
+    return null;
+  };
+  const DisplayComponent = TOOL_DISPLAY_COMPONENTS[name];
+  const hasArgs = DisplayComponent && args;
+  return /* @__PURE__ */ jsxs161("div", { css: containerStyle, children: [
+    /* @__PURE__ */ jsx300(
+      "div",
+      {
+        css: hasArgs && containerClickableStyle,
+        onClick: () => hasArgs && setIsExpanded(!isExpanded),
+        children: /* @__PURE__ */ jsxs161(
+          EuiFlexGroup49,
+          {
+            gutterSize: "m",
+            alignItems: "center",
+            css: headerStyle,
+            children: [
+              /* @__PURE__ */ jsx300(EuiFlexItem55, { grow: false, children: /* @__PURE__ */ jsx300("div", { css: iconStyle, children: /* @__PURE__ */ jsx300(WfoWrench, { width: iconSize, height: iconSize }) }) }),
+              /* @__PURE__ */ jsx300(EuiFlexItem55, { grow: true, children: /* @__PURE__ */ jsx300("span", { css: nameStyle, children: name }) }),
+              /* @__PURE__ */ jsx300(
+                EuiFlexItem55,
+                {
+                  grow: false,
+                  style: { minWidth: `${iconSize}px` },
+                  children: renderStatus()
+                }
+              ),
+              /* @__PURE__ */ jsx300(
+                EuiFlexItem55,
+                {
+                  grow: false,
+                  style: { minWidth: `${iconSize}px` },
+                  children: hasArgs && (isExpanded ? /* @__PURE__ */ jsx300(
+                    WfoChevronUp,
+                    {
+                      width: iconSize,
+                      height: iconSize
+                    }
+                  ) : /* @__PURE__ */ jsx300(
+                    WfoChevronDown,
+                    {
+                      width: iconSize,
+                      height: iconSize
+                    }
+                  ))
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    hasArgs && isExpanded && /* @__PURE__ */ jsx300("div", { css: expandedContentStyle, children: /* @__PURE__ */ jsx300(DisplayComponent, { parameters: args, result }) })
+  ] });
+};
 
 // src/components/WfoAgent/WfoAgent/WfoAgent.tsx
-import { jsx as jsx297, jsxs as jsxs159 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment72, jsx as jsx301, jsxs as jsxs162 } from "@emotion/react/jsx-runtime";
 var initialState3 = {
-  parameters: {
-    action: "select",
-    entity_type: "SUBSCRIPTION",
-    filters: [],
-    query: null
-  },
-  results: []
+  run_id: null,
+  query_id: null,
+  parameters: null,
+  results_data: null,
+  export_data: null
 };
 function WfoAgent() {
   const t = useTranslations108("agent");
@@ -59099,39 +59360,57 @@ function WfoAgent() {
     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__ */ jsxs159(EuiFlexGroup48, { gutterSize: "l", alignItems: "stretch", children: [
-    /* @__PURE__ */ jsxs159(EuiFlexItem54, { grow: 2, children: [
-      /* @__PURE__ */ jsx297(EuiText62, { children: /* @__PURE__ */ jsx297("h1", { children: t("title") }) }),
-      /* @__PURE__ */ jsx297(EuiSpacer34, { size: "m" }),
-      /* @__PURE__ */ jsx297(EuiText62, { size: "s", children: /* @__PURE__ */ jsx297("h2", { children: tPage("filledParameters") }) }),
-      /* @__PURE__ */ jsx297(EuiSpacer34, { size: "s" }),
-      displayParameters && /* @__PURE__ */ jsx297(FilterDisplay, { parameters: displayParameters }),
-      /* @__PURE__ */ jsx297(EuiSpacer34, { size: "m" }),
-      /* @__PURE__ */ jsx297(EuiText62, { size: "s", children: /* @__PURE__ */ jsxs159("h2", { children: [
-        tPage("results"),
-        " ",
-        results ? `(${results.length})` : ""
-      ] }) }),
-      /* @__PURE__ */ jsx297(EuiSpacer34, { size: "s" }),
-      /* @__PURE__ */ jsx297(
-        WfoSearchResults,
+  const { results_data } = state;
+  useCopilotAction({
+    name: "*",
+    render: ({
+      name,
+      status,
+      args,
+      result
+    }) => {
+      return /* @__PURE__ */ jsx301(
+        ToolProgress,
         {
-          results: results ?? [],
-          loading: isLoadingResults,
-          selectedRecordIndex: -1,
-          onRecordSelect: () => {
-          }
+          name,
+          status,
+          args,
+          result
         }
-      )
+      );
+    }
+  });
+  useCoAgentStateRender({
+    name: "query_agent",
+    render: ({ state: state2 }) => {
+      if (!state2?.export_data || state2.export_data.action !== "export") {
+        return null;
+      }
+      return /* @__PURE__ */ jsx301(ExportButton, { exportData: state2.export_data });
+    }
+  });
+  return /* @__PURE__ */ jsxs162(EuiFlexGroup50, { gutterSize: "l", alignItems: "stretch", children: [
+    /* @__PURE__ */ jsxs162(EuiFlexItem56, { grow: 2, children: [
+      /* @__PURE__ */ jsx301(EuiText65, { children: /* @__PURE__ */ jsx301("h1", { children: t("title") }) }),
+      /* @__PURE__ */ jsx301(EuiSpacer35, { size: "m" }),
+      results_data && results_data.action === "view_results" && /* @__PURE__ */ jsxs162(Fragment72, { children: [
+        results_data.message && /* @__PURE__ */ jsxs162(Fragment72, { children: [
+          /* @__PURE__ */ jsx301(EuiText65, { size: "s", children: /* @__PURE__ */ jsx301("p", { children: results_data.message }) }),
+          /* @__PURE__ */ jsx301(EuiSpacer35, { size: "s" })
+        ] }),
+        /* @__PURE__ */ jsx301(
+          WfoSearchResults,
+          {
+            results: results_data.results,
+            loading: false,
+            selectedRecordIndex: -1,
+            onRecordSelect: () => {
+            }
+          }
+        )
+      ] })
     ] }),
-    /* @__PURE__ */ jsx297(EuiFlexItem54, { grow: 1, children: /* @__PURE__ */ jsx297(
+    /* @__PURE__ */ jsx301(EuiFlexItem56, { grow: 1, children: /* @__PURE__ */ jsx301(
       CopilotSidebar,
       {
         defaultOpen: true,
@@ -59147,13 +59426,13 @@ function WfoAgent() {
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
 import { useCallback as useCallback14, useEffect as useEffect45, useState as useState65 } from "react";
-import { EuiFlexItem as EuiFlexItem55 } from "@elastic/eui";
+import { EuiFlexItem as EuiFlexItem57 } from "@elastic/eui";
 import Editor from "@monaco-editor/react";
 
 // src/components/WfoMonacoCodeBlock/styles.ts
-import { css as css54 } from "@emotion/react";
+import { css as css56 } from "@emotion/react";
 var getStyles15 = ({ theme }) => {
-  const monacoEditorStyle = css54({
+  const monacoEditorStyle = css56({
     marginTop: 10,
     padding: 10,
     backgroundColor: theme.colors.body,
@@ -59165,7 +59444,7 @@ var getStyles15 = ({ theme }) => {
 };
 
 // src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
-import { jsx as jsx298 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx302 } from "@emotion/react/jsx-runtime";
 var MONACO_THEME = {
   light: "vs",
   dark: "hc-black"
@@ -59202,7 +59481,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
     setEditorHeight(Math.min(scrollHeight, 500));
     setMonacoInstance(monaco);
   }
-  return /* @__PURE__ */ jsx298(EuiFlexItem55, { css: monacoEditorStyle, children: /* @__PURE__ */ jsx298(
+  return /* @__PURE__ */ jsx302(EuiFlexItem57, { css: monacoEditorStyle, children: /* @__PURE__ */ jsx302(
     Editor,
     {
       height: editorHeight,
@@ -59226,16 +59505,16 @@ var WfoMonacoCodeBlock = ({ data }) => {
 };
 
 // src/components/WfoLogoSpinner/styles.ts
-import { css as css55 } from "@emotion/react";
+import { css as css57 } from "@emotion/react";
 var getWfoLogoSpinnerStyles = () => {
-  const spinCenteringCss = css55({
+  const spinCenteringCss = css57({
     width: "100vw",
     height: "100vh",
     display: "flex",
     alignItems: "center",
     justifyContent: "center"
   });
-  const spinContainerCss = css55({
+  const spinContainerCss = css57({
     display: "flex",
     alignItems: "center",
     width: "80px",
@@ -59245,7 +59524,7 @@ var getWfoLogoSpinnerStyles = () => {
     backgroundColor: "#04385F",
     borderRadius: "8px"
   });
-  const spinPathCss = css55({
+  const spinPathCss = css57({
     transformBox: "fill-box",
     transformOrigin: "center",
     animation: "spin 3s linear infinite",
@@ -59262,10 +59541,10 @@ var getWfoLogoSpinnerStyles = () => {
 };
 
 // src/components/WfoLogoSpinner/WfoLogoSpinner.tsx
-import { jsx as jsx299, jsxs as jsxs160 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx303, jsxs as jsxs163 } from "@emotion/react/jsx-runtime";
 var WfoLogoSpinner = () => {
   const { spinContainerCss, spinCenteringCss, spinPathCss } = getWfoLogoSpinnerStyles();
-  return /* @__PURE__ */ jsx299("div", { css: spinCenteringCss, children: /* @__PURE__ */ jsx299("div", { css: spinContainerCss, children: /* @__PURE__ */ jsxs160(
+  return /* @__PURE__ */ jsx303("div", { css: spinCenteringCss, children: /* @__PURE__ */ jsx303("div", { css: spinContainerCss, children: /* @__PURE__ */ jsxs163(
     "svg",
     {
       width: "64",
@@ -59274,7 +59553,7 @@ var WfoLogoSpinner = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx299(
+        /* @__PURE__ */ jsx303(
           "path",
           {
             css: spinPathCss,
@@ -59284,7 +59563,7 @@ var WfoLogoSpinner = () => {
             fill: "#76B5E0"
           }
         ),
-        /* @__PURE__ */ jsx299(
+        /* @__PURE__ */ jsx303(
           "path",
           {
             fillRule: "evenodd",
@@ -59796,7 +60075,6 @@ var en_GB_default = {
     title: "Search results",
     page: {
       filledParameters: "Filled parameters",
-      results: "Results",
       emptyGroup: "Empty group",
       searchQuery: "Search query",
       activeFilters: "Active filters",
@@ -59805,7 +60083,7 @@ var en_GB_default = {
       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."
+        initial: "Ask me things such as:\n\u2022 *Find active subscriptions*\n\u2022 *Show terminated workflows\u201D*\n\nThe filled template and results will appear on the left."
       }
     }
   },
@@ -59842,7 +60120,6 @@ var en_GB_default = {
       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",
@@ -60402,7 +60679,6 @@ export {
   ErrorField,
   ErrorsField,
   FileUploadField,
-  FilterDisplay,
   FilterGroup,
   Footer,
   HIDDEN_KEYS,
@@ -60684,7 +60960,6 @@ export {
   WfoSubmitModal,
   WfoSubscription,
   WfoSubscriptionActions,
-  WfoSubscriptionDetailModal,
   WfoSubscriptionDetailNoteEdit,
   WfoSubscriptionDetailPage,
   WfoSubscriptionDetailSection,
@@ -60758,7 +61033,6 @@ export {
   emptyOrchestratorConfig,
   emptyWfoErrorMonitoring,
   filterDataByCriteria,
-  findResultIndexById,
   flattenArrayProps,
   formatDate,
   formatDateCetWithUtc,
@@ -60777,9 +61051,7 @@ export {
   getDataTestId,
   getDate,
   getDefaultTableConfig,
-  getDescription,
   getDetailUrl,
-  getDisplayText,
   getEndpointPath,
   getEnvironmentVariables,
   getFieldFromProductBlockInstanceValues,
@@ -60807,7 +61079,6 @@ export {
   getQueryStringHandler,
   getQueryUrl,
   getQueryVariablesForExport,
-  getRecordId,
   getRowDetailData,
   getSortDirectionFromString,
   getStatusBadgeColor,