@orchestrator-ui/orchestrator-ui-components 3.5.1 → 3.6.0

package/dist/index.js

@@ -26797,7 +26797,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "3.5.1";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "3.6.0";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -36501,8 +36501,8 @@ var WfoQuestionCircle = ({
           children: /* @__PURE__ */ jsx56("g", { id: "icon/play-circle", fill: "none", fillRule: "nonzero", children: /* @__PURE__ */ jsx56(
             "path",
             {
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
               d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"
             }
           ) })
@@ -36846,6 +36846,7 @@ var onlyUnique = (value, index, array) => {
 
 // src/utils/optionalArray.ts
 var toOptionalArrayEntry = (data, condition) => condition ? [data] : [];
+var toOptionalArrayEntries = (data, condition) => condition ? Array.isArray(data) ? data : [data] : [];
 var optionalArrayMapper = (data = [], mapper) => data.map(mapper);
 
 // src/utils/resultFlattener.ts
@@ -37227,9 +37228,14 @@ var WfoPageTemplate = ({
 
 // src/components/WfoPageTemplate/WfoSidebar/WfoSidebar.tsx
 import { useState as useState10 } from "react";
-import { useTranslations as useTranslations8 } from "next-intl";
+import { useTranslations as useTranslations7 } from "next-intl";
 import { useRouter as useRouter2 } from "next/router";
-import { EuiHorizontalRule, EuiSideNav, EuiSpacer as EuiSpacer3 } from "@elastic/eui";
+import {
+  EuiHorizontalRule,
+  EuiSideNav,
+  EuiSpacer as EuiSpacer3,
+  htmlIdGenerator
+} from "@elastic/eui";
 
 // src/components/WfoPageTemplate/WfoSidebar/styles.ts
 import { css as css4 } from "@emotion/react";
@@ -37474,41 +37480,8 @@ var WfoCopyright = () => {
   ] }) }) }) });
 };
 
-// src/components/WfoPageTemplate/WfoSidebar/WfoMenuLink.tsx
-import { useTranslations as useTranslations7 } from "next-intl";
-import Link from "next/link";
-import { jsx as jsx64 } from "@emotion/react/jsx-runtime";
-var WfoMenuItemLink = ({
-  path,
-  target,
-  translationString,
-  isSelected,
-  isSubItem,
-  hasSubItems
-}) => {
-  const {
-    menuItemStyle,
-    selectedMenuItem,
-    selectedSubMenuItem,
-    subMenuHeaderStyle,
-    subMenuItemStyle
-  } = useWithOrchestratorTheme(getMenuItemStyles);
-  const getMenuItemStyle = () => {
-    if (isSubItem) {
-      return isSelected ? selectedSubMenuItem : subMenuItemStyle;
-    } else if (isSelected && hasSubItems) {
-      return subMenuHeaderStyle;
-    } else {
-      return isSelected ? selectedMenuItem : menuItemStyle;
-    }
-  };
-  const t = useTranslations7("main");
-  const linkText = t(translationString) === `main.${translationString}` ? translationString : t(translationString);
-  return /* @__PURE__ */ jsx64(Link, { css: getMenuItemStyle(), href: path, target, children: linkText });
-};
-
 // src/components/WfoPageTemplate/WfoSidebar/WfoSidebar.tsx
-import { Fragment as Fragment4, jsx as jsx65, jsxs as jsxs42 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx64, jsxs as jsxs42 } from "@emotion/react/jsx-runtime";
 var urlPolicyMap = /* @__PURE__ */ new Map([
   [PATH_WORKFLOWS, "/orchestrator/processes/" /* NAVIGATION_WORKFLOWS */],
   [PATH_SUBSCRIPTIONS, "/orchestrator/subscriptions/" /* NAVIGATION_SUBSCRIPTIONS */],
@@ -37516,14 +37489,14 @@ var urlPolicyMap = /* @__PURE__ */ new Map([
   [PATH_TASKS, "/orchestrator/tasks/" /* NAVIGATION_TASKS */],
   [PATH_SETTINGS, "/orchestrator/settings/" /* NAVIGATION_SETTINGS */]
 ]);
-var sideNavMenuDivider = {
+var createSideNavDivider = () => ({
   name: "",
-  id: "menuDivider",
-  renderItem: () => /* @__PURE__ */ jsx65(EuiHorizontalRule, { margin: "xs" })
-};
+  id: htmlIdGenerator("menuDivider")(),
+  renderItem: () => /* @__PURE__ */ jsx64(EuiHorizontalRule, { margin: "xs" })
+});
 var WfoSidebar = ({ overrideMenuItems }) => {
   const { menuStyle } = useWithOrchestratorTheme(getMenuStyles);
-  const t = useTranslations8("main");
+  const t = useTranslations7("main");
   const router = useRouter2();
   const [isSideNavOpenOnMobile, setIsSideNavOpenOnMobile] = useState10(false);
   const { isAllowed } = usePolicy();
@@ -37536,7 +37509,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
       id: "start",
       isSelected: router.pathname === PATH_START,
       href: PATH_START,
-      renderItem: () => /* @__PURE__ */ jsx65(
+      renderItem: () => /* @__PURE__ */ jsx64(
         WfoMenuItemLink,
         {
           path: PATH_START,
@@ -37550,7 +37523,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
       id: "subscriptions",
       isSelected: router.pathname.startsWith(PATH_SUBSCRIPTIONS),
       href: PATH_SUBSCRIPTIONS,
-      renderItem: () => /* @__PURE__ */ jsx65(
+      renderItem: () => /* @__PURE__ */ jsx64(
         WfoMenuItemLink,
         {
           path: PATH_SUBSCRIPTIONS,
@@ -37564,7 +37537,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
       id: "workflows",
       isSelected: router.pathname.startsWith(PATH_WORKFLOWS),
       href: PATH_WORKFLOWS,
-      renderItem: () => /* @__PURE__ */ jsx65(
+      renderItem: () => /* @__PURE__ */ jsx64(
         WfoMenuItemLink,
         {
           path: PATH_WORKFLOWS,
@@ -37578,7 +37551,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
       isSelected: router.pathname.startsWith(PATH_TASKS),
       id: "tasks",
       href: PATH_TASKS,
-      renderItem: () => /* @__PURE__ */ jsx65(
+      renderItem: () => /* @__PURE__ */ jsx64(
         WfoMenuItemLink,
         {
           path: PATH_TASKS,
@@ -37592,7 +37565,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
       id: "metadata",
       href: PATH_METADATA,
       isSelected: router.pathname.substring(0, PATH_METADATA.length) === PATH_METADATA,
-      renderItem: () => /* @__PURE__ */ jsx65(
+      renderItem: () => /* @__PURE__ */ jsx64(
         WfoMenuItemLink,
         {
           path: PATH_METADATA_PRODUCTS,
@@ -37605,7 +37578,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
           name: t("metadataProducts"),
           id: "metadata-products",
           href: PATH_METADATA_PRODUCTS,
-          renderItem: () => /* @__PURE__ */ jsx65(
+          renderItem: () => /* @__PURE__ */ jsx64(
             WfoMenuItemLink,
             {
               path: PATH_METADATA_PRODUCTS,
@@ -37620,7 +37593,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
           id: "metadata-productblocks",
           isSelected: router.pathname === PATH_METADATA_PRODUCT_BLOCKS,
           href: PATH_METADATA_PRODUCT_BLOCKS,
-          renderItem: () => /* @__PURE__ */ jsx65(
+          renderItem: () => /* @__PURE__ */ jsx64(
             WfoMenuItemLink,
             {
               path: PATH_METADATA_PRODUCT_BLOCKS,
@@ -37635,7 +37608,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
           id: "metadata-resourceTypes",
           href: PATH_METADATA_RESOURCE_TYPES,
           isSelected: router.pathname === PATH_METADATA_RESOURCE_TYPES,
-          renderItem: () => /* @__PURE__ */ jsx65(
+          renderItem: () => /* @__PURE__ */ jsx64(
             WfoMenuItemLink,
             {
               path: PATH_METADATA_RESOURCE_TYPES,
@@ -37650,7 +37623,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
           id: "metadata-workflows",
           isSelected: router.pathname === PATH_METADATA_WORKFLOWS,
           href: PATH_METADATA_WORKFLOWS,
-          renderItem: () => /* @__PURE__ */ jsx65(
+          renderItem: () => /* @__PURE__ */ jsx64(
             WfoMenuItemLink,
             {
               path: PATH_METADATA_WORKFLOWS,
@@ -37665,7 +37638,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
           id: "metadata-tasks",
           isSelected: router.pathname === PATH_METADATA_TASKS,
           href: PATH_METADATA_TASKS,
-          renderItem: () => /* @__PURE__ */ jsx65(
+          renderItem: () => /* @__PURE__ */ jsx64(
             WfoMenuItemLink,
             {
               path: PATH_METADATA_TASKS,
@@ -37682,7 +37655,7 @@ var WfoSidebar = ({ overrideMenuItems }) => {
       id: "settings",
       isSelected: router.pathname === PATH_SETTINGS,
       href: PATH_SETTINGS,
-      renderItem: () => /* @__PURE__ */ jsx65(
+      renderItem: () => /* @__PURE__ */ jsx64(
         WfoMenuItemLink,
         {
           path: PATH_SETTINGS,
@@ -37698,22 +37671,22 @@ var WfoSidebar = ({ overrideMenuItems }) => {
   const defaultMenu = [
     {
       renderItem: () => /* @__PURE__ */ jsxs42(Fragment4, { children: [
-        /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx64(
           WfoIsAllowedToRender,
           {
             resource: "/orchestrator/processes/create/process/menu" /* SUBSCRIPTION_CREATE */,
-            children: /* @__PURE__ */ jsx65(WfoStartWorkflowButtonComboBox, {})
+            children: /* @__PURE__ */ jsx64(WfoStartWorkflowButtonComboBox, {})
           }
         ),
-        /* @__PURE__ */ jsx65(EuiSpacer3, { size: "xl" }),
-        /* @__PURE__ */ jsx65(WfoCopyright, {})
+        /* @__PURE__ */ jsx64(EuiSpacer3, { size: "xl" }),
+        /* @__PURE__ */ jsx64(WfoCopyright, {})
       ] }),
       name: "Menu",
       id: "1",
       items: overrideMenuItems ? overrideMenuItems(defaultMenuItemsFilteredByPolicy) : defaultMenuItemsFilteredByPolicy
     }
   ];
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx64(
     EuiSideNav,
     {
       css: menuStyle,
@@ -37725,6 +37698,39 @@ var WfoSidebar = ({ overrideMenuItems }) => {
   );
 };
 
+// src/components/WfoPageTemplate/WfoSidebar/WfoMenuLink.tsx
+import { useTranslations as useTranslations8 } from "next-intl";
+import Link from "next/link";
+import { jsx as jsx65 } from "@emotion/react/jsx-runtime";
+var WfoMenuItemLink = ({
+  path,
+  target,
+  translationString,
+  isSelected,
+  isSubItem,
+  hasSubItems
+}) => {
+  const {
+    menuItemStyle,
+    selectedMenuItem,
+    selectedSubMenuItem,
+    subMenuHeaderStyle,
+    subMenuItemStyle
+  } = useWithOrchestratorTheme(getMenuItemStyles);
+  const getMenuItemStyle = () => {
+    if (isSubItem) {
+      return isSelected ? selectedSubMenuItem : subMenuItemStyle;
+    } else if (isSelected && hasSubItems) {
+      return subMenuHeaderStyle;
+    } else {
+      return isSelected ? selectedMenuItem : menuItemStyle;
+    }
+  };
+  const t = useTranslations8("main");
+  const linkText = t(translationString) === `main.${translationString}` ? translationString : t(translationString);
+  return /* @__PURE__ */ jsx65(Link, { css: getMenuItemStyle(), href: path, target, children: linkText });
+};
+
 // src/components/WfoPageTemplate/WfoSidebar/utils/menuItemIsAllowed.ts
 var menuItemIsAllowed = (url, urlPolicyMap2, isAllowedHandler) => {
   if (!url) {
@@ -40047,7 +40053,7 @@ var getWfoTableStyles = ({ theme, isDarkThemeActive }) => {
     overflowX: "auto"
   });
   const tableStyle = css14({
-    width: "auto"
+    width: "100%"
   });
   const headerStyle = css14({
     backgroundColor: theme.colors.lightShade,
@@ -40103,7 +40109,8 @@ var getWfoTableStyles = ({ theme, isDarkThemeActive }) => {
     verticalAlign: "middle"
   });
   const cellContentStyle = css14({
-    display: "inline-block"
+    display: "inline-block",
+    width: "100%"
   });
   const emptyTableMessageStyle = css14({
     textAlign: "center"
@@ -40129,7 +40136,7 @@ var getWfoTableStyles = ({ theme, isDarkThemeActive }) => {
     position: "absolute",
     height: "100%",
     zIndex: theme.levels.menu,
-    "&:hover, &:active": {
+    "&:active, &:focus": {
       transition: "background-color 0.15s",
       backgroundColor: isDarkThemeActive ? theme.colors.mediumShade : theme.colors.header
     },
@@ -40144,7 +40151,7 @@ var getWfoTableStyles = ({ theme, isDarkThemeActive }) => {
       opacity: 0.6,
       zIndex: theme.levels.navigation
     },
-    "&:hover::after, &:active::after": {
+    "&:active::after": {
       transition: "opacity 0.15s",
       opacity: 0
     }
@@ -40204,6 +40211,15 @@ function mapSortableAndFilterableValuesToTableColumnConfig(tableColumnConfig, so
   );
   return Object.fromEntries(tableColumnConfigUpdatedEntries);
 }
+var getColumnWidthsFromConfig = (columnConfig) => {
+  const columnEntries = Object.entries(columnConfig);
+  return columnEntries.reduce((columnWidths, [key, config]) => {
+    if (config.columnType === "data" /* DATA */) {
+      columnWidths[key] = config.width ?? "auto";
+    }
+    return columnWidths;
+  }, {});
+};
 
 // src/components/WfoTable/WfoTable/WfoTableDataRows.tsx
 import { Fragment as Fragment17, jsx as jsx101, jsxs as jsxs56 } from "@emotion/react/jsx-runtime";
@@ -40317,38 +40333,48 @@ var WfoDragHandler = ({
   onUpdateColumWidth
 }) => {
   const [position, setPosition] = useState12({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = useState12(false);
+  const { dragAndDropStyle } = useWithOrchestratorTheme(getWfoTableStyles);
+  const resetPosition = () => {
+    setPosition({ x: 0, y: 0 });
+  };
+  const onStart = () => {
+    setIsDragging(false);
+  };
   const onDrag = (_2, data) => {
+    setIsDragging(true);
     setPosition({ x: data.x, y: data.y });
   };
-  const resetPosition = () => {
-    setPosition({ x: 0, y: 0 });
+  const onStop = (_2, data) => {
+    if (headerRowRef.current && isDragging) {
+      const newWidth = startWidth + data.x;
+      onUpdateColumWidth(
+        fieldName,
+        newWidth > MINIMUM_COLUMN_WIDTH ? newWidth : MINIMUM_COLUMN_WIDTH
+      );
+      resetPosition();
+      setIsDragging(false);
+    }
   };
-  const { dragAndDropStyle } = useWithOrchestratorTheme(getWfoTableStyles);
   const thElement = headerRowRef.current && headerRowRef.current.querySelector(
     `th[data-field-name="${fieldName}"]`
   );
   const startWidth = thElement?.getBoundingClientRect().width ?? MINIMUM_COLUMN_WIDTH;
+  const bounds = {
+    left: MINIMUM_COLUMN_WIDTH - startWidth,
+    top: 0,
+    bottom: 0
+  };
   return /* @__PURE__ */ jsx102("div", { children: /* @__PURE__ */ jsx102(
     Draggable,
     {
+      allowAnyClick: false,
       axis: "x",
       position,
+      onStart,
       onDrag,
-      bounds: {
-        left: MINIMUM_COLUMN_WIDTH - startWidth,
-        top: 0,
-        bottom: 0
-      },
-      onStop: (_2, data) => {
-        if (headerRowRef.current) {
-          const newWidth = startWidth + data.x;
-          onUpdateColumWidth(
-            fieldName,
-            newWidth > MINIMUM_COLUMN_WIDTH ? newWidth : MINIMUM_COLUMN_WIDTH
-          );
-          resetPosition();
-        }
-      },
+      bounds,
+      onStop,
       children: /* @__PURE__ */ jsx102("div", { css: dragAndDropStyle })
     }
   ) });
@@ -40574,20 +40600,19 @@ var WfoTable = ({
   onUpdateDataSorting,
   onUpdateDataSearch,
   onRowClick,
+  appendFillerColumn = true,
   className
 }) => {
-  const getColumnWidthsFromConfig = (columnConfig2) => {
-    return Object.entries(columnConfig2).reduce(
-      (columnWidths, [key, config]) => {
-        if (config.columnType === "data" /* DATA */) {
-          columnWidths[key] = config.width ?? "auto";
-        }
-        return columnWidths;
-      },
-      {}
-    );
-  };
   const [localColumnWidths, setLocalColumnWidths] = useState14(getColumnWidthsFromConfig(columnConfig));
+  const columnConfigWithFiller = appendFillerColumn ? {
+    ...columnConfig,
+    filler: {
+      columnType: "control" /* CONTROL */,
+      label: "",
+      width: "100%",
+      renderControl: () => null
+    }
+  } : columnConfig;
   const {
     tableContainerStyle,
     tableStyle,
@@ -40600,7 +40625,7 @@ var WfoTable = ({
   } = useWithOrchestratorTheme(getWfoTableStyles);
   const t = useTranslations24("common");
   const sortedVisibleColumns = getSortedVisibleColumns(
-    columnConfig,
+    columnConfigWithFiller,
     columnOrder,
     hiddenColumns
   );
@@ -40613,7 +40638,7 @@ var WfoTable = ({
     });
   };
   const configWithLocalWidths = Object.entries(
-    columnConfig
+    columnConfigWithFiller
   ).reduce((mergedConfig, [fieldName, fieldConfig]) => {
     const key = fieldName;
     if (fieldConfig.columnType === "data" /* DATA */) {
@@ -41088,7 +41113,8 @@ var WfoGroupedTable = ({
           uniqueRowId: "groupName",
           uniqueRowIdToExpandedRowMap
         },
-        onRowClick: ({ groupName }) => toggleExpandedRow(groupName)
+        onRowClick: ({ groupName }) => toggleExpandedRow(groupName),
+        appendFillerColumn: false
       }
     )
   ] });
@@ -41152,7 +41178,7 @@ var WfoToolTip = ({
       content: tooltipContent,
       css: { maxWidth: "fit-content" },
       repositionOnScroll: true,
-      children: /* @__PURE__ */ jsx115("div", { children })
+      children: /* @__PURE__ */ jsx115("div", { css: { width: "100%" }, children })
     }
   );
 };
@@ -42628,7 +42654,6 @@ var WfoInlineEdit = ({
   onSave = () => {
   }
 }) => {
-  const { theme } = useOrchestratorTheme();
   const [note, setValue] = useState21(value);
   const [isTooltipVisible, setIsTooltipVisible] = useState21(true);
   const handleSave = () => {
@@ -42651,6 +42676,9 @@ var WfoInlineEdit = ({
           ".euiIcon": {
             visibility: "visible"
           }
+        },
+        "& > .euiToolTipAnchor": {
+          width: "100%"
         }
       },
       children: /* @__PURE__ */ jsx132(
@@ -42672,7 +42700,6 @@ var WfoInlineEdit = ({
               onSave: handleSave,
               size: "s",
               css: {
-                width: theme.base * 16,
                 ".euiFlexItem:nth-of-type(2)": {
                   justifyContent: "center"
                 },
@@ -42704,8 +42731,7 @@ var WfoInlineEdit = ({
                     justifyContent: "left",
                     height: "32px",
                     paddingLeft: "4px",
-                    margin: "0",
-                    width: "98%"
+                    margin: "0"
                   }
                 },
                 formRowProps: {
@@ -49416,6 +49442,7 @@ var TextArea = ({
       name: pydanticFormField.id,
       onChange: (event) => onChange(event.target.value),
       value: value ?? "",
+      id: `input-${pydanticFormField.id}`,
       fullWidth: true
     }
   );
@@ -51659,78 +51686,59 @@ var WfoEngineStatusButton = () => {
 };
 
 // src/components/WfoSettings/WfoModifySettings.tsx
-import { useTranslations as useTranslations75 } from "next-intl";
-import { EuiFlexItem as EuiFlexItem28, EuiPanel as EuiPanel7, EuiSpacer as EuiSpacer25, EuiText as EuiText42 } from "@elastic/eui";
-
-// src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx
 import { useTranslations as useTranslations74 } from "next-intl";
-import { EuiButton as EuiButton17 } from "@elastic/eui";
-import { jsx as jsx224 } from "@emotion/react/jsx-runtime";
-var WfoResetTextSearchIndexButton = () => {
-  const [resetTextSearchIndex] = useResetTextSearchIndexMutation();
-  const t = useTranslations74("settings.page");
-  return /* @__PURE__ */ jsx224(
-    EuiButton17,
-    {
-      onClick: () => resetTextSearchIndex(null),
-      iconType: "refresh",
-      children: t("resetTextSearchIndexButton")
-    }
-  );
-};
-
-// src/components/WfoSettings/WfoModifySettings.tsx
-import { jsx as jsx225, jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
+import { EuiFlexItem as EuiFlexItem28, EuiPanel as EuiPanel7, EuiSpacer as EuiSpacer25, EuiText as EuiText42 } from "@elastic/eui";
+import { jsx as jsx224, jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
-  const t = useTranslations75("settings.page");
+  const t = useTranslations74("settings.page");
   return /* @__PURE__ */ jsxs122(EuiFlexItem28, { children: [
     /* @__PURE__ */ jsxs122(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-      /* @__PURE__ */ jsx225(EuiText42, { size: "s", children: /* @__PURE__ */ jsx225("h4", { children: t("resetTextSearchIndex") }) }),
-      /* @__PURE__ */ jsx225(EuiSpacer25, { size: "m" }),
-      /* @__PURE__ */ jsx225(WfoResetTextSearchIndexButton, {})
+      /* @__PURE__ */ jsx224(EuiText42, { size: "s", children: /* @__PURE__ */ jsx224("h4", { children: t("resetTextSearchIndex") }) }),
+      /* @__PURE__ */ jsx224(EuiSpacer25, { size: "m" }),
+      /* @__PURE__ */ jsx224(WfoResetTextSearchIndexButton, {})
     ] }),
-    /* @__PURE__ */ jsx225(EuiSpacer25, {}),
+    /* @__PURE__ */ jsx224(EuiSpacer25, {}),
     /* @__PURE__ */ jsxs122(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
-      /* @__PURE__ */ jsx225(EuiText42, { size: "s", children: /* @__PURE__ */ jsx225("h4", { children: t("modifyEngine") }) }),
-      /* @__PURE__ */ jsx225(EuiSpacer25, { size: "m" }),
-      /* @__PURE__ */ jsx225(WfoEngineStatusButton, {})
+      /* @__PURE__ */ jsx224(EuiText42, { size: "s", children: /* @__PURE__ */ jsx224("h4", { children: t("modifyEngine") }) }),
+      /* @__PURE__ */ jsx224(EuiSpacer25, { size: "m" }),
+      /* @__PURE__ */ jsx224(WfoEngineStatusButton, {})
     ] })
   ] });
 };
 
 // src/components/WfoSettings/WfoEngineStatus.tsx
-import { useTranslations as useTranslations76 } from "next-intl";
+import { useTranslations as useTranslations75 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup26, EuiFlexItem as EuiFlexItem29, EuiPanel as EuiPanel8, EuiText as EuiText43 } from "@elastic/eui";
-import { jsx as jsx226, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx225, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatus = () => {
   const { theme } = useOrchestratorTheme();
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
-  const t = useTranslations76("settings.page");
-  return /* @__PURE__ */ jsx226(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs123(EuiFlexGroup26, { direction: "column", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx226(EuiFlexItem29, { children: /* @__PURE__ */ jsx226(EuiText43, { size: "s", children: /* @__PURE__ */ jsx226("h4", { children: t("engineStatusTitle") }) }) }),
+  const t = useTranslations75("settings.page");
+  return /* @__PURE__ */ jsx225(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs123(EuiFlexGroup26, { direction: "column", gutterSize: "s", children: [
+    /* @__PURE__ */ jsx225(EuiFlexItem29, { children: /* @__PURE__ */ jsx225(EuiText43, { size: "s", children: /* @__PURE__ */ jsx225("h4", { children: t("engineStatusTitle") }) }) }),
     /* @__PURE__ */ jsxs123(EuiFlexItem29, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx226(EuiText43, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
-      /* @__PURE__ */ jsx226(EuiText43, { size: "s", children: runningProcesses || "-" })
+      /* @__PURE__ */ jsx225(EuiText43, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
+      /* @__PURE__ */ jsx225(EuiText43, { size: "s", children: runningProcesses || "-" })
     ] }),
     /* @__PURE__ */ jsxs123(EuiFlexItem29, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx226(EuiText43, { size: "s", style: { minWidth: 190 }, children: t("status") }),
-      /* @__PURE__ */ jsx226(
+      /* @__PURE__ */ jsx225(EuiText43, { size: "s", style: { minWidth: 190 }, children: t("status") }),
+      /* @__PURE__ */ jsx225(
         WfoStatusDotIcon,
         {
           color: isRunning ? theme.colors.success : theme.colors.warning
         }
       ),
-      /* @__PURE__ */ jsx226(EuiText43, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx226("p", { children: engineStatus }) })
+      /* @__PURE__ */ jsx225(EuiText43, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx225("p", { children: engineStatus }) })
     ] })
   ] }) });
 };
 
 // src/components/WfoSettings/WfoWorkerStatus.tsx
-import { useTranslations as useTranslations77 } from "next-intl";
+import { useTranslations as useTranslations76 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup27, EuiFlexItem as EuiFlexItem30, EuiPanel as EuiPanel9, EuiText as EuiText44 } from "@elastic/eui";
-import { jsx as jsx227, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx226, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
 var WfoWorkerStatus = () => {
   const { data } = useGetWorkerStatusQuery();
   const {
@@ -51739,24 +51747,41 @@ var WfoWorkerStatus = () => {
     numberOfRunningJobs,
     numberOfWorkersOnline
   } = data || {};
-  const t = useTranslations77("settings.page");
-  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx227(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs124(EuiFlexGroup27, { direction: "column", gutterSize: "s", children: [
-    /* @__PURE__ */ jsx227(EuiFlexItem30, { children: /* @__PURE__ */ jsx227(EuiText44, { size: "s", children: /* @__PURE__ */ jsx227("h4", { children: t("workerStatusTitle") }) }) }),
+  const t = useTranslations76("settings.page");
+  return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx226(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs124(EuiFlexGroup27, { direction: "column", gutterSize: "s", children: [
+    /* @__PURE__ */ jsx226(EuiFlexItem30, { children: /* @__PURE__ */ jsx226(EuiText44, { size: "s", children: /* @__PURE__ */ jsx226("h4", { children: t("workerStatusTitle") }) }) }),
     /* @__PURE__ */ jsxs124(EuiFlexItem30, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx227(EuiText44, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
-      /* @__PURE__ */ jsx227(EuiText44, { size: "s", children: numberOfQueuedJobs || "-" })
+      /* @__PURE__ */ jsx226(EuiText44, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
+      /* @__PURE__ */ jsx226(EuiText44, { size: "s", children: numberOfQueuedJobs || "-" })
     ] }),
     /* @__PURE__ */ jsxs124(EuiFlexItem30, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx227(EuiText44, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
-      /* @__PURE__ */ jsx227(EuiText44, { size: "s", children: numberOfRunningJobs || "-" })
+      /* @__PURE__ */ jsx226(EuiText44, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
+      /* @__PURE__ */ jsx226(EuiText44, { size: "s", children: numberOfRunningJobs || "-" })
     ] }),
     /* @__PURE__ */ jsxs124(EuiFlexItem30, { css: { flexDirection: "row" }, children: [
-      /* @__PURE__ */ jsx227(EuiText44, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
-      /* @__PURE__ */ jsx227(EuiText44, { size: "s", children: numberOfWorkersOnline || "-" })
+      /* @__PURE__ */ jsx226(EuiText44, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
+      /* @__PURE__ */ jsx226(EuiText44, { size: "s", children: numberOfWorkersOnline || "-" })
     ] })
   ] }) }) || null;
 };
 
+// src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx
+import { useTranslations as useTranslations77 } from "next-intl";
+import { EuiButton as EuiButton17 } from "@elastic/eui";
+import { jsx as jsx227 } from "@emotion/react/jsx-runtime";
+var WfoResetTextSearchIndexButton = () => {
+  const [resetTextSearchIndex] = useResetTextSearchIndexMutation();
+  const t = useTranslations77("settings.page");
+  return /* @__PURE__ */ jsx227(
+    EuiButton17,
+    {
+      onClick: () => resetTextSearchIndex(null),
+      iconType: "refresh",
+      children: t("resetTextSearchIndexButton")
+    }
+  );
+};
+
 // src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
 import React74 from "react";
 import { jsx as jsx228, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
@@ -54312,6 +54337,7 @@ export {
   camelToHuman,
   catchErrorResponse,
   clearTableConfigFromLocalStorage,
+  createSideNavDivider,
   csvDownloadHandler,
   defaultOrchestratorTheme,
   defaultTasksListTabs,
@@ -54414,7 +54440,6 @@ export {
   resourceTypesQuery,
   selectOrchestratorConfig,
   setTableConfigToLocalStorage,
-  sideNavMenuDivider,
   snakeToHuman,
   snakeToKebab,
   sortProcessesByDate,
@@ -54432,6 +54457,7 @@ export {
   toObjectWithSerializedValues,
   toObjectWithSortedKeys,
   toObjectWithSortedProperties,
+  toOptionalArrayEntries,
   toOptionalArrayEntry,
   toSortedTableColumnConfig,
   toastMessagesReducer,