@orchestrator-ui/orchestrator-ui-components 0.5.0 → 0.5.1

package/dist/index.js

@@ -23126,10 +23126,10 @@ var require_jsstacktrace = __commonJS({
 var require_jsx = __commonJS({
   "../../node_modules/refractor/lang/jsx.js"(exports, module) {
     "use strict";
-    module.exports = jsx171;
-    jsx171.displayName = "jsx";
-    jsx171.aliases = [];
-    function jsx171(Prism) {
+    module.exports = jsx172;
+    jsx172.displayName = "jsx";
+    jsx172.aliases = [];
+    function jsx172(Prism) {
       ;
       (function(Prism2) {
         var javascript = Prism2.util.clone(Prism2.languages.javascript);
@@ -42934,6 +42934,12 @@ var formatDateCetWithUtc = (inputDateString) => {
   ).format(inputDate);
   return `${formattedDateCET} (${formattedDateUTC})`;
 };
+var getDate = (date) => {
+  if (typeof date === "string") {
+    return new Date(date);
+  }
+  return date;
+};
 
 // src/utils/environmentVariables.ts
 var getNumberValueFromEnvironmentVariable = (environmentVariable, defaultValue) => {
@@ -47275,7 +47281,7 @@ var WfoSubscriptionGeneral = ({
 }) => {
   const t = useTranslations14("subscriptions.detail");
   const getSubscriptionDetailBlockData = () => {
-    var _a, _b;
+    var _a, _b, _c;
     return [
       {
         key: t("subscriptionId"),
@@ -47292,11 +47298,11 @@ var WfoSubscriptionGeneral = ({
       },
       {
         key: t("startDate"),
-        value: subscriptionDetail.startDate
+        value: formatDate(subscriptionDetail.startDate)
       },
       {
         key: t("endDate"),
-        value: subscriptionDetail.endDate
+        value: formatDate(subscriptionDetail.endDate)
       },
       {
         key: t("status"),
@@ -47317,7 +47323,8 @@ var WfoSubscriptionGeneral = ({
       },
       {
         key: t("customerUuid"),
-        value: subscriptionDetail && subscriptionDetail.customer ? `${(_b = subscriptionDetail.customer) == null ? void 0 : _b.customerId}` : "-"
+        value: subscriptionDetail && subscriptionDetail.customer ? `${(_b = subscriptionDetail.customer) == null ? void 0 : _b.customerId}` : "-",
+        textToCopy: (_c = subscriptionDetail.customer) == null ? void 0 : _c.customerId
       },
       {
         key: t("note"),
@@ -47356,11 +47363,11 @@ var WfoSubscriptionGeneral = ({
       },
       {
         key: t("created"),
-        value: product.createdAt
+        value: formatDate(product.createdAt)
       },
       {
         key: t("endDate"),
-        value: product.endDate
+        value: formatDate(product.endDate)
       }
     ];
   };
@@ -47456,6 +47463,7 @@ var GET_SUBSCRIPTIONS_LIST_SUMMARY_GRAPHQL_QUERY = parse(gql2`
             query: $query
         ) {
             page {
+                startDate
                 description
                 subscriptionId
             }
@@ -47881,7 +47889,7 @@ var WfoError = () => {
 
 // src/components/WfoSubscription/WfoRelatedSubscriptions.tsx
 import { useState as useState16 } from "react";
-import { useTranslations as useTranslations18 } from "next-intl";
+import { useTranslations as useTranslations19 } from "next-intl";
 import Link2 from "next/link";
 import { EuiFlexGroup as EuiFlexGroup10, EuiFlexItem as EuiFlexItem9, EuiSpacer as EuiSpacer13, EuiSwitch as EuiSwitch2 } from "@elastic/eui";
 
@@ -48287,6 +48295,7 @@ var getQueryStringHandler = (setDataDisplayParam) => (queryString) => {
 };
 
 // src/components/WfoTable/WfoBasicTable/WfoBasicTable.tsx
+import { useTranslations as useTranslations16 } from "next-intl";
 import { EuiBasicTable } from "@elastic/eui";
 
 // src/components/WfoTable/WfoBasicTable/styles.ts
@@ -48396,6 +48405,7 @@ var WfoBasicTable = ({
 }) => {
   const { theme } = useOrchestratorTheme();
   const { basicTableStyle } = getWfoBasicTableStyles(theme);
+  const t = useTranslations16("common");
   const statusColorColumn = {
     statusColorField: {
       field: WFO_STATUS_COLOR_FIELD,
@@ -48411,6 +48421,7 @@ var WfoBasicTable = ({
     __spreadValues({
       css: tableStyling,
       items: data,
+      noItemsMessage: isLoading ? t("loading") : t("noItemsFound"),
       columns: mapWfoTableColumnsToEuiColumns(
         allTableColumns,
         hiddenColumns,
@@ -48494,7 +48505,7 @@ var WfoSortDirectionIcon = ({
 
 // src/components/WfoTable/WfoBasicTable/WfoTableHeaderCell.tsx
 import { useState as useState14 } from "react";
-import { useTranslations as useTranslations16 } from "next-intl";
+import { useTranslations as useTranslations17 } from "next-intl";
 import {
   EuiFieldSearch as EuiFieldSearch2,
   EuiHorizontalRule as EuiHorizontalRule3,
@@ -48588,7 +48599,7 @@ var WfoTableHeaderCell = ({
     headerCellPopoverContentStyle,
     getHeaderCellButtonStyle
   } = useWithOrchestratorTheme(getWfoBasicTableStyles);
-  const t = useTranslations16("common");
+  const t = useTranslations17("common");
   const isSortable = !!onSetSortOrder;
   const isFilterable = !!onSearch;
   const shouldShowPopover = isSortable || isFilterable;
@@ -48669,7 +48680,7 @@ var WfoStatusColorField = ({ color }) => {
 
 // src/components/WfoTable/WfoTableWithFilter/WfoTableWithFilter.tsx
 import { useEffect as useEffect7, useState as useState15 } from "react";
-import { useTranslations as useTranslations17 } from "next-intl";
+import { useTranslations as useTranslations18 } from "next-intl";
 import {
   EuiButton as EuiButton7,
   EuiFlexGroup as EuiFlexGroup9,
@@ -48738,7 +48749,7 @@ var WfoTableWithFilter = ({
   const [hiddenColumns, setHiddenColumns] = useState15(defaultHiddenColumns);
   const [showSettingsModal, setShowSettingsModal] = useState15(false);
   const [selectedDataForDetailModal, setSelectedDataForDetailModal] = useState15(void 0);
-  const t = useTranslations17("common");
+  const t = useTranslations18("common");
   useEffect7(() => {
     if (defaultHiddenColumns) {
       setHiddenColumns(defaultHiddenColumns);
@@ -48909,7 +48920,7 @@ var WfoRelatedSubscriptions = ({
 }) => {
   var _a, _b, _c;
   const [hideTerminatedSubscriptions, setHideTerminatedSubscriptions] = useState16(true);
-  const t = useTranslations18("subscriptions.detail");
+  const t = useTranslations19("subscriptions.detail");
   const { theme } = useOrchestratorTheme();
   const terminatedSubscriptionsFilter = {
     field: "status",
@@ -49400,7 +49411,7 @@ var import_get5 = __toESM(require_get(), 1);
 import { useContext as useContext10, useState as useState23 } from "react";
 import axios2 from "axios";
 import invariant2 from "invariant";
-import { useTranslations as useTranslations33 } from "next-intl";
+import { useTranslations as useTranslations34 } from "next-intl";
 import { filterDOMProps as filterDOMProps29, joinName as joinName10 } from "uniforms";
 import { JSONSchemaBridge } from "uniforms-bridge-json-schema";
 import { AutoField as AutoField6, AutoForm } from "uniforms-unstyled";
@@ -49415,7 +49426,7 @@ import { AutoField as AutoField4 } from "uniforms-unstyled";
 
 // src/components/WfoForms/formFields/AcceptField.tsx
 import { useReducer } from "react";
-import { useTranslations as useTranslations19 } from "next-intl";
+import { useTranslations as useTranslations20 } from "next-intl";
 import { connectField, filterDOMProps } from "uniforms";
 import { EuiCheckbox, EuiFlexItem as EuiFlexItem12, EuiText as EuiText9 } from "@elastic/eui";
 
@@ -49469,7 +49480,7 @@ function Accept(_a) {
     "errorMessage",
     "data"
   ]);
-  const t = useTranslations19();
+  const t = useTranslations20();
   const { acceptFieldStyle } = useWithOrchestratorTheme(getStyles9);
   const legacy = !data;
   const i18nBaseKey = data ? `pydanticForms.backendTranslations.${name}_accept` : "pydanticForms.backendTranslations";
@@ -49787,7 +49798,7 @@ var LabelField = connectField5(Label, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/ListAddField.tsx
 var import_cloneDeep = __toESM(require_cloneDeep(), 1);
-import { useTranslations as useTranslations20 } from "next-intl";
+import { useTranslations as useTranslations21 } from "next-intl";
 import { connectField as connectField6, filterDOMProps as filterDOMProps6, joinName, useField } from "uniforms";
 import { EuiIcon as EuiIcon3, EuiText as EuiText11 } from "@elastic/eui";
 import { jsx as jsx100, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
@@ -49808,7 +49819,7 @@ function ListAdd(_a) {
     "outerList"
   ]);
   const { theme } = useOrchestratorTheme();
-  const t = useTranslations20("pydanticForms.backendTranslations");
+  const t = useTranslations21("pydanticForms.backendTranslations");
   const nameParts = joinName(null, name);
   const parentName = joinName(nameParts.slice(0, -1));
   const parent = useField(parentName, { initialCount }, { absoluteName: true })[0];
@@ -49849,7 +49860,7 @@ var ListAddField = connectField6(ListAdd, {
 });
 
 // src/components/WfoForms/formFields/ListDelField.tsx
-import { useTranslations as useTranslations21 } from "next-intl";
+import { useTranslations as useTranslations22 } from "next-intl";
 import { connectField as connectField7, filterDOMProps as filterDOMProps7, joinName as joinName2, useField as useField2 } from "uniforms";
 import { EuiIcon as EuiIcon4, EuiText as EuiText12 } from "@elastic/eui";
 import { jsx as jsx101, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
@@ -49868,7 +49879,7 @@ function ListDel(_a) {
     "outerList"
   ]);
   const { theme } = useOrchestratorTheme();
-  const t = useTranslations21("pydanticForms.backendTranslations");
+  const t = useTranslations22("pydanticForms.backendTranslations");
   const nameParts = joinName2(null, name);
   const nameIndex = +nameParts[nameParts.length - 1];
   const parentName = joinName2(nameParts.slice(0, -1));
@@ -50116,7 +50127,7 @@ import { connectField as connectField11, joinName as joinName5, useField as useF
 // src/components/WfoForms/formFields/SelectField.tsx
 var import_lodash = __toESM(require_lodash(), 1);
 import ReactSelect from "react-select";
-import { useTranslations as useTranslations22 } from "next-intl";
+import { useTranslations as useTranslations23 } from "next-intl";
 import {
   connectField as connectField10,
   filterDOMProps as filterDOMProps9,
@@ -50196,7 +50207,7 @@ function Select(_a) {
     "showInlineError",
     "errorMessage"
   ]);
-  const t = useTranslations22("pydanticForms");
+  const t = useTranslations23("pydanticForms");
   const { theme } = useOrchestratorTheme();
   const nameArray = joinName4(null, name);
   let parentName = joinName4(nameArray.slice(0, -1));
@@ -50445,7 +50456,7 @@ var NumField = connectField13(Num, { kind: "leaf" });
 // src/components/WfoForms/formFields/ProductField.tsx
 var import_get = __toESM(require_get(), 1);
 import { useQuery as useQuery5 } from "react-query";
-import { useTranslations as useTranslations23 } from "next-intl";
+import { useTranslations as useTranslations24 } from "next-intl";
 import { connectField as connectField14, filterDOMProps as filterDOMProps12 } from "uniforms";
 
 // src/components/WfoForms/useAxiosApiClient.ts
@@ -50462,7 +50473,7 @@ function Product(_a) {
   var _b = _a, { name, productIds } = _b, props = __objRest(_b, ["name", "productIds"]);
   var _a2;
   const apiClient = useAxiosApiClient();
-  const t = useTranslations23("pydanticForms");
+  const t = useTranslations24("pydanticForms");
   const { isLoading, error, data } = useQuery5(
     ["products"],
     apiClient.products
@@ -50837,12 +50848,12 @@ function Timestamp(_a) {
 var TimestampField = connectField19(Timestamp, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/OrganisationField.tsx
-import { useTranslations as useTranslations24 } from "next-intl";
+import { useTranslations as useTranslations25 } from "next-intl";
 import { connectField as connectField20 } from "uniforms";
 import { jsx as jsx115 } from "@emotion/react/jsx-runtime";
 function Organisation(_a) {
   var props = __objRest(_a, []);
-  const t = useTranslations24("pydanticForms");
+  const t = useTranslations25("pydanticForms");
   const { data: customers, isLoading } = useGetCustomersQuery();
   const uuidCustomerNameMap = /* @__PURE__ */ new Map();
   if (!isLoading && customers) {
@@ -50866,7 +50877,7 @@ var OrganisationField = connectField20(Organisation, { kind: "leaf" });
 var import_lodash4 = __toESM(require_lodash(), 1);
 var import_get2 = __toESM(require_get(), 1);
 import React23, { useEffect as useEffect9, useState as useState17 } from "react";
-import { useTranslations as useTranslations25 } from "next-intl";
+import { useTranslations as useTranslations26 } from "next-intl";
 import {
   connectField as connectField21,
   filterDOMProps as filterDOMProps19,
@@ -51057,7 +51068,7 @@ function ContactPersonName(_a) {
     "organisationKey"
   ]);
   const axiosApiClient = useAxiosApiClient();
-  const t = useTranslations25("pydanticForms");
+  const t = useTranslations26("pydanticForms");
   const { model, onChange: formOnChange, schema } = useForm5();
   const contactsPersonFieldNameArray = joinName6(null, name).slice(0, -1);
   const emailFieldName = joinName6(contactsPersonFieldNameArray, "email");
@@ -51201,7 +51212,7 @@ var ContactPersonNameField = connectField21(ContactPersonName, {
 // src/components/WfoForms/formFields/ImsNodeIdField.tsx
 var import_lodash5 = __toESM(require_lodash(), 1);
 import { useEffect as useEffect10, useState as useState18 } from "react";
-import { useTranslations as useTranslations26 } from "next-intl";
+import { useTranslations as useTranslations27 } from "next-intl";
 import { connectField as connectField22, filterDOMProps as filterDOMProps20 } from "uniforms";
 import { jsx as jsx118 } from "@emotion/react/jsx-runtime";
 filterDOMProps20.register("locationCode", "status", "unsubscribedOnly");
@@ -51221,7 +51232,7 @@ function ImsNodeId(_a) {
   ]);
   var _a2;
   const axiosApiClient = useAxiosApiClient();
-  const t = useTranslations26("pydanticForms");
+  const t = useTranslations27("pydanticForms");
   const [loading, setIsLoading] = useState18(true);
   const [nodes, setNodes] = useState18([]);
   useEffect10(() => {
@@ -51259,7 +51270,7 @@ var ImsNodeIdField = connectField22(ImsNodeId, { kind: "leaf" });
 // src/components/WfoForms/formFields/ImsPortIdField.tsx
 import { useCallback as useCallback3, useEffect as useEffect11, useState as useState19 } from "react";
 import ReactSelect2 from "react-select";
-import { useTranslations as useTranslations27 } from "next-intl";
+import { useTranslations as useTranslations28 } from "next-intl";
 import { connectField as connectField23, filterDOMProps as filterDOMProps21 } from "uniforms";
 import { EuiFlexItem as EuiFlexItem16, EuiFormRow as EuiFormRow13, EuiText as EuiText22 } from "@elastic/eui";
 
@@ -51330,7 +51341,7 @@ function ImsPortId(_a) {
     "nodeStatuses"
   ]);
   const apiClient = useAxiosApiClient();
-  const t = useTranslations27("pydanticForms");
+  const t = useTranslations28("pydanticForms");
   const { theme } = useOrchestratorTheme();
   const reactSelectInnerComponentStyles = getReactSelectInnerComponentStyles(theme);
   const [nodes, setNodes] = useState19([]);
@@ -51451,13 +51462,13 @@ var ImsPortIdField = connectField23(ImsPortId, { kind: "leaf" });
 
 // src/components/WfoForms/formFields/LocationCodeField.tsx
 import { useEffect as useEffect12, useState as useState20 } from "react";
-import { useTranslations as useTranslations28 } from "next-intl";
+import { useTranslations as useTranslations29 } from "next-intl";
 import { connectField as connectField24, filterDOMProps as filterDOMProps22 } from "uniforms";
 import { jsx as jsx120 } from "@emotion/react/jsx-runtime";
 filterDOMProps22.register("locationCodes");
 function LocationCode(_a) {
   var _b = _a, { locationCodes } = _b, props = __objRest(_b, ["locationCodes"]);
-  const t = useTranslations28("pydanticForms");
+  const t = useTranslations29("pydanticForms");
   const [codes, setCodes] = useState20(locationCodes != null ? locationCodes : []);
   const axiosApiClient = useAxiosApiClient();
   useEffect12(() => {
@@ -51485,7 +51496,7 @@ var LocationCodeField = connectField24(LocationCode, { kind: "leaf" });
 // src/components/WfoForms/formFields/VlanField.tsx
 var import_get3 = __toESM(require_get(), 1);
 import { useEffect as useEffect13, useState as useState21 } from "react";
-import { useTranslations as useTranslations29 } from "next-intl";
+import { useTranslations as useTranslations30 } from "next-intl";
 import { connectField as connectField25, filterDOMProps as filterDOMProps23, joinName as joinName7, useForm as useForm6 } from "uniforms";
 import { EuiFieldText as EuiFieldText3, EuiFormRow as EuiFormRow14, EuiText as EuiText23 } from "@elastic/eui";
 
@@ -51587,7 +51598,7 @@ function Vlan(_a) {
     "subscriptionFieldName",
     "nsiVlansOnly"
   ]);
-  const t = useTranslations29("pydanticForms");
+  const t = useTranslations30("pydanticForms");
   const axiosApiClient = useAxiosApiClient();
   const { model, schema } = useForm6();
   const initialValue = schema.getInitialValue(name, {});
@@ -51776,7 +51787,7 @@ function Nest(_a) {
 var NestField = connectField26(Nest);
 
 // src/components/WfoForms/formFields/OptGroupField.tsx
-import { useTranslations as useTranslations30 } from "next-intl";
+import { useTranslations as useTranslations31 } from "next-intl";
 import { connectField as connectField27, filterDOMProps as filterDOMProps25, useField as useField7 } from "uniforms";
 import { AutoField as AutoField3 } from "uniforms-unstyled";
 import { EuiDescribedFormGroup as EuiDescribedFormGroup2, EuiFlexItem as EuiFlexItem18, EuiFormRow as EuiFormRow15 } from "@elastic/eui";
@@ -51796,7 +51807,7 @@ function OptGroup(_a) {
     "readOnly",
     "className"
   ]);
-  const t = useTranslations30("pydanticForms.backendTranslations");
+  const t = useTranslations31("pydanticForms.backendTranslations");
   const enabled = useField7("enabled", {})[0].value;
   return /* @__PURE__ */ jsx123(
     EuiDescribedFormGroup2,
@@ -51824,7 +51835,7 @@ var OptGroupField = connectField27(OptGroup);
 // src/components/WfoForms/formFields/SubscriptionField.tsx
 var import_get4 = __toESM(require_get(), 1);
 import ReactSelect3 from "react-select";
-import { useTranslations as useTranslations31 } from "next-intl";
+import { useTranslations as useTranslations32 } from "next-intl";
 import {
   connectField as connectField28,
   filterDOMProps as filterDOMProps26,
@@ -51968,7 +51979,7 @@ function SubscriptionFieldDefinition(_a) {
     "tags",
     "statuses"
   ]);
-  const t = useTranslations31("pydanticForms");
+  const t = useTranslations32("pydanticForms");
   const { theme } = useOrchestratorTheme();
   const reactSelectInnerComponentStyles = getReactSelectInnerComponentStyles(theme);
   const { refetch, subscriptions, isFetching } = useGetSubscriptionDropdownOptions(tags, statuses);
@@ -52137,7 +52148,7 @@ var SubscriptionField = connectField28(SubscriptionFieldDefinition, {
 
 // src/components/WfoForms/formFields/IpNetworkField.tsx
 import { useState as useState22 } from "react";
-import { useTranslations as useTranslations32 } from "next-intl";
+import { useTranslations as useTranslations33 } from "next-intl";
 import { connectField as connectField29, filterDOMProps as filterDOMProps27 } from "uniforms";
 import { EuiCallOut as EuiCallOut2, EuiFormRow as EuiFormRow18, EuiText as EuiText27 } from "@elastic/eui";
 
@@ -52784,7 +52795,7 @@ function IpNetwork(_a) {
     "prefixMin"
   ]);
   var _a2, _b2;
-  const t = useTranslations32("pydanticForms");
+  const t = useTranslations33("pydanticForms");
   const [selectedPrefix, setSelectedPrefix] = useState22(
     void 0
   );
@@ -53378,7 +53389,7 @@ function UserInputForm({
   isResuming = false
 }) {
   var _a, _b, _c;
-  const t = useTranslations33("pydanticForms.userInputForm");
+  const t = useTranslations34("pydanticForms.userInputForm");
   const { theme } = useOrchestratorTheme();
   const { showConfirmDialog } = useContext10(ConfirmationDialogContext);
   const [processing, setProcessing] = useState23(false);
@@ -53524,7 +53535,7 @@ function UserInputForm({
     prefilledForm,
     () => {
     },
-    useTranslations33()
+    useTranslations34()
   );
   const AutoFieldProvider = AutoField6.componentDetectorContext.Provider;
   const buttonsFromSchema = ((_a = prefilledForm.properties) == null ? void 0 : _a.buttons) && ((_b = prefilledForm.properties) == null ? void 0 : _b.buttons) !== true && ((_c = prefilledForm.properties) == null ? void 0 : _c.buttons.default) || {
@@ -53680,12 +53691,12 @@ function CreateForm(props) {
 }
 
 // src/components/WfoStartTaskButtonComboBox/WfoStartTaskButtonComboBox.tsx
-import { useTranslations as useTranslations34 } from "next-intl";
+import { useTranslations as useTranslations35 } from "next-intl";
 import { useRouter as useRouter7 } from "next/router";
 import { jsx as jsx132 } from "@emotion/react/jsx-runtime";
 var WfoStartTaskButtonComboBox = () => {
   const router = useRouter7();
-  const t = useTranslations34("common");
+  const t = useTranslations35("common");
   const { isEngineRunningNow } = useCheckEngineStatus();
   const { data } = useQueryWithGraphql(
     GET_WORKFLOWS_FOR_DROPDOWN_LIST_GRAPHQL_QUERY,
@@ -53723,12 +53734,6 @@ var WfoDateTime = ({ dateOrIsoString }) => {
   const date = getDate(dateOrIsoString);
   return /* @__PURE__ */ jsx133("span", { title: parseDateToLocaleDateTimeString(date), children: parseDateOrTimeRelativeToToday(date) });
 };
-function getDate(date) {
-  if (typeof date === "string") {
-    return new Date(date);
-  }
-  return date;
-}
 
 // src/components/WfoAuth/WfoAuth.tsx
 import { useContext as useContext11 } from "react";
@@ -53806,12 +53811,12 @@ var WfoDropdownButton = ({
 };
 
 // src/components/WfoProcessList/WfoProcessesList.tsx
-import { useTranslations as useTranslations51 } from "next-intl";
+import { useTranslations as useTranslations52 } from "next-intl";
 import Link7 from "next/link";
 
 // src/pages/metadata/WfoProductBlocksPage.tsx
 import { useEffect as useEffect16, useState as useState27 } from "react";
-import { useTranslations as useTranslations36 } from "next-intl";
+import { useTranslations as useTranslations37 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup2 } from "@elastic/eui";
 
 // src/utils/sortObjectKeys.ts
@@ -53891,7 +53896,7 @@ var csvDownloadHandler = (dataFetchFunction, dataMapper, pageInfoMapper, keyOrde
 };
 
 // src/pages/metadata/WfoMetadataPageLayout.tsx
-import { useTranslations as useTranslations35 } from "next-intl";
+import { useTranslations as useTranslations36 } from "next-intl";
 import { useRouter as useRouter8 } from "next/router";
 import { EuiPageHeader as EuiPageHeader2, EuiSpacer as EuiSpacer14, EuiTab as EuiTab2, EuiTabs as EuiTabs2 } from "@elastic/eui";
 import { Fragment as Fragment26, jsx as jsx136, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
@@ -53922,7 +53927,7 @@ var WfoMetadataPageLayout = ({
   tabs = metaDataTabs
 }) => {
   const router = useRouter8();
-  const t = useTranslations35("metadata.tabs");
+  const t = useTranslations36("metadata.tabs");
   const currentPath = router.pathname;
   return /* @__PURE__ */ jsxs81(Fragment26, { children: [
     /* @__PURE__ */ jsx136(EuiSpacer14, {}),
@@ -53955,8 +53960,8 @@ var PRODUCT_BLOCK_FIELD_RESOURCE_TYPES = "resourceTypes";
 var PRODUCT_BLOCK_FIELD_PRODUCT_BLOCKS = "dependsOn";
 var WfoProductBlocksPage = () => {
   var _a, _b, _c, _d;
-  const t = useTranslations36("metadata.productBlocks");
-  const tError = useTranslations36("errors");
+  const t = useTranslations37("metadata.productBlocks");
+  const tError = useTranslations37("errors");
   const { showToastMessage } = useShowToastMessage();
   const [tableDefaults, setTableDefaults] = useState27();
   const getStoredTableConfig = useStoredTableConfig(
@@ -54063,7 +54068,7 @@ var WfoProductBlocksPage = () => {
     sortBy,
     query: queryString || void 0
   };
-  const { data, isLoading, isError: isError3 } = useQueryWithGraphql(
+  const { data, isFetching, isError: isError3 } = useQueryWithGraphql(
     GET_PRODUCTS_BLOCKS_GRAPHQL_QUERY,
     graphqlQueryVariables,
     ["productBlocks", "listPage"]
@@ -54105,7 +54110,7 @@ var WfoProductBlocksPage = () => {
         setDataDisplayParam
       ),
       pagination,
-      isLoading,
+      isLoading: isFetching,
       hasError: isError3,
       queryString,
       localStorageKey: METADATA_PRODUCT_BLOCKS_TABLE_LOCAL_STORAGE_KEY,
@@ -54125,7 +54130,7 @@ var WfoProductBlocksPage = () => {
 
 // src/pages/metadata/WfoResourceTypesPage.tsx
 import { useEffect as useEffect17, useState as useState28 } from "react";
-import { useTranslations as useTranslations37 } from "next-intl";
+import { useTranslations as useTranslations38 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup3 } from "@elastic/eui";
 import { Fragment as Fragment28, jsx as jsx138 } from "@emotion/react/jsx-runtime";
 var RESOURCE_TYPE_FIELD_ID = "resourceTypeId";
@@ -54134,8 +54139,8 @@ var RESOURCE_TYPE_FIELD_DESCRIPTION = "description";
 var RESOURCE_TYPE_FIELD_PRODUCT_BLOCKS = "productBlocks";
 var WfoResourceTypesPage = () => {
   var _a, _b, _c;
-  const t = useTranslations37("metadata.resourceTypes");
-  const tError = useTranslations37("errors");
+  const t = useTranslations38("metadata.resourceTypes");
+  const tError = useTranslations38("errors");
   const { showToastMessage } = useShowToastMessage();
   const [tableDefaults, setTableDefaults] = useState28();
   const getStoredTableConfig = useStoredTableConfig(
@@ -54204,7 +54209,7 @@ var WfoResourceTypesPage = () => {
     sortBy,
     query: queryString || void 0
   };
-  const { data, isLoading, isError: isError3 } = useQueryWithGraphql(
+  const { data, isFetching, isError: isError3 } = useQueryWithGraphql(
     GET_RESOURCE_TYPES_GRAPHQL_QUERY,
     graphqlQueryVariables,
     ["resourceTypes", "listPage"]
@@ -54246,7 +54251,7 @@ var WfoResourceTypesPage = () => {
         setDataDisplayParam
       ),
       pagination,
-      isLoading,
+      isLoading: isFetching,
       hasError: isError3,
       queryString,
       localStorageKey: METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY,
@@ -54266,7 +54271,7 @@ var WfoResourceTypesPage = () => {
 
 // src/pages/metadata/WfoProductsPage.tsx
 import { useEffect as useEffect18, useState as useState29 } from "react";
-import { useTranslations as useTranslations38 } from "next-intl";
+import { useTranslations as useTranslations39 } from "next-intl";
 import { Fragment as Fragment29, jsx as jsx139 } from "@emotion/react/jsx-runtime";
 var PRODUCT_FIELD_PRODUCT_ID = "productId";
 var PRODUCT_FIELD_NAME = "name";
@@ -54279,8 +54284,8 @@ var PRODUCT_FIELD_FIXED_INPUTS = "fixedInputs";
 var PRODUCT_FIELD_CREATED_AT = "createdAt";
 var WfoProductsPage = () => {
   var _a, _b, _c, _d;
-  const t = useTranslations38("metadata.products");
-  const tError = useTranslations38("errors");
+  const t = useTranslations39("metadata.products");
+  const tError = useTranslations39("errors");
   const { showToastMessage } = useShowToastMessage();
   const [tableDefaults, setTableDefaults] = useState29();
   const getStoredTableConfig = useStoredTableConfig(
@@ -54376,7 +54381,7 @@ var WfoProductsPage = () => {
     sortBy,
     query: queryString || void 0
   };
-  const { data, isLoading, isError: isError3 } = useQueryWithGraphql(
+  const { data, isFetching, isError: isError3 } = useQueryWithGraphql(
     getProductsQuery(),
     graphqlQueryVariables,
     ["products", "listPage"]
@@ -54418,7 +54423,7 @@ var WfoProductsPage = () => {
         setDataDisplayParam
       ),
       pagination,
-      isLoading,
+      isLoading: isFetching,
       hasError: isError3,
       queryString,
       localStorageKey: METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY,
@@ -54438,7 +54443,7 @@ var WfoProductsPage = () => {
 
 // src/pages/metadata/WfoWorkflowsPage.tsx
 import { useEffect as useEffect19, useState as useState30 } from "react";
-import { useTranslations as useTranslations39 } from "next-intl";
+import { useTranslations as useTranslations40 } from "next-intl";
 import { EuiBadgeGroup as EuiBadgeGroup4 } from "@elastic/eui";
 
 // src/graphqlQueries/workflows/workflowsQuery.ts
@@ -54510,8 +54515,8 @@ var graphQlWorkflowListMapper = ({
 import { Fragment as Fragment30, jsx as jsx140 } from "@emotion/react/jsx-runtime";
 var WfoWorkflowsPage = () => {
   var _a, _b, _c;
-  const t = useTranslations39("metadata.workflows");
-  const tError = useTranslations39("errors");
+  const t = useTranslations40("metadata.workflows");
+  const tError = useTranslations40("errors");
   const { showToastMessage } = useShowToastMessage();
   const [tableDefaults, setTableDefaults] = useState30();
   const getStoredTableConfig = useStoredTableConfig(
@@ -54588,7 +54593,7 @@ var WfoWorkflowsPage = () => {
     sortBy: graphQlWorkflowListMapper(sortBy),
     query: queryString || void 0
   };
-  const { data, isLoading, isError: isError3 } = useQueryWithGraphql(
+  const { data, isFetching, isError: isError3 } = useQueryWithGraphql(
     GET_WORKFLOWS_GRAPHQL_QUERY,
     graphqlQueryVariables,
     ["workflows", "listPage"]
@@ -54630,7 +54635,7 @@ var WfoWorkflowsPage = () => {
         setDataDisplayParam
       ),
       pagination,
-      isLoading,
+      isLoading: isFetching,
       hasError: isError3,
       queryString,
       localStorageKey: METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY,
@@ -54698,7 +54703,7 @@ import { useEffect as useEffect22, useRef as useRef7, useState as useState35 } f
 
 // src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
 import React41 from "react";
-import { useTranslations as useTranslations40 } from "next-intl";
+import { useTranslations as useTranslations41 } from "next-intl";
 import { EuiFlexGroup as EuiFlexGroup18, EuiFlexItem as EuiFlexItem25, EuiPanel as EuiPanel4, EuiText as EuiText29 } from "@elastic/eui";
 
 // src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
@@ -54966,7 +54971,7 @@ var WfoStep = React41.forwardRef(
       stepRowStyle,
       getStepToggleExpandStyle
     } = getStyles12(theme);
-    const t = useTranslations40("processes.steps");
+    const t = useTranslations41("processes.steps");
     const hasHtmlMail = (_a = step.stateDelta) == null ? void 0 : _a.hasOwnProperty("confirmation_mail");
     const stepContent = step.stateDelta ? getStepContent(step.stateDelta, showHiddenKeys) : {};
     const hasStepContent = hasHtmlMail || Object.keys(stepContent).length > 0;
@@ -55147,14 +55152,14 @@ WfoStepList.displayName = "WfoStepList";
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
 import React45, { useEffect as useEffect21, useState as useState34 } from "react";
-import { useTranslations as useTranslations43 } from "next-intl";
+import { useTranslations as useTranslations44 } from "next-intl";
 
 // src/components/WfoDiff/WfoDiff.tsx
 var refractor = __toESM(require_refractor(), 1);
 import { useCallback as useCallback5, useEffect as useEffect20, useMemo as useMemo4, useState as useState32 } from "react";
 import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
 import "react-diff-view/style/index.css";
-import { useTranslations as useTranslations41 } from "next-intl";
+import { useTranslations as useTranslations42 } from "next-intl";
 import "prism-themes/themes/prism-ghcolors.min.css";
 import { diffLines, formatLines } from "unidiff";
 import {
@@ -55169,7 +55174,7 @@ var EMPTY_HUNKS = [];
 var SMALL_CONTEXT = 3;
 var FULL_CONTEXT = 1e6;
 var WfoDiff = ({ oldText, newText, syntax }) => {
-  const t = useTranslations41("processes.delta");
+  const t = useTranslations42("processes.delta");
   const [showSplit, setShowSplit] = useState32(true);
   const [showFull, setShowFull] = useState32(false);
   const [{ type, hunks }, setDiff] = useState32({
@@ -55238,7 +55243,7 @@ var WfoDiff_default = WfoDiff;
 
 // src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
 import { useState as useState33 } from "react";
-import { useTranslations as useTranslations42 } from "next-intl";
+import { useTranslations as useTranslations43 } from "next-intl";
 import {
   EuiButton as EuiButton10,
   EuiFlexGroup as EuiFlexGroup20,
@@ -55288,7 +55293,7 @@ var WfoStepListHeader = ({
   onToggleAllDetailsIsOpen,
   isTask
 }) => {
-  const t = useTranslations42("processes.steps");
+  const t = useTranslations43("processes.steps");
   const { theme } = useOrchestratorTheme();
   const {
     stepListHeaderStyle,
@@ -55413,7 +55418,7 @@ var WfoWorkflowStepList = React45.forwardRef(
     const [showHiddenKeys, setShowHiddenKeys] = useState34(false);
     const [showRaw, setShowRaw] = useState34(false);
     const [showDelta, setShowDelta] = useState34(false);
-    const t = useTranslations43("processes.steps");
+    const t = useTranslations44("processes.steps");
     const initialStepListItems = steps.map((step) => ({
       step,
       isExpanded: false
@@ -55503,7 +55508,7 @@ WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
 
 // src/pages/processes/WfoProcessDetail.tsx
 import { useContext as useContext12 } from "react";
-import { useTranslations as useTranslations44 } from "next-intl";
+import { useTranslations as useTranslations45 } from "next-intl";
 import { useRouter as useRouter9 } from "next/router";
 import {
   EuiButton as EuiButton11,
@@ -55595,7 +55600,7 @@ var ProcessHeaderValue = ({
   translationKey,
   value = ""
 }) => {
-  const t = useTranslations44("processes.detail");
+  const t = useTranslations45("processes.detail");
   const { theme } = useOrchestratorTheme();
   return /* @__PURE__ */ jsxs89(
     EuiFlexGroup21,
@@ -55637,7 +55642,7 @@ var WfoProcessDetail = ({
   hasError = false
 }) => {
   var _a, _b;
-  const t = useTranslations44("processes.detail");
+  const t = useTranslations45("processes.detail");
   const { theme } = useOrchestratorTheme();
   const { showConfirmDialog } = useContext12(ConfirmationDialogContext);
   const { deleteProcess, abortProcess, retryProcess } = useMutateProcess();
@@ -55931,7 +55936,7 @@ var WfoProcessDetailPage = ({
 
 // src/pages/processes/WfoStartProcessPage.tsx
 import { useCallback as useCallback6, useEffect as useEffect23, useMemo as useMemo5, useState as useState36 } from "react";
-import { useTranslations as useTranslations45 } from "next-intl";
+import { useTranslations as useTranslations46 } from "next-intl";
 import { useRouter as useRouter10 } from "next/router";
 import {
   EuiFlexGroup as EuiFlexGroup22,
@@ -55963,7 +55968,7 @@ var WfoStartProcessPage = ({
 }) => {
   var _a, _b;
   const apiClient = useAxiosApiClient();
-  const t = useTranslations45("processes.steps");
+  const t = useTranslations46("processes.steps");
   const router = useRouter10();
   const [hasError, setHasError] = useState36(false);
   const { theme } = useOrchestratorTheme();
@@ -56097,7 +56102,7 @@ var WfoStartProcessPage = ({
 };
 
 // src/pages/startPage/WfoStartPage.tsx
-import { useTranslations as useTranslations46 } from "next-intl";
+import { useTranslations as useTranslations47 } from "next-intl";
 import { EuiFlexItem as EuiFlexItem33 } from "@elastic/eui";
 
 // src/components/WfoSummary/WfoSummaryCards.tsx
@@ -56429,7 +56434,7 @@ var WfoSummaryCards = ({ summaryCards }) => {
 import { jsx as jsx158, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
 var WfoStartPage = () => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const t = useTranslations46("startPage");
+  const t = useTranslations47("startPage");
   const {
     data: subscriptionsSummaryResult,
     isLoading: subscriptionsSummaryIsFetching
@@ -56470,7 +56475,7 @@ var WfoStartPage = () => {
     listItems: (_b = subscriptionsSummaryResult == null ? void 0 : subscriptionsSummaryResult.subscriptions.page.map(
       (subscription) => ({
         title: subscription.description,
-        value: getFirstUuidPart(subscription.subscriptionId),
+        value: formatDate(subscription.startDate),
         url: `${PATH_SUBSCRIPTIONS}/${subscription.subscriptionId}`
       })
     )) != null ? _b : [],
@@ -56487,7 +56492,7 @@ var WfoStartPage = () => {
     listTitle: t("activeWorkflows.listTitle"),
     listItems: (_d = processesSummaryResult == null ? void 0 : processesSummaryResult.processes.page.map((workflow) => ({
       title: workflow.workflowName,
-      value: workflow.startedAt,
+      value: formatDate(workflow == null ? void 0 : workflow.startedAt),
       url: `${PATH_WORKFLOWS}/${workflow.processId}`
     }))) != null ? _d : [],
     button: {
@@ -56503,7 +56508,7 @@ var WfoStartPage = () => {
     listTitle: t("failedTasks.listTitle"),
     listItems: (_f = failedTasksSummaryResult == null ? void 0 : failedTasksSummaryResult.processes.page.map((task) => ({
       title: task.workflowName,
-      value: task.startedAt,
+      value: formatDate(task == null ? void 0 : task.startedAt),
       url: `${PATH_TASKS}/${task.processId}`
     }))) != null ? _f : [],
     button: {
@@ -56544,9 +56549,9 @@ var WfoStartPage = () => {
     WfoSummaryCards,
     {
       summaryCards: [
-        latestActiveSubscriptionsSummaryCard,
-        latestWorkflowsSummaryCard,
         failedTasksSummaryCard,
+        latestWorkflowsSummaryCard,
+        latestActiveSubscriptionsSummaryCard,
         productsSummaryCard
       ]
     }
@@ -56632,7 +56637,7 @@ var WfoSubscriptionDetailPage = () => {
 
 // src/pages/subscriptions/WfoSubscriptionsListPage.tsx
 import { useEffect as useEffect24, useState as useState37 } from "react";
-import { useTranslations as useTranslations48 } from "next-intl";
+import { useTranslations as useTranslations49 } from "next-intl";
 import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
 import { EuiPageHeader as EuiPageHeader4, EuiSpacer as EuiSpacer19 } from "@elastic/eui";
 
@@ -56710,7 +56715,7 @@ var subscriptionListTabs = [
 ];
 
 // src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
-import { useTranslations as useTranslations47 } from "next-intl";
+import { useTranslations as useTranslations48 } from "next-intl";
 import Link5 from "next/link";
 import { useRouter as useRouter13 } from "next/router";
 import { jsx as jsx160 } from "@emotion/react/jsx-runtime";
@@ -56722,8 +56727,8 @@ var WfoSubscriptionsList = ({
 }) => {
   var _a, _b, _c, _d;
   const router = useRouter13();
-  const t = useTranslations47("subscriptions.index");
-  const tError = useTranslations47("errors");
+  const t = useTranslations48("subscriptions.index");
+  const tError = useTranslations48("errors");
   const { showToastMessage } = useShowToastMessage();
   const tableColumns = {
     subscriptionId: {
@@ -56799,7 +56804,7 @@ var WfoSubscriptionsList = ({
     filterBy: alwaysOnFilters,
     query: queryString || void 0
   };
-  const { data, isError: isError3, isLoading } = useQueryWithGraphql(
+  const { data, isError: isError3, isFetching } = useQueryWithGraphql(
     getSubscriptionsListGraphQlQuery(),
     graphqlQueryVariables,
     ["subscriptions", "listPage"]
@@ -56841,7 +56846,7 @@ var WfoSubscriptionsList = ({
       defaultHiddenColumns: hiddenColumns,
       dataSorting,
       pagination,
-      isLoading,
+      isLoading: isFetching,
       localStorageKey: SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY,
       detailModalTitle: "Details - Subscription",
       onUpdatePage: getPageChangeHandler(
@@ -56869,7 +56874,7 @@ var WfoSubscriptionsList = ({
 import { Fragment as Fragment37, jsx as jsx161, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
 var WfoSubscriptionsListPage = () => {
   var _a;
-  const t = useTranslations48("subscriptions.detail");
+  const t = useTranslations49("subscriptions.detail");
   const [tableDefaults, setTableDefaults] = useState37();
   const getStoredTableConfig = useStoredTableConfig(
     SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY
@@ -56934,7 +56939,7 @@ var WfoSubscriptionsListPage = () => {
 
 // src/pages/tasks/WfoTasksListPage.tsx
 import { useContext as useContext13, useEffect as useEffect25, useState as useState38 } from "react";
-import { useTranslations as useTranslations49 } from "next-intl";
+import { useTranslations as useTranslations50 } from "next-intl";
 import Link6 from "next/link";
 import { useRouter as useRouter14 } from "next/router";
 import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
@@ -57018,7 +57023,7 @@ import { Fragment as Fragment38, jsx as jsx163, jsxs as jsxs98 } from "@emotion/
 var WfoTasksListPage = () => {
   var _a;
   const router = useRouter14();
-  const t = useTranslations49("tasks.page");
+  const t = useTranslations50("tasks.page");
   const [activeTab, setActiveTab] = useQueryParam3(
     "activeTab",
     withDefault4(StringParam4, "ACTIVE" /* ACTIVE */)
@@ -57126,7 +57131,7 @@ var WfoTasksListPage = () => {
 
 // src/pages/workflows/WfoWorkflowsListPage.tsx
 import { useEffect as useEffect26, useState as useState39 } from "react";
-import { useTranslations as useTranslations50 } from "next-intl";
+import { useTranslations as useTranslations51 } from "next-intl";
 import { useRouter as useRouter15 } from "next/router";
 import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
 import { EuiPageHeader as EuiPageHeader6, EuiSpacer as EuiSpacer21 } from "@elastic/eui";
@@ -57193,7 +57198,7 @@ import { Fragment as Fragment39, jsx as jsx164, jsxs as jsxs99 } from "@emotion/
 var WfoWorkflowsListPage = () => {
   var _a;
   const router = useRouter15();
-  const t = useTranslations50("workflows.index");
+  const t = useTranslations51("workflows.index");
   const [activeTab, setActiveTab] = useQueryParam4(
     "activeTab",
     withDefault5(StringParam5, "ACTIVE" /* ACTIVE */)
@@ -57362,8 +57367,8 @@ var WfoProcessesList = ({
   overrideDefaultTableColumns
 }) => {
   var _a, _b;
-  const t = useTranslations51("processes.index");
-  const tError = useTranslations51("errors");
+  const t = useTranslations52("processes.index");
+  const tError = useTranslations52("errors");
   const { showToastMessage } = useShowToastMessage();
   const defaultTableColumns = {
     workflowName: {
@@ -57558,7 +57563,7 @@ var WfoJsonCodeBlock = ({ data }) => {
 
 // src/components/WfoSettings/WfoFlushSettings.tsx
 import { useState as useState40 } from "react";
-import { useTranslations as useTranslations52 } from "next-intl";
+import { useTranslations as useTranslations53 } from "next-intl";
 import {
   EuiButton as EuiButton14,
   EuiComboBox,
@@ -57569,7 +57574,7 @@ import {
 import { jsx as jsx167, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
 var WfoFlushSettings = () => {
   const [clearCache] = useClearCacheMutation();
-  const t = useTranslations52("settings.page");
+  const t = useTranslations53("settings.page");
   const [selectedOptions, setSelected] = useState40(
     []
   );
@@ -57631,14 +57636,14 @@ var WfoFlushSettings = () => {
 };
 
 // src/components/WfoSettings/WfoEngineStatusButton.tsx
-import { useTranslations as useTranslations53 } from "next-intl";
+import { useTranslations as useTranslations54 } from "next-intl";
 import { EuiButton as EuiButton15 } from "@elastic/eui";
 import { jsx as jsx168 } from "@emotion/react/jsx-runtime";
 var WfoEngineStatusButton = () => {
   const { data, isLoading } = useGetEngineStatusQuery();
   const { engineStatus } = data || {};
   const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
-  const t = useTranslations53("settings.page");
+  const t = useTranslations54("settings.page");
   if (isLoading || isSettingEngineStatus) {
     return /* @__PURE__ */ jsx168(EuiButton15, { isLoading: true, fill: true, children: "Loading..." });
   }
@@ -57664,11 +57669,11 @@ var WfoEngineStatusButton = () => {
 };
 
 // src/components/WfoSettings/WfoModifySettings.tsx
-import { useTranslations as useTranslations54 } from "next-intl";
+import { useTranslations as useTranslations55 } from "next-intl";
 import { EuiPanel as EuiPanel10, EuiSpacer as EuiSpacer23, EuiText as EuiText37 } from "@elastic/eui";
 import { jsx as jsx169, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
 var WfoModifySettings = () => {
-  const t = useTranslations54("settings.page");
+  const t = useTranslations55("settings.page");
   return /* @__PURE__ */ jsxs101(
     EuiPanel10,
     {
@@ -57686,7 +57691,7 @@ var WfoModifySettings = () => {
 };
 
 // src/components/WfoSettings/WfoStatus.tsx
-import { useTranslations as useTranslations55 } from "next-intl";
+import { useTranslations as useTranslations56 } from "next-intl";
 import {
   EuiFlexGroup as EuiFlexGroup26,
   EuiFlexItem as EuiFlexItem35,
@@ -57700,7 +57705,7 @@ var WfoStatus = () => {
   const { data } = useGetEngineStatusQuery();
   const { engineStatus, runningProcesses } = data || {};
   const isRunning = engineStatus === "RUNNING" /* RUNNING */;
-  const t = useTranslations55("settings.page");
+  const t = useTranslations56("settings.page");
   return /* @__PURE__ */ jsxs102(
     EuiPanel11,
     {
@@ -57731,6 +57736,35 @@ var WfoStatus = () => {
   );
 };
 
+// src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
+import React53 from "react";
+import { jsx as jsx171, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
+var WfoErrorBoundary = class extends React53.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(error, info) {
+    console.error(error, info.componentStack);
+  }
+  render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+      return /* @__PURE__ */ jsxs103("p", { children: [
+        "An unexpected error occurred, try to go back to the",
+        " ",
+        /* @__PURE__ */ jsx171("a", { href: "/", children: "home page" })
+      ] });
+    }
+    return this.props.children;
+  }
+};
+
 // src/theme/defaultOrchestratorTheme.ts
 var defaultOrchestratorTheme = {
   base: 16,
@@ -57823,9 +57857,11 @@ var en_GB_default = {
     deselect: "Deselect",
     close: "Close",
     editColumns: "Edit columns",
+    loading: "Loading",
     newSubscription: "New subscription",
     newTask: "New task",
     noFailedTasks: "No failed tasks!",
+    noItemsFound: "No items found",
     search: "Search",
     errorMessage: "An error occurred",
     export: "Export"
@@ -58177,9 +58213,11 @@ var nl_NL_default = {
     deselect: "Deselecteer",
     close: "Sluiten",
     editColumns: "Wijzig kolommen",
+    loading: "Laden",
     newSubscription: "Nieuwe subscription",
     newTask: "Nieuwe task",
     noFailedTasks: "Geen gefaalde taken!",
+    noItemsFound: "Geen items gevonden",
     search: "Zoeken",
     errorMessage: "Er is een fout opgetreden",
     export: "Exporteren"
@@ -58660,6 +58698,7 @@ export {
   WfoEngineStatusButton,
   WfoEnvironmentBadge,
   WfoError,
+  WfoErrorBoundary,
   WfoEyeFill,
   WfoFailedTasksBadge,
   WfoFilterTabs,
@@ -58757,6 +58796,7 @@ export {
   getApiClient,
   getCurrentBrowserLocale,
   getDataSortHandler,
+  getDate,
   getFieldFromProductBlockInstanceValues,
   getFirstUuidPart,
   getInitialColumnOrder,