@orchestrator-ui/orchestrator-ui-components 4.0.1 → 4.1.0

package/dist/index.js

@@ -26798,7 +26798,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
 })(PolicyResource || {});
 
 // src/configuration/version.ts
-var ORCHESTRATOR_UI_LIBRARY_VERSION = "4.0.1";
+var ORCHESTRATOR_UI_LIBRARY_VERSION = "4.1.0";
 
 // src/types/types.ts
 var EngineStatus = /* @__PURE__ */ ((EngineStatus3) => {
@@ -33445,22 +33445,32 @@ var getOrchestratorConfigSlice = (config) => {
 };
 var selectOrchestratorConfig = (state) => state.orchestratorConfig;
 
+// src/rtk/slices/pydanticForm.ts
+var getPydanticFormSlice = (pydanticForm) => createSlice({
+  name: "pydanticForm",
+  initialState: pydanticForm,
+  reducers: {}
+});
+
 // src/rtk/store.ts
 var getOrchestratorStore = ({
   orchestratorConfig,
   orchestratorComponentOverride = {},
+  pydanticForm = {},
   customApis
 }) => {
   const configSlice = getOrchestratorConfigSlice(orchestratorConfig);
   const orchestratorComponentOverrideSlice = getOrchestratorComponentOverrideSlice(orchestratorComponentOverride);
   const customApisSlice = getCustomApiSlice(customApis);
+  const componentMatcherSlice = getPydanticFormSlice(pydanticForm);
   const orchestratorStore = configureStore({
     reducer: {
       [orchestratorApi.reducerPath]: orchestratorApi.reducer,
       toastMessages: toastMessagesReducer,
       orchestratorConfig: configSlice.reducer,
       orchestratorComponentOverride: orchestratorComponentOverrideSlice.reducer,
-      customApis: customApisSlice?.reducer
+      customApis: customApisSlice?.reducer,
+      pydanticForm: componentMatcherSlice?.reducer
     },
     middleware: (getDefaultMiddleware) => getDefaultMiddleware({
       serializableCheck: false
@@ -33781,12 +33791,16 @@ import { jsx as jsx8 } from "@emotion/react/jsx-runtime";
 var StoreProvider = ({
   initialOrchestratorConfig,
   orchestratorComponentOverride,
+  componentMatcher,
   customApis = [],
   children
 }) => {
   const store = getOrchestratorStore({
     orchestratorConfig: initialOrchestratorConfig ?? emptyOrchestratorConfig,
     orchestratorComponentOverride,
+    pydanticForm: {
+      componentMatcher: componentMatcher || void 0
+    },
     customApis
   });
   const [orchestratorStore] = useState6(store);
@@ -48394,7 +48408,7 @@ var WfoDropdownButton = ({
 };
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { useTranslations as useTranslations73 } from "next-intl";
+import { useTranslations as useTranslations74 } from "next-intl";
 import Link12 from "next/link";
 import { useRouter as useRouter14 } from "next/router";
 
@@ -50047,7 +50061,7 @@ var WfoProcessDetailPage = ({
 
 // src/pages/processes/WfoStartProcessPage.tsx
 import { useCallback as useCallback7, useEffect as useEffect29, useMemo as useMemo5, useState as useState47 } from "react";
-import { useTranslations as useTranslations66 } from "next-intl";
+import { useTranslations as useTranslations67 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
 import {
   EuiFlexGroup as EuiFlexGroup24,
@@ -50058,10 +50072,10 @@ import {
 } from "@elastic/eui";
 
 // src/components/WfoPydanticForm/WfoPydanticForm.tsx
-import { useMessages } from "next-intl";
+import { useMessages, useTranslations as useTranslations61 } from "next-intl";
 import { useRouter as useRouter9 } from "next/router";
 import {
-  PydanticForm,
+  PydanticForm as PydanticForm2,
   PydanticFormFieldFormat,
   PydanticFormFieldType
 } from "pydantic-forms";
@@ -50073,7 +50087,7 @@ import { EuiButton as EuiButton11, EuiHorizontalRule as EuiHorizontalRule6 } fro
 import { jsx as jsx200, jsxs as jsxs106 } from "@emotion/react/jsx-runtime";
 var Footer = () => {
   const { theme } = useOrchestratorTheme();
-  const t = useTranslations60("pydanticForms.userInputForm");
+  const t = useTranslations60();
   const { rhf, onCancel, allowUntouchedSubmit, isLoading } = usePydanticFormContext();
   const isDisabled = !rhf.formState.isValid || !allowUntouchedSubmit && !rhf.formState.isDirty && !rhf.formState.isSubmitting;
   return /* @__PURE__ */ jsxs106("div", { children: [
@@ -50174,6 +50188,10 @@ var WfoPydanticForm = ({
 }) => {
   const [startProcess] = useStartProcessMutation();
   const router = useRouter9();
+  const t = useTranslations61("pydanticForms.userInputForm");
+  const componentMatcher = useAppSelector(
+    (state) => state.pydanticForm?.componentMatcher
+  );
   const translationMessages = useMessages();
   const formTranslations = translationMessages?.pydanticForms && typeof translationMessages?.pydanticForms !== "string" ? translationMessages.pydanticForms.backendTranslations : {};
   const onSuccess = (_fieldValues, req) => {
@@ -50221,8 +50239,18 @@ var WfoPydanticForm = ({
     };
     return pydanticFormProvider;
   };
-  const componentMatcher = (currentMatchers) => {
-    return [
+  const pydanticLabelProvider = async () => {
+    return new Promise((resolve) => {
+      resolve({
+        labels: {
+          ...formTranslations
+        },
+        data: {}
+      });
+    });
+  };
+  const wfoComponentMatcher = (currentMatchers) => {
+    const wfoMatchers = [
       {
         id: "textarea",
         ElementMatch: {
@@ -50235,19 +50263,10 @@ var WfoPydanticForm = ({
       },
       ...currentMatchers
     ];
-  };
-  const pydanticLabelProvider = async () => {
-    return new Promise((resolve) => {
-      resolve({
-        labels: {
-          ...formTranslations
-        },
-        data: {}
-      });
-    });
+    return componentMatcher ? componentMatcher(wfoMatchers) : wfoMatchers;
   };
   return /* @__PURE__ */ jsx203(
-    PydanticForm,
+    PydanticForm2,
     {
       title: "",
       id: processName,
@@ -50258,9 +50277,13 @@ var WfoPydanticForm = ({
         allowUntouchedSubmit: true,
         footerRenderer: Footer,
         skipSuccessNotice: true,
-        componentMatcher,
+        componentMatcher: wfoComponentMatcher,
         labelProvider: pydanticLabelProvider,
-        rowRenderer: Row
+        rowRenderer: Row,
+        customTranslations: {
+          cancel: t("cancel"),
+          startWorkflow: t("startWorkflow")
+        }
       }
     }
   );
@@ -50268,7 +50291,7 @@ var WfoPydanticForm = ({
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
 import React65, { useState as useState43 } from "react";
-import { useTranslations as useTranslations61 } from "next-intl";
+import { useTranslations as useTranslations62 } from "next-intl";
 import {
   EuiButton as EuiButton12,
   EuiFlexGroup as EuiFlexGroup21,
@@ -50575,7 +50598,7 @@ var WfoStep = React65.forwardRef(
       stepRowStyle,
       getStepToggleExpandStyle
     } = useWithOrchestratorTheme(getWorkflowStepsStyles);
-    const t = useTranslations61("processes.steps");
+    const t = useTranslations62("processes.steps");
     const hasHtmlMail = Object.prototype.hasOwnProperty.call(
       step?.stateDelta || {},
       "confirmation_mail"
@@ -50797,14 +50820,14 @@ WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
 import React68, { useEffect as useEffect28, useState as useState45 } from "react";
-import { useTranslations as useTranslations64 } from "next-intl";
+import { useTranslations as useTranslations65 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
 import { useCallback as useCallback6, useEffect as useEffect27, useMemo as useMemo4, useState as useState44 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
-import { useTranslations as useTranslations62 } from "next-intl";
+import { useTranslations as useTranslations63 } from "next-intl";
 import "prism-themes/themes/prism-ghcolors.min.css";
 import { diffLines, formatLines } from "unidiff";
 import {
@@ -50857,7 +50880,7 @@ var EMPTY_HUNKS = [];
 var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
 var WfoDiff = ({ oldText, newText, syntax }) => {
-  const t = useTranslations62("processes.delta");
+  const t = useTranslations63("processes.delta");
   const [showSplit, setShowSplit] = useState44(true);
   const [showFull, setShowFull] = useState44(false);
   const { diffStyle } = useWithOrchestratorTheme(getWfoDiffStyles);
@@ -50933,7 +50956,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
 var WfoDiff_default = WfoDiff;
 
 // src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx
-import { useTranslations as useTranslations63 } from "next-intl";
+import { useTranslations as useTranslations64 } from "next-intl";
 import { EuiCodeBlock, EuiText as EuiText37 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoTraceback/styles.ts
@@ -50953,7 +50976,7 @@ var getStyles13 = ({ theme }) => {
 import { Fragment as Fragment50, jsx as jsx209, jsxs as jsxs111 } from "@emotion/react/jsx-runtime";
 var WfoTraceback = ({ children }) => {
   const { codeBlockStyle } = useWithOrchestratorTheme(getStyles13);
-  const t = useTranslations63("processes.steps");
+  const t = useTranslations64("processes.steps");
   return /* @__PURE__ */ jsxs111(Fragment50, { children: [
     /* @__PURE__ */ jsx209(EuiText37, { children: /* @__PURE__ */ jsx209("h3", { children: t("traceback") }) }),
     /* @__PURE__ */ jsx209(EuiCodeBlock, { css: codeBlockStyle, children })
@@ -50998,7 +51021,7 @@ var WfoWorkflowStepList = React68.forwardRef(
     const [showRaw, setShowRaw] = useState45(false);
     const [showDelta, setShowDelta] = useState45(false);
     const [showTraceback, setShowTraceback] = useState45(false);
-    const t = useTranslations64("processes.steps");
+    const t = useTranslations65("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
@@ -51100,7 +51123,7 @@ WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
 import { useState as useState46 } from "react";
-import { useTranslations as useTranslations65 } from "next-intl";
+import { useTranslations as useTranslations66 } from "next-intl";
 import {
   EuiButton as EuiButton13,
   EuiFlexGroup as EuiFlexGroup23,
@@ -51154,7 +51177,7 @@ var WfoStepListHeader = ({
   onShowTraceback,
   onToggleAllDetailsIsOpen
 }) => {
-  const t = useTranslations65("processes.steps");
+  const t = useTranslations66("processes.steps");
   const { theme } = useOrchestratorTheme();
   const {
     stepListHeaderStyle,
@@ -51280,7 +51303,7 @@ var WfoStartProcessPage = ({
   processName,
   isTask = false
 }) => {
-  const t = useTranslations66("processes.steps");
+  const t = useTranslations67("processes.steps");
   const router = useRouter10();
   const [hasError, setHasError] = useState47(false);
   const { theme } = useOrchestratorTheme();
@@ -51440,7 +51463,7 @@ var WfoStartProcessPage = ({
 };
 
 // src/pages/processes/WfoProductInformationWithLink.tsx
-import { useTranslations as useTranslations67 } from "next-intl";
+import { useTranslations as useTranslations68 } from "next-intl";
 import { EuiButtonIcon as EuiButtonIcon12, EuiFlexGroup as EuiFlexGroup25, EuiText as EuiText41, EuiToolTip as EuiToolTip8 } from "@elastic/eui";
 import { jsx as jsx214, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
 var WfoProductInformationWithLink = ({
@@ -51448,7 +51471,7 @@ var WfoProductInformationWithLink = ({
   productNames
 }) => {
   const { workflowInformationLinkUrl, showWorkflowInformationLink } = useGetOrchestratorConfig();
-  const t = useTranslations67("processes.detail");
+  const t = useTranslations68("processes.detail");
   const docsUrl = workflowInformationLinkUrl + workflowName;
   return /* @__PURE__ */ jsxs115(EuiFlexGroup25, { gutterSize: "s", alignItems: "center", children: [
     showWorkflowInformationLink && /* @__PURE__ */ jsx214(EuiToolTip8, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx214("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx214(
@@ -51464,12 +51487,12 @@ var WfoProductInformationWithLink = ({
 };
 
 // src/pages/settings/WfoSettingsPage.tsx
-import { useTranslations as useTranslations68 } from "next-intl";
+import { useTranslations as useTranslations69 } from "next-intl";
 import { EuiHorizontalRule as EuiHorizontalRule8, EuiSpacer as EuiSpacer20 } from "@elastic/eui";
 import { Fragment as Fragment52, jsx as jsx215, jsxs as jsxs116 } from "@emotion/react/jsx-runtime";
 var WfoSettingsPage = () => {
   const { theme } = useOrchestratorTheme();
-  const t = useTranslations68("main");
+  const t = useTranslations69("main");
   return /* @__PURE__ */ jsxs116(Fragment52, { children: [
     /* @__PURE__ */ jsx215(
       WfoContentHeader,
@@ -51491,7 +51514,7 @@ var WfoSettingsPage = () => {
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { useTranslations as useTranslations69 } from "next-intl";
+import { useTranslations as useTranslations70 } from "next-intl";
 import { EuiPageHeader as EuiPageHeader2 } from "@elastic/eui";
 
 // src/pages/startPage/useStartPageSummaryCardConfigurationOverride.ts
@@ -51507,7 +51530,7 @@ var useStartPageSummaryCardConfigurationOverride = () => {
 // src/pages/startPage/WfoStartPage.tsx
 import { Fragment as Fragment53, jsx as jsx216, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
-  const t = useTranslations69("main");
+  const t = useTranslations70("main");
   const { overrideSummaryCards } = useStartPageSummaryCardConfigurationOverride();
   const { isAllowed } = usePolicy();
   const { session } = useWfoSession();
@@ -51561,12 +51584,12 @@ var WfoSubscriptionDetailPage = () => {
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
 import { useEffect as useEffect30, useState as useState48 } from "react";
-import { useTranslations as useTranslations70 } from "next-intl";
+import { useTranslations as useTranslations71 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiSpacer as EuiSpacer21 } from "@elastic/eui";
 import { Fragment as Fragment55, jsx as jsx218, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
-  const t = useTranslations70("subscriptions.detail");
+  const t = useTranslations71("subscriptions.detail");
   const [tableDefaults, setTableDefaults] = useState48();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
@@ -51633,7 +51656,7 @@ var WfoSubscriptionsListPage = () => {
 
 // src/pages/tasks/WfoTasksListPage.tsx
 import { useContext as useContext11, useEffect as useEffect31, useState as useState49 } from "react";
-import { useTranslations as useTranslations71 } from "next-intl";
+import { useTranslations as useTranslations72 } from "next-intl";
 import Link11 from "next/link";
 import { useRouter as useRouter12 } from "next/router";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
@@ -51705,7 +51728,7 @@ var getTasksListTabTypeFromString = (tabId) => {
 import { Fragment as Fragment56, jsx as jsx219, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
 var WfoTasksListPage = () => {
   const router = useRouter12();
-  const t = useTranslations71("tasks.page");
+  const t = useTranslations72("tasks.page");
   const [activeTab, setActiveTab] = useQueryParam3(
     "activeTab",
     withDefault4(StringParam4, "ACTIVE" /* ACTIVE */)
@@ -51820,7 +51843,7 @@ var WfoTasksListPage = () => {
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
 import { useEffect as useEffect32, useState as useState50 } from "react";
-import { useTranslations as useTranslations72 } from "next-intl";
+import { useTranslations as useTranslations73 } from "next-intl";
 import { useRouter as useRouter13 } from "next/router";
 import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
 import { EuiSpacer as EuiSpacer23 } from "@elastic/eui";
@@ -51891,7 +51914,7 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
 import { Fragment as Fragment57, jsx as jsx220, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsListPage = () => {
   const router = useRouter13();
-  const t = useTranslations72("workflows.index");
+  const t = useTranslations73("workflows.index");
   const [activeTab, setActiveTab] = useQueryParam4(
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
@@ -52062,8 +52085,8 @@ var WfoProcessesList = ({
   overrideDefaultTableColumns,
   setDataDisplayParam
 }) => {
-  const t = useTranslations73("processes.index");
-  const tError = useTranslations73("errors");
+  const t = useTranslations74("processes.index");
+  const tError = useTranslations74("errors");
   const { showToastMessage } = useShowToastMessage();
   const router = useRouter14();
   const defaultTableColumns = {
@@ -52283,7 +52306,7 @@ var WfoJsonCodeBlock = ({
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
 import { useState as useState51 } from "react";
-import { useTranslations as useTranslations74 } from "next-intl";
+import { useTranslations as useTranslations75 } from "next-intl";
 import {
   EuiButton as EuiButton15,
   EuiComboBox,
@@ -52323,7 +52346,7 @@ var WfoFlushSettings = () => {
     getWfoFlushSettingsStyle
   );
   const [clearCache] = useClearCacheMutation();
-  const t = useTranslations74("settings.page");
+  const t = useTranslations75("settings.page");
   const [selectedOptions, setSelected] = useState51(
     []
   );
@@ -52377,14 +52400,14 @@ var WfoFlushSettings = () => {
 };
 
 // src/components/WfoSettings/WfoEngineStatusButton.tsx
-import { useTranslations as useTranslations75 } from "next-intl";
+import { useTranslations as useTranslations76 } from "next-intl";
 import { EuiButton as EuiButton16 } from "@elastic/eui";
 import { jsx as jsx224 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
-  const t = useTranslations75("settings.page");
+  const t = useTranslations76("settings.page");
   if (isLoading || isSettingEngineStatus) {
     return /* @__PURE__ */ jsx224(EuiButton16, { isLoading: true, fill: true, children: "Loading..." });
   }
@@ -52410,11 +52433,11 @@ var WfoEngineStatusButton = () => {
 };
 
 // src/components/WfoSettings/WfoModifySettings.tsx
-import { useTranslations as useTranslations76 } from "next-intl";
+import { useTranslations as useTranslations77 } from "next-intl";
 import { EuiFlexItem as EuiFlexItem29, EuiPanel as EuiPanel7, EuiSpacer as EuiSpacer25, EuiText as EuiText43 } from "@elastic/eui";
 import { jsx as jsx225, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
-  const t = useTranslations76("settings.page");
+  const t = useTranslations77("settings.page");
   return /* @__PURE__ */ jsxs123(EuiFlexItem29, { children: [
     /* @__PURE__ */ jsxs123(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
       /* @__PURE__ */ jsx225(EuiText43, { size: "s", children: /* @__PURE__ */ jsx225("h4", { children: t("resetTextSearchIndex") }) }),
@@ -52439,7 +52462,7 @@ var WfoModifySettings = () => {
 };
 
 // src/components/WfoSettings/WfoEngineStatus.tsx
-import { useTranslations as useTranslations77 } from "next-intl";
+import { useTranslations as useTranslations78 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup26, EuiFlexItem as EuiFlexItem30, EuiPanel as EuiPanel8, EuiText as EuiText44 } from "@elastic/eui";
 import { jsx as jsx226, jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatus = () => {
@@ -52447,7 +52470,7 @@ var WfoEngineStatus = () => {
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
-  const t = useTranslations77("settings.page");
+  const t = useTranslations78("settings.page");
   return /* @__PURE__ */ jsx226(EuiPanel8, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs124(EuiFlexGroup26, { direction: "column", gutterSize: "s", children: [
     /* @__PURE__ */ jsx226(EuiFlexItem30, { children: /* @__PURE__ */ jsx226(EuiText44, { size: "s", children: /* @__PURE__ */ jsx226("h4", { children: t("engineStatusTitle") }) }) }),
     /* @__PURE__ */ jsxs124(EuiFlexItem30, { css: { flexDirection: "row" }, children: [
@@ -52468,7 +52491,7 @@ var WfoEngineStatus = () => {
 };
 
 // src/components/WfoSettings/WfoWorkerStatus.tsx
-import { useTranslations as useTranslations78 } from "next-intl";
+import { useTranslations as useTranslations79 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup27, EuiFlexItem as EuiFlexItem31, EuiPanel as EuiPanel9, EuiText as EuiText45 } from "@elastic/eui";
 import { jsx as jsx227, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
 var WfoWorkerStatus = () => {
@@ -52479,7 +52502,7 @@ var WfoWorkerStatus = () => {
     numberOfRunningJobs,
     numberOfWorkersOnline
   } = data || {};
-  const t = useTranslations78("settings.page");
+  const t = useTranslations79("settings.page");
   return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx227(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs125(EuiFlexGroup27, { direction: "column", gutterSize: "s", children: [
     /* @__PURE__ */ jsx227(EuiFlexItem31, { children: /* @__PURE__ */ jsx227(EuiText45, { size: "s", children: /* @__PURE__ */ jsx227("h4", { children: t("workerStatusTitle") }) }) }),
     /* @__PURE__ */ jsxs125(EuiFlexItem31, { css: { flexDirection: "row" }, children: [
@@ -52498,12 +52521,12 @@ var WfoWorkerStatus = () => {
 };
 
 // src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx
-import { useTranslations as useTranslations79 } from "next-intl";
+import { useTranslations as useTranslations80 } from "next-intl";
 import { EuiButton as EuiButton17 } from "@elastic/eui";
 import { jsx as jsx228 } from "@emotion/react/jsx-runtime";
 var WfoResetTextSearchIndexButton = () => {
   const [resetTextSearchIndex] = useResetTextSearchIndexMutation();
-  const t = useTranslations79("settings.page");
+  const t = useTranslations80("settings.page");
   return /* @__PURE__ */ jsx228(
     EuiButton17,
     {
@@ -52591,12 +52614,12 @@ var WfoRenderElementOrString = ({
 };
 
 // src/components/WfoStartButton/WfoStartTaskComboBox.tsx
-import { useTranslations as useTranslations80 } from "next-intl";
+import { useTranslations as useTranslations81 } from "next-intl";
 import { useRouter as useRouter15 } from "next/router";
 import { jsx as jsx231 } from "@emotion/react/jsx-runtime";
 var WfoStartTaskButtonComboBox = () => {
   const router = useRouter15();
-  const t = useTranslations80("common");
+  const t = useTranslations81("common");
   const { isEngineRunningNow } = useCheckEngineStatus();
   const { data } = useGetTaskOptionsQuery();
   const taskOptions = data?.startOptions || [];
@@ -52705,7 +52728,7 @@ var subscriptionListTabs = [
 ];
 
 // src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
-import { useTranslations as useTranslations81 } from "next-intl";
+import { useTranslations as useTranslations82 } from "next-intl";
 import Link13 from "next/link";
 import { useRouter as useRouter16 } from "next/router";
 
@@ -52821,8 +52844,8 @@ var WfoSubscriptionsList = ({
   hiddenColumns
 }) => {
   const router = useRouter16();
-  const t = useTranslations81("subscriptions.index");
-  const tError = useTranslations81("errors");
+  const t = useTranslations82("subscriptions.index");
+  const tError = useTranslations82("errors");
   const { showToastMessage } = useShowToastMessage();
   const tableColumnConfig = {
     subscriptionId: {
@@ -53361,7 +53384,7 @@ var WfoSummaryCard = ({
 };
 
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
-import { useTranslations as useTranslations82 } from "next-intl";
+import { useTranslations as useTranslations83 } from "next-intl";
 
 // src/pages/startPage/queryVariables.ts
 var baseQueryVariables = {
@@ -53460,7 +53483,7 @@ var productsSummaryQueryVariables = {
 // src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
 import { jsx as jsx240 } from "@emotion/react/jsx-runtime";
 var WfoActiveWorkflowsSummaryCard = () => {
-  const t = useTranslations82("startPage.activeWorkflows");
+  const t = useTranslations83("startPage.activeWorkflows");
   const {
     data: activeWorkflowsSummaryResponse,
     isFetching,
@@ -53485,10 +53508,10 @@ var WfoActiveWorkflowsSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoFailedTasksSummaryCard.tsx
-import { useTranslations as useTranslations83 } from "next-intl";
+import { useTranslations as useTranslations84 } from "next-intl";
 import { jsx as jsx241 } from "@emotion/react/jsx-runtime";
 var WfoFailedTasksSummaryCard = () => {
-  const t = useTranslations83("startPage.failedTasks");
+  const t = useTranslations84("startPage.failedTasks");
   const {
     data: failedTasksSummaryResponse,
     isFetching,
@@ -53513,10 +53536,10 @@ var WfoFailedTasksSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoLatestActiveSubscriptionsSummaryCard.tsx
-import { useTranslations as useTranslations84 } from "next-intl";
+import { useTranslations as useTranslations85 } from "next-intl";
 import { jsx as jsx242 } from "@emotion/react/jsx-runtime";
 var WfoLatestActiveSubscriptionsSummaryCard = () => {
-  const t = useTranslations84("startPage.activeSubscriptions");
+  const t = useTranslations85("startPage.activeSubscriptions");
   const {
     data: subscriptionsSummaryResult,
     isFetching,
@@ -53543,10 +53566,10 @@ var WfoLatestActiveSubscriptionsSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoLatestOutOfSyncSubscriptionSummaryCard.tsx
-import { useTranslations as useTranslations85 } from "next-intl";
+import { useTranslations as useTranslations86 } from "next-intl";
 import { jsx as jsx243 } from "@emotion/react/jsx-runtime";
 var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
-  const t = useTranslations85("startPage.outOfSyncSubscriptions");
+  const t = useTranslations86("startPage.outOfSyncSubscriptions");
   const {
     data: outOfSyncSubscriptionsSummaryResult,
     isFetching,
@@ -53581,12 +53604,12 @@ var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
 };
 
 // src/components/WfoSummary/WfoMyWorkflowsSummaryCard.tsx
-import { useTranslations as useTranslations86 } from "next-intl";
+import { useTranslations as useTranslations87 } from "next-intl";
 import { jsx as jsx244 } from "@emotion/react/jsx-runtime";
 var WfoMyWorkflowsSummaryCard = ({
   username
 }) => {
-  const t = useTranslations86("startPage.myWorkflows");
+  const t = useTranslations87("startPage.myWorkflows");
   const {
     data: myWorkflowsSummaryResponse,
     isFetching,
@@ -53621,10 +53644,10 @@ var WfoMyWorkflowsSummaryCard = ({
 };
 
 // src/components/WfoSummary/WfoProductsSummaryCard.tsx
-import { useTranslations as useTranslations87 } from "next-intl";
+import { useTranslations as useTranslations88 } from "next-intl";
 import { jsx as jsx245, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
 var WfoProductsSummaryCard = () => {
-  const t = useTranslations87("startPage.products");
+  const t = useTranslations88("startPage.products");
   const {
     data: productsSummaryResult,
     isFetching,
@@ -54990,6 +55013,7 @@ export {
   WfoPlusCircleFill,
   WfoPolicyRenderPageFallback,
   WfoPort,
+  WfoProcessDetail,
   WfoProcessDetailPage,
   WfoProcessListSubscriptionsCell,
   WfoProcessRawData,
@@ -55004,6 +55028,7 @@ export {
   WfoProductStatusBadge,
   WfoProductsPage,
   WfoProductsSummaryCard,
+  WfoPydanticForm,
   WfoQueryParams,
   WfoRadioDropdown,
   WfoRefresh,
@@ -55151,6 +55176,7 @@ export {
   getWebSocket,
   getWfoGroupedTableStyles,
   getWfoTableStyles,
+  getWorkflowStepsStyles,
   getWorkflowTargetColor,
   getWorkflowTargetIconContent,
   getWorkflowsListTabTypeFromString,