@orchestrator-ui/orchestrator-ui-components 8.3.0 → 8.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +7 -7
- package/.turbo/turbo-lint.log +1 -1
- package/.turbo/turbo-test.log +8 -8
- package/CHANGELOG.md +21 -0
- package/dist/index.d.ts +72 -1034
- package/dist/index.js +341 -1505
- package/dist/index.js.map +1 -1
- package/package.json +11 -15
- package/src/components/WfoAvailabilityCheck/WfoAvailabilityCheck.tsx +1 -1
- package/src/components/WfoBackendUnavailable/WfoBackendUnavailable.tsx +2 -31
- package/src/components/WfoMetadata/WfoMetadataStatusField.tsx +18 -1
- package/src/components/WfoProcessList/WfoProcessListDeltaPopover.tsx +1 -1
- package/src/components/WfoTable/WfoAdvancedTable/WfoAdvancedTable.tsx +8 -4
- package/src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx +36 -25
- package/src/components/index.ts +0 -1
- package/src/configuration/version.ts +1 -1
- package/src/hooks/useBackendAvailability.ts +1 -24
- package/src/messages/en-GB.json +2 -63
- package/src/messages/nl-NL.json +1 -0
- package/src/pages/metadata/WfoScheduleTaskFormPage.tsx +1 -424
- package/src/rtk/endpoints/availability.ts +1 -17
- package/src/rtk/endpoints/index.ts +0 -1
- package/src/utils/getDefaultTableConfig.ts +1 -1
- package/src/components/WfoAgent/ExportButton/ExportButton.tsx +0 -86
- package/src/components/WfoAgent/ExportButton/index.ts +0 -1
- package/src/components/WfoAgent/ExportButton/styles.ts +0 -69
- package/src/components/WfoAgent/WfoAgent/WfoAgent.tsx +0 -147
- package/src/components/WfoAgent/WfoAgent/index.ts +0 -1
- package/src/components/WfoAgent/WfoAgentChart/WfoAgentLineChart.tsx +0 -52
- package/src/components/WfoAgent/WfoAgentChart/WfoAgentPieChart.tsx +0 -55
- package/src/components/WfoAgent/WfoAgentChart/index.ts +0 -2
- package/src/components/WfoAgent/WfoAgentChart/styles.ts +0 -6
- package/src/components/WfoAgent/WfoAgentTable/WfoAgentTable.tsx +0 -66
- package/src/components/WfoAgent/WfoAgentTable/index.ts +0 -1
- package/src/components/WfoAgent/WfoAgentVisualization/WfoAgentVisualization.tsx +0 -54
- package/src/components/WfoAgent/WfoAgentVisualization/index.ts +0 -1
- package/src/components/WfoAgent/WfoPlanProgress/WfoPlanProgress.tsx +0 -107
- package/src/components/WfoAgent/WfoPlanProgress/index.ts +0 -1
- package/src/components/WfoAgent/WfoPlanProgress/styles.ts +0 -62
- package/src/components/WfoAgent/WfoQueryArtifact/WfoQueryArtifact.tsx +0 -40
- package/src/components/WfoAgent/WfoQueryArtifact/index.ts +0 -1
- package/src/components/WfoAgent/index.ts +0 -7
- package/src/hooks/useAgentPlanEvents.ts +0 -187
- package/src/rtk/endpoints/agentExport.ts +0 -23
- package/src/rtk/endpoints/agentQueryResults.ts +0 -19
package/dist/index.js
CHANGED
|
@@ -64,7 +64,7 @@ var PolicyResource = /* @__PURE__ */ ((PolicyResource2) => {
|
|
|
64
64
|
})(PolicyResource || {});
|
|
65
65
|
|
|
66
66
|
// src/configuration/version.ts
|
|
67
|
-
var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.
|
|
67
|
+
var ORCHESTRATOR_UI_LIBRARY_VERSION = "8.4.1";
|
|
68
68
|
|
|
69
69
|
// src/types/types.ts
|
|
70
70
|
var EngineStatus = /* @__PURE__ */ ((EngineStatus2) => {
|
|
@@ -1823,7 +1823,7 @@ var getDefaultTableConfig = (storageKey) => {
|
|
|
1823
1823
|
return getTableConfig(resourceTypeColumns);
|
|
1824
1824
|
}
|
|
1825
1825
|
case METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY: {
|
|
1826
|
-
const productColumns = ["productId", "
|
|
1826
|
+
const productColumns = ["productId", "createdAt"];
|
|
1827
1827
|
return getTableConfig(productColumns);
|
|
1828
1828
|
}
|
|
1829
1829
|
case METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY: {
|
|
@@ -3031,42 +3031,10 @@ var availabilityApi = orchestratorApi.injectEndpoints({
|
|
|
3031
3031
|
extraOptions: {
|
|
3032
3032
|
baseQueryType: "fetch" /* fetch */
|
|
3033
3033
|
}
|
|
3034
|
-
}),
|
|
3035
|
-
checkAgentAvailability: build.query({
|
|
3036
|
-
query: () => ({
|
|
3037
|
-
url: "/agent/",
|
|
3038
|
-
method: "POST",
|
|
3039
|
-
headers: {
|
|
3040
|
-
"Content-Type": "application/json"
|
|
3041
|
-
},
|
|
3042
|
-
body: JSON.stringify({
|
|
3043
|
-
messages: []
|
|
3044
|
-
})
|
|
3045
|
-
}),
|
|
3046
|
-
extraOptions: {
|
|
3047
|
-
baseQueryType: "fetch" /* fetch */,
|
|
3048
|
-
apiName: "agent"
|
|
3049
|
-
}
|
|
3050
|
-
})
|
|
3051
|
-
})
|
|
3052
|
-
});
|
|
3053
|
-
var { useCheckSearchAvailabilityQuery, useCheckAgentAvailabilityQuery } = availabilityApi;
|
|
3054
|
-
|
|
3055
|
-
// src/rtk/endpoints/agentQueryResults.ts
|
|
3056
|
-
var agentQueryResultsApi = orchestratorApi.injectEndpoints({
|
|
3057
|
-
endpoints: (builder) => ({
|
|
3058
|
-
getAgentQueryResults: builder.query({
|
|
3059
|
-
query: (queryId) => ({
|
|
3060
|
-
url: `${SEARCH_QUERY_RESULTS_ENDPOINT}/${queryId}/results`,
|
|
3061
|
-
method: "GET"
|
|
3062
|
-
}),
|
|
3063
|
-
extraOptions: {
|
|
3064
|
-
baseQueryType: "fetch" /* fetch */
|
|
3065
|
-
}
|
|
3066
3034
|
})
|
|
3067
3035
|
})
|
|
3068
3036
|
});
|
|
3069
|
-
var {
|
|
3037
|
+
var { useCheckSearchAvailabilityQuery } = availabilityApi;
|
|
3070
3038
|
|
|
3071
3039
|
// src/hooks/useCheckEngineStatus.ts
|
|
3072
3040
|
var useCheckEngineStatus = () => {
|
|
@@ -5217,23 +5185,6 @@ var useSearchAvailability = () => {
|
|
|
5217
5185
|
isLoading: false
|
|
5218
5186
|
};
|
|
5219
5187
|
};
|
|
5220
|
-
var useAgentAvailability = () => {
|
|
5221
|
-
const { isLoading: agentLoading, error: agentError } = useCheckAgentAvailabilityQuery();
|
|
5222
|
-
const { isLoading: searchLoading, error: searchError } = useCheckSearchAvailabilityQuery();
|
|
5223
|
-
if (agentLoading || searchLoading) {
|
|
5224
|
-
return {
|
|
5225
|
-
isAvailable: false,
|
|
5226
|
-
isLoading: true
|
|
5227
|
-
};
|
|
5228
|
-
}
|
|
5229
|
-
const agentNotFound = agentError ? isNotFoundError(agentError) : false;
|
|
5230
|
-
const searchNotFound = searchError ? isNotFoundError(searchError) : false;
|
|
5231
|
-
const isAvailable = !agentNotFound && !searchNotFound;
|
|
5232
|
-
return {
|
|
5233
|
-
isAvailable,
|
|
5234
|
-
isLoading: false
|
|
5235
|
-
};
|
|
5236
|
-
};
|
|
5237
5188
|
|
|
5238
5189
|
// src/hooks/useGetSchedulesForWorkflow.tsx
|
|
5239
5190
|
var useGetSchedulesForWorkflow = (workflowId) => {
|
|
@@ -5809,7 +5760,7 @@ var getWfoReactSelectStyles = (wfoTheme) => {
|
|
|
5809
5760
|
backgroundColor: state.isDisabled ? theme.colors.borderBaseSubdued : theme.colors.textDisabled
|
|
5810
5761
|
})
|
|
5811
5762
|
};
|
|
5812
|
-
const
|
|
5763
|
+
const containerStyle = css12({
|
|
5813
5764
|
display: "flex",
|
|
5814
5765
|
flexDirection: "row",
|
|
5815
5766
|
alignItems: "center"
|
|
@@ -5824,7 +5775,7 @@ var getWfoReactSelectStyles = (wfoTheme) => {
|
|
|
5824
5775
|
return {
|
|
5825
5776
|
reactSelectInnerComponentStyles,
|
|
5826
5777
|
refreshButtonStyle,
|
|
5827
|
-
containerStyle
|
|
5778
|
+
containerStyle,
|
|
5828
5779
|
reactSelectStyle
|
|
5829
5780
|
};
|
|
5830
5781
|
};
|
|
@@ -5850,14 +5801,14 @@ var WfoReactSelect = ({
|
|
|
5850
5801
|
setSelectedValue(preSelectedValue || null);
|
|
5851
5802
|
}
|
|
5852
5803
|
}, [options, selectedValue, value]);
|
|
5853
|
-
const { reactSelectInnerComponentStyles, containerStyle
|
|
5804
|
+
const { reactSelectInnerComponentStyles, containerStyle, refreshButtonStyle, reactSelectStyle } = useWithOrchestratorTheme(getWfoReactSelectStyles);
|
|
5854
5805
|
if (hasError) {
|
|
5855
5806
|
return /* @__PURE__ */ jsx85(WfoError, {});
|
|
5856
5807
|
}
|
|
5857
5808
|
const Input = ({ ...props }) => {
|
|
5858
5809
|
return /* @__PURE__ */ jsx85(components.Input, { ...props, "data-testid": `${id}.search-input` });
|
|
5859
5810
|
};
|
|
5860
|
-
return /* @__PURE__ */ jsxs47("div", { css:
|
|
5811
|
+
return /* @__PURE__ */ jsxs47("div", { css: containerStyle, children: [
|
|
5861
5812
|
refetch && /* @__PURE__ */ jsx85(
|
|
5862
5813
|
EuiButtonIcon3,
|
|
5863
5814
|
{
|
|
@@ -6528,7 +6479,7 @@ import { useContext as useContext4 } from "react";
|
|
|
6528
6479
|
// src/components/WfoBadges/WfoHeaderBadge/WfoHeaderBadge.tsx
|
|
6529
6480
|
import { jsx as jsx97 } from "@emotion/react/jsx-runtime";
|
|
6530
6481
|
var WfoHeaderBadge = ({ children, ...restProps }) => {
|
|
6531
|
-
const
|
|
6482
|
+
const css47 = restProps.iconType ? {
|
|
6532
6483
|
height: 24,
|
|
6533
6484
|
display: "flex",
|
|
6534
6485
|
paddingLeft: 0
|
|
@@ -6536,7 +6487,7 @@ var WfoHeaderBadge = ({ children, ...restProps }) => {
|
|
|
6536
6487
|
height: 24,
|
|
6537
6488
|
display: "flex"
|
|
6538
6489
|
};
|
|
6539
|
-
return /* @__PURE__ */ jsx97(WfoBadge, { ...restProps, css:
|
|
6490
|
+
return /* @__PURE__ */ jsx97(WfoBadge, { ...restProps, css: css47, children });
|
|
6540
6491
|
};
|
|
6541
6492
|
|
|
6542
6493
|
// src/components/WfoBadges/WfoEnvironmentBadge/WfoEnvironmentBadge.tsx
|
|
@@ -6787,20 +6738,7 @@ import { EuiButton as EuiButton3, EuiCallOut as EuiCallOut3, EuiCode, EuiSpacer
|
|
|
6787
6738
|
import { Fragment as Fragment9, jsx as jsx106, jsxs as jsxs50 } from "@emotion/react/jsx-runtime";
|
|
6788
6739
|
var WfoBackendUnavailable = ({ featureType, onRetry }) => {
|
|
6789
6740
|
const t = useTranslations15(`${featureType}.availability.unavailable`);
|
|
6790
|
-
const getInstructionSteps = () =>
|
|
6791
|
-
if (featureType === "search") {
|
|
6792
|
-
return ["setEnvironmentVariable", "checkVersion", "restartService", "checkDockerConfig"];
|
|
6793
|
-
} else {
|
|
6794
|
-
return [
|
|
6795
|
-
"setAgentEnvironment",
|
|
6796
|
-
"setSearchEnvironment",
|
|
6797
|
-
"checkVersion",
|
|
6798
|
-
"configureOpenAI",
|
|
6799
|
-
"restartService",
|
|
6800
|
-
"checkDockerConfig"
|
|
6801
|
-
];
|
|
6802
|
-
}
|
|
6803
|
-
};
|
|
6741
|
+
const getInstructionSteps = () => ["setEnvironmentVariable", "checkVersion", "restartService", "checkDockerConfig"];
|
|
6804
6742
|
const renderInstruction = (step) => {
|
|
6805
6743
|
if (step === "setEnvironmentVariable") {
|
|
6806
6744
|
return /* @__PURE__ */ jsxs50(Fragment9, { children: [
|
|
@@ -6808,18 +6746,6 @@ var WfoBackendUnavailable = ({ featureType, onRetry }) => {
|
|
|
6808
6746
|
/* @__PURE__ */ jsx106(EuiCode, { children: "SEARCH_ENABLED=True" }),
|
|
6809
6747
|
t("instructions.setEnvironmentVariable.after")
|
|
6810
6748
|
] });
|
|
6811
|
-
} else if (step === "setAgentEnvironment") {
|
|
6812
|
-
return /* @__PURE__ */ jsxs50(Fragment9, { children: [
|
|
6813
|
-
t("instructions.setAgentEnvironment.before"),
|
|
6814
|
-
/* @__PURE__ */ jsx106(EuiCode, { children: "AGENT_ENABLED=True" }),
|
|
6815
|
-
t("instructions.setAgentEnvironment.after")
|
|
6816
|
-
] });
|
|
6817
|
-
} else if (step === "setSearchEnvironment") {
|
|
6818
|
-
return /* @__PURE__ */ jsxs50(Fragment9, { children: [
|
|
6819
|
-
t("instructions.setSearchEnvironment.before"),
|
|
6820
|
-
/* @__PURE__ */ jsx106(EuiCode, { children: "SEARCH_ENABLED=True" }),
|
|
6821
|
-
t("instructions.setSearchEnvironment.after")
|
|
6822
|
-
] });
|
|
6823
6749
|
} else {
|
|
6824
6750
|
return t(`instructions.${step}`);
|
|
6825
6751
|
}
|
|
@@ -11207,7 +11133,14 @@ var WfoAdvancedTable = ({
|
|
|
11207
11133
|
viewDetails: {
|
|
11208
11134
|
columnType: "control" /* CONTROL */,
|
|
11209
11135
|
width: "36px",
|
|
11210
|
-
renderControl: (row) => /* @__PURE__ */ jsx175(
|
|
11136
|
+
renderControl: (row) => /* @__PURE__ */ jsx175(WfoToolTip, { tooltipContent: t("showAllColumnsInDetailView"), children: /* @__PURE__ */ jsx175(
|
|
11137
|
+
EuiButtonIcon11,
|
|
11138
|
+
{
|
|
11139
|
+
iconType: () => /* @__PURE__ */ jsx175(WfoArrowsExpand, { color: theme.colors.textDisabled }),
|
|
11140
|
+
onClick: () => setSelectedDataForDetailModal(row),
|
|
11141
|
+
"aria-label": t("showAllColumnsInDetailView")
|
|
11142
|
+
}
|
|
11143
|
+
) })
|
|
11211
11144
|
}
|
|
11212
11145
|
};
|
|
11213
11146
|
const tableColumnsWithControlColumns = {
|
|
@@ -11639,7 +11572,7 @@ var WfoDropdownButton = ({ label, isDisabled = false, children }) => {
|
|
|
11639
11572
|
};
|
|
11640
11573
|
|
|
11641
11574
|
// src/components/WfoProcessList/WfoProcessesList.tsx
|
|
11642
|
-
import { useTranslations as
|
|
11575
|
+
import { useTranslations as useTranslations68 } from "next-intl";
|
|
11643
11576
|
import Link13 from "next/link";
|
|
11644
11577
|
import { useRouter as useRouter17 } from "next/router";
|
|
11645
11578
|
|
|
@@ -12081,6 +12014,22 @@ var WfoMetadataStatusField = ({ onSave, currentStatus }) => {
|
|
|
12081
12014
|
const [isPopoverOpen, setPopover] = useState30(false);
|
|
12082
12015
|
const onButtonClick = () => setPopover(!isPopoverOpen);
|
|
12083
12016
|
const button = /* @__PURE__ */ jsx190(EuiButtonEmpty6, { iconType: "arrowDown", iconSide: "right", onClick: onButtonClick, color: "text", children: /* @__PURE__ */ jsx190(WfoProductStatusBadge, { status: currentStatus }) });
|
|
12017
|
+
const wrappedButton = /* @__PURE__ */ jsx190(
|
|
12018
|
+
"div",
|
|
12019
|
+
{
|
|
12020
|
+
css: {
|
|
12021
|
+
":hover": {
|
|
12022
|
+
".euiIcon": {
|
|
12023
|
+
visibility: "visible"
|
|
12024
|
+
}
|
|
12025
|
+
},
|
|
12026
|
+
".euiIcon": {
|
|
12027
|
+
visibility: isPopoverOpen ? "visible" : "hidden"
|
|
12028
|
+
}
|
|
12029
|
+
},
|
|
12030
|
+
children: button
|
|
12031
|
+
}
|
|
12032
|
+
);
|
|
12084
12033
|
const handleOnSelectOption = (updatedStatus) => {
|
|
12085
12034
|
setPopover(false);
|
|
12086
12035
|
onSave(updatedStatus);
|
|
@@ -12091,7 +12040,7 @@ var WfoMetadataStatusField = ({ onSave, currentStatus }) => {
|
|
|
12091
12040
|
{
|
|
12092
12041
|
id: "productStatusPopover",
|
|
12093
12042
|
isLoading: false,
|
|
12094
|
-
button,
|
|
12043
|
+
button: wrappedButton,
|
|
12095
12044
|
isPopoverOpen,
|
|
12096
12045
|
closePopover: () => setPopover(false),
|
|
12097
12046
|
PopoverContent: setNewStatusBadges
|
|
@@ -12890,10 +12839,8 @@ var WfoScheduledTasksPage = () => {
|
|
|
12890
12839
|
// src/pages/metadata/WfoScheduleTaskFormPage.tsx
|
|
12891
12840
|
import { useCallback as useCallback7, useMemo as useMemo2 } from "react";
|
|
12892
12841
|
import _4 from "lodash";
|
|
12893
|
-
import { useTranslations as useTranslations50 } from "next-intl";
|
|
12894
12842
|
import { useRouter as useRouter10 } from "next/router";
|
|
12895
12843
|
import { PydanticForm as PydanticForm2 } from "pydantic-forms";
|
|
12896
|
-
import { PydanticFormApiResponseType, PydanticFormFieldFormat as PydanticFormFieldFormat2, PydanticFormFieldType as PydanticFormFieldType2 } from "pydantic-forms";
|
|
12897
12844
|
|
|
12898
12845
|
// src/components/WfoPydanticForm/Footer.tsx
|
|
12899
12846
|
import { useCallback as useCallback6, useContext as useContext8, useEffect as useEffect23 } from "react";
|
|
@@ -13040,346 +12987,9 @@ var Footer = ({ onCancel, onPrevious, hasNext, hasPrevious, isTask = false, butt
|
|
|
13040
12987
|
};
|
|
13041
12988
|
|
|
13042
12989
|
// src/pages/metadata/WfoScheduleTaskFormPage.tsx
|
|
13043
|
-
import {
|
|
13044
|
-
var WfoScheduleTaskFormPageHardCoded = () => {
|
|
13045
|
-
const t = useTranslations50("metadata.scheduleTaskForm");
|
|
13046
|
-
const { showToastMessage } = useShowToastMessage();
|
|
13047
|
-
const [createScheduledTask, mutationState] = useCreateScheduledTaskMutation();
|
|
13048
|
-
const { data, isLoading } = useGetTasksQuery({
|
|
13049
|
-
first: NUMBER_OF_ITEMS_REPRESENTING_ALL_ITEMS,
|
|
13050
|
-
after: 0
|
|
13051
|
-
});
|
|
13052
|
-
const router = useRouter10();
|
|
13053
|
-
const { workflowId } = router.query;
|
|
13054
|
-
const getFormStep2 = (userInput) => {
|
|
13055
|
-
const getStep2Defs = () => ({
|
|
13056
|
-
IntervalEnum: {
|
|
13057
|
-
enum: [
|
|
13058
|
-
"1hour" /* ONE_HOUR */,
|
|
13059
|
-
"2hours" /* TWO_HOURS */,
|
|
13060
|
-
"4hours" /* FOUR_HOURS */,
|
|
13061
|
-
"12hours" /* TWELVE_HOURS */,
|
|
13062
|
-
"24hours" /* TWENTY4_HOURS */,
|
|
13063
|
-
"1week" /* ONE_WEEK */,
|
|
13064
|
-
"2weeks" /* TWO_WEEKS */,
|
|
13065
|
-
"1months" /* ONE_MONTH */
|
|
13066
|
-
],
|
|
13067
|
-
options: {
|
|
13068
|
-
["1hour" /* ONE_HOUR */]: t("1hour"),
|
|
13069
|
-
["2hours" /* TWO_HOURS */]: t("2hours"),
|
|
13070
|
-
["4hours" /* FOUR_HOURS */]: t("4hours"),
|
|
13071
|
-
["12hours" /* TWELVE_HOURS */]: t("12hours"),
|
|
13072
|
-
["24hours" /* TWENTY4_HOURS */]: t("24hours"),
|
|
13073
|
-
["1week" /* ONE_WEEK */]: t("1week"),
|
|
13074
|
-
["2weeks" /* TWO_WEEKS */]: t("2weeks"),
|
|
13075
|
-
["1months" /* ONE_MONTH */]: t("1month")
|
|
13076
|
-
},
|
|
13077
|
-
title: t("selectTaskType"),
|
|
13078
|
-
type: PydanticFormFieldType2.STRING
|
|
13079
|
-
},
|
|
13080
|
-
ButtonColor: {
|
|
13081
|
-
enum: ["primary", "accent", "success", "warning", "danger", "ghost", "text"],
|
|
13082
|
-
options: {},
|
|
13083
|
-
title: "ButtonColor",
|
|
13084
|
-
type: PydanticFormFieldType2.STRING
|
|
13085
|
-
},
|
|
13086
|
-
ButtonConfig: {
|
|
13087
|
-
additionalProperties: false,
|
|
13088
|
-
properties: {
|
|
13089
|
-
text: {
|
|
13090
|
-
title: "Text",
|
|
13091
|
-
type: PydanticFormFieldType2.STRING
|
|
13092
|
-
},
|
|
13093
|
-
dialog: {
|
|
13094
|
-
title: "Dialog",
|
|
13095
|
-
type: PydanticFormFieldType2.STRING
|
|
13096
|
-
},
|
|
13097
|
-
color: {
|
|
13098
|
-
$ref: "#/$defs/ButtonColor"
|
|
13099
|
-
}
|
|
13100
|
-
},
|
|
13101
|
-
enum: [],
|
|
13102
|
-
title: "ButtonConfig",
|
|
13103
|
-
options: {},
|
|
13104
|
-
type: PydanticFormFieldType2.OBJECT
|
|
13105
|
-
},
|
|
13106
|
-
Buttons: {
|
|
13107
|
-
additionalProperties: false,
|
|
13108
|
-
title: "Buttons",
|
|
13109
|
-
type: PydanticFormFieldType2.OBJECT,
|
|
13110
|
-
properties: {
|
|
13111
|
-
previous: {
|
|
13112
|
-
$ref: "#/$defs/ButtonConfig"
|
|
13113
|
-
},
|
|
13114
|
-
next: {
|
|
13115
|
-
$ref: "#/$defs/ButtonConfig"
|
|
13116
|
-
}
|
|
13117
|
-
},
|
|
13118
|
-
required: ["previous", "next"],
|
|
13119
|
-
enum: [],
|
|
13120
|
-
options: {}
|
|
13121
|
-
}
|
|
13122
|
-
});
|
|
13123
|
-
const getStep2Properties = (userInput2) => {
|
|
13124
|
-
const step1UserInput = userInput2[0];
|
|
13125
|
-
const step2Properties2 = {
|
|
13126
|
-
startDate: {
|
|
13127
|
-
type: PydanticFormFieldType2.NUMBER,
|
|
13128
|
-
format: PydanticFormFieldFormat2.DATETIME,
|
|
13129
|
-
title: t("firstRunDate"),
|
|
13130
|
-
$ref: "",
|
|
13131
|
-
uniforms: {
|
|
13132
|
-
showTimeSelect: true
|
|
13133
|
-
}
|
|
13134
|
-
}
|
|
13135
|
-
};
|
|
13136
|
-
if (step1UserInput.taskType === "interval" /* INTERVAL */) {
|
|
13137
|
-
step2Properties2.interval = {
|
|
13138
|
-
type: PydanticFormFieldType2.STRING,
|
|
13139
|
-
format: PydanticFormFieldFormat2.DROPDOWN,
|
|
13140
|
-
title: t("selectInterval"),
|
|
13141
|
-
$ref: "#/$defs/IntervalEnum"
|
|
13142
|
-
};
|
|
13143
|
-
}
|
|
13144
|
-
if (step1UserInput.taskType === "cron" /* CRON */) {
|
|
13145
|
-
const cronRegex = "^(?:(\\*|([0-5]?\\d))(?:\\/(\\d+))?\\s+){4}(?:(\\*|([0-5]?\\d))(?:\\/(\\d+))?\\s+)?(?:([0-9,/*\\-?LW#]+)(?:\\s+([0-9,/*\\-?LW#]+))?(?:\\s+([0-9,/*\\-?LW#]+))?)$";
|
|
13146
|
-
step2Properties2.cron = {
|
|
13147
|
-
type: PydanticFormFieldType2.STRING,
|
|
13148
|
-
format: PydanticFormFieldFormat2.DEFAULT,
|
|
13149
|
-
pattern: cronRegex,
|
|
13150
|
-
$ref: ""
|
|
13151
|
-
};
|
|
13152
|
-
}
|
|
13153
|
-
return step2Properties2;
|
|
13154
|
-
};
|
|
13155
|
-
const step2Properties = getStep2Properties(userInput);
|
|
13156
|
-
const form2Defs = getStep2Defs();
|
|
13157
|
-
const formStep2 = {
|
|
13158
|
-
type: PydanticFormApiResponseType.FORM_DEFINITION,
|
|
13159
|
-
form: {
|
|
13160
|
-
type: PydanticFormFieldType2.OBJECT,
|
|
13161
|
-
properties: {
|
|
13162
|
-
buttons: {
|
|
13163
|
-
$ref: "#/$defs/Buttons",
|
|
13164
|
-
default: {
|
|
13165
|
-
previous: {},
|
|
13166
|
-
next: { text: t("createScheduleButton") }
|
|
13167
|
-
},
|
|
13168
|
-
type: PydanticFormFieldType2.OBJECT,
|
|
13169
|
-
format: PydanticFormFieldFormat2.HIDDEN
|
|
13170
|
-
},
|
|
13171
|
-
...step2Properties
|
|
13172
|
-
},
|
|
13173
|
-
$defs: { ...form2Defs }
|
|
13174
|
-
},
|
|
13175
|
-
meta: {
|
|
13176
|
-
hasNext: false
|
|
13177
|
-
},
|
|
13178
|
-
status: 510
|
|
13179
|
-
};
|
|
13180
|
-
return formStep2;
|
|
13181
|
-
};
|
|
13182
|
-
const onSuccess = () => {
|
|
13183
|
-
router.replace(PATH_METADATA_SCHEDULED_TASKS);
|
|
13184
|
-
};
|
|
13185
|
-
const onCancel = () => {
|
|
13186
|
-
router.replace(PATH_METADATA_SCHEDULED_TASKS);
|
|
13187
|
-
};
|
|
13188
|
-
const getTaskByWorkflowId = (workflowId2) => {
|
|
13189
|
-
return data?.tasks.find((task) => task.workflowId === workflowId2);
|
|
13190
|
-
};
|
|
13191
|
-
const createTask = (userInput) => {
|
|
13192
|
-
const getIntervalArg = (interval) => {
|
|
13193
|
-
const intervalMap = /* @__PURE__ */ new Map([
|
|
13194
|
-
["1hour" /* ONE_HOUR */, { hours: 1 }],
|
|
13195
|
-
["2hours" /* TWO_HOURS */, { hours: 2 }],
|
|
13196
|
-
["4hours" /* FOUR_HOURS */, { hours: 4 }],
|
|
13197
|
-
["12hours" /* TWELVE_HOURS */, { hours: 12 }],
|
|
13198
|
-
["24hours" /* TWENTY4_HOURS */, { hours: 24 }],
|
|
13199
|
-
["1week" /* ONE_WEEK */, { weeks: 1 }],
|
|
13200
|
-
["2weeks" /* TWO_WEEKS */, { weeks: 2 }],
|
|
13201
|
-
["1months" /* ONE_MONTH */, { weeks: 4 }]
|
|
13202
|
-
]);
|
|
13203
|
-
return intervalMap.has(interval) ? intervalMap.get(interval) : void 0;
|
|
13204
|
-
};
|
|
13205
|
-
const getCronKwargs = (cron, startDate) => {
|
|
13206
|
-
const [minute, hour, day, month, day_of_week] = cron.split(" ");
|
|
13207
|
-
return {
|
|
13208
|
-
start_date: startDate,
|
|
13209
|
-
minute: parseInt(minute, 10),
|
|
13210
|
-
hour: parseInt(hour, 10),
|
|
13211
|
-
day: parseInt(day, 10),
|
|
13212
|
-
month: parseInt(month, 10),
|
|
13213
|
-
day_of_week: parseInt(day_of_week, 10)
|
|
13214
|
-
};
|
|
13215
|
-
};
|
|
13216
|
-
const getCreateTaskPayload = (userInput2) => {
|
|
13217
|
-
const userInputStep1 = userInput2[0];
|
|
13218
|
-
const userInputStep2 = userInput2[1];
|
|
13219
|
-
if (!userInputStep1 || !userInputStep2) {
|
|
13220
|
-
throw new Error("Unknown or missing form input");
|
|
13221
|
-
}
|
|
13222
|
-
const startTimestampMilliseconds = parseInt(userInputStep2.startDate, 10);
|
|
13223
|
-
const startDate = new Date(startTimestampMilliseconds * 1e3).toISOString();
|
|
13224
|
-
const task = getTaskByWorkflowId(userInputStep1.workflowId);
|
|
13225
|
-
if (!task) {
|
|
13226
|
-
throw Error("No task found with id");
|
|
13227
|
-
}
|
|
13228
|
-
if (userInputStep1.taskType === "date" /* DATE */) {
|
|
13229
|
-
return {
|
|
13230
|
-
scheduled_type: "create",
|
|
13231
|
-
workflow_id: task.workflowId,
|
|
13232
|
-
workflow_name: task.name,
|
|
13233
|
-
name: task.description,
|
|
13234
|
-
trigger: userInputStep1.taskType,
|
|
13235
|
-
trigger_kwargs: {
|
|
13236
|
-
run_date: startDate
|
|
13237
|
-
},
|
|
13238
|
-
user_inputs: []
|
|
13239
|
-
};
|
|
13240
|
-
} else if (userInputStep1.taskType === "interval" /* INTERVAL */) {
|
|
13241
|
-
const step2Input = userInputStep2;
|
|
13242
|
-
const intervalArg = getIntervalArg(step2Input.interval);
|
|
13243
|
-
if (!intervalArg) {
|
|
13244
|
-
throw new Error("Unknown or missing task interval");
|
|
13245
|
-
}
|
|
13246
|
-
return {
|
|
13247
|
-
scheduled_type: "create",
|
|
13248
|
-
workflow_id: task.workflowId,
|
|
13249
|
-
workflow_name: task.name,
|
|
13250
|
-
name: task.description,
|
|
13251
|
-
trigger: userInputStep1.taskType,
|
|
13252
|
-
trigger_kwargs: {
|
|
13253
|
-
start_date: startDate,
|
|
13254
|
-
...intervalArg
|
|
13255
|
-
},
|
|
13256
|
-
user_inputs: []
|
|
13257
|
-
};
|
|
13258
|
-
} else if (userInputStep1.taskType === "cron" /* CRON */) {
|
|
13259
|
-
const step2Input = userInputStep2;
|
|
13260
|
-
return {
|
|
13261
|
-
scheduled_type: "create",
|
|
13262
|
-
workflow_id: task.workflowId,
|
|
13263
|
-
workflow_name: task.name,
|
|
13264
|
-
name: task.description,
|
|
13265
|
-
trigger: userInputStep1.taskType,
|
|
13266
|
-
trigger_kwargs: getCronKwargs(step2Input.cron, startDate),
|
|
13267
|
-
user_inputs: []
|
|
13268
|
-
};
|
|
13269
|
-
}
|
|
13270
|
-
throw new Error("Unknown or missing task type");
|
|
13271
|
-
};
|
|
13272
|
-
const createSchedulePayload = getCreateTaskPayload(userInput);
|
|
13273
|
-
createScheduledTask(createSchedulePayload);
|
|
13274
|
-
return {
|
|
13275
|
-
type: PydanticFormApiResponseType.SUCCESS,
|
|
13276
|
-
data: userInput,
|
|
13277
|
-
status: 201
|
|
13278
|
-
};
|
|
13279
|
-
};
|
|
13280
|
-
const validateForm = (formInput) => {
|
|
13281
|
-
if (!_4.isEmpty(formInput) && _4.isArray(formInput) && formInput.length === 2) {
|
|
13282
|
-
return true;
|
|
13283
|
-
}
|
|
13284
|
-
return false;
|
|
13285
|
-
};
|
|
13286
|
-
const validateStep1 = (formInput) => {
|
|
13287
|
-
return !_4.isEmpty(formInput);
|
|
13288
|
-
};
|
|
13289
|
-
const taskOptions = data?.tasks.reduce((options, taskOption) => {
|
|
13290
|
-
if (taskOption.isTask) {
|
|
13291
|
-
return {
|
|
13292
|
-
[taskOption.workflowId]: taskOption.description,
|
|
13293
|
-
...options
|
|
13294
|
-
};
|
|
13295
|
-
}
|
|
13296
|
-
return options;
|
|
13297
|
-
}, {}) || {};
|
|
13298
|
-
const formStep1 = {
|
|
13299
|
-
type: PydanticFormApiResponseType.FORM_DEFINITION,
|
|
13300
|
-
form: {
|
|
13301
|
-
$defs: {
|
|
13302
|
-
TaskTypeChoice: {
|
|
13303
|
-
enum: ["once", "recurring"],
|
|
13304
|
-
options: {
|
|
13305
|
-
["date" /* DATE */]: t("taskTypeDate"),
|
|
13306
|
-
["interval" /* INTERVAL */]: t("taskTypeInterval"),
|
|
13307
|
-
["cron" /* CRON */]: t("taskTypeCron")
|
|
13308
|
-
},
|
|
13309
|
-
title: t("selectTaskType"),
|
|
13310
|
-
type: PydanticFormFieldType2.STRING
|
|
13311
|
-
},
|
|
13312
|
-
TasksEnum: {
|
|
13313
|
-
enum: Object.keys(taskOptions),
|
|
13314
|
-
options: taskOptions,
|
|
13315
|
-
title: t("selectTask"),
|
|
13316
|
-
type: PydanticFormFieldType2.STRING
|
|
13317
|
-
}
|
|
13318
|
-
},
|
|
13319
|
-
type: PydanticFormFieldType2.OBJECT,
|
|
13320
|
-
properties: {
|
|
13321
|
-
workflowId: {
|
|
13322
|
-
type: PydanticFormFieldType2.STRING,
|
|
13323
|
-
format: PydanticFormFieldFormat2.DROPDOWN,
|
|
13324
|
-
$ref: "#/$defs/TasksEnum",
|
|
13325
|
-
default: workflowId
|
|
13326
|
-
},
|
|
13327
|
-
taskType: {
|
|
13328
|
-
type: PydanticFormFieldType2.STRING,
|
|
13329
|
-
format: PydanticFormFieldFormat2.RADIO,
|
|
13330
|
-
$ref: "#/$defs/TaskTypeChoice"
|
|
13331
|
-
}
|
|
13332
|
-
},
|
|
13333
|
-
required: ["task", "taskOption"]
|
|
13334
|
-
},
|
|
13335
|
-
meta: {
|
|
13336
|
-
hasNext: true
|
|
13337
|
-
},
|
|
13338
|
-
status: 510
|
|
13339
|
-
};
|
|
13340
|
-
const getApiProvider = () => {
|
|
13341
|
-
return ({
|
|
13342
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
13343
|
-
formKey,
|
|
13344
|
-
requestBody
|
|
13345
|
-
}) => {
|
|
13346
|
-
const userInput = requestBody;
|
|
13347
|
-
return new Promise((resolve) => {
|
|
13348
|
-
if (validateForm(userInput)) {
|
|
13349
|
-
const successResponse = createTask(userInput);
|
|
13350
|
-
return resolve(successResponse);
|
|
13351
|
-
} else if (validateStep1(userInput[0])) {
|
|
13352
|
-
const formStep2 = getFormStep2(userInput);
|
|
13353
|
-
resolve(formStep2);
|
|
13354
|
-
}
|
|
13355
|
-
resolve(formStep1);
|
|
13356
|
-
}).then((formDefinition) => {
|
|
13357
|
-
return formDefinition;
|
|
13358
|
-
});
|
|
13359
|
-
};
|
|
13360
|
-
};
|
|
13361
|
-
const config = useGetPydanticFormsConfig(getApiProvider, Footer);
|
|
13362
|
-
if (mutationState.isError) {
|
|
13363
|
-
showToastMessage("ERROR" /* ERROR */, "", "Error while saving scheduled task");
|
|
13364
|
-
console.error("Error saving scheduled task", mutationState);
|
|
13365
|
-
return void 0;
|
|
13366
|
-
}
|
|
13367
|
-
return /* @__PURE__ */ jsxs100(Fragment44, { children: [
|
|
13368
|
-
/* @__PURE__ */ jsx197(WfoContentHeader, { title: t("newSchedule") }),
|
|
13369
|
-
isLoading && /* @__PURE__ */ jsx197(WfoLoading, {}) || /* @__PURE__ */ jsx197(
|
|
13370
|
-
PydanticForm2,
|
|
13371
|
-
{
|
|
13372
|
-
formKey: "add-schedule-key",
|
|
13373
|
-
formId: "add-schedule-id",
|
|
13374
|
-
onSuccess,
|
|
13375
|
-
onCancel,
|
|
13376
|
-
config
|
|
13377
|
-
}
|
|
13378
|
-
)
|
|
13379
|
-
] });
|
|
13380
|
-
};
|
|
12990
|
+
import { jsx as jsx197 } from "@emotion/react/jsx-runtime";
|
|
13381
12991
|
var START_SCHEDULE_PAYLOAD = {};
|
|
13382
|
-
var
|
|
12992
|
+
var WfoScheduleTaskFormPage = () => {
|
|
13383
12993
|
const { showToastMessage } = useShowToastMessage();
|
|
13384
12994
|
const generateFormId = useMemo2(() => {
|
|
13385
12995
|
return `${JSON.stringify(START_SCHEDULE_PAYLOAD)}`;
|
|
@@ -13457,18 +13067,12 @@ var WfoScheduleTaskFormPageBackend = () => {
|
|
|
13457
13067
|
}
|
|
13458
13068
|
);
|
|
13459
13069
|
};
|
|
13460
|
-
var WfoScheduleTaskFormPage = () => {
|
|
13461
|
-
const { data } = useGetVersionsQuery();
|
|
13462
|
-
const coreVersion = data?.version.applicationVersions[0].split(" ")[1] ?? "";
|
|
13463
|
-
const isCompatible = compareVersions(coreVersion, "5.0.0a7") !== -1;
|
|
13464
|
-
return isCompatible ? /* @__PURE__ */ jsx197(WfoScheduleTaskFormPageBackend, {}) : /* @__PURE__ */ jsx197(WfoScheduleTaskFormPageHardCoded, {});
|
|
13465
|
-
};
|
|
13466
13070
|
|
|
13467
13071
|
// src/pages/processes/WfoProcessListSubscriptionsCell.tsx
|
|
13468
|
-
import { useTranslations as
|
|
13072
|
+
import { useTranslations as useTranslations50 } from "next-intl";
|
|
13469
13073
|
import Link11 from "next/link";
|
|
13470
13074
|
import { EuiFlexGroup as EuiFlexGroup21 } from "@elastic/eui";
|
|
13471
|
-
import { Fragment as
|
|
13075
|
+
import { Fragment as Fragment44, jsx as jsx198, jsxs as jsxs100 } from "@emotion/react/jsx-runtime";
|
|
13472
13076
|
var RENDER_ALL = "RENDER_ALL";
|
|
13473
13077
|
var RenderDirection = /* @__PURE__ */ ((RenderDirection2) => {
|
|
13474
13078
|
RenderDirection2["HORIZONTAL"] = "HORIZONTAL";
|
|
@@ -13483,14 +13087,14 @@ var WfoProcessListSubscriptionsCell = ({
|
|
|
13483
13087
|
}
|
|
13484
13088
|
}) => {
|
|
13485
13089
|
const { theme, toSecondaryColor } = useOrchestratorTheme();
|
|
13486
|
-
const t =
|
|
13090
|
+
const t = useTranslations50("processes.index");
|
|
13487
13091
|
const { length } = subscriptions;
|
|
13488
13092
|
if (length === 0) {
|
|
13489
13093
|
return null;
|
|
13490
13094
|
}
|
|
13491
13095
|
const visibleSubscriptions = numberOfSubscriptionsToRender === RENDER_ALL ? subscriptions : subscriptions.slice(0, numberOfSubscriptionsToRender);
|
|
13492
13096
|
const numberOfNotVisibleSubscriptions = length - visibleSubscriptions.length;
|
|
13493
|
-
return /* @__PURE__ */ jsx198(
|
|
13097
|
+
return /* @__PURE__ */ jsx198(Fragment44, { children: /* @__PURE__ */ jsxs100(
|
|
13494
13098
|
EuiFlexGroup21,
|
|
13495
13099
|
{
|
|
13496
13100
|
direction: renderDirection === "HORIZONTAL" /* HORIZONTAL */ ? "row" : "column",
|
|
@@ -13508,7 +13112,7 @@ var WfoProcessListSubscriptionsCell = ({
|
|
|
13508
13112
|
},
|
|
13509
13113
|
subscription.subscriptionId
|
|
13510
13114
|
)),
|
|
13511
|
-
numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */
|
|
13115
|
+
numberOfNotVisibleSubscriptions > 0 && /* @__PURE__ */ jsxs100(
|
|
13512
13116
|
WfoBadge,
|
|
13513
13117
|
{
|
|
13514
13118
|
textColor: theme.colors.textPrimary,
|
|
@@ -13533,7 +13137,7 @@ import { useRef as useRef9 } from "react";
|
|
|
13533
13137
|
|
|
13534
13138
|
// src/pages/processes/WfoProcessDetail.tsx
|
|
13535
13139
|
import { useContext as useContext9, useEffect as useEffect24, useRef as useRef8 } from "react";
|
|
13536
|
-
import { useTranslations as
|
|
13140
|
+
import { useTranslations as useTranslations51 } from "next-intl";
|
|
13537
13141
|
import { useRouter as useRouter11 } from "next/router";
|
|
13538
13142
|
import { EuiButton as EuiButton12, EuiFlexGroup as EuiFlexGroup22, EuiPanel as EuiPanel3, EuiSpacer as EuiSpacer20, EuiText as EuiText17 } from "@elastic/eui";
|
|
13539
13143
|
|
|
@@ -13602,11 +13206,11 @@ var getIndexOfCurrentStep = (timelineItems) => {
|
|
|
13602
13206
|
};
|
|
13603
13207
|
|
|
13604
13208
|
// src/pages/processes/WfoProcessDetail.tsx
|
|
13605
|
-
import { Fragment as
|
|
13209
|
+
import { Fragment as Fragment45, jsx as jsx199, jsxs as jsxs101 } from "@emotion/react/jsx-runtime";
|
|
13606
13210
|
var ProcessHeaderValue = ({ translationKey, value = "" }) => {
|
|
13607
|
-
const t =
|
|
13211
|
+
const t = useTranslations51("processes.detail");
|
|
13608
13212
|
const { theme } = useOrchestratorTheme();
|
|
13609
|
-
return /* @__PURE__ */
|
|
13213
|
+
return /* @__PURE__ */ jsxs101(
|
|
13610
13214
|
EuiFlexGroup22,
|
|
13611
13215
|
{
|
|
13612
13216
|
direction: "column",
|
|
@@ -13654,7 +13258,7 @@ var WfoProcessDetail = ({
|
|
|
13654
13258
|
isLoading = false,
|
|
13655
13259
|
hasError = false
|
|
13656
13260
|
}) => {
|
|
13657
|
-
const t =
|
|
13261
|
+
const t = useTranslations51("processes.detail");
|
|
13658
13262
|
const { theme } = useOrchestratorTheme();
|
|
13659
13263
|
const { showConfirmDialog } = useContext9(ConfirmationDialogContext);
|
|
13660
13264
|
const [retryProcess] = useRetryProcessMutation();
|
|
@@ -13713,12 +13317,12 @@ var WfoProcessDetail = ({
|
|
|
13713
13317
|
router.push(PATH_TASKS);
|
|
13714
13318
|
}
|
|
13715
13319
|
});
|
|
13716
|
-
return /* @__PURE__ */
|
|
13717
|
-
/* @__PURE__ */
|
|
13320
|
+
return /* @__PURE__ */ jsxs101(Fragment45, { children: [
|
|
13321
|
+
/* @__PURE__ */ jsxs101(
|
|
13718
13322
|
WfoContentHeader,
|
|
13719
13323
|
{
|
|
13720
13324
|
title: /* @__PURE__ */ jsx199(WfoTitleWithWebsocketBadge, { title: pageTitle }),
|
|
13721
|
-
subtitle: /* @__PURE__ */
|
|
13325
|
+
subtitle: /* @__PURE__ */ jsxs101(Fragment45, { children: [
|
|
13722
13326
|
/* @__PURE__ */ jsx199(WfoProcessListNoteEdit, { processId: processDetail?.processId || "", note: processDetail?.note || "" }),
|
|
13723
13327
|
/* @__PURE__ */ jsx199(
|
|
13724
13328
|
WfoProductInformationWithLink,
|
|
@@ -13748,7 +13352,7 @@ var WfoProcessDetail = ({
|
|
|
13748
13352
|
children: t("abort")
|
|
13749
13353
|
}
|
|
13750
13354
|
) }),
|
|
13751
|
-
/* @__PURE__ */ jsx199(
|
|
13355
|
+
/* @__PURE__ */ jsx199(Fragment45, { children: processDetail && processIsTask && /* @__PURE__ */ jsx199(WfoIsAllowedToRender, { resource: "/orchestrator/processes/delete/" /* PROCESS_DELETE */, children: /* @__PURE__ */ jsx199(
|
|
13752
13356
|
EuiButton12,
|
|
13753
13357
|
{
|
|
13754
13358
|
onClick: handleActionButtonClick(deleteAction),
|
|
@@ -13761,7 +13365,7 @@ var WfoProcessDetail = ({
|
|
|
13761
13365
|
]
|
|
13762
13366
|
}
|
|
13763
13367
|
),
|
|
13764
|
-
/* @__PURE__ */ jsx199(EuiPanel3, { hasShadow: false, hasBorder: false, color: "subdued", element: "div", children: isLoading && !hasError && /* @__PURE__ */ jsx199(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */
|
|
13368
|
+
/* @__PURE__ */ jsx199(EuiPanel3, { hasShadow: false, hasBorder: false, color: "subdued", element: "div", children: isLoading && !hasError && /* @__PURE__ */ jsx199(WfoLoading, {}) || processDetail !== void 0 && /* @__PURE__ */ jsxs101(EuiFlexGroup22, { direction: "row", gutterSize: "m", children: [
|
|
13765
13369
|
/* @__PURE__ */ jsx199(ProcessHeaderValue, { translationKey: "status", value: processDetail.lastStatus }),
|
|
13766
13370
|
/* @__PURE__ */ jsx199(ProcessHeaderValue, { translationKey: "lastStep", value: processDetail?.lastStep }),
|
|
13767
13371
|
processDetail.customer && /* @__PURE__ */ jsx199(ProcessHeaderValue, { translationKey: "customer", value: processDetail.customer?.fullname }),
|
|
@@ -13780,7 +13384,7 @@ var WfoProcessDetail = ({
|
|
|
13780
13384
|
value: processDetail?.lastModifiedAt ? parseIsoString(parseDateRelativeToToday)(processDetail?.lastModifiedAt) : ""
|
|
13781
13385
|
}
|
|
13782
13386
|
),
|
|
13783
|
-
process && isAllowed("/orchestrator/subscriptions/view/from-process" /* PROCESS_RELATED_SUBSCRIPTIONS */) && processDetail.subscriptions && /* @__PURE__ */
|
|
13387
|
+
process && isAllowed("/orchestrator/subscriptions/view/from-process" /* PROCESS_RELATED_SUBSCRIPTIONS */) && processDetail.subscriptions && /* @__PURE__ */ jsxs101(
|
|
13784
13388
|
EuiFlexGroup22,
|
|
13785
13389
|
{
|
|
13786
13390
|
gutterSize: "xs",
|
|
@@ -13883,7 +13487,7 @@ var WfoProcessDetailPage = ({ processId }) => {
|
|
|
13883
13487
|
|
|
13884
13488
|
// src/pages/processes/WfoStartProcessPage.tsx
|
|
13885
13489
|
import { useMemo as useMemo6, useState as useState40 } from "react";
|
|
13886
|
-
import { useTranslations as
|
|
13490
|
+
import { useTranslations as useTranslations59 } from "next-intl";
|
|
13887
13491
|
import { useRouter as useRouter13 } from "next/router";
|
|
13888
13492
|
import { EuiFlexGroup as EuiFlexGroup26, EuiFlexItem as EuiFlexItem21, EuiHorizontalRule as EuiHorizontalRule7, EuiPanel as EuiPanel5, EuiText as EuiText23 } from "@elastic/eui";
|
|
13889
13493
|
|
|
@@ -13965,7 +13569,7 @@ var WfoPydanticForm = ({ processName, startProcessPayload, isTask }) => {
|
|
|
13965
13569
|
|
|
13966
13570
|
// src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
|
|
13967
13571
|
import React63, { useCallback as useCallback11, useState as useState36 } from "react";
|
|
13968
|
-
import { useTranslations as
|
|
13572
|
+
import { useTranslations as useTranslations54 } from "next-intl";
|
|
13969
13573
|
import { EuiFlexGroup as EuiFlexGroup23, EuiFlexItem as EuiFlexItem19, EuiPanel as EuiPanel4, EuiText as EuiText18 } from "@elastic/eui";
|
|
13970
13574
|
|
|
13971
13575
|
// src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
|
|
@@ -14077,7 +13681,7 @@ var getWorkflowStepsStyles = ({ theme, toSecondaryColor, isDarkModeActive }) =>
|
|
|
14077
13681
|
};
|
|
14078
13682
|
|
|
14079
13683
|
// src/components/WfoWorkflowSteps/WfoStepStatusIcon/WfoStepStatusIcon.tsx
|
|
14080
|
-
import { jsx as jsx202, jsxs as
|
|
13684
|
+
import { jsx as jsx202, jsxs as jsxs102 } from "@emotion/react/jsx-runtime";
|
|
14081
13685
|
var SubIcon = ({ stepStatus, color = "" }) => {
|
|
14082
13686
|
switch (stepStatus) {
|
|
14083
13687
|
case "suspend" /* SUSPEND */:
|
|
@@ -14118,7 +13722,7 @@ var WfoStepStatusIcon = ({ stepStatus, isStartStep = false }) => {
|
|
|
14118
13722
|
return [stepStateSuccessIconStyle, theme.colors.textPrimary, true, theme.colors.textSuccess];
|
|
14119
13723
|
}
|
|
14120
13724
|
})();
|
|
14121
|
-
return /* @__PURE__ */
|
|
13725
|
+
return /* @__PURE__ */ jsxs102(EuiFlexItem17, { css: { flexDirection: "row" }, grow: 0, children: [
|
|
14122
13726
|
/* @__PURE__ */ jsx202("div", { css: stepStateStyle, children: /* @__PURE__ */ jsx202(MainIcon, { color: mainIconColor, stepStatus, isStartStep }) }),
|
|
14123
13727
|
/* @__PURE__ */ jsx202(
|
|
14124
13728
|
"div",
|
|
@@ -14151,11 +13755,11 @@ var getStepContent = (stepDelta, showHiddenKeys) => {
|
|
|
14151
13755
|
|
|
14152
13756
|
// src/components/WfoWorkflowSteps/WfoStep/WfoCodeViewSelector.tsx
|
|
14153
13757
|
import { useCallback as useCallback9, useState as useState35 } from "react";
|
|
14154
|
-
import { useTranslations as
|
|
13758
|
+
import { useTranslations as useTranslations52 } from "next-intl";
|
|
14155
13759
|
import { EuiButtonGroup as EuiButtonGroup2 } from "@elastic/eui";
|
|
14156
13760
|
import { jsx as jsx203 } from "@emotion/react/jsx-runtime";
|
|
14157
13761
|
var WfoCodeViewSelector = ({ codeView, handleCodeViewChange }) => {
|
|
14158
|
-
const t =
|
|
13762
|
+
const t = useTranslations52("processes.steps");
|
|
14159
13763
|
const { theme, toSecondaryColor } = useOrchestratorTheme();
|
|
14160
13764
|
const isSelected = (buttonView) => buttonView === codeView;
|
|
14161
13765
|
const [showTooltips, setShowTooltips] = useState35(true);
|
|
@@ -14221,11 +13825,11 @@ import { PydanticForm as PydanticForm4 } from "pydantic-forms";
|
|
|
14221
13825
|
import { EuiFlexItem as EuiFlexItem18 } from "@elastic/eui";
|
|
14222
13826
|
|
|
14223
13827
|
// src/components/WfoWorkflowSteps/WfoStep/WfoStepFormFooter.tsx
|
|
14224
|
-
import { useTranslations as
|
|
13828
|
+
import { useTranslations as useTranslations53 } from "next-intl";
|
|
14225
13829
|
import { EuiButton as EuiButton13, EuiHorizontalRule as EuiHorizontalRule6 } from "@elastic/eui";
|
|
14226
|
-
import { jsx as jsx204, jsxs as
|
|
13830
|
+
import { jsx as jsx204, jsxs as jsxs103 } from "@emotion/react/jsx-runtime";
|
|
14227
13831
|
var StepFormFooter = ({ isTask, isResumeAllowed }) => {
|
|
14228
|
-
const t =
|
|
13832
|
+
const t = useTranslations53("pydanticForms.userInputForm");
|
|
14229
13833
|
const SubmitButton = () => {
|
|
14230
13834
|
const submitButtonLabel = isTask ? t("resumeTask") : t("resumeWorkflow");
|
|
14231
13835
|
return /* @__PURE__ */ jsx204(
|
|
@@ -14245,7 +13849,7 @@ var StepFormFooter = ({ isTask, isResumeAllowed }) => {
|
|
|
14245
13849
|
}
|
|
14246
13850
|
);
|
|
14247
13851
|
};
|
|
14248
|
-
return /* @__PURE__ */
|
|
13852
|
+
return /* @__PURE__ */ jsxs103("div", { "data-testid": "pydantic-step-form-footer", children: [
|
|
14249
13853
|
/* @__PURE__ */ jsx204(RenderFormErrors, {}),
|
|
14250
13854
|
/* @__PURE__ */ jsx204(EuiHorizontalRule6, {}),
|
|
14251
13855
|
/* @__PURE__ */ jsx204("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx204(SubmitButton, {}) })
|
|
@@ -14296,7 +13900,7 @@ var useStepDetailOverride = () => {
|
|
|
14296
13900
|
};
|
|
14297
13901
|
|
|
14298
13902
|
// src/components/WfoWorkflowSteps/WfoStep/WfoStep.tsx
|
|
14299
|
-
import { Fragment as
|
|
13903
|
+
import { Fragment as Fragment46, jsx as jsx206, jsxs as jsxs104 } from "@emotion/react/jsx-runtime";
|
|
14300
13904
|
var WfoStep = React63.forwardRef(
|
|
14301
13905
|
({
|
|
14302
13906
|
stepListItem,
|
|
@@ -14322,7 +13926,7 @@ var WfoStep = React63.forwardRef(
|
|
|
14322
13926
|
getStepToggleExpandStyle
|
|
14323
13927
|
} = useWithOrchestratorTheme(getWorkflowStepsStyles);
|
|
14324
13928
|
const { overrideStepDetail } = useStepDetailOverride();
|
|
14325
|
-
const t =
|
|
13929
|
+
const t = useTranslations54("processes.steps");
|
|
14326
13930
|
const hasHtmlMail = Object.prototype.hasOwnProperty.call(step?.stateDelta || {}, "confirmation_mail");
|
|
14327
13931
|
const stepContent = step.stateDelta ? getStepContent(step.stateDelta, showHiddenKeys) : {};
|
|
14328
13932
|
const hasStepContent = hasHtmlMail || Object.keys(stepContent).length > 0;
|
|
@@ -14330,16 +13934,16 @@ var WfoStep = React63.forwardRef(
|
|
|
14330
13934
|
if (!value) {
|
|
14331
13935
|
return "";
|
|
14332
13936
|
}
|
|
14333
|
-
return /* @__PURE__ */
|
|
13937
|
+
return /* @__PURE__ */ jsxs104(EuiText18, { size: "s", children: [
|
|
14334
13938
|
/* @__PURE__ */ jsx206("h4", { children: "To" }),
|
|
14335
|
-
/* @__PURE__ */ jsx206("p", { children: value.to.map((v, i) => /* @__PURE__ */
|
|
13939
|
+
/* @__PURE__ */ jsx206("p", { children: value.to.map((v, i) => /* @__PURE__ */ jsxs104("div", { children: [
|
|
14336
13940
|
v.name,
|
|
14337
13941
|
" <",
|
|
14338
13942
|
/* @__PURE__ */ jsx206("a", { href: `mailto: ${v.email}`, children: v.email }),
|
|
14339
13943
|
">"
|
|
14340
13944
|
] }, `to-${i}`)) }),
|
|
14341
13945
|
/* @__PURE__ */ jsx206("h4", { children: "CC" }),
|
|
14342
|
-
/* @__PURE__ */ jsx206("p", { children: value.cc.map((v, i) => /* @__PURE__ */
|
|
13946
|
+
/* @__PURE__ */ jsx206("p", { children: value.cc.map((v, i) => /* @__PURE__ */ jsxs104("div", { children: [
|
|
14343
13947
|
v.name,
|
|
14344
13948
|
" <",
|
|
14345
13949
|
/* @__PURE__ */ jsx206("a", { href: `mailto: ${v.email}`, children: v.email }),
|
|
@@ -14351,29 +13955,29 @@ var WfoStep = React63.forwardRef(
|
|
|
14351
13955
|
/* @__PURE__ */ jsx206("div", { className: "emailMessage", dangerouslySetInnerHTML: { __html: value.message } })
|
|
14352
13956
|
] });
|
|
14353
13957
|
};
|
|
14354
|
-
const
|
|
13958
|
+
const handleCodeViewChange = useCallback11(
|
|
14355
13959
|
(newCodeView) => {
|
|
14356
13960
|
setCodeView(newCodeView);
|
|
14357
13961
|
},
|
|
14358
13962
|
[setCodeView]
|
|
14359
13963
|
);
|
|
14360
13964
|
const shouldExpand = isExpanded && hasStepContent;
|
|
14361
|
-
return /* @__PURE__ */ jsx206("div", { ref, children: /* @__PURE__ */
|
|
14362
|
-
/* @__PURE__ */
|
|
13965
|
+
return /* @__PURE__ */ jsx206("div", { ref, children: /* @__PURE__ */ jsxs104(EuiPanel4, { children: [
|
|
13966
|
+
/* @__PURE__ */ jsxs104(EuiFlexGroup23, { css: getStepHeaderStyle(hasStepContent), onClick: () => hasStepContent && onToggleStepDetail(), children: [
|
|
14363
13967
|
/* @__PURE__ */ jsx206(WfoStepStatusIcon, { stepStatus: step.status, isStartStep }),
|
|
14364
|
-
/* @__PURE__ */
|
|
14365
|
-
/* @__PURE__ */
|
|
14366
|
-
/* @__PURE__ */
|
|
13968
|
+
/* @__PURE__ */ jsxs104(EuiFlexGroup23, { direction: "column", gutterSize: "none", children: [
|
|
13969
|
+
/* @__PURE__ */ jsxs104(EuiFlexItem19, { css: { flexDirection: "row" }, children: [
|
|
13970
|
+
/* @__PURE__ */ jsxs104(EuiFlexItem19, { grow: 0, children: [
|
|
14367
13971
|
/* @__PURE__ */ jsx206(EuiText18, { css: stepListContentBoldTextStyle, children: step.name }),
|
|
14368
|
-
/* @__PURE__ */
|
|
13972
|
+
/* @__PURE__ */ jsxs104(EuiText18, { children: [
|
|
14369
13973
|
step.status,
|
|
14370
13974
|
" ",
|
|
14371
13975
|
step.completed && `- ${formatDate(step.completed)}`
|
|
14372
13976
|
] })
|
|
14373
13977
|
] }),
|
|
14374
|
-
/* @__PURE__ */ jsx206(EuiFlexGroup23, { css: stepRowStyle, children: step.completed && /* @__PURE__ */
|
|
14375
|
-
isExpanded && /* @__PURE__ */ jsx206(WfoCodeViewSelector, { codeView, handleCodeViewChange
|
|
14376
|
-
/* @__PURE__ */
|
|
13978
|
+
/* @__PURE__ */ jsx206(EuiFlexGroup23, { css: stepRowStyle, children: step.completed && !userInputForm && !hasHtmlMail && /* @__PURE__ */ jsxs104(Fragment46, { children: [
|
|
13979
|
+
isExpanded && /* @__PURE__ */ jsx206(WfoCodeViewSelector, { codeView, handleCodeViewChange }),
|
|
13980
|
+
/* @__PURE__ */ jsxs104(EuiFlexItem19, { grow: 0, css: stepHeaderRightStyle, children: [
|
|
14377
13981
|
/* @__PURE__ */ jsx206(EuiText18, { css: stepDurationStyle, children: t("duration") }),
|
|
14378
13982
|
/* @__PURE__ */ jsx206(EuiText18, { size: "m", children: calculateTimeDifference(startedAt, completedAt) })
|
|
14379
13983
|
] }),
|
|
@@ -14383,22 +13987,23 @@ var WfoStep = React63.forwardRef(
|
|
|
14383
13987
|
/* @__PURE__ */ jsx206(EuiFlexItem19, { children: overrideStepDetail?.stepHeader && /* @__PURE__ */ jsx206(overrideStepDetail.stepHeader, { step }) })
|
|
14384
13988
|
] })
|
|
14385
13989
|
] }),
|
|
14386
|
-
shouldExpand && /* @__PURE__ */
|
|
14387
|
-
/* @__PURE__ */ jsx206(EuiFlexItem19, {
|
|
14388
|
-
/* @__PURE__ */
|
|
14389
|
-
|
|
14390
|
-
|
|
14391
|
-
|
|
14392
|
-
|
|
14393
|
-
|
|
14394
|
-
|
|
14395
|
-
|
|
14396
|
-
|
|
14397
|
-
|
|
14398
|
-
|
|
14399
|
-
|
|
14400
|
-
|
|
14401
|
-
] })
|
|
13990
|
+
shouldExpand && !hasHtmlMail && /* @__PURE__ */ jsxs104(EuiFlexGroup23, { direction: "column", gutterSize: "none", children: [
|
|
13991
|
+
/* @__PURE__ */ jsx206(EuiFlexItem19, { children: codeView === "table" /* TABLE */ ? /* @__PURE__ */ jsx206(WfoTableCodeBlock, { stepState: stepContent }) : codeView === "raw" /* RAW */ ? /* @__PURE__ */ jsx206(WfoJsonCodeBlock, { data: stepContent }) : /* @__PURE__ */ jsx206(WfoMonacoCodeBlock, { data: stepContent }) }),
|
|
13992
|
+
/* @__PURE__ */ jsx206(EuiFlexItem19, { grow: 1, children: overrideStepDetail?.stepBody && /* @__PURE__ */ jsx206(overrideStepDetail.stepBody, { step }) })
|
|
13993
|
+
] }),
|
|
13994
|
+
step.status === "suspend" /* SUSPEND */ && userInputForm && /* @__PURE__ */ jsxs104(EuiFlexGroup23, { direction: "column", gutterSize: "none", children: [
|
|
13995
|
+
/* @__PURE__ */ jsx206(EuiFlexItem19, { grow: 1, children: /* @__PURE__ */ jsx206(
|
|
13996
|
+
WfoStepForm,
|
|
13997
|
+
{
|
|
13998
|
+
userInputForm,
|
|
13999
|
+
isTask,
|
|
14000
|
+
processId: processId ?? "",
|
|
14001
|
+
userPermissions
|
|
14002
|
+
}
|
|
14003
|
+
) }),
|
|
14004
|
+
/* @__PURE__ */ jsx206(EuiFlexItem19, { grow: 1, children: overrideStepDetail?.stepBody && /* @__PURE__ */ jsx206(overrideStepDetail.stepBody, { step }) })
|
|
14005
|
+
] }),
|
|
14006
|
+
isExpanded && hasHtmlMail && /* @__PURE__ */ jsx206("div", { css: stepEmailContainerStyle, children: displayMailConfirmation(step.stateDelta.confirmation_mail) })
|
|
14402
14007
|
] }) });
|
|
14403
14008
|
}
|
|
14404
14009
|
);
|
|
@@ -14406,7 +14011,7 @@ WfoStep.displayName = "WfoStep";
|
|
|
14406
14011
|
|
|
14407
14012
|
// src/components/WfoWorkflowSteps/WfoStepList/WfoStepList.tsx
|
|
14408
14013
|
import React64, { useImperativeHandle as useImperativeHandle2, useRef as useRef10 } from "react";
|
|
14409
|
-
import { Fragment as
|
|
14014
|
+
import { Fragment as Fragment47, jsx as jsx207, jsxs as jsxs105 } from "@emotion/react/jsx-runtime";
|
|
14410
14015
|
var WfoStepList = React64.forwardRef(
|
|
14411
14016
|
({
|
|
14412
14017
|
stepListItems,
|
|
@@ -14453,7 +14058,7 @@ var WfoStepList = React64.forwardRef(
|
|
|
14453
14058
|
stepReferences.current.delete(stepId);
|
|
14454
14059
|
}
|
|
14455
14060
|
};
|
|
14456
|
-
return /* @__PURE__ */ jsx207(
|
|
14061
|
+
return /* @__PURE__ */ jsx207(Fragment47, { children: stepListItems.map((stepListItem, index) => /* @__PURE__ */ jsxs105("div", { children: [
|
|
14457
14062
|
index !== 0 && /* @__PURE__ */ jsx207("div", { css: stepSpacerStyle }),
|
|
14458
14063
|
/* @__PURE__ */ jsx207(
|
|
14459
14064
|
WfoStep,
|
|
@@ -14477,13 +14082,13 @@ WfoStepList.displayName = "WfoStepList";
|
|
|
14477
14082
|
|
|
14478
14083
|
// src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
|
|
14479
14084
|
import React66, { useEffect as useEffect26, useState as useState38 } from "react";
|
|
14480
|
-
import { useTranslations as
|
|
14085
|
+
import { useTranslations as useTranslations57 } from "next-intl";
|
|
14481
14086
|
|
|
14482
14087
|
// src/components/WfoDiff/WfoDiff.tsx
|
|
14483
14088
|
import { useCallback as useCallback12, useEffect as useEffect25, useMemo as useMemo5, useState as useState37 } from "react";
|
|
14484
14089
|
import { Diff, Hunk, parseDiff, tokenize } from "react-diff-view";
|
|
14485
14090
|
import "react-diff-view/style/index.css";
|
|
14486
|
-
import { useTranslations as
|
|
14091
|
+
import { useTranslations as useTranslations55 } from "next-intl";
|
|
14487
14092
|
import "prism-themes/themes/prism-ghcolors.min.css";
|
|
14488
14093
|
import * as refractor from "refractor";
|
|
14489
14094
|
import { diffLines, formatLines } from "unidiff";
|
|
@@ -14522,7 +14127,7 @@ var getWfoDiffStyles = ({ theme, toSecondaryColor, isDarkModeActive }) => {
|
|
|
14522
14127
|
};
|
|
14523
14128
|
|
|
14524
14129
|
// src/components/WfoDiff/WfoDiff.tsx
|
|
14525
|
-
import { jsx as jsx208, jsxs as
|
|
14130
|
+
import { jsx as jsx208, jsxs as jsxs106 } from "@emotion/react/jsx-runtime";
|
|
14526
14131
|
var EMPTY_HUNKS = [];
|
|
14527
14132
|
var SMALL_CONTEXT = 3;
|
|
14528
14133
|
var FULL_CONTEXT = 1e6;
|
|
@@ -14538,7 +14143,7 @@ var getSubscriptionDiffTexts = (data) => {
|
|
|
14538
14143
|
};
|
|
14539
14144
|
};
|
|
14540
14145
|
var WfoDiff = ({ oldText, newText, syntax }) => {
|
|
14541
|
-
const t =
|
|
14146
|
+
const t = useTranslations55("processes.delta");
|
|
14542
14147
|
const [showSplit, setShowSplit] = useState37(true);
|
|
14543
14148
|
const [showFull, setShowFull] = useState37(false);
|
|
14544
14149
|
const { diffStyle } = useWithOrchestratorTheme(getWfoDiffStyles);
|
|
@@ -14571,8 +14176,8 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
|
|
|
14571
14176
|
useEffect25(() => {
|
|
14572
14177
|
updateDiffText();
|
|
14573
14178
|
}, [updateDiffText, showFull]);
|
|
14574
|
-
return /* @__PURE__ */
|
|
14575
|
-
/* @__PURE__ */
|
|
14179
|
+
return /* @__PURE__ */ jsxs106("div", { children: [
|
|
14180
|
+
/* @__PURE__ */ jsxs106(EuiFlexGroup24, { gutterSize: "xs", children: [
|
|
14576
14181
|
/* @__PURE__ */ jsx208(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx208(EuiText19, { children: /* @__PURE__ */ jsx208("h3", { children: t("title") }) }) }),
|
|
14577
14182
|
/* @__PURE__ */ jsx208(EuiFlexItem20, { grow: false, children: /* @__PURE__ */ jsx208(
|
|
14578
14183
|
EuiButtonIcon13,
|
|
@@ -14610,7 +14215,7 @@ var WfoDiff = ({ oldText, newText, syntax }) => {
|
|
|
14610
14215
|
var WfoDiff_default = WfoDiff;
|
|
14611
14216
|
|
|
14612
14217
|
// src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx
|
|
14613
|
-
import { useTranslations as
|
|
14218
|
+
import { useTranslations as useTranslations56 } from "next-intl";
|
|
14614
14219
|
import { EuiCodeBlock, EuiText as EuiText20 } from "@elastic/eui";
|
|
14615
14220
|
|
|
14616
14221
|
// src/components/WfoWorkflowSteps/WfoTraceback/styles.ts
|
|
@@ -14627,18 +14232,18 @@ var getStyles10 = ({ theme }) => {
|
|
|
14627
14232
|
};
|
|
14628
14233
|
|
|
14629
14234
|
// src/components/WfoWorkflowSteps/WfoTraceback/WfoTraceback.tsx
|
|
14630
|
-
import { Fragment as
|
|
14235
|
+
import { Fragment as Fragment48, jsx as jsx209, jsxs as jsxs107 } from "@emotion/react/jsx-runtime";
|
|
14631
14236
|
var WfoTraceback = ({ children }) => {
|
|
14632
14237
|
const { codeBlockStyle } = useWithOrchestratorTheme(getStyles10);
|
|
14633
|
-
const t =
|
|
14634
|
-
return /* @__PURE__ */
|
|
14238
|
+
const t = useTranslations56("processes.steps");
|
|
14239
|
+
return /* @__PURE__ */ jsxs107(Fragment48, { children: [
|
|
14635
14240
|
/* @__PURE__ */ jsx209(EuiText20, { children: /* @__PURE__ */ jsx209("h3", { children: t("traceback") }) }),
|
|
14636
14241
|
/* @__PURE__ */ jsx209(EuiCodeBlock, { css: codeBlockStyle, children })
|
|
14637
14242
|
] });
|
|
14638
14243
|
};
|
|
14639
14244
|
|
|
14640
14245
|
// src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoWorkflowStepList.tsx
|
|
14641
|
-
import { Fragment as
|
|
14246
|
+
import { Fragment as Fragment49, jsx as jsx210, jsxs as jsxs108 } from "@emotion/react/jsx-runtime";
|
|
14642
14247
|
var WfoProcessRawData = ({ processId }) => {
|
|
14643
14248
|
const { data, isFetching } = useGetRawProcessDetailQuery({ processId });
|
|
14644
14249
|
return isFetching ? /* @__PURE__ */ jsx210(WfoLoading, {}) : /* @__PURE__ */ jsx210(WfoJsonCodeBlock, { data: data || {} });
|
|
@@ -14654,7 +14259,7 @@ var WfoWorkflowStepList = React66.forwardRef(
|
|
|
14654
14259
|
const [showRaw, setShowRaw] = useState38(false);
|
|
14655
14260
|
const [showDelta, setShowDelta] = useState38(false);
|
|
14656
14261
|
const [showTraceback, setShowTraceback] = useState38(false);
|
|
14657
|
-
const t =
|
|
14262
|
+
const t = useTranslations57("processes.steps");
|
|
14658
14263
|
const initialStepListItems = steps.map((step) => ({
|
|
14659
14264
|
step,
|
|
14660
14265
|
isExpanded: false
|
|
@@ -14702,7 +14307,7 @@ var WfoWorkflowStepList = React66.forwardRef(
|
|
|
14702
14307
|
isExpanded: true
|
|
14703
14308
|
}));
|
|
14704
14309
|
const isRunningWorkflow = !["failed" /* FAILED */, "aborted" /* ABORTED */, "completed" /* COMPLETED */].map((status) => status.toLowerCase()).includes(lastStatus.toLowerCase());
|
|
14705
|
-
return /* @__PURE__ */
|
|
14310
|
+
return /* @__PURE__ */ jsxs108(Fragment49, { children: [
|
|
14706
14311
|
/* @__PURE__ */ jsx210(
|
|
14707
14312
|
WfoStepListHeader,
|
|
14708
14313
|
{
|
|
@@ -14744,7 +14349,7 @@ WfoWorkflowStepList.displayName = "WfoWorkflowStepList";
|
|
|
14744
14349
|
|
|
14745
14350
|
// src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
|
|
14746
14351
|
import { useState as useState39 } from "react";
|
|
14747
|
-
import { useTranslations as
|
|
14352
|
+
import { useTranslations as useTranslations58 } from "next-intl";
|
|
14748
14353
|
import { EuiButton as EuiButton14, EuiFlexGroup as EuiFlexGroup25, EuiForm as EuiForm3, EuiFormRow as EuiFormRow6, EuiPopover as EuiPopover8, EuiSwitch as EuiSwitch3, EuiText as EuiText22 } from "@elastic/eui";
|
|
14749
14354
|
|
|
14750
14355
|
// src/components/WfoTextAnchor/WfoTextAnchor.tsx
|
|
@@ -14774,7 +14379,7 @@ var WfoTextAnchor = ({ text, onClick }) => {
|
|
|
14774
14379
|
};
|
|
14775
14380
|
|
|
14776
14381
|
// src/components/WfoWorkflowSteps/WfoWorkflowStepList/WfoStepListHeader.tsx
|
|
14777
|
-
import { jsx as jsx212, jsxs as
|
|
14382
|
+
import { jsx as jsx212, jsxs as jsxs109 } from "@emotion/react/jsx-runtime";
|
|
14778
14383
|
var WfoStepListHeader = ({
|
|
14779
14384
|
allDetailToggleText,
|
|
14780
14385
|
showDelta,
|
|
@@ -14790,7 +14395,7 @@ var WfoStepListHeader = ({
|
|
|
14790
14395
|
onShowTraceback,
|
|
14791
14396
|
onToggleAllDetailsIsOpen
|
|
14792
14397
|
}) => {
|
|
14793
|
-
const t =
|
|
14398
|
+
const t = useTranslations58("processes.steps");
|
|
14794
14399
|
const { theme } = useOrchestratorTheme();
|
|
14795
14400
|
const { stepListHeaderStyle, stepListContentStyle, stepListContentBoldTextStyle, stepListOptionsContainerStyle } = useWithOrchestratorTheme(getWorkflowStepsStyles);
|
|
14796
14401
|
const [isViewOptionOpen, setIsViewOptionOpen] = useState39(false);
|
|
@@ -14806,12 +14411,12 @@ var WfoStepListHeader = ({
|
|
|
14806
14411
|
children: t("viewOptions")
|
|
14807
14412
|
}
|
|
14808
14413
|
);
|
|
14809
|
-
return /* @__PURE__ */
|
|
14810
|
-
/* @__PURE__ */
|
|
14414
|
+
return /* @__PURE__ */ jsxs109(EuiFlexGroup25, { css: stepListHeaderStyle, children: [
|
|
14415
|
+
/* @__PURE__ */ jsxs109(EuiFlexGroup25, { css: stepListContentStyle, children: [
|
|
14811
14416
|
/* @__PURE__ */ jsx212(EuiText22, { css: stepListContentBoldTextStyle, children: t(isTask ? "taskSteps" : "workflowSteps") }),
|
|
14812
14417
|
!showRaw && /* @__PURE__ */ jsx212(WfoTextAnchor, { text: allDetailToggleText, onClick: onToggleAllDetailsIsOpen })
|
|
14813
14418
|
] }),
|
|
14814
|
-
/* @__PURE__ */
|
|
14419
|
+
/* @__PURE__ */ jsxs109(EuiFlexGroup25, { justifyContent: "flexEnd", direction: "row", css: stepListOptionsContainerStyle, gutterSize: "s", children: [
|
|
14815
14420
|
showTracebackButton && /* @__PURE__ */ jsx212(EuiButton14, { onClick: () => onShowTraceback(!showTraceback), size: "s", children: showTraceback ? t("hideTraceback") : t("showTraceback") }),
|
|
14816
14421
|
/* @__PURE__ */ jsx212(
|
|
14817
14422
|
EuiButton14,
|
|
@@ -14824,7 +14429,7 @@ var WfoStepListHeader = ({
|
|
|
14824
14429
|
children: showDelta ? t("hideDelta") : t("showDelta")
|
|
14825
14430
|
}
|
|
14826
14431
|
),
|
|
14827
|
-
/* @__PURE__ */ jsx212(EuiPopover8, { button: viewOptionButton, isOpen: isViewOptionOpen, closePopover: closeViewOption, display: "block", children: /* @__PURE__ */ jsx212("div", { children: /* @__PURE__ */
|
|
14432
|
+
/* @__PURE__ */ jsx212(EuiPopover8, { button: viewOptionButton, isOpen: isViewOptionOpen, closePopover: closeViewOption, display: "block", children: /* @__PURE__ */ jsx212("div", { children: /* @__PURE__ */ jsxs109(EuiForm3, { component: "form", children: [
|
|
14828
14433
|
/* @__PURE__ */ jsx212(EuiFormRow6, { children: /* @__PURE__ */ jsx212(
|
|
14829
14434
|
EuiSwitch3,
|
|
14830
14435
|
{
|
|
@@ -14853,7 +14458,7 @@ var WfoStepListHeader = ({
|
|
|
14853
14458
|
};
|
|
14854
14459
|
|
|
14855
14460
|
// src/pages/processes/WfoStartProcessPage.tsx
|
|
14856
|
-
import { jsx as jsx213, jsxs as
|
|
14461
|
+
import { jsx as jsx213, jsxs as jsxs110 } from "@emotion/react/jsx-runtime";
|
|
14857
14462
|
var getInitialProcessPayload = ({
|
|
14858
14463
|
productId,
|
|
14859
14464
|
subscriptionId
|
|
@@ -14870,7 +14475,7 @@ var getInitialProcessPayload = ({
|
|
|
14870
14475
|
return void 0;
|
|
14871
14476
|
};
|
|
14872
14477
|
var WfoStartProcessPage = ({ processName, isTask = false }) => {
|
|
14873
|
-
const t =
|
|
14478
|
+
const t = useTranslations59("processes.steps");
|
|
14874
14479
|
const router = useRouter13();
|
|
14875
14480
|
const [hasError, setHasError] = useState40(false);
|
|
14876
14481
|
const { theme } = useOrchestratorTheme();
|
|
@@ -14935,7 +14540,7 @@ var WfoStartProcessPage = ({ processName, isTask = false }) => {
|
|
|
14935
14540
|
processDetail,
|
|
14936
14541
|
timelineItems: timeLineItems,
|
|
14937
14542
|
isLoading,
|
|
14938
|
-
children: /* @__PURE__ */
|
|
14543
|
+
children: /* @__PURE__ */ jsxs110(
|
|
14939
14544
|
EuiPanel5,
|
|
14940
14545
|
{
|
|
14941
14546
|
css: {
|
|
@@ -14943,9 +14548,9 @@ var WfoStartProcessPage = ({ processName, isTask = false }) => {
|
|
|
14943
14548
|
marginTop: theme.base * 3
|
|
14944
14549
|
},
|
|
14945
14550
|
children: [
|
|
14946
|
-
/* @__PURE__ */
|
|
14551
|
+
/* @__PURE__ */ jsxs110(EuiFlexGroup26, { css: getStepHeaderStyle(false), children: [
|
|
14947
14552
|
/* @__PURE__ */ jsx213(WfoStepStatusIcon, { stepStatus: "form" /* FORM */ }),
|
|
14948
|
-
/* @__PURE__ */
|
|
14553
|
+
/* @__PURE__ */ jsxs110(EuiFlexItem21, { grow: 0, children: [
|
|
14949
14554
|
/* @__PURE__ */ jsx213(EuiText23, { css: stepListContentBoldTextStyle, children: t("userInput") }),
|
|
14950
14555
|
/* @__PURE__ */ jsx213(EuiText23, { children: t(isTask ? "submitTaskFormLabel" : "submitWorkflowFormLabel") })
|
|
14951
14556
|
] })
|
|
@@ -14960,14 +14565,14 @@ var WfoStartProcessPage = ({ processName, isTask = false }) => {
|
|
|
14960
14565
|
};
|
|
14961
14566
|
|
|
14962
14567
|
// src/pages/processes/WfoProductInformationWithLink.tsx
|
|
14963
|
-
import { useTranslations as
|
|
14568
|
+
import { useTranslations as useTranslations60 } from "next-intl";
|
|
14964
14569
|
import { EuiButtonIcon as EuiButtonIcon14, EuiFlexGroup as EuiFlexGroup27, EuiText as EuiText24, EuiToolTip as EuiToolTip10 } from "@elastic/eui";
|
|
14965
|
-
import { jsx as jsx214, jsxs as
|
|
14570
|
+
import { jsx as jsx214, jsxs as jsxs111 } from "@emotion/react/jsx-runtime";
|
|
14966
14571
|
var WfoProductInformationWithLink = ({ workflowName, productNames }) => {
|
|
14967
14572
|
const { workflowInformationLinkUrl, showWorkflowInformationLink } = useGetOrchestratorConfig();
|
|
14968
|
-
const t =
|
|
14573
|
+
const t = useTranslations60("processes.detail");
|
|
14969
14574
|
const docsUrl = workflowInformationLinkUrl + workflowName;
|
|
14970
|
-
return /* @__PURE__ */
|
|
14575
|
+
return /* @__PURE__ */ jsxs111(EuiFlexGroup27, { gutterSize: "s", alignItems: "center", children: [
|
|
14971
14576
|
showWorkflowInformationLink && /* @__PURE__ */ jsx214(EuiToolTip10, { content: t("openWorkflowTaskInfo"), children: /* @__PURE__ */ jsx214("a", { href: docsUrl, target: "_blank", children: /* @__PURE__ */ jsx214(EuiButtonIcon14, { iconSize: "l", iconType: "info", "aria-label": t("openWorkflowTaskInfo") }) }) }),
|
|
14972
14577
|
/* @__PURE__ */ jsx214(EuiText24, { size: "s", children: productNames })
|
|
14973
14578
|
] });
|
|
@@ -14975,22 +14580,22 @@ var WfoProductInformationWithLink = ({ workflowName, productNames }) => {
|
|
|
14975
14580
|
|
|
14976
14581
|
// src/pages/settings/WfoSettingsPage.tsx
|
|
14977
14582
|
import { useMemo as useMemo7 } from "react";
|
|
14978
|
-
import { useTranslations as
|
|
14583
|
+
import { useTranslations as useTranslations62 } from "next-intl";
|
|
14979
14584
|
import { StringParam as StringParam3, useQueryParam as useQueryParam2, withDefault as withDefault3 } from "use-query-params";
|
|
14980
14585
|
import { EuiCodeBlock as EuiCodeBlock2, EuiFlexItem as EuiFlexItem23, EuiPanel as EuiPanel7, EuiSpacer as EuiSpacer23, EuiTab as EuiTab3, EuiTabs as EuiTabs3, EuiText as EuiText26 } from "@elastic/eui";
|
|
14981
14586
|
import { css as css35 } from "@emotion/react";
|
|
14982
14587
|
|
|
14983
14588
|
// src/components/WfoSettings/WfoAoStackStatus.tsx
|
|
14984
|
-
import { useTranslations as
|
|
14589
|
+
import { useTranslations as useTranslations61 } from "next-intl";
|
|
14985
14590
|
import { EuiButton as EuiButton15, EuiFlexItem as EuiFlexItem22, EuiPanel as EuiPanel6, EuiSpacer as EuiSpacer22, EuiText as EuiText25 } from "@elastic/eui";
|
|
14986
|
-
import { jsx as jsx215, jsxs as
|
|
14591
|
+
import { jsx as jsx215, jsxs as jsxs112 } from "@emotion/react/jsx-runtime";
|
|
14987
14592
|
var WfoAoStackStatus = () => {
|
|
14988
|
-
const t =
|
|
14593
|
+
const t = useTranslations61("settings.page");
|
|
14989
14594
|
const { aoStackStatusUrl } = useGetOrchestratorConfig();
|
|
14990
14595
|
const openStatusPage = () => {
|
|
14991
14596
|
window.open(aoStackStatusUrl, "_blank");
|
|
14992
14597
|
};
|
|
14993
|
-
return /* @__PURE__ */ jsx215(EuiFlexItem22, { children: /* @__PURE__ */
|
|
14598
|
+
return /* @__PURE__ */ jsx215(EuiFlexItem22, { children: /* @__PURE__ */ jsxs112(EuiPanel6, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
|
|
14994
14599
|
/* @__PURE__ */ jsx215(EuiText25, { size: "s", children: /* @__PURE__ */ jsx215("h4", { children: t("aoStackStatus") }) }),
|
|
14995
14600
|
/* @__PURE__ */ jsx215(EuiSpacer22, { size: "m" }),
|
|
14996
14601
|
/* @__PURE__ */ jsx215(EuiButton15, { iconType: () => /* @__PURE__ */ jsx215(WfoChartBar, {}), onClick: openStatusPage, children: t("viewStatusPage") })
|
|
@@ -14998,7 +14603,7 @@ var WfoAoStackStatus = () => {
|
|
|
14998
14603
|
};
|
|
14999
14604
|
|
|
15000
14605
|
// src/pages/settings/WfoSettingsPage.tsx
|
|
15001
|
-
import { Fragment as
|
|
14606
|
+
import { Fragment as Fragment50, jsx as jsx216, jsxs as jsxs113 } from "@emotion/react/jsx-runtime";
|
|
15002
14607
|
var WfoSettingsTab = /* @__PURE__ */ ((WfoSettingsTab2) => {
|
|
15003
14608
|
WfoSettingsTab2["ACTIONS"] = "ACTIONS";
|
|
15004
14609
|
WfoSettingsTab2["ENV_SETTINGS"] = "ENV_SETTINGS";
|
|
@@ -15007,13 +14612,13 @@ var WfoSettingsTab = /* @__PURE__ */ ((WfoSettingsTab2) => {
|
|
|
15007
14612
|
var WfoActionSettings = () => {
|
|
15008
14613
|
const { theme } = useOrchestratorTheme();
|
|
15009
14614
|
const { enableAoStackStatus } = useGetOrchestratorConfig();
|
|
15010
|
-
return /* @__PURE__ */ jsx216(
|
|
14615
|
+
return /* @__PURE__ */ jsx216(Fragment50, { children: /* @__PURE__ */ jsxs113("div", { css: { maxWidth: theme.base * 40 }, children: [
|
|
15011
14616
|
/* @__PURE__ */ jsx216(WfoFlushSettings, {}),
|
|
15012
14617
|
/* @__PURE__ */ jsx216(EuiSpacer23, {}),
|
|
15013
14618
|
/* @__PURE__ */ jsx216(WfoModifySettings, {}),
|
|
15014
14619
|
/* @__PURE__ */ jsx216(EuiSpacer23, {}),
|
|
15015
14620
|
/* @__PURE__ */ jsx216(WfoEngineStatus, {}),
|
|
15016
|
-
enableAoStackStatus && /* @__PURE__ */
|
|
14621
|
+
enableAoStackStatus && /* @__PURE__ */ jsxs113(Fragment50, { children: [
|
|
15017
14622
|
/* @__PURE__ */ jsx216(EuiSpacer23, {}),
|
|
15018
14623
|
/* @__PURE__ */ jsx216(WfoAoStackStatus, {})
|
|
15019
14624
|
] }),
|
|
@@ -15022,7 +14627,7 @@ var WfoActionSettings = () => {
|
|
|
15022
14627
|
] }) });
|
|
15023
14628
|
};
|
|
15024
14629
|
var WfoEnvSettings = () => {
|
|
15025
|
-
const t =
|
|
14630
|
+
const t = useTranslations62("settings.page");
|
|
15026
14631
|
const { theme } = useOrchestratorTheme();
|
|
15027
14632
|
const { data } = useGetEnvironmentVariablesQuery();
|
|
15028
14633
|
const mapToRepresentableVariables = (variables) => {
|
|
@@ -15031,8 +14636,8 @@ var WfoEnvSettings = () => {
|
|
|
15031
14636
|
const renderEnvSettings = () => {
|
|
15032
14637
|
return data && data.map(({ name, variables }) => {
|
|
15033
14638
|
const showVariables = mapToRepresentableVariables(variables);
|
|
15034
|
-
return /* @__PURE__ */
|
|
15035
|
-
/* @__PURE__ */ jsx216(EuiFlexItem23, { children: /* @__PURE__ */
|
|
14639
|
+
return /* @__PURE__ */ jsxs113(Fragment50, { children: [
|
|
14640
|
+
/* @__PURE__ */ jsx216(EuiFlexItem23, { children: /* @__PURE__ */ jsxs113(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
|
|
15036
14641
|
/* @__PURE__ */ jsx216(EuiText26, { size: "s", children: /* @__PURE__ */ jsx216("h2", { children: name.replace("_", " ").toUpperCase() }) }),
|
|
15037
14642
|
/* @__PURE__ */ jsx216(EuiSpacer23, {}),
|
|
15038
14643
|
/* @__PURE__ */ jsx216(
|
|
@@ -15052,7 +14657,7 @@ var WfoEnvSettings = () => {
|
|
|
15052
14657
|
});
|
|
15053
14658
|
};
|
|
15054
14659
|
const emptyEnvSettings = () => {
|
|
15055
|
-
return /* @__PURE__ */ jsx216(EuiFlexItem23, { children: /* @__PURE__ */ jsx216(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsx216(EuiText26, { size: "s", children: /* @__PURE__ */
|
|
14660
|
+
return /* @__PURE__ */ jsx216(EuiFlexItem23, { children: /* @__PURE__ */ jsx216(EuiPanel7, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsx216(EuiText26, { size: "s", children: /* @__PURE__ */ jsxs113("h2", { children: [
|
|
15056
14661
|
t("noSettingsExposed"),
|
|
15057
14662
|
" ",
|
|
15058
14663
|
/* @__PURE__ */ jsx216(
|
|
@@ -15080,8 +14685,8 @@ var settingsTabs = [
|
|
|
15080
14685
|
}
|
|
15081
14686
|
];
|
|
15082
14687
|
var WfoSettingsPage = () => {
|
|
15083
|
-
const t =
|
|
15084
|
-
const tabTranslations =
|
|
14688
|
+
const t = useTranslations62("main");
|
|
14689
|
+
const tabTranslations = useTranslations62("settings.tabs");
|
|
15085
14690
|
const { tabStyle } = useWithOrchestratorTheme(getStyles4);
|
|
15086
14691
|
const [selectedTabId, setSelectedTabId] = useQueryParam2(
|
|
15087
14692
|
"activeTab",
|
|
@@ -15105,7 +14710,7 @@ var WfoSettingsPage = () => {
|
|
|
15105
14710
|
index
|
|
15106
14711
|
));
|
|
15107
14712
|
};
|
|
15108
|
-
return /* @__PURE__ */
|
|
14713
|
+
return /* @__PURE__ */ jsxs113(Fragment50, { children: [
|
|
15109
14714
|
/* @__PURE__ */ jsx216(WfoContentHeader, { title: t("settings") }),
|
|
15110
14715
|
/* @__PURE__ */ jsx216(EuiTabs3, { children: renderTabs() }),
|
|
15111
14716
|
/* @__PURE__ */ jsx216(EuiSpacer23, { size: "xxl" }),
|
|
@@ -15114,7 +14719,7 @@ var WfoSettingsPage = () => {
|
|
|
15114
14719
|
};
|
|
15115
14720
|
|
|
15116
14721
|
// src/pages/startPage/WfoStartPage.tsx
|
|
15117
|
-
import { useTranslations as
|
|
14722
|
+
import { useTranslations as useTranslations63 } from "next-intl";
|
|
15118
14723
|
import { EuiPageHeader as EuiPageHeader2 } from "@elastic/eui";
|
|
15119
14724
|
|
|
15120
14725
|
// src/pages/startPage/useStartPageSummaryCardConfigurationOverride.ts
|
|
@@ -15128,9 +14733,9 @@ var useStartPageSummaryCardConfigurationOverride = () => {
|
|
|
15128
14733
|
};
|
|
15129
14734
|
|
|
15130
14735
|
// src/pages/startPage/WfoStartPage.tsx
|
|
15131
|
-
import { Fragment as
|
|
14736
|
+
import { Fragment as Fragment51, jsx as jsx217, jsxs as jsxs114 } from "@emotion/react/jsx-runtime";
|
|
15132
14737
|
var WfoStartPage = () => {
|
|
15133
|
-
const t =
|
|
14738
|
+
const t = useTranslations63("main");
|
|
15134
14739
|
const { overrideSummaryCards } = useStartPageSummaryCardConfigurationOverride();
|
|
15135
14740
|
const { isAllowed } = usePolicy();
|
|
15136
14741
|
const { session } = useWfoSession();
|
|
@@ -15147,7 +14752,7 @@ var WfoStartPage = () => {
|
|
|
15147
14752
|
/* @__PURE__ */ jsx217(WfoProductsSummaryCard, {}, "products")
|
|
15148
14753
|
];
|
|
15149
14754
|
const summaryCards = overrideSummaryCards?.(defaultSummaryCards) || defaultSummaryCards;
|
|
15150
|
-
return /* @__PURE__ */
|
|
14755
|
+
return /* @__PURE__ */ jsxs114(Fragment51, { children: [
|
|
15151
14756
|
/* @__PURE__ */ jsx217(WfoContentHeader, { title: /* @__PURE__ */ jsx217(EuiPageHeader2, { pageTitle: `${t("welcome")} ${username}` }) }),
|
|
15152
14757
|
/* @__PURE__ */ jsx217(WfoSummaryCards, { children: summaryCards })
|
|
15153
14758
|
] });
|
|
@@ -15167,21 +14772,21 @@ var mapSubscriptionSummaryToSummaryCardListItem = (subscription) => ({
|
|
|
15167
14772
|
|
|
15168
14773
|
// src/pages/subscriptions/WfoSubscriptionDetailPage.tsx
|
|
15169
14774
|
import { useRouter as useRouter14 } from "next/router";
|
|
15170
|
-
import { Fragment as
|
|
14775
|
+
import { Fragment as Fragment52, jsx as jsx218 } from "@emotion/react/jsx-runtime";
|
|
15171
14776
|
var WfoSubscriptionDetailPage = () => {
|
|
15172
14777
|
const router = useRouter14();
|
|
15173
14778
|
const { subscriptionId } = router.query;
|
|
15174
|
-
return subscriptionId && /* @__PURE__ */ jsx218(TreeProvider, { children: /* @__PURE__ */ jsx218(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx218(
|
|
14779
|
+
return subscriptionId && /* @__PURE__ */ jsx218(TreeProvider, { children: /* @__PURE__ */ jsx218(WfoSubscription, { subscriptionId }) }) || /* @__PURE__ */ jsx218(Fragment52, {});
|
|
15175
14780
|
};
|
|
15176
14781
|
|
|
15177
14782
|
// src/pages/subscriptions/WfoSubscriptionsListPage.tsx
|
|
15178
14783
|
import { useEffect as useEffect27, useState as useState41 } from "react";
|
|
15179
|
-
import { useTranslations as
|
|
14784
|
+
import { useTranslations as useTranslations64 } from "next-intl";
|
|
15180
14785
|
import { StringParam as StringParam4, useQueryParam as useQueryParam3, withDefault as withDefault4 } from "use-query-params";
|
|
15181
14786
|
import { EuiSpacer as EuiSpacer24 } from "@elastic/eui";
|
|
15182
|
-
import { Fragment as
|
|
14787
|
+
import { Fragment as Fragment53, jsx as jsx219, jsxs as jsxs115 } from "@emotion/react/jsx-runtime";
|
|
15183
14788
|
var WfoSubscriptionsListPage = () => {
|
|
15184
|
-
const t =
|
|
14789
|
+
const t = useTranslations64("subscriptions.detail");
|
|
15185
14790
|
const [tableDefaults, setTableDefaults] = useState41();
|
|
15186
14791
|
const getStoredTableConfig = useStoredTableConfig(SUBSCRIPTIONS_TABLE_LOCAL_STORAGE_KEY);
|
|
15187
14792
|
useEffect27(() => {
|
|
@@ -15210,7 +14815,7 @@ var WfoSubscriptionsListPage = () => {
|
|
|
15210
14815
|
setDataDisplayParam("pageIndex", 0);
|
|
15211
14816
|
};
|
|
15212
14817
|
const alwaysOnFilters = subscriptionListTabs.find(({ id }) => id === activeTab)?.alwaysOnFilters;
|
|
15213
|
-
return /* @__PURE__ */
|
|
14818
|
+
return /* @__PURE__ */ jsxs115(Fragment53, { children: [
|
|
15214
14819
|
/* @__PURE__ */ jsx219(WfoContentHeader, { title: /* @__PURE__ */ jsx219(WfoTitleWithWebsocketBadge, { title: t("title") }) }),
|
|
15215
14820
|
/* @__PURE__ */ jsx219(
|
|
15216
14821
|
WfoFilterTabs,
|
|
@@ -15236,7 +14841,7 @@ var WfoSubscriptionsListPage = () => {
|
|
|
15236
14841
|
|
|
15237
14842
|
// src/pages/tasks/WfoTasksListPage.tsx
|
|
15238
14843
|
import { useContext as useContext10, useEffect as useEffect28, useState as useState42 } from "react";
|
|
15239
|
-
import { useTranslations as
|
|
14844
|
+
import { useTranslations as useTranslations65 } from "next-intl";
|
|
15240
14845
|
import Link12 from "next/link";
|
|
15241
14846
|
import { useRouter as useRouter15 } from "next/router";
|
|
15242
14847
|
import { StringParam as StringParam5, useQueryParam as useQueryParam4, withDefault as withDefault5 } from "use-query-params";
|
|
@@ -15305,10 +14910,10 @@ var getTasksListTabTypeFromString = (tabId) => {
|
|
|
15305
14910
|
};
|
|
15306
14911
|
|
|
15307
14912
|
// src/pages/tasks/WfoTasksListPage.tsx
|
|
15308
|
-
import { Fragment as
|
|
14913
|
+
import { Fragment as Fragment54, jsx as jsx220, jsxs as jsxs116 } from "@emotion/react/jsx-runtime";
|
|
15309
14914
|
var WfoTasksListPage = () => {
|
|
15310
14915
|
const router = useRouter15();
|
|
15311
|
-
const t =
|
|
14916
|
+
const t = useTranslations65("tasks.page");
|
|
15312
14917
|
const [activeTab, setActiveTab] = useQueryParam4("activeTab", withDefault5(StringParam5, "ACTIVE" /* ACTIVE */));
|
|
15313
14918
|
const [tableDefaults, setTableDefaults] = useState42();
|
|
15314
14919
|
const selectedTasksListTab = getTasksListTabTypeFromString(activeTab);
|
|
@@ -15374,8 +14979,8 @@ var WfoTasksListPage = () => {
|
|
|
15374
14979
|
"lastModifiedAt"
|
|
15375
14980
|
])
|
|
15376
14981
|
});
|
|
15377
|
-
return /* @__PURE__ */
|
|
15378
|
-
/* @__PURE__ */
|
|
14982
|
+
return /* @__PURE__ */ jsxs116(Fragment54, { children: [
|
|
14983
|
+
/* @__PURE__ */ jsxs116(WfoContentHeader, { title: /* @__PURE__ */ jsx220(WfoTitleWithWebsocketBadge, { title: "Tasks" }), children: [
|
|
15379
14984
|
/* @__PURE__ */ jsx220(WfoIsAllowedToRender, { resource: "/orchestrator/processes/all-tasks/retry" /* TASKS_RETRY_ALL */, children: /* @__PURE__ */ jsx220(
|
|
15380
14985
|
EuiButton16,
|
|
15381
14986
|
{
|
|
@@ -15412,7 +15017,7 @@ var WfoTasksListPage = () => {
|
|
|
15412
15017
|
|
|
15413
15018
|
// src/pages/workflows/WfoWorkflowsListPage.tsx
|
|
15414
15019
|
import { useEffect as useEffect29, useState as useState43 } from "react";
|
|
15415
|
-
import { useTranslations as
|
|
15020
|
+
import { useTranslations as useTranslations66 } from "next-intl";
|
|
15416
15021
|
import { useRouter as useRouter16 } from "next/router";
|
|
15417
15022
|
import { StringParam as StringParam6, useQueryParam as useQueryParam5, withDefault as withDefault6 } from "use-query-params";
|
|
15418
15023
|
import { EuiSpacer as EuiSpacer26 } from "@elastic/eui";
|
|
@@ -15480,10 +15085,10 @@ var getWorkflowsListTabTypeFromString = (tabId) => {
|
|
|
15480
15085
|
};
|
|
15481
15086
|
|
|
15482
15087
|
// src/pages/workflows/WfoWorkflowsListPage.tsx
|
|
15483
|
-
import { Fragment as
|
|
15088
|
+
import { Fragment as Fragment55, jsx as jsx221, jsxs as jsxs117 } from "@emotion/react/jsx-runtime";
|
|
15484
15089
|
var WfoWorkflowsListPage = () => {
|
|
15485
15090
|
const router = useRouter16();
|
|
15486
|
-
const t =
|
|
15091
|
+
const t = useTranslations66("workflows.index");
|
|
15487
15092
|
const [activeTab, setActiveTab] = useQueryParam5(
|
|
15488
15093
|
"activeTab",
|
|
15489
15094
|
withDefault6(StringParam6, "ACTIVE" /* ACTIVE */)
|
|
@@ -15516,7 +15121,7 @@ var WfoWorkflowsListPage = () => {
|
|
|
15516
15121
|
router.replace(PATH_WORKFLOWS);
|
|
15517
15122
|
return null;
|
|
15518
15123
|
}
|
|
15519
|
-
return /* @__PURE__ */
|
|
15124
|
+
return /* @__PURE__ */ jsxs117(Fragment55, { children: [
|
|
15520
15125
|
/* @__PURE__ */ jsx221(WfoContentHeader, { title: /* @__PURE__ */ jsx221(WfoTitleWithWebsocketBadge, { title: t("title") }) }),
|
|
15521
15126
|
/* @__PURE__ */ jsx221(
|
|
15522
15127
|
WfoFilterTabs,
|
|
@@ -15543,7 +15148,7 @@ var WfoWorkflowsListPage = () => {
|
|
|
15543
15148
|
|
|
15544
15149
|
// src/components/WfoProcessList/WfoProcessListDeltaPopover.tsx
|
|
15545
15150
|
import { useState as useState44 } from "react";
|
|
15546
|
-
import { useTranslations as
|
|
15151
|
+
import { useTranslations as useTranslations67 } from "next-intl";
|
|
15547
15152
|
import { EuiButtonIcon as EuiButtonIcon15, EuiLoadingSpinner as EuiLoadingSpinner5, EuiPanel as EuiPanel8, EuiPopover as EuiPopover9 } from "@elastic/eui";
|
|
15548
15153
|
|
|
15549
15154
|
// src/components/WfoProcessList/styles.ts
|
|
@@ -15577,7 +15182,7 @@ var WfoProcessListDeltaPopover = ({ processListItem }) => {
|
|
|
15577
15182
|
const { popoverPanelStyle, deltaContentPanelStyle, loadingSpinnerStyle } = useWithOrchestratorTheme(
|
|
15578
15183
|
getWfoProcessListDeltaPopoverStyles
|
|
15579
15184
|
);
|
|
15580
|
-
const t =
|
|
15185
|
+
const t = useTranslations67("processes.steps");
|
|
15581
15186
|
const [isPopoverOpen, setPopoverOpen] = useState44(false);
|
|
15582
15187
|
const { processId, workflowTarget } = processListItem;
|
|
15583
15188
|
const { data, isFetching } = useGetRawProcessDetailQuery({ processId }, { skip: !isPopoverOpen });
|
|
@@ -15588,7 +15193,7 @@ var WfoProcessListDeltaPopover = ({ processListItem }) => {
|
|
|
15588
15193
|
const iconButton = /* @__PURE__ */ jsx222(
|
|
15589
15194
|
EuiButtonIcon15,
|
|
15590
15195
|
{
|
|
15591
|
-
iconType: () => /* @__PURE__ */ jsx222(WfoCode, { color: theme.colors.
|
|
15196
|
+
iconType: () => /* @__PURE__ */ jsx222(WfoCode, { color: theme.colors.textDisabled }),
|
|
15592
15197
|
onClick: () => setPopoverOpen(!isPopoverOpen),
|
|
15593
15198
|
"aria-label": t("showDelta"),
|
|
15594
15199
|
isLoading: isFetching
|
|
@@ -15714,7 +15319,7 @@ var graphQlProcessFilterMapper = (data) => data?.map(({ field, value }) => ({
|
|
|
15714
15319
|
}));
|
|
15715
15320
|
|
|
15716
15321
|
// src/components/WfoProcessList/WfoProcessesList.tsx
|
|
15717
|
-
import { jsx as jsx223, jsxs as
|
|
15322
|
+
import { jsx as jsx223, jsxs as jsxs118 } from "@emotion/react/jsx-runtime";
|
|
15718
15323
|
var WfoProcessesList = ({
|
|
15719
15324
|
alwaysOnFilters,
|
|
15720
15325
|
defaultHiddenColumns = [],
|
|
@@ -15723,8 +15328,8 @@ var WfoProcessesList = ({
|
|
|
15723
15328
|
overrideDefaultTableColumns,
|
|
15724
15329
|
setDataDisplayParam
|
|
15725
15330
|
}) => {
|
|
15726
|
-
const t =
|
|
15727
|
-
const tError =
|
|
15331
|
+
const t = useTranslations68("processes.index");
|
|
15332
|
+
const tError = useTranslations68("errors");
|
|
15728
15333
|
const { showToastMessage } = useShowToastMessage();
|
|
15729
15334
|
const router = useRouter17();
|
|
15730
15335
|
const defaultTableColumns = {
|
|
@@ -15796,7 +15401,7 @@ var WfoProcessesList = ({
|
|
|
15796
15401
|
}
|
|
15797
15402
|
),
|
|
15798
15403
|
renderDetails: ({ page: subscriptions }) => /* @__PURE__ */ jsx223(WfoProcessListSubscriptionsCell, { subscriptions }),
|
|
15799
|
-
renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */
|
|
15404
|
+
renderTooltip: ({ page: subscriptions }) => subscriptions.map(({ description, subscriptionId }) => /* @__PURE__ */ jsxs118("p", { children: [
|
|
15800
15405
|
"- ",
|
|
15801
15406
|
description
|
|
15802
15407
|
] }, subscriptionId)),
|
|
@@ -15943,7 +15548,7 @@ var WfoJsonCodeBlock = ({ data, isBasicStyle = false }) => {
|
|
|
15943
15548
|
|
|
15944
15549
|
// src/components/WfoSettings/WfoFlushSettings.tsx
|
|
15945
15550
|
import { useState as useState45 } from "react";
|
|
15946
|
-
import { useTranslations as
|
|
15551
|
+
import { useTranslations as useTranslations69 } from "next-intl";
|
|
15947
15552
|
import { EuiButton as EuiButton17, EuiComboBox, EuiPanel as EuiPanel9, EuiSpacer as EuiSpacer27, EuiText as EuiText27 } from "@elastic/eui";
|
|
15948
15553
|
|
|
15949
15554
|
// src/components/WfoSettings/styles.ts
|
|
@@ -15970,11 +15575,11 @@ var getWfoFlushSettingsStyle = ({ theme }) => {
|
|
|
15970
15575
|
};
|
|
15971
15576
|
|
|
15972
15577
|
// src/components/WfoSettings/WfoFlushSettings.tsx
|
|
15973
|
-
import { jsx as jsx225, jsxs as
|
|
15578
|
+
import { jsx as jsx225, jsxs as jsxs119 } from "@emotion/react/jsx-runtime";
|
|
15974
15579
|
var WfoFlushSettings = () => {
|
|
15975
15580
|
const { comboboxStyle } = useWithOrchestratorTheme(getWfoFlushSettingsStyle);
|
|
15976
15581
|
const [clearCache] = useClearCacheMutation();
|
|
15977
|
-
const t =
|
|
15582
|
+
const t = useTranslations69("settings.page");
|
|
15978
15583
|
const [selectedOptions, setSelected] = useState45([]);
|
|
15979
15584
|
const { showToastMessage } = useShowToastMessage();
|
|
15980
15585
|
const onChange = (selectedOptions2) => {
|
|
@@ -15996,7 +15601,7 @@ var WfoFlushSettings = () => {
|
|
|
15996
15601
|
showToastMessage("ERROR" /* ERROR */, `Flush for cache key ${cacheKey} failed`, "Flush failed");
|
|
15997
15602
|
});
|
|
15998
15603
|
};
|
|
15999
|
-
return /* @__PURE__ */ jsx225(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */
|
|
15604
|
+
return /* @__PURE__ */ jsx225(WfoIsAllowedToRender, { resource: "/orchestrator/settings/flush-cache" /* SETTINGS_FLUSH_CACHE */, children: /* @__PURE__ */ jsxs119(EuiPanel9, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
|
|
16000
15605
|
/* @__PURE__ */ jsx225(EuiText27, { size: "s", children: /* @__PURE__ */ jsx225("h4", { children: t("flushCacheSettingsTitle") }) }),
|
|
16001
15606
|
/* @__PURE__ */ jsx225(EuiSpacer27, { size: "m" }),
|
|
16002
15607
|
/* @__PURE__ */ jsx225(
|
|
@@ -16018,14 +15623,14 @@ var WfoFlushSettings = () => {
|
|
|
16018
15623
|
};
|
|
16019
15624
|
|
|
16020
15625
|
// src/components/WfoSettings/WfoEngineStatusButton.tsx
|
|
16021
|
-
import { useTranslations as
|
|
15626
|
+
import { useTranslations as useTranslations70 } from "next-intl";
|
|
16022
15627
|
import { EuiButton as EuiButton18 } from "@elastic/eui";
|
|
16023
15628
|
import { jsx as jsx226 } from "@emotion/react/jsx-runtime";
|
|
16024
15629
|
var WfoEngineStatusButton = () => {
|
|
16025
15630
|
const { data, isLoading } = useGetEngineStatusQuery();
|
|
16026
15631
|
const { engineStatus } = data || {};
|
|
16027
15632
|
const [setEngineStatus, { isLoading: isSettingEngineStatus }] = useSetEngineStatusMutation();
|
|
16028
|
-
const t =
|
|
15633
|
+
const t = useTranslations70("settings.page");
|
|
16029
15634
|
if (isLoading || isSettingEngineStatus) {
|
|
16030
15635
|
return /* @__PURE__ */ jsx226(EuiButton18, { isLoading: true, fill: true, children: "Loading..." });
|
|
16031
15636
|
}
|
|
@@ -16033,20 +15638,20 @@ var WfoEngineStatusButton = () => {
|
|
|
16033
15638
|
};
|
|
16034
15639
|
|
|
16035
15640
|
// src/components/WfoSettings/WfoModifySettings.tsx
|
|
16036
|
-
import { useTranslations as
|
|
15641
|
+
import { useTranslations as useTranslations71 } from "next-intl";
|
|
16037
15642
|
import { EuiFlexItem as EuiFlexItem24, EuiPanel as EuiPanel10, EuiSpacer as EuiSpacer28, EuiText as EuiText28 } from "@elastic/eui";
|
|
16038
|
-
import { jsx as jsx227, jsxs as
|
|
15643
|
+
import { jsx as jsx227, jsxs as jsxs120 } from "@emotion/react/jsx-runtime";
|
|
16039
15644
|
var WfoModifySettings = () => {
|
|
16040
|
-
const t =
|
|
16041
|
-
return /* @__PURE__ */
|
|
16042
|
-
/* @__PURE__ */
|
|
15645
|
+
const t = useTranslations71("settings.page");
|
|
15646
|
+
return /* @__PURE__ */ jsxs120(EuiFlexItem24, { children: [
|
|
15647
|
+
/* @__PURE__ */ jsxs120(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
|
|
16043
15648
|
/* @__PURE__ */ jsx227(EuiText28, { size: "s", children: /* @__PURE__ */ jsx227("h4", { children: t("resetTextSearchIndex") }) }),
|
|
16044
15649
|
/* @__PURE__ */ jsx227(EuiSpacer28, { size: "m" }),
|
|
16045
15650
|
/* @__PURE__ */ jsx227(WfoResetTextSearchIndexButton, {})
|
|
16046
15651
|
] }),
|
|
16047
|
-
/* @__PURE__ */
|
|
15652
|
+
/* @__PURE__ */ jsxs120(WfoIsAllowedToRender, { resource: "/orchestrator/settings/start-stop-engine" /* SETTINGS_START_STOP_ENGINE */, children: [
|
|
16048
15653
|
/* @__PURE__ */ jsx227(EuiSpacer28, {}),
|
|
16049
|
-
/* @__PURE__ */
|
|
15654
|
+
/* @__PURE__ */ jsxs120(EuiPanel10, { hasShadow: false, color: "subdued", paddingSize: "l", children: [
|
|
16050
15655
|
/* @__PURE__ */ jsx227(EuiText28, { size: "s", children: /* @__PURE__ */ jsx227("h4", { children: t("modifyEngine") }) }),
|
|
16051
15656
|
/* @__PURE__ */ jsx227(EuiSpacer28, { size: "m" }),
|
|
16052
15657
|
/* @__PURE__ */ jsx227(WfoEngineStatusButton, {})
|
|
@@ -16056,22 +15661,22 @@ var WfoModifySettings = () => {
|
|
|
16056
15661
|
};
|
|
16057
15662
|
|
|
16058
15663
|
// src/components/WfoSettings/WfoEngineStatus.tsx
|
|
16059
|
-
import { useTranslations as
|
|
15664
|
+
import { useTranslations as useTranslations72 } from "next-intl";
|
|
16060
15665
|
import { EuiFlexGroup as EuiFlexGroup28, EuiFlexItem as EuiFlexItem25, EuiPanel as EuiPanel11, EuiText as EuiText29 } from "@elastic/eui";
|
|
16061
|
-
import { jsx as jsx228, jsxs as
|
|
15666
|
+
import { jsx as jsx228, jsxs as jsxs121 } from "@emotion/react/jsx-runtime";
|
|
16062
15667
|
var WfoEngineStatus = () => {
|
|
16063
15668
|
const { theme } = useOrchestratorTheme();
|
|
16064
15669
|
const { data } = useGetEngineStatusQuery();
|
|
16065
15670
|
const { engineStatus, runningProcesses } = data || {};
|
|
16066
15671
|
const isRunning = engineStatus === "RUNNING" /* RUNNING */;
|
|
16067
|
-
const t =
|
|
16068
|
-
return /* @__PURE__ */ jsx228(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */
|
|
15672
|
+
const t = useTranslations72("settings.page");
|
|
15673
|
+
return /* @__PURE__ */ jsx228(EuiPanel11, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs121(EuiFlexGroup28, { direction: "column", gutterSize: "s", children: [
|
|
16069
15674
|
/* @__PURE__ */ jsx228(EuiFlexItem25, { children: /* @__PURE__ */ jsx228(EuiText29, { size: "s", children: /* @__PURE__ */ jsx228("h4", { children: t("engineStatusTitle") }) }) }),
|
|
16070
|
-
/* @__PURE__ */
|
|
15675
|
+
/* @__PURE__ */ jsxs121(EuiFlexItem25, { css: { flexDirection: "row" }, children: [
|
|
16071
15676
|
/* @__PURE__ */ jsx228(EuiText29, { size: "s", style: { minWidth: 200 }, children: t("runningProcesses") }),
|
|
16072
15677
|
/* @__PURE__ */ jsx228(EuiText29, { size: "s", children: runningProcesses || "-" })
|
|
16073
15678
|
] }),
|
|
16074
|
-
/* @__PURE__ */
|
|
15679
|
+
/* @__PURE__ */ jsxs121(EuiFlexItem25, { css: { flexDirection: "row" }, children: [
|
|
16075
15680
|
/* @__PURE__ */ jsx228(EuiText29, { size: "s", style: { minWidth: 190 }, children: t("status") }),
|
|
16076
15681
|
/* @__PURE__ */ jsx228(WfoStatusDotIcon, { color: isRunning ? theme.colors.success : theme.colors.warning }),
|
|
16077
15682
|
/* @__PURE__ */ jsx228(EuiText29, { size: "xs", css: { paddingTop: theme.size.xs }, children: /* @__PURE__ */ jsx228("p", { children: engineStatus }) })
|
|
@@ -16080,24 +15685,24 @@ var WfoEngineStatus = () => {
|
|
|
16080
15685
|
};
|
|
16081
15686
|
|
|
16082
15687
|
// src/components/WfoSettings/WfoWorkerStatus.tsx
|
|
16083
|
-
import { useTranslations as
|
|
15688
|
+
import { useTranslations as useTranslations73 } from "next-intl";
|
|
16084
15689
|
import { EuiFlexGroup as EuiFlexGroup29, EuiFlexItem as EuiFlexItem26, EuiPanel as EuiPanel12, EuiText as EuiText30 } from "@elastic/eui";
|
|
16085
|
-
import { jsx as jsx229, jsxs as
|
|
15690
|
+
import { jsx as jsx229, jsxs as jsxs122 } from "@emotion/react/jsx-runtime";
|
|
16086
15691
|
var WfoWorkerStatus = () => {
|
|
16087
15692
|
const { data } = useGetWorkerStatusQuery();
|
|
16088
15693
|
const { executorType, numberOfQueuedJobs, numberOfRunningJobs, numberOfWorkersOnline } = data || {};
|
|
16089
|
-
const t =
|
|
16090
|
-
return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx229(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */
|
|
15694
|
+
const t = useTranslations73("settings.page");
|
|
15695
|
+
return executorType?.toUpperCase() === "CELERY" /* CELERY */ && /* @__PURE__ */ jsx229(EuiPanel12, { hasShadow: false, color: "subdued", paddingSize: "l", children: /* @__PURE__ */ jsxs122(EuiFlexGroup29, { direction: "column", gutterSize: "s", children: [
|
|
16091
15696
|
/* @__PURE__ */ jsx229(EuiFlexItem26, { children: /* @__PURE__ */ jsx229(EuiText30, { size: "s", children: /* @__PURE__ */ jsx229("h4", { children: t("workerStatusTitle") }) }) }),
|
|
16092
|
-
/* @__PURE__ */
|
|
15697
|
+
/* @__PURE__ */ jsxs122(EuiFlexItem26, { css: { flexDirection: "row" }, children: [
|
|
16093
15698
|
/* @__PURE__ */ jsx229(EuiText30, { size: "s", style: { minWidth: 200 }, children: t("numberOfQueuedJobs") }),
|
|
16094
15699
|
/* @__PURE__ */ jsx229(EuiText30, { size: "s", children: numberOfQueuedJobs || "-" })
|
|
16095
15700
|
] }),
|
|
16096
|
-
/* @__PURE__ */
|
|
15701
|
+
/* @__PURE__ */ jsxs122(EuiFlexItem26, { css: { flexDirection: "row" }, children: [
|
|
16097
15702
|
/* @__PURE__ */ jsx229(EuiText30, { size: "s", style: { minWidth: 200 }, children: t("numberOfRunningJobs") }),
|
|
16098
15703
|
/* @__PURE__ */ jsx229(EuiText30, { size: "s", children: numberOfRunningJobs || "-" })
|
|
16099
15704
|
] }),
|
|
16100
|
-
/* @__PURE__ */
|
|
15705
|
+
/* @__PURE__ */ jsxs122(EuiFlexItem26, { css: { flexDirection: "row" }, children: [
|
|
16101
15706
|
/* @__PURE__ */ jsx229(EuiText30, { size: "s", style: { minWidth: 200 }, children: t("numberOfWorkersOnline") }),
|
|
16102
15707
|
/* @__PURE__ */ jsx229(EuiText30, { size: "s", children: numberOfWorkersOnline || "-" })
|
|
16103
15708
|
] })
|
|
@@ -16105,12 +15710,12 @@ var WfoWorkerStatus = () => {
|
|
|
16105
15710
|
};
|
|
16106
15711
|
|
|
16107
15712
|
// src/components/WfoSettings/WfoResetTextSearchIndexButton.tsx
|
|
16108
|
-
import { useTranslations as
|
|
15713
|
+
import { useTranslations as useTranslations74 } from "next-intl";
|
|
16109
15714
|
import { EuiButton as EuiButton19 } from "@elastic/eui";
|
|
16110
15715
|
import { jsx as jsx230 } from "@emotion/react/jsx-runtime";
|
|
16111
15716
|
var WfoResetTextSearchIndexButton = () => {
|
|
16112
15717
|
const [resetTextSearchIndex] = useResetTextSearchIndexMutation();
|
|
16113
|
-
const t =
|
|
15718
|
+
const t = useTranslations74("settings.page");
|
|
16114
15719
|
return /* @__PURE__ */ jsx230(EuiButton19, { onClick: () => resetTextSearchIndex(null), iconType: "refresh", children: t("resetTextSearchIndexButton") });
|
|
16115
15720
|
};
|
|
16116
15721
|
|
|
@@ -16123,7 +15728,7 @@ var WfoInsyncIcon = ({ inSync }) => {
|
|
|
16123
15728
|
|
|
16124
15729
|
// src/components/WfoErrorBoundary/WfoErrorBoundary.tsx
|
|
16125
15730
|
import React75 from "react";
|
|
16126
|
-
import { jsx as jsx232, jsxs as
|
|
15731
|
+
import { jsx as jsx232, jsxs as jsxs123 } from "@emotion/react/jsx-runtime";
|
|
16127
15732
|
var WfoErrorBoundary = class extends React75.Component {
|
|
16128
15733
|
constructor(props) {
|
|
16129
15734
|
super(props);
|
|
@@ -16140,7 +15745,7 @@ var WfoErrorBoundary = class extends React75.Component {
|
|
|
16140
15745
|
if (this.props.fallback) {
|
|
16141
15746
|
return this.props.fallback;
|
|
16142
15747
|
}
|
|
16143
|
-
return /* @__PURE__ */
|
|
15748
|
+
return /* @__PURE__ */ jsxs123("p", { children: [
|
|
16144
15749
|
"An unexpected error occurred, try to go back to the ",
|
|
16145
15750
|
/* @__PURE__ */ jsx232("a", { href: "/", children: "home page" })
|
|
16146
15751
|
] });
|
|
@@ -16174,10 +15779,10 @@ var getStyles13 = ({ theme }) => {
|
|
|
16174
15779
|
};
|
|
16175
15780
|
|
|
16176
15781
|
// src/components/WfoNoResults/WfoNoResults.tsx
|
|
16177
|
-
import { jsxs as
|
|
15782
|
+
import { jsxs as jsxs124 } from "@emotion/react/jsx-runtime";
|
|
16178
15783
|
var WfoNoResults = ({ text, icon }) => {
|
|
16179
15784
|
const { panelStyle } = useWithOrchestratorTheme(getStyles13);
|
|
16180
|
-
return /* @__PURE__ */
|
|
15785
|
+
return /* @__PURE__ */ jsxs124(EuiFlexGroup30, { css: panelStyle, children: [
|
|
16181
15786
|
icon,
|
|
16182
15787
|
" ",
|
|
16183
15788
|
text
|
|
@@ -16185,7 +15790,7 @@ var WfoNoResults = ({ text, icon }) => {
|
|
|
16185
15790
|
};
|
|
16186
15791
|
|
|
16187
15792
|
// src/components/WfoRenderElementOrString/WfoRenderElementOrString.tsx
|
|
16188
|
-
import { Fragment as
|
|
15793
|
+
import { Fragment as Fragment56, jsx as jsx233 } from "@emotion/react/jsx-runtime";
|
|
16189
15794
|
var WfoRenderElementOrString = ({
|
|
16190
15795
|
children,
|
|
16191
15796
|
renderString
|
|
@@ -16193,16 +15798,16 @@ var WfoRenderElementOrString = ({
|
|
|
16193
15798
|
if (typeof children === "string" && renderString) {
|
|
16194
15799
|
return renderString(children);
|
|
16195
15800
|
}
|
|
16196
|
-
return /* @__PURE__ */ jsx233(
|
|
15801
|
+
return /* @__PURE__ */ jsx233(Fragment56, { children });
|
|
16197
15802
|
};
|
|
16198
15803
|
|
|
16199
15804
|
// src/components/WfoStartButton/WfoStartTaskComboBox.tsx
|
|
16200
|
-
import { useTranslations as
|
|
15805
|
+
import { useTranslations as useTranslations75 } from "next-intl";
|
|
16201
15806
|
import { useRouter as useRouter18 } from "next/router";
|
|
16202
15807
|
import { jsx as jsx234 } from "@emotion/react/jsx-runtime";
|
|
16203
15808
|
var WfoStartTaskButtonComboBox = () => {
|
|
16204
15809
|
const router = useRouter18();
|
|
16205
|
-
const t =
|
|
15810
|
+
const t = useTranslations75("common");
|
|
16206
15811
|
const { isEngineRunningNow } = useCheckEngineStatus();
|
|
16207
15812
|
const { data } = useGetTaskOptionsQuery();
|
|
16208
15813
|
const taskOptions = data?.startOptions || [];
|
|
@@ -16304,7 +15909,7 @@ var subscriptionListTabs = [
|
|
|
16304
15909
|
];
|
|
16305
15910
|
|
|
16306
15911
|
// src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx
|
|
16307
|
-
import { useTranslations as
|
|
15912
|
+
import { useTranslations as useTranslations76 } from "next-intl";
|
|
16308
15913
|
import Link14 from "next/link";
|
|
16309
15914
|
import { useRouter as useRouter19 } from "next/router";
|
|
16310
15915
|
import { jsx as jsx235 } from "@emotion/react/jsx-runtime";
|
|
@@ -16315,8 +15920,8 @@ var WfoSubscriptionsList = ({
|
|
|
16315
15920
|
hiddenColumns
|
|
16316
15921
|
}) => {
|
|
16317
15922
|
const router = useRouter19();
|
|
16318
|
-
const t =
|
|
16319
|
-
const tError =
|
|
15923
|
+
const t = useTranslations76("subscriptions.index");
|
|
15924
|
+
const tError = useTranslations76("errors");
|
|
16320
15925
|
const { showToastMessage } = useShowToastMessage();
|
|
16321
15926
|
const { sortBy: sortBy2, queryString, pageIndex, pageSize } = dataDisplayParams;
|
|
16322
15927
|
const graphqlQueryVariables = {
|
|
@@ -16522,7 +16127,7 @@ var getWfoSummaryCardHeaderStyles = ({ theme }) => {
|
|
|
16522
16127
|
};
|
|
16523
16128
|
|
|
16524
16129
|
// src/components/WfoSummary/WfoSummaryCardHeader/WfoSummaryCardHeader.tsx
|
|
16525
|
-
import { jsx as jsx236, jsxs as
|
|
16130
|
+
import { jsx as jsx236, jsxs as jsxs125 } from "@emotion/react/jsx-runtime";
|
|
16526
16131
|
var WfoSummaryCardHeader = ({
|
|
16527
16132
|
text,
|
|
16528
16133
|
value,
|
|
@@ -16532,7 +16137,7 @@ var WfoSummaryCardHeader = ({
|
|
|
16532
16137
|
}) => {
|
|
16533
16138
|
const { theme } = useOrchestratorTheme();
|
|
16534
16139
|
const { avatarStyle, totalSectionStyle, valueStyle } = useWithOrchestratorTheme(getWfoSummaryCardHeaderStyles);
|
|
16535
|
-
return /* @__PURE__ */ jsx236(EuiFlexItem27, { grow: 0, children: /* @__PURE__ */ jsx236(EuiPanel13, { hasShadow: false, css: { backgroundColor: theme.colors.backgroundBaseSubdued }, paddingSize: "l", children: /* @__PURE__ */
|
|
16140
|
+
return /* @__PURE__ */ jsx236(EuiFlexItem27, { grow: 0, children: /* @__PURE__ */ jsx236(EuiPanel13, { hasShadow: false, css: { backgroundColor: theme.colors.backgroundBaseSubdued }, paddingSize: "l", children: /* @__PURE__ */ jsxs125(EuiFlexGroup31, { alignItems: "center", children: [
|
|
16536
16141
|
/* @__PURE__ */ jsx236(
|
|
16537
16142
|
EuiAvatar,
|
|
16538
16143
|
{
|
|
@@ -16546,9 +16151,9 @@ var WfoSummaryCardHeader = ({
|
|
|
16546
16151
|
color: iconColor
|
|
16547
16152
|
}
|
|
16548
16153
|
),
|
|
16549
|
-
/* @__PURE__ */
|
|
16154
|
+
/* @__PURE__ */ jsxs125("div", { css: totalSectionStyle, children: [
|
|
16550
16155
|
/* @__PURE__ */ jsx236(EuiText31, { color: "subdued", children: text }),
|
|
16551
|
-
/* @__PURE__ */
|
|
16156
|
+
/* @__PURE__ */ jsxs125(EuiFlexGroup31, { gutterSize: "s", alignItems: "center", children: [
|
|
16552
16157
|
/* @__PURE__ */ jsx236(EuiText31, { css: valueStyle, children: value }),
|
|
16553
16158
|
isFetching && /* @__PURE__ */ jsx236(EuiLoadingSpinner6, {})
|
|
16554
16159
|
] })
|
|
@@ -16629,12 +16234,12 @@ var getWfoSummaryCardListStyles = ({ theme }) => {
|
|
|
16629
16234
|
};
|
|
16630
16235
|
|
|
16631
16236
|
// src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardListItem.tsx
|
|
16632
|
-
import { jsx as jsx238, jsxs as
|
|
16237
|
+
import { jsx as jsx238, jsxs as jsxs126 } from "@emotion/react/jsx-runtime";
|
|
16633
16238
|
var WfoSummaryCardListItem = ({ title, value, url }) => {
|
|
16634
16239
|
const { theme } = useOrchestratorTheme();
|
|
16635
16240
|
const { listItemContainerStyle, listItemTitleStyle, listItemSubtitleStyle, listItemHighlightIconStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
|
|
16636
|
-
return /* @__PURE__ */ jsx238(WfoOptionalLink, { href: url, children: /* @__PURE__ */
|
|
16637
|
-
/* @__PURE__ */
|
|
16241
|
+
return /* @__PURE__ */ jsx238(WfoOptionalLink, { href: url, children: /* @__PURE__ */ jsxs126(EuiFlexGroup32, { css: listItemContainerStyle, gutterSize: "none", children: [
|
|
16242
|
+
/* @__PURE__ */ jsxs126(EuiFlexItem28, { children: [
|
|
16638
16243
|
/* @__PURE__ */ jsx238(EuiTextColor, { color: url ? theme.colors.link : theme.colors.textHeading, css: listItemTitleStyle, children: title }),
|
|
16639
16244
|
/* @__PURE__ */ jsx238(EuiTextColor, { css: listItemSubtitleStyle, children: value })
|
|
16640
16245
|
] }),
|
|
@@ -16643,16 +16248,16 @@ var WfoSummaryCardListItem = ({ title, value, url }) => {
|
|
|
16643
16248
|
};
|
|
16644
16249
|
|
|
16645
16250
|
// src/components/WfoSummary/WfoSummaryCardList/WfoSummaryCardList.tsx
|
|
16646
|
-
import { jsx as jsx239, jsxs as
|
|
16251
|
+
import { jsx as jsx239, jsxs as jsxs127 } from "@emotion/react/jsx-runtime";
|
|
16647
16252
|
var WfoSummaryCardList = ({ title, items, button, isLoading = false }) => {
|
|
16648
16253
|
const router = useRouter20();
|
|
16649
16254
|
const euiScrollBarStyle = useEuiScrollBar3();
|
|
16650
16255
|
const { listContainerStyle, listHeaderStyle, listStyle } = useWithOrchestratorTheme(getWfoSummaryCardListStyles);
|
|
16651
|
-
return /* @__PURE__ */ jsx239(EuiFlexItem29, { children: /* @__PURE__ */
|
|
16652
|
-
/* @__PURE__ */
|
|
16256
|
+
return /* @__PURE__ */ jsx239(EuiFlexItem29, { children: /* @__PURE__ */ jsxs127(EuiPanel14, { css: listContainerStyle, hasShadow: false, hasBorder: true, paddingSize: "l", children: [
|
|
16257
|
+
/* @__PURE__ */ jsxs127("div", { children: [
|
|
16653
16258
|
/* @__PURE__ */ jsx239("p", { css: listHeaderStyle, children: title }),
|
|
16654
16259
|
/* @__PURE__ */ jsx239(EuiSpacer29, { size: "m" }),
|
|
16655
|
-
/* @__PURE__ */ jsx239(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx239("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */
|
|
16260
|
+
/* @__PURE__ */ jsx239(EuiSkeletonText, { isLoading, lines: 10, children: /* @__PURE__ */ jsx239("div", { css: [listStyle, euiScrollBarStyle], children: items?.map((item, index) => /* @__PURE__ */ jsxs127("div", { children: [
|
|
16656
16261
|
/* @__PURE__ */ jsx239(WfoSummaryCardListItem, { title: item.title, value: item.value, url: item.url }),
|
|
16657
16262
|
index === items.length - 1 ? null : /* @__PURE__ */ jsx239(EuiHorizontalRule8, { margin: "none" })
|
|
16658
16263
|
] }, index)) }) })
|
|
@@ -16686,7 +16291,7 @@ var getWfoSummaryCardsStyles = ({ theme }) => {
|
|
|
16686
16291
|
};
|
|
16687
16292
|
|
|
16688
16293
|
// src/components/WfoSummary/WfoSummaryCard.tsx
|
|
16689
|
-
import { jsx as jsx241, jsxs as
|
|
16294
|
+
import { jsx as jsx241, jsxs as jsxs128 } from "@emotion/react/jsx-runtime";
|
|
16690
16295
|
var SummaryCardStatus = /* @__PURE__ */ ((SummaryCardStatus2) => {
|
|
16691
16296
|
SummaryCardStatus2["Success"] = "Success";
|
|
16692
16297
|
SummaryCardStatus2["Error"] = "Error";
|
|
@@ -16730,7 +16335,7 @@ var WfoSummaryCard = ({
|
|
|
16730
16335
|
};
|
|
16731
16336
|
}
|
|
16732
16337
|
};
|
|
16733
|
-
return /* @__PURE__ */
|
|
16338
|
+
return /* @__PURE__ */ jsxs128(EuiFlexItem30, { css: cardContainerStyle, children: [
|
|
16734
16339
|
/* @__PURE__ */ jsx241(
|
|
16735
16340
|
WfoSummaryCardHeader,
|
|
16736
16341
|
{
|
|
@@ -16746,7 +16351,7 @@ var WfoSummaryCard = ({
|
|
|
16746
16351
|
};
|
|
16747
16352
|
|
|
16748
16353
|
// src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
|
|
16749
|
-
import { useTranslations as
|
|
16354
|
+
import { useTranslations as useTranslations77 } from "next-intl";
|
|
16750
16355
|
|
|
16751
16356
|
// src/pages/startPage/queryVariables.ts
|
|
16752
16357
|
var baseQueryVariables = {
|
|
@@ -16845,7 +16450,7 @@ var productsSummaryQueryVariables = {
|
|
|
16845
16450
|
// src/components/WfoSummary/WfoActiveWorkflowsSummaryCard.tsx
|
|
16846
16451
|
import { jsx as jsx242 } from "@emotion/react/jsx-runtime";
|
|
16847
16452
|
var WfoActiveWorkflowsSummaryCard = () => {
|
|
16848
|
-
const t =
|
|
16453
|
+
const t = useTranslations77("startPage.activeWorkflows");
|
|
16849
16454
|
const {
|
|
16850
16455
|
data: activeWorkflowsSummaryResponse,
|
|
16851
16456
|
isFetching,
|
|
@@ -16867,10 +16472,10 @@ var WfoActiveWorkflowsSummaryCard = () => {
|
|
|
16867
16472
|
};
|
|
16868
16473
|
|
|
16869
16474
|
// src/components/WfoSummary/WfoFailedTasksSummaryCard.tsx
|
|
16870
|
-
import { useTranslations as
|
|
16475
|
+
import { useTranslations as useTranslations78 } from "next-intl";
|
|
16871
16476
|
import { jsx as jsx243 } from "@emotion/react/jsx-runtime";
|
|
16872
16477
|
var WfoFailedTasksSummaryCard = () => {
|
|
16873
|
-
const t =
|
|
16478
|
+
const t = useTranslations78("startPage.failedTasks");
|
|
16874
16479
|
const {
|
|
16875
16480
|
data: failedTasksSummaryResponse,
|
|
16876
16481
|
isFetching,
|
|
@@ -16892,10 +16497,10 @@ var WfoFailedTasksSummaryCard = () => {
|
|
|
16892
16497
|
};
|
|
16893
16498
|
|
|
16894
16499
|
// src/components/WfoSummary/WfoLatestActiveSubscriptionsSummaryCard.tsx
|
|
16895
|
-
import { useTranslations as
|
|
16500
|
+
import { useTranslations as useTranslations79 } from "next-intl";
|
|
16896
16501
|
import { jsx as jsx244 } from "@emotion/react/jsx-runtime";
|
|
16897
16502
|
var WfoLatestActiveSubscriptionsSummaryCard = () => {
|
|
16898
|
-
const t =
|
|
16503
|
+
const t = useTranslations79("startPage.activeSubscriptions");
|
|
16899
16504
|
const {
|
|
16900
16505
|
data: subscriptionsSummaryResult,
|
|
16901
16506
|
isFetching,
|
|
@@ -16920,10 +16525,10 @@ var WfoLatestActiveSubscriptionsSummaryCard = () => {
|
|
|
16920
16525
|
};
|
|
16921
16526
|
|
|
16922
16527
|
// src/components/WfoSummary/WfoLatestOutOfSyncSubscriptionSummaryCard.tsx
|
|
16923
|
-
import { useTranslations as
|
|
16528
|
+
import { useTranslations as useTranslations80 } from "next-intl";
|
|
16924
16529
|
import { jsx as jsx245 } from "@emotion/react/jsx-runtime";
|
|
16925
16530
|
var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
|
|
16926
|
-
const t =
|
|
16531
|
+
const t = useTranslations80("startPage.outOfSyncSubscriptions");
|
|
16927
16532
|
const {
|
|
16928
16533
|
data: outOfSyncSubscriptionsSummaryResult,
|
|
16929
16534
|
isFetching,
|
|
@@ -16956,10 +16561,10 @@ var WfoLatestOutOfSyncSubscriptionSummaryCard = () => {
|
|
|
16956
16561
|
};
|
|
16957
16562
|
|
|
16958
16563
|
// src/components/WfoSummary/WfoMyWorkflowsSummaryCard.tsx
|
|
16959
|
-
import { useTranslations as
|
|
16564
|
+
import { useTranslations as useTranslations81 } from "next-intl";
|
|
16960
16565
|
import { jsx as jsx246 } from "@emotion/react/jsx-runtime";
|
|
16961
16566
|
var WfoMyWorkflowsSummaryCard = ({ username }) => {
|
|
16962
|
-
const t =
|
|
16567
|
+
const t = useTranslations81("startPage.myWorkflows");
|
|
16963
16568
|
const {
|
|
16964
16569
|
data: myWorkflowsSummaryResponse,
|
|
16965
16570
|
isFetching,
|
|
@@ -16989,10 +16594,10 @@ var WfoMyWorkflowsSummaryCard = ({ username }) => {
|
|
|
16989
16594
|
};
|
|
16990
16595
|
|
|
16991
16596
|
// src/components/WfoSummary/WfoProductsSummaryCard.tsx
|
|
16992
|
-
import { useTranslations as
|
|
16993
|
-
import { jsx as jsx247, jsxs as
|
|
16597
|
+
import { useTranslations as useTranslations82 } from "next-intl";
|
|
16598
|
+
import { jsx as jsx247, jsxs as jsxs129 } from "@emotion/react/jsx-runtime";
|
|
16994
16599
|
var WfoProductsSummaryCard = () => {
|
|
16995
|
-
const t =
|
|
16600
|
+
const t = useTranslations82("startPage.products");
|
|
16996
16601
|
const {
|
|
16997
16602
|
data: productsSummaryResult,
|
|
16998
16603
|
isFetching,
|
|
@@ -17002,7 +16607,7 @@ var WfoProductsSummaryCard = () => {
|
|
|
17002
16607
|
(left, right) => (right.subscriptions.pageInfo.totalItems ?? 0) - (left.subscriptions.pageInfo.totalItems ?? 0)
|
|
17003
16608
|
).map((product) => ({
|
|
17004
16609
|
title: "",
|
|
17005
|
-
value: /* @__PURE__ */
|
|
16610
|
+
value: /* @__PURE__ */ jsxs129(
|
|
17006
16611
|
"div",
|
|
17007
16612
|
{
|
|
17008
16613
|
css: {
|
|
@@ -17032,10 +16637,10 @@ var WfoProductsSummaryCard = () => {
|
|
|
17032
16637
|
|
|
17033
16638
|
// src/components/WfoTitleWithWebsocketBadge/WfoTitleWithWebsocketBadge.tsx
|
|
17034
16639
|
import { EuiFlexGroup as EuiFlexGroup33, EuiFlexItem as EuiFlexItem31, EuiPageHeader as EuiPageHeader3 } from "@elastic/eui";
|
|
17035
|
-
import { jsx as jsx248, jsxs as
|
|
16640
|
+
import { jsx as jsx248, jsxs as jsxs130 } from "@emotion/react/jsx-runtime";
|
|
17036
16641
|
var WfoTitleWithWebsocketBadge = ({ title, wsUrl = void 0 }) => {
|
|
17037
16642
|
const { useWebSockets } = useGetOrchestratorConfig();
|
|
17038
|
-
const pageTitle = useWebSockets ? /* @__PURE__ */
|
|
16643
|
+
const pageTitle = useWebSockets ? /* @__PURE__ */ jsxs130(EuiFlexGroup33, { alignItems: "center", gutterSize: "s", children: [
|
|
17039
16644
|
/* @__PURE__ */ jsx248(EuiFlexItem31, { grow: false, children: title }),
|
|
17040
16645
|
/* @__PURE__ */ jsx248(EuiFlexItem31, { grow: false, children: /* @__PURE__ */ jsx248(WfoWebsocketStatusBadge, { wsUrl }) })
|
|
17041
16646
|
] }) : title;
|
|
@@ -17271,7 +16876,7 @@ var WfoTableCodeBlock = ({ stepState: data }) => {
|
|
|
17271
16876
|
|
|
17272
16877
|
// src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
|
|
17273
16878
|
import { useEffect as useEffect34, useState as useState52 } from "react";
|
|
17274
|
-
import { useTranslations as
|
|
16879
|
+
import { useTranslations as useTranslations83 } from "next-intl";
|
|
17275
16880
|
import {
|
|
17276
16881
|
EuiButton as EuiButton21,
|
|
17277
16882
|
EuiCallOut as EuiCallOut5,
|
|
@@ -17543,9 +17148,9 @@ var useUrlParams = () => {
|
|
|
17543
17148
|
};
|
|
17544
17149
|
|
|
17545
17150
|
// src/components/WfoSearchPage/WfoSearch/WfoSearch.tsx
|
|
17546
|
-
import { Fragment as
|
|
17151
|
+
import { Fragment as Fragment57, jsx as jsx254, jsxs as jsxs131 } from "@emotion/react/jsx-runtime";
|
|
17547
17152
|
var WfoSearch = () => {
|
|
17548
|
-
const t =
|
|
17153
|
+
const t = useTranslations83("search.page");
|
|
17549
17154
|
const searchAvailability = useSearchAvailability();
|
|
17550
17155
|
const {
|
|
17551
17156
|
urlParams,
|
|
@@ -17661,7 +17266,7 @@ var WfoSearch = () => {
|
|
|
17661
17266
|
resetPagination();
|
|
17662
17267
|
}, [debouncedQuery, selectedEntityTab, filterGroup, resetPagination]);
|
|
17663
17268
|
const { RESULTS_GROW, DETAIL_GROW } = LAYOUT_RATIOS;
|
|
17664
|
-
return /* @__PURE__ */
|
|
17269
|
+
return /* @__PURE__ */ jsxs131(WfoAvailabilityCheck, { featureType: "search", availability: searchAvailability, children: [
|
|
17665
17270
|
/* @__PURE__ */ jsx254(EuiTabs4, { children: ENTITY_TABS.map((tab) => /* @__PURE__ */ jsx254(EuiTab4, { onClick: () => handleTabChange(tab.id), isSelected: selectedEntityTab === tab.id, children: tab.label }, tab.id)) }),
|
|
17666
17271
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "m" }),
|
|
17667
17272
|
/* @__PURE__ */ jsx254(
|
|
@@ -17682,7 +17287,7 @@ var WfoSearch = () => {
|
|
|
17682
17287
|
}
|
|
17683
17288
|
),
|
|
17684
17289
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "s" }),
|
|
17685
|
-
/* @__PURE__ */
|
|
17290
|
+
/* @__PURE__ */ jsxs131(EuiFlexGroup35, { gutterSize: "s", alignItems: "center", children: [
|
|
17686
17291
|
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: false, children: /* @__PURE__ */ jsx254(EuiButton21, { iconType: showFilters ? "eyeClosed" : "eye", size: "s", onClick: () => setShowFilters(!showFilters), children: showFilters ? t("hideFilters") : t("showFilters") }) }),
|
|
17687
17292
|
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: true }),
|
|
17688
17293
|
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: false, children: /* @__PURE__ */ jsx254(
|
|
@@ -17713,25 +17318,25 @@ var WfoSearch = () => {
|
|
|
17713
17318
|
}
|
|
17714
17319
|
) })
|
|
17715
17320
|
] }),
|
|
17716
|
-
showFilters && /* @__PURE__ */
|
|
17321
|
+
showFilters && /* @__PURE__ */ jsxs131(Fragment57, { children: [
|
|
17717
17322
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "m" }),
|
|
17718
|
-
/* @__PURE__ */
|
|
17323
|
+
/* @__PURE__ */ jsxs131(EuiPanel15, { hasBorder: true, paddingSize: "m", children: [
|
|
17719
17324
|
/* @__PURE__ */ jsx254(EuiText32, { children: /* @__PURE__ */ jsx254("h4", { children: t("structuredFilters") }) }),
|
|
17720
17325
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "s" }),
|
|
17721
17326
|
/* @__PURE__ */ jsx254(FilterGroup, { group: filterGroup, entityType: selectedEntityTab, onChange: setFilterGroup, isRoot: true })
|
|
17722
17327
|
] })
|
|
17723
17328
|
] }),
|
|
17724
17329
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "m" }),
|
|
17725
|
-
error && /* @__PURE__ */
|
|
17726
|
-
/* @__PURE__ */
|
|
17330
|
+
error && /* @__PURE__ */ jsxs131(Fragment57, { children: [
|
|
17331
|
+
/* @__PURE__ */ jsxs131(EuiCallOut5, { title: t("searchError"), color: "danger", iconType: "alert", size: "s", children: [
|
|
17727
17332
|
/* @__PURE__ */ jsx254("p", { children: error }),
|
|
17728
17333
|
/* @__PURE__ */ jsx254(EuiButton21, { size: "s", color: "danger", onClick: () => setError(null), children: t("dismiss") })
|
|
17729
17334
|
] }),
|
|
17730
17335
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "m" })
|
|
17731
17336
|
] }),
|
|
17732
|
-
shouldShowNoResults && /* @__PURE__ */
|
|
17337
|
+
shouldShowNoResults && /* @__PURE__ */ jsxs131(Fragment57, { children: [
|
|
17733
17338
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "l" }),
|
|
17734
|
-
/* @__PURE__ */
|
|
17339
|
+
/* @__PURE__ */ jsxs131(EuiCallOut5, { title: t("noResults"), color: "primary", iconType: "search", size: "m", children: [
|
|
17735
17340
|
/* @__PURE__ */ jsx254("p", { children: t("noResultsMessage", {
|
|
17736
17341
|
entityType: currentTab?.label.toLowerCase()
|
|
17737
17342
|
}) }),
|
|
@@ -17740,10 +17345,10 @@ var WfoSearch = () => {
|
|
|
17740
17345
|
] }),
|
|
17741
17346
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "l" })
|
|
17742
17347
|
] }),
|
|
17743
|
-
isSearchActive && /* @__PURE__ */
|
|
17348
|
+
isSearchActive && /* @__PURE__ */ jsxs131(Fragment57, { children: [
|
|
17744
17349
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "m" }),
|
|
17745
|
-
/* @__PURE__ */
|
|
17746
|
-
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */
|
|
17350
|
+
/* @__PURE__ */ jsxs131(EuiFlexGroup35, { gutterSize: "s", alignItems: "center", children: [
|
|
17351
|
+
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsxs131(
|
|
17747
17352
|
EuiFlexGroup35,
|
|
17748
17353
|
{
|
|
17749
17354
|
gutterSize: "s",
|
|
@@ -17772,7 +17377,7 @@ var WfoSearch = () => {
|
|
|
17772
17377
|
showDetailPanel && /* @__PURE__ */ jsx254(EuiFlexItem33, { grow: DETAIL_GROW })
|
|
17773
17378
|
] }),
|
|
17774
17379
|
/* @__PURE__ */ jsx254(EuiSpacer31, { size: "s" }),
|
|
17775
|
-
/* @__PURE__ */
|
|
17380
|
+
/* @__PURE__ */ jsxs131(EuiFlexGroup35, { gutterSize: "s", alignItems: "flexStart", children: [
|
|
17776
17381
|
/* @__PURE__ */ jsx254(EuiFlexItem33, { grow: showDetailPanel ? RESULTS_GROW : 1, children: /* @__PURE__ */ jsx254(EuiPanel15, { paddingSize: "none", hasBorder: true, children: /* @__PURE__ */ jsx254(
|
|
17777
17382
|
WfoSearchResults,
|
|
17778
17383
|
{
|
|
@@ -17798,34 +17403,34 @@ var WfoSearch = () => {
|
|
|
17798
17403
|
import { EuiFlexGroup as EuiFlexGroup40, EuiPanel as EuiPanel19 } from "@elastic/eui";
|
|
17799
17404
|
|
|
17800
17405
|
// src/components/WfoSearchPage/WfoSearchResults/WfoSearchEmptyState.tsx
|
|
17801
|
-
import { useTranslations as
|
|
17406
|
+
import { useTranslations as useTranslations84 } from "next-intl";
|
|
17802
17407
|
import { EuiFlexGroup as EuiFlexGroup36, EuiFlexItem as EuiFlexItem34, EuiPanel as EuiPanel16, EuiText as EuiText33 } from "@elastic/eui";
|
|
17803
17408
|
import { jsx as jsx255 } from "@emotion/react/jsx-runtime";
|
|
17804
17409
|
var WfoSearchEmptyState = () => {
|
|
17805
|
-
const t =
|
|
17410
|
+
const t = useTranslations84("search.page");
|
|
17806
17411
|
const { theme } = useOrchestratorTheme();
|
|
17807
17412
|
return /* @__PURE__ */ jsx255(EuiPanel16, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx255(EuiFlexGroup36, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx255(EuiFlexItem34, { grow: false, children: /* @__PURE__ */ jsx255(EuiText33, { size: "m", color: theme.colors.textSubdued, children: t("noResultsFound") }) }) }) });
|
|
17808
17413
|
};
|
|
17809
17414
|
|
|
17810
17415
|
// src/components/WfoSearchPage/WfoSearchResults/WfoSearchLoadingState.tsx
|
|
17811
|
-
import { useTranslations as
|
|
17416
|
+
import { useTranslations as useTranslations85 } from "next-intl";
|
|
17812
17417
|
import { EuiFlexGroup as EuiFlexGroup37, EuiFlexItem as EuiFlexItem35, EuiPanel as EuiPanel17, EuiText as EuiText34 } from "@elastic/eui";
|
|
17813
17418
|
import { jsx as jsx256 } from "@emotion/react/jsx-runtime";
|
|
17814
17419
|
var WfoSearchLoadingState = () => {
|
|
17815
|
-
const t =
|
|
17420
|
+
const t = useTranslations85("search.page");
|
|
17816
17421
|
const { theme } = useOrchestratorTheme();
|
|
17817
17422
|
return /* @__PURE__ */ jsx256(EuiPanel17, { paddingSize: "l", color: "transparent", hasShadow: false, children: /* @__PURE__ */ jsx256(EuiFlexGroup37, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx256(EuiFlexItem35, { grow: false, children: /* @__PURE__ */ jsx256(EuiText34, { size: "m", color: theme.colors.textSubdued, children: t("loadingSearchResults") }) }) }) });
|
|
17818
17423
|
};
|
|
17819
17424
|
|
|
17820
17425
|
// src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
|
|
17821
17426
|
import { useEffect as useEffect35, useRef as useRef11 } from "react";
|
|
17822
|
-
import { useTranslations as
|
|
17427
|
+
import { useTranslations as useTranslations86 } from "next-intl";
|
|
17823
17428
|
import { EuiButtonIcon as EuiButtonIcon16, EuiFlexGroup as EuiFlexGroup39, EuiFlexItem as EuiFlexItem37, EuiPanel as EuiPanel18, EuiSpacer as EuiSpacer32, EuiText as EuiText35 } from "@elastic/eui";
|
|
17824
17429
|
|
|
17825
17430
|
// src/components/WfoSearchPage/WfoSearchResults/WfoHighlightedText.tsx
|
|
17826
17431
|
import { useMemo as useMemo8 } from "react";
|
|
17827
17432
|
import { css as css44 } from "@emotion/react";
|
|
17828
|
-
import { Fragment as
|
|
17433
|
+
import { Fragment as Fragment58, jsx as jsx257 } from "@emotion/react/jsx-runtime";
|
|
17829
17434
|
var WfoHighlightedText = ({ text, highlight_indices }) => {
|
|
17830
17435
|
const { theme } = useOrchestratorTheme();
|
|
17831
17436
|
const highlightStyles = css44`
|
|
@@ -17857,13 +17462,13 @@ var WfoHighlightedText = ({ text, highlight_indices }) => {
|
|
|
17857
17462
|
}
|
|
17858
17463
|
return parts;
|
|
17859
17464
|
}, [text, highlight_indices, highlightStyles]);
|
|
17860
|
-
return /* @__PURE__ */ jsx257(
|
|
17465
|
+
return /* @__PURE__ */ jsx257(Fragment58, { children: highlightedParts });
|
|
17861
17466
|
};
|
|
17862
17467
|
|
|
17863
17468
|
// src/components/WfoSearchPage/WfoSearchResults/WfoPathBreadcrumb.tsx
|
|
17864
|
-
import { Fragment as
|
|
17469
|
+
import { Fragment as Fragment59 } from "react";
|
|
17865
17470
|
import { EuiFlexGroup as EuiFlexGroup38, EuiFlexItem as EuiFlexItem36, EuiIcon as EuiIcon5 } from "@elastic/eui";
|
|
17866
|
-
import { jsx as jsx258, jsxs as
|
|
17471
|
+
import { jsx as jsx258, jsxs as jsxs132 } from "@emotion/react/jsx-runtime";
|
|
17867
17472
|
var WfoPathBreadcrumb = ({
|
|
17868
17473
|
path,
|
|
17869
17474
|
size = "m",
|
|
@@ -17882,14 +17487,14 @@ var WfoPathBreadcrumb = ({
|
|
|
17882
17487
|
}
|
|
17883
17488
|
const displaySegments = maxSegments && segments.length > maxSegments ? [...segments.slice(0, maxSegments - 1), "...", segments[segments.length - 1]] : segments;
|
|
17884
17489
|
const badgeColor = color || theme.colors.primary;
|
|
17885
|
-
return /* @__PURE__ */ jsx258(EuiFlexGroup38, { gutterSize: size, alignItems: "center", wrap: false, responsive: false, children: displaySegments.map((segment, index) => /* @__PURE__ */
|
|
17490
|
+
return /* @__PURE__ */ jsx258(EuiFlexGroup38, { gutterSize: size, alignItems: "center", wrap: false, responsive: false, children: displaySegments.map((segment, index) => /* @__PURE__ */ jsxs132(Fragment59, { children: [
|
|
17886
17491
|
/* @__PURE__ */ jsx258(EuiFlexItem36, { grow: false, children: /* @__PURE__ */ jsx258(WfoBadge, { color: badgeColor, textColor: theme.colors.textGhost, size, children: segment }) }),
|
|
17887
17492
|
showArrows && index < displaySegments.length - 1 && /* @__PURE__ */ jsx258(EuiFlexItem36, { grow: false, children: /* @__PURE__ */ jsx258(EuiIcon5, { type: "arrowRight", size, color: theme.colors.link }) })
|
|
17888
17493
|
] }, index)) });
|
|
17889
17494
|
};
|
|
17890
17495
|
|
|
17891
17496
|
// src/components/WfoSearchPage/WfoSearchResults/WfoSearchResultItem.tsx
|
|
17892
|
-
import { Fragment as
|
|
17497
|
+
import { Fragment as Fragment60, jsx as jsx259, jsxs as jsxs133 } from "@emotion/react/jsx-runtime";
|
|
17893
17498
|
var WfoSearchResultItem = ({
|
|
17894
17499
|
result,
|
|
17895
17500
|
isSelected = false,
|
|
@@ -17897,7 +17502,7 @@ var WfoSearchResultItem = ({
|
|
|
17897
17502
|
onPositionChange,
|
|
17898
17503
|
index
|
|
17899
17504
|
}) => {
|
|
17900
|
-
const t =
|
|
17505
|
+
const t = useTranslations86("search.page");
|
|
17901
17506
|
const matchingField = result.matching_field;
|
|
17902
17507
|
const { theme } = useOrchestratorTheme();
|
|
17903
17508
|
const baseUrl = `${window.location.protocol}//${window.location.host}`;
|
|
@@ -17925,8 +17530,8 @@ var WfoSearchResultItem = ({
|
|
|
17925
17530
|
borderRight: "none",
|
|
17926
17531
|
borderColor: theme.colors.primary
|
|
17927
17532
|
} : void 0,
|
|
17928
|
-
children: /* @__PURE__ */
|
|
17929
|
-
/* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */
|
|
17533
|
+
children: /* @__PURE__ */ jsxs133(EuiFlexGroup39, { alignItems: "flexStart", gutterSize: "m", children: [
|
|
17534
|
+
/* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsxs133(EuiFlexGroup39, { direction: "column", gutterSize: "xs", children: [
|
|
17930
17535
|
/* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsx259(
|
|
17931
17536
|
EuiText35,
|
|
17932
17537
|
{
|
|
@@ -17937,7 +17542,7 @@ var WfoSearchResultItem = ({
|
|
|
17937
17542
|
children: result.entity_title
|
|
17938
17543
|
}
|
|
17939
17544
|
) }),
|
|
17940
|
-
matchingField && /* @__PURE__ */
|
|
17545
|
+
matchingField && /* @__PURE__ */ jsxs133(Fragment60, { children: [
|
|
17941
17546
|
matchingField.path && /* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsx259(
|
|
17942
17547
|
WfoPathBreadcrumb,
|
|
17943
17548
|
{
|
|
@@ -17967,7 +17572,7 @@ var WfoSearchResultItem = ({
|
|
|
17967
17572
|
/* @__PURE__ */ jsx259(EuiSpacer32, { size: "xs" })
|
|
17968
17573
|
] })
|
|
17969
17574
|
] }) }),
|
|
17970
|
-
/* @__PURE__ */ jsx259(EuiFlexItem37, { grow: false, children: /* @__PURE__ */
|
|
17575
|
+
/* @__PURE__ */ jsx259(EuiFlexItem37, { grow: false, children: /* @__PURE__ */ jsxs133(EuiFlexGroup39, { direction: "column", alignItems: "flexEnd", gutterSize: "xs", children: [
|
|
17971
17576
|
/* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsx259(WfoBadge, { color: theme.colors.primary, textColor: theme.colors.textGhost, children: "score" in result && result.score ? result.score.toFixed(4) : "N/A" }) }),
|
|
17972
17577
|
/* @__PURE__ */ jsx259(EuiFlexItem37, { children: /* @__PURE__ */ jsx259(
|
|
17973
17578
|
EuiButtonIcon16,
|
|
@@ -18024,9 +17629,9 @@ var WfoSearchMetadataHeader = ({ search_metadata }) => {
|
|
|
18024
17629
|
};
|
|
18025
17630
|
|
|
18026
17631
|
// src/components/WfoSearchPage/WfoSearchResults/WfoSearchPaginationInfo.tsx
|
|
18027
|
-
import { useTranslations as
|
|
17632
|
+
import { useTranslations as useTranslations87 } from "next-intl";
|
|
18028
17633
|
import { EuiButtonIcon as EuiButtonIcon17, EuiFlexGroup as EuiFlexGroup41, EuiFlexItem as EuiFlexItem38, EuiText as EuiText36 } from "@elastic/eui";
|
|
18029
|
-
import { jsx as jsx262, jsxs as
|
|
17634
|
+
import { jsx as jsx262, jsxs as jsxs134 } from "@emotion/react/jsx-runtime";
|
|
18030
17635
|
var WfoSearchPaginationInfo = ({
|
|
18031
17636
|
has_next_page,
|
|
18032
17637
|
next_page_cursor,
|
|
@@ -18037,7 +17642,7 @@ var WfoSearchPaginationInfo = ({
|
|
|
18037
17642
|
hasPrevPage = false,
|
|
18038
17643
|
resultCount
|
|
18039
17644
|
}) => {
|
|
18040
|
-
const t =
|
|
17645
|
+
const t = useTranslations87("search.page");
|
|
18041
17646
|
const { theme } = useOrchestratorTheme();
|
|
18042
17647
|
const handleNextPage = () => {
|
|
18043
17648
|
if (!isLoading && next_page_cursor && onNextPage) onNextPage(next_page_cursor);
|
|
@@ -18046,7 +17651,7 @@ var WfoSearchPaginationInfo = ({
|
|
|
18046
17651
|
if (!isLoading && onPrevPage) onPrevPage();
|
|
18047
17652
|
};
|
|
18048
17653
|
if (!has_next_page && !hasPrevPage) return null;
|
|
18049
|
-
return /* @__PURE__ */
|
|
17654
|
+
return /* @__PURE__ */ jsxs134(
|
|
18050
17655
|
EuiFlexGroup41,
|
|
18051
17656
|
{
|
|
18052
17657
|
justifyContent: "flexEnd",
|
|
@@ -18073,7 +17678,7 @@ var WfoSearchPaginationInfo = ({
|
|
|
18073
17678
|
size: "s"
|
|
18074
17679
|
}
|
|
18075
17680
|
) }),
|
|
18076
|
-
/* @__PURE__ */ jsx262(EuiFlexItem38, { grow: false, children: /* @__PURE__ */
|
|
17681
|
+
/* @__PURE__ */ jsx262(EuiFlexItem38, { grow: false, children: /* @__PURE__ */ jsxs134(EuiText36, { size: "xs", color: theme.colors.textSubdued, children: [
|
|
18077
17682
|
t("page"),
|
|
18078
17683
|
" ",
|
|
18079
17684
|
currentPage
|
|
@@ -18097,7 +17702,7 @@ var WfoSearchPaginationInfo = ({
|
|
|
18097
17702
|
};
|
|
18098
17703
|
|
|
18099
17704
|
// src/components/WfoSearchPage/WfoFilterGroup/WfoFilterGroup.tsx
|
|
18100
|
-
import { useTranslations as
|
|
17705
|
+
import { useTranslations as useTranslations94 } from "next-intl";
|
|
18101
17706
|
import {
|
|
18102
17707
|
EuiButton as EuiButton23,
|
|
18103
17708
|
EuiButtonIcon as EuiButtonIcon19,
|
|
@@ -18112,7 +17717,7 @@ import {
|
|
|
18112
17717
|
|
|
18113
17718
|
// src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx
|
|
18114
17719
|
import { useState as useState54 } from "react";
|
|
18115
|
-
import { useTranslations as
|
|
17720
|
+
import { useTranslations as useTranslations93 } from "next-intl";
|
|
18116
17721
|
import { EuiButtonIcon as EuiButtonIcon18, EuiFlexGroup as EuiFlexGroup46, EuiFlexItem as EuiFlexItem43, EuiFormRow as EuiFormRow8, EuiPanel as EuiPanel20 } from "@elastic/eui";
|
|
18117
17722
|
|
|
18118
17723
|
// src/hooks/usePathAutoComplete.ts
|
|
@@ -18211,7 +17816,7 @@ var usePathAutocomplete = (prefix, entityType) => {
|
|
|
18211
17816
|
|
|
18212
17817
|
// src/components/WfoSearchPage/WfoValueControl/WfoValueControl.tsx
|
|
18213
17818
|
import moment2 from "moment";
|
|
18214
|
-
import { useTranslations as
|
|
17819
|
+
import { useTranslations as useTranslations88 } from "next-intl";
|
|
18215
17820
|
import {
|
|
18216
17821
|
EuiComboBox as EuiComboBox2,
|
|
18217
17822
|
EuiDatePicker as EuiDatePicker2,
|
|
@@ -18223,9 +17828,9 @@ import {
|
|
|
18223
17828
|
EuiIcon as EuiIcon6,
|
|
18224
17829
|
EuiText as EuiText37
|
|
18225
17830
|
} from "@elastic/eui";
|
|
18226
|
-
import { Fragment as
|
|
17831
|
+
import { Fragment as Fragment61, jsx as jsx263, jsxs as jsxs135 } from "@emotion/react/jsx-runtime";
|
|
18227
17832
|
var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
18228
|
-
const t =
|
|
17833
|
+
const t = useTranslations88("search.page");
|
|
18229
17834
|
const { theme } = useOrchestratorTheme();
|
|
18230
17835
|
if (!pathInfo || !operator) return null;
|
|
18231
17836
|
const schema = pathInfo.value_schema[operator];
|
|
@@ -18244,7 +17849,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
|
18244
17849
|
};
|
|
18245
17850
|
const currentValue = String(value || "");
|
|
18246
17851
|
const hasWildcards = currentValue.includes("%") || currentValue.includes("_");
|
|
18247
|
-
return /* @__PURE__ */
|
|
17852
|
+
return /* @__PURE__ */ jsxs135(Fragment61, { children: [
|
|
18248
17853
|
/* @__PURE__ */ jsx263(
|
|
18249
17854
|
EuiFieldText2,
|
|
18250
17855
|
{
|
|
@@ -18260,14 +17865,14 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
|
18260
17865
|
prepend: /* @__PURE__ */ jsx263(EuiIcon6, { type: "search" })
|
|
18261
17866
|
}
|
|
18262
17867
|
),
|
|
18263
|
-
/* @__PURE__ */ jsx263(EuiFormHelpText, { children: hasWildcards ? /* @__PURE__ */
|
|
17868
|
+
/* @__PURE__ */ jsx263(EuiFormHelpText, { children: hasWildcards ? /* @__PURE__ */ jsxs135("span", { children: [
|
|
18264
17869
|
/* @__PURE__ */ jsx263(EuiIcon6, { type: "checkInCircleFilled", color: "success", size: "s" }),
|
|
18265
17870
|
" Pattern with wildcards:",
|
|
18266
17871
|
" ",
|
|
18267
17872
|
/* @__PURE__ */ jsx263("strong", { children: currentValue })
|
|
18268
|
-
] }) : /* @__PURE__ */
|
|
17873
|
+
] }) : /* @__PURE__ */ jsxs135("span", { children: [
|
|
18269
17874
|
"Will search for: ",
|
|
18270
|
-
/* @__PURE__ */
|
|
17875
|
+
/* @__PURE__ */ jsxs135("strong", { children: [
|
|
18271
17876
|
"%",
|
|
18272
17877
|
currentValue || "your-text",
|
|
18273
17878
|
"%"
|
|
@@ -18305,7 +17910,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
|
18305
17910
|
if (pathInfo.type === "number") {
|
|
18306
17911
|
if (operator === "between") {
|
|
18307
17912
|
const betweenValue = value || { start: "", end: "" };
|
|
18308
|
-
return /* @__PURE__ */
|
|
17913
|
+
return /* @__PURE__ */ jsxs135(EuiFlexGroup42, { gutterSize: "s", alignItems: "center", children: [
|
|
18309
17914
|
/* @__PURE__ */ jsx263(EuiFlexItem39, { children: /* @__PURE__ */ jsx263(
|
|
18310
17915
|
EuiFieldNumber2,
|
|
18311
17916
|
{
|
|
@@ -18343,7 +17948,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
|
18343
17948
|
if (pathInfo.type === "datetime") {
|
|
18344
17949
|
if (operator === "between") {
|
|
18345
17950
|
const betweenValue = value || { start: null, end: null };
|
|
18346
|
-
return /* @__PURE__ */
|
|
17951
|
+
return /* @__PURE__ */ jsxs135(EuiFlexGroup42, { gutterSize: "s", alignItems: "center", children: [
|
|
18347
17952
|
/* @__PURE__ */ jsx263(EuiFlexItem39, { children: /* @__PURE__ */ jsx263(
|
|
18348
17953
|
EuiDatePicker2,
|
|
18349
17954
|
{
|
|
@@ -18388,7 +17993,7 @@ var ValueControl = ({ pathInfo, operator, value, onChange }) => {
|
|
|
18388
17993
|
};
|
|
18389
17994
|
|
|
18390
17995
|
// src/components/WfoSearchPage/WfoConditionRow/WfoFieldSelector.tsx
|
|
18391
|
-
import { useTranslations as
|
|
17996
|
+
import { useTranslations as useTranslations89 } from "next-intl";
|
|
18392
17997
|
import { EuiComboBox as EuiComboBox3 } from "@elastic/eui";
|
|
18393
17998
|
import { jsx as jsx264 } from "@emotion/react/jsx-runtime";
|
|
18394
17999
|
var WfoFieldSelector = ({
|
|
@@ -18400,7 +18005,7 @@ var WfoFieldSelector = ({
|
|
|
18400
18005
|
onClear,
|
|
18401
18006
|
renderPathOption
|
|
18402
18007
|
}) => {
|
|
18403
|
-
const t =
|
|
18008
|
+
const t = useTranslations89("search.page");
|
|
18404
18009
|
const handleSelectionChange = (selected) => {
|
|
18405
18010
|
if (selected[0]?.value) {
|
|
18406
18011
|
onFieldSelection(selected[0].value);
|
|
@@ -18427,16 +18032,16 @@ var WfoFieldSelector = ({
|
|
|
18427
18032
|
};
|
|
18428
18033
|
|
|
18429
18034
|
// src/components/WfoSearchPage/WfoConditionRow/WfoOperatorSelector.tsx
|
|
18430
|
-
import { useTranslations as
|
|
18035
|
+
import { useTranslations as useTranslations90 } from "next-intl";
|
|
18431
18036
|
import { EuiButton as EuiButton22, EuiFlexGroup as EuiFlexGroup43, EuiFlexItem as EuiFlexItem40, EuiFormRow as EuiFormRow7, EuiText as EuiText38 } from "@elastic/eui";
|
|
18432
|
-
import { jsx as jsx265, jsxs as
|
|
18037
|
+
import { jsx as jsx265, jsxs as jsxs136 } from "@emotion/react/jsx-runtime";
|
|
18433
18038
|
var WfoOperatorSelector = ({ selectedPathInfo, condition, onOperatorChange }) => {
|
|
18434
|
-
const t =
|
|
18039
|
+
const t = useTranslations90("search.page");
|
|
18435
18040
|
const { theme } = useOrchestratorTheme();
|
|
18436
|
-
return /* @__PURE__ */ jsx265(EuiFormRow7, { label: t("operatorLabel"), children: /* @__PURE__ */
|
|
18041
|
+
return /* @__PURE__ */ jsx265(EuiFormRow7, { label: t("operatorLabel"), children: /* @__PURE__ */ jsxs136(EuiFlexGroup43, { gutterSize: "xs", wrap: true, children: [
|
|
18437
18042
|
selectedPathInfo?.operators?.map((operator) => {
|
|
18438
18043
|
const { symbol, description } = getOperatorDisplay(operator, selectedPathInfo);
|
|
18439
|
-
const tooltipContent = operator === "like" ? /* @__PURE__ */
|
|
18044
|
+
const tooltipContent = operator === "like" ? /* @__PURE__ */ jsxs136("div", { children: [
|
|
18440
18045
|
/* @__PURE__ */ jsx265("strong", { children: description }),
|
|
18441
18046
|
/* @__PURE__ */ jsx265("br", {}),
|
|
18442
18047
|
/* @__PURE__ */ jsx265("br", {}),
|
|
@@ -18487,11 +18092,11 @@ var WfoOperatorSelector = ({ selectedPathInfo, condition, onOperatorChange }) =>
|
|
|
18487
18092
|
|
|
18488
18093
|
// src/components/WfoSearchPage/WfoConditionRow/WfoPathChips.tsx
|
|
18489
18094
|
import { EuiIcon as EuiIcon7 } from "@elastic/eui";
|
|
18490
|
-
import { jsx as jsx266, jsxs as
|
|
18095
|
+
import { jsx as jsx266, jsxs as jsxs137 } from "@emotion/react/jsx-runtime";
|
|
18491
18096
|
var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
|
|
18492
18097
|
const { theme } = useOrchestratorTheme();
|
|
18493
18098
|
if (isAnyPath) {
|
|
18494
|
-
return /* @__PURE__ */ jsx266(WfoToolTip, { tooltipContent: label, children: /* @__PURE__ */
|
|
18099
|
+
return /* @__PURE__ */ jsx266(WfoToolTip, { tooltipContent: label, children: /* @__PURE__ */ jsxs137(
|
|
18495
18100
|
"div",
|
|
18496
18101
|
{
|
|
18497
18102
|
style: {
|
|
@@ -18550,7 +18155,7 @@ var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
|
|
|
18550
18155
|
const completePath = fullPath || label;
|
|
18551
18156
|
const allSegments = completePath.split(".").filter((segment) => segment && !segment.match(/^\d+$/) && !segment.includes("("));
|
|
18552
18157
|
const pathSegments = allSegments.slice(-2);
|
|
18553
|
-
return /* @__PURE__ */ jsx266(WfoToolTip, { tooltipContent: completePath, children: /* @__PURE__ */
|
|
18158
|
+
return /* @__PURE__ */ jsx266(WfoToolTip, { tooltipContent: completePath, children: /* @__PURE__ */ jsxs137(
|
|
18554
18159
|
"div",
|
|
18555
18160
|
{
|
|
18556
18161
|
style: {
|
|
@@ -18627,7 +18232,7 @@ var WfoPathChips = ({ fullPath, label, fieldType, isAnyPath = false }) => {
|
|
|
18627
18232
|
};
|
|
18628
18233
|
|
|
18629
18234
|
// src/components/WfoSearchPage/WfoConditionRow/WfoPathSelector.tsx
|
|
18630
|
-
import { useTranslations as
|
|
18235
|
+
import { useTranslations as useTranslations91 } from "next-intl";
|
|
18631
18236
|
import { EuiComboBox as EuiComboBox4 } from "@elastic/eui";
|
|
18632
18237
|
import { jsx as jsx267 } from "@emotion/react/jsx-runtime";
|
|
18633
18238
|
var WfoPathSelector = ({
|
|
@@ -18637,7 +18242,7 @@ var WfoPathSelector = ({
|
|
|
18637
18242
|
onClear,
|
|
18638
18243
|
renderOption
|
|
18639
18244
|
}) => {
|
|
18640
|
-
const t =
|
|
18245
|
+
const t = useTranslations91("search.page");
|
|
18641
18246
|
return /* @__PURE__ */ jsx267(
|
|
18642
18247
|
EuiComboBox4,
|
|
18643
18248
|
{
|
|
@@ -18676,17 +18281,17 @@ var WfoPathSelector = ({
|
|
|
18676
18281
|
};
|
|
18677
18282
|
|
|
18678
18283
|
// src/components/WfoSearchPage/WfoConditionRow/WfoRenderFunctions.tsx
|
|
18679
|
-
import { useTranslations as
|
|
18284
|
+
import { useTranslations as useTranslations92 } from "next-intl";
|
|
18680
18285
|
import { EuiFlexGroup as EuiFlexGroup44, EuiFlexItem as EuiFlexItem41, EuiText as EuiText39 } from "@elastic/eui";
|
|
18681
|
-
import { Fragment as
|
|
18286
|
+
import { Fragment as Fragment62, jsx as jsx268, jsxs as jsxs138 } from "@emotion/react/jsx-runtime";
|
|
18682
18287
|
var WfoRenderPathOption = ({ option, contentClassName, paths }) => {
|
|
18683
|
-
const t =
|
|
18288
|
+
const t = useTranslations92("search.page");
|
|
18684
18289
|
const { theme } = useOrchestratorTheme();
|
|
18685
18290
|
const pathInfo = option.value ? paths.find(({ path }) => path === option.value) : null;
|
|
18686
|
-
if (!pathInfo) return /* @__PURE__ */ jsx268(
|
|
18687
|
-
return /* @__PURE__ */
|
|
18291
|
+
if (!pathInfo) return /* @__PURE__ */ jsx268(Fragment62, { children: option.label });
|
|
18292
|
+
return /* @__PURE__ */ jsxs138(EuiFlexGroup44, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
|
|
18688
18293
|
/* @__PURE__ */ jsx268(EuiFlexItem41, { grow: true, children: /* @__PURE__ */ jsx268(EuiText39, { size: "s", children: pathInfo.displayLabel || pathInfo.path }) }),
|
|
18689
|
-
/* @__PURE__ */ jsx268(EuiFlexItem41, { grow: false, children: /* @__PURE__ */
|
|
18294
|
+
/* @__PURE__ */ jsx268(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsxs138(EuiFlexGroup44, { gutterSize: "xs", alignItems: "center", responsive: false, children: [
|
|
18690
18295
|
pathInfo.group === "leaf" && pathInfo.pathCount && pathInfo.pathCount > 1 && /* @__PURE__ */ jsx268(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsx268(WfoBadge, { color: "default", textColor: theme.colors.textInk, size: "xs", children: t("pathsCount", {
|
|
18691
18296
|
count: pathInfo.pathCount
|
|
18692
18297
|
}) }) }),
|
|
@@ -18700,7 +18305,7 @@ var WfoRenderPathSelectionOption = ({
|
|
|
18700
18305
|
fieldType
|
|
18701
18306
|
}) => {
|
|
18702
18307
|
const { theme } = useOrchestratorTheme();
|
|
18703
|
-
return /* @__PURE__ */ jsx268(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */
|
|
18308
|
+
return /* @__PURE__ */ jsx268(WfoToolTip, { tooltipContent: option.fullPath || option.label, children: /* @__PURE__ */ jsxs138(EuiFlexGroup44, { alignItems: "center", gutterSize: "s", responsive: false, className: contentClassName, title: "", children: [
|
|
18704
18309
|
/* @__PURE__ */ jsx268(EuiFlexItem41, { grow: true, children: /* @__PURE__ */ jsx268(EuiText39, { size: "s", children: option.label }) }),
|
|
18705
18310
|
/* @__PURE__ */ jsx268(EuiFlexItem41, { grow: false, children: /* @__PURE__ */ jsx268(WfoBadge, { color: getTypeColor(fieldType, theme), textColor: theme.colors.textInk, size: "xs", children: fieldType }) })
|
|
18706
18311
|
] }) });
|
|
@@ -18744,7 +18349,7 @@ var getPathSelectionOptions = (selectedFieldName, paths) => {
|
|
|
18744
18349
|
};
|
|
18745
18350
|
|
|
18746
18351
|
// src/components/WfoSearchPage/WfoConditionRow/WfoSelectedPathDisplay.tsx
|
|
18747
|
-
import { jsx as jsx269, jsxs as
|
|
18352
|
+
import { jsx as jsx269, jsxs as jsxs139 } from "@emotion/react/jsx-runtime";
|
|
18748
18353
|
var WfoSelectedPathDisplay = ({ condition, onEdit }) => {
|
|
18749
18354
|
const { theme } = useOrchestratorTheme();
|
|
18750
18355
|
const isFullPath = condition.path.includes(".");
|
|
@@ -18762,8 +18367,8 @@ var WfoSelectedPathDisplay = ({ condition, onEdit }) => {
|
|
|
18762
18367
|
display: "flex",
|
|
18763
18368
|
alignItems: "center"
|
|
18764
18369
|
},
|
|
18765
|
-
children: /* @__PURE__ */ jsx269(EuiFlexGroup45, { alignItems: "center", gutterSize: "s", responsive: false, justifyContent: "spaceBetween", children: /* @__PURE__ */ jsx269(EuiFlexItem42, { grow: true, children: isFullPath ? /* @__PURE__ */
|
|
18766
|
-
/* @__PURE__ */ jsx269(EuiFlexItem42, { grow: false, children: /* @__PURE__ */
|
|
18370
|
+
children: /* @__PURE__ */ jsx269(EuiFlexGroup45, { alignItems: "center", gutterSize: "s", responsive: false, justifyContent: "spaceBetween", children: /* @__PURE__ */ jsx269(EuiFlexItem42, { grow: true, children: isFullPath ? /* @__PURE__ */ jsxs139(EuiFlexGroup45, { gutterSize: "none", alignItems: "center", responsive: false, children: [
|
|
18371
|
+
/* @__PURE__ */ jsx269(EuiFlexItem42, { grow: false, children: /* @__PURE__ */ jsxs139(EuiText40, { size: "s", color: theme.colors.textParagraph, children: [
|
|
18767
18372
|
getFieldNameFromFullPath(condition.path),
|
|
18768
18373
|
":"
|
|
18769
18374
|
] }) }),
|
|
@@ -18787,9 +18392,9 @@ var WfoSelectedPathDisplay = ({ condition, onEdit }) => {
|
|
|
18787
18392
|
};
|
|
18788
18393
|
|
|
18789
18394
|
// src/components/WfoSearchPage/WfoConditionRow/WfoConditionRow.tsx
|
|
18790
|
-
import { jsx as jsx270, jsxs as
|
|
18395
|
+
import { jsx as jsx270, jsxs as jsxs140 } from "@emotion/react/jsx-runtime";
|
|
18791
18396
|
var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
|
|
18792
|
-
const t =
|
|
18397
|
+
const t = useTranslations93("search.page");
|
|
18793
18398
|
const { theme } = useOrchestratorTheme();
|
|
18794
18399
|
const [searchValue, setSearchValue] = useState54(condition.path);
|
|
18795
18400
|
const [showPathSelection, setShowPathSelection] = useState54(false);
|
|
@@ -18930,8 +18535,8 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
|
|
|
18930
18535
|
}
|
|
18931
18536
|
);
|
|
18932
18537
|
};
|
|
18933
|
-
return /* @__PURE__ */ jsx270(EuiPanel20, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */
|
|
18934
|
-
/* @__PURE__ */ jsx270(EuiFlexItem43, { children: /* @__PURE__ */ jsx270(EuiFormRow8, { label: t("fieldLabel"), error, isInvalid: !!error, children: /* @__PURE__ */
|
|
18538
|
+
return /* @__PURE__ */ jsx270(EuiPanel20, { paddingSize: "m", color: "subdued", children: /* @__PURE__ */ jsxs140(EuiFlexGroup46, { direction: "column", gutterSize: "m", children: [
|
|
18539
|
+
/* @__PURE__ */ jsx270(EuiFlexItem43, { children: /* @__PURE__ */ jsx270(EuiFormRow8, { label: t("fieldLabel"), error, isInvalid: !!error, children: /* @__PURE__ */ jsxs140(EuiFlexGroup46, { gutterSize: "s", alignItems: "center", children: [
|
|
18935
18540
|
/* @__PURE__ */ jsx270(EuiFlexItem43, { children: showPathSelection ? /* @__PURE__ */ jsx270(
|
|
18936
18541
|
WfoPathSelector,
|
|
18937
18542
|
{
|
|
@@ -18984,7 +18589,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
|
|
|
18984
18589
|
) }),
|
|
18985
18590
|
condition.path && selectedPathInfo?.ui_types && selectedPathInfo.ui_types.length > 0 && /* @__PURE__ */ jsx270(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx270(EuiFlexGroup46, { gutterSize: "xs", alignItems: "center", responsive: false, children: selectedPathInfo.ui_types.map((type, index) => /* @__PURE__ */ jsx270(EuiFlexItem43, { grow: false, children: /* @__PURE__ */ jsx270(WfoBadge, { color: getTypeColor(type, theme), textColor: theme.colors.textInk, size: "s", children: type }) }, index)) }) })
|
|
18986
18591
|
] }) }) }),
|
|
18987
|
-
/* @__PURE__ */ jsx270(EuiFlexItem43, { children: /* @__PURE__ */
|
|
18592
|
+
/* @__PURE__ */ jsx270(EuiFlexItem43, { children: /* @__PURE__ */ jsxs140(EuiFlexGroup46, { gutterSize: "s", alignItems: "flexEnd", children: [
|
|
18988
18593
|
/* @__PURE__ */ jsx270(EuiFlexItem43, { children: /* @__PURE__ */ jsx270(
|
|
18989
18594
|
WfoOperatorSelector,
|
|
18990
18595
|
{
|
|
@@ -19017,7 +18622,7 @@ var ConditionRow = ({ condition, entityType, onChange, onRemove }) => {
|
|
|
19017
18622
|
};
|
|
19018
18623
|
|
|
19019
18624
|
// src/components/WfoSearchPage/WfoFilterGroup/WfoFilterGroup.tsx
|
|
19020
|
-
import { Fragment as
|
|
18625
|
+
import { Fragment as Fragment63, jsx as jsx271, jsxs as jsxs141 } from "@emotion/react/jsx-runtime";
|
|
19021
18626
|
var FilterGroup = ({
|
|
19022
18627
|
group,
|
|
19023
18628
|
entityType,
|
|
@@ -19026,7 +18631,7 @@ var FilterGroup = ({
|
|
|
19026
18631
|
depth = 0,
|
|
19027
18632
|
isRoot = false
|
|
19028
18633
|
}) => {
|
|
19029
|
-
const t =
|
|
18634
|
+
const t = useTranslations94("search.page");
|
|
19030
18635
|
const { theme } = useOrchestratorTheme();
|
|
19031
18636
|
const MAX_DEPTH = 5;
|
|
19032
18637
|
const canAddGroup = depth < MAX_DEPTH;
|
|
@@ -19071,21 +18676,21 @@ var FilterGroup = ({
|
|
|
19071
18676
|
op: group.op === "AND" ? "OR" : "AND"
|
|
19072
18677
|
});
|
|
19073
18678
|
};
|
|
19074
|
-
return /* @__PURE__ */
|
|
19075
|
-
/* @__PURE__ */
|
|
19076
|
-
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */
|
|
18679
|
+
return /* @__PURE__ */ jsxs141(EuiPanel21, { paddingSize: "m", color: depth % 2 === 0 ? "primary" : "plain", hasBorder: true, children: [
|
|
18680
|
+
/* @__PURE__ */ jsxs141(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", justifyContent: "spaceBetween", children: [
|
|
18681
|
+
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsxs141(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", children: [
|
|
19077
18682
|
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(EuiText41, { size: "s", children: /* @__PURE__ */ jsx271("strong", { children: t("groupLabel") }) }) }),
|
|
19078
18683
|
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(EuiButton23, { size: "s", fill: true, color: "primary", onClick: toggleOperator, children: group.op }) })
|
|
19079
18684
|
] }) }),
|
|
19080
|
-
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */
|
|
18685
|
+
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsxs141(EuiFlexGroup47, { gutterSize: "s", alignItems: "center", children: [
|
|
19081
18686
|
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(EuiButton23, { size: "s", iconType: "plusInCircle", onClick: addCondition, children: t("addCondition") }) }),
|
|
19082
18687
|
/* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(WfoToolTip, { tooltipContent: !canAddGroup ? t("maxNestingDepth") : t("addNestedGroup"), children: /* @__PURE__ */ jsx271(EuiButton23, { size: "s", iconType: "nested", onClick: addGroup, disabled: !canAddGroup, children: t("addGroup") }) }) }),
|
|
19083
18688
|
!isRoot && onRemove && /* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(EuiButtonIcon19, { iconType: "trash", color: "danger", onClick: onRemove, "aria-label": t("removeGroup") }) })
|
|
19084
18689
|
] }) })
|
|
19085
18690
|
] }),
|
|
19086
|
-
group.children.length > 0 && /* @__PURE__ */
|
|
18691
|
+
group.children.length > 0 && /* @__PURE__ */ jsxs141(Fragment63, { children: [
|
|
19087
18692
|
/* @__PURE__ */ jsx271(EuiSpacer33, { size: "m" }),
|
|
19088
|
-
/* @__PURE__ */ jsx271(EuiPanel21, { paddingSize: isRoot ? "none" : "s", color: "transparent", hasShadow: false, children: group.children.map((child, index) => /* @__PURE__ */
|
|
18693
|
+
/* @__PURE__ */ jsx271(EuiPanel21, { paddingSize: isRoot ? "none" : "s", color: "transparent", hasShadow: false, children: group.children.map((child, index) => /* @__PURE__ */ jsxs141("div", { children: [
|
|
19089
18694
|
index > 0 && /* @__PURE__ */ jsx271(EuiFlexGroup47, { gutterSize: "none", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx271(EuiFlexItem44, { grow: false, children: /* @__PURE__ */ jsx271(EuiText41, { size: "s", color: theme.colors.textSubdued, textAlign: "center", children: /* @__PURE__ */ jsx271(EuiCode2, { children: group.op }) }) }) }),
|
|
19090
18695
|
/* @__PURE__ */ jsx271(EuiSpacer33, { size: "s" }),
|
|
19091
18696
|
isCondition(child) ? /* @__PURE__ */ jsx271(
|
|
@@ -19109,719 +18714,22 @@ var FilterGroup = ({
|
|
|
19109
18714
|
/* @__PURE__ */ jsx271(EuiSpacer33, { size: "s" })
|
|
19110
18715
|
] }, index)) })
|
|
19111
18716
|
] }),
|
|
19112
|
-
group.children.length === 0 && /* @__PURE__ */
|
|
18717
|
+
group.children.length === 0 && /* @__PURE__ */ jsxs141(Fragment63, { children: [
|
|
19113
18718
|
/* @__PURE__ */ jsx271(EuiSpacer33, { size: "s" }),
|
|
19114
18719
|
/* @__PURE__ */ jsx271(EuiCallOut6, { title: t("emptyGroupTitle"), color: "primary", iconType: "info", size: "s", children: /* @__PURE__ */ jsx271("p", { children: t("emptyGroupDescription") }) })
|
|
19115
18720
|
] })
|
|
19116
18721
|
] });
|
|
19117
18722
|
};
|
|
19118
18723
|
|
|
19119
|
-
// src/components/WfoAgent/WfoAgent/WfoAgent.tsx
|
|
19120
|
-
import { useCallback as useCallback15, useRef as useRef12 } from "react";
|
|
19121
|
-
import { useTranslations as useTranslations100 } from "next-intl";
|
|
19122
|
-
import { useRenderToolCall } from "@copilotkit/react-core";
|
|
19123
|
-
import { CopilotChat } from "@copilotkit/react-ui";
|
|
19124
|
-
|
|
19125
|
-
// src/hooks/useAgentPlanEvents.ts
|
|
19126
|
-
import { useEffect as useEffect37, useState as useState55 } from "react";
|
|
19127
|
-
import { useAgent } from "@copilotkit/react-core/v2";
|
|
19128
|
-
var PLANNER_STEP_NAME = "Planner";
|
|
19129
|
-
var initialState2 = {
|
|
19130
|
-
planning: false,
|
|
19131
|
-
steps: []
|
|
19132
|
-
};
|
|
19133
|
-
var updateSteps = (steps, predicate, updater) => steps.map((step) => predicate(step) ? updater(step) : step);
|
|
19134
|
-
function useAgentPlanEvents(agentId = "query_agent") {
|
|
19135
|
-
const { agent } = useAgent({ agentId });
|
|
19136
|
-
const [executionState, setExecutionState] = useState55(initialState2);
|
|
19137
|
-
useEffect37(() => {
|
|
19138
|
-
if (!agent) {
|
|
19139
|
-
return;
|
|
19140
|
-
}
|
|
19141
|
-
const subscriber = {
|
|
19142
|
-
onCustomEvent: (params) => {
|
|
19143
|
-
const event = params?.event;
|
|
19144
|
-
if (!event) return;
|
|
19145
|
-
if (event.name === "PLAN_CREATED" /* PLAN_CREATED */) {
|
|
19146
|
-
const tasks = event.value;
|
|
19147
|
-
if (!Array.isArray(tasks)) return;
|
|
19148
|
-
setExecutionState({
|
|
19149
|
-
planning: false,
|
|
19150
|
-
steps: tasks.map((task) => ({
|
|
19151
|
-
step_name: task.skillName,
|
|
19152
|
-
reasoning: task.reasoning,
|
|
19153
|
-
status: "pending",
|
|
19154
|
-
tool_calls: []
|
|
19155
|
-
}))
|
|
19156
|
-
});
|
|
19157
|
-
return;
|
|
19158
|
-
}
|
|
19159
|
-
if (event.name === "AGENT_STEP_ACTIVE" /* STEP_ACTIVE */) {
|
|
19160
|
-
const stepName = event.value?.step;
|
|
19161
|
-
if (!stepName) return;
|
|
19162
|
-
if (stepName === PLANNER_STEP_NAME) {
|
|
19163
|
-
setExecutionState((prev) => ({
|
|
19164
|
-
...prev,
|
|
19165
|
-
planning: true
|
|
19166
|
-
}));
|
|
19167
|
-
return;
|
|
19168
|
-
}
|
|
19169
|
-
const reasoning = event.value?.reasoning ?? null;
|
|
19170
|
-
setExecutionState((prev) => {
|
|
19171
|
-
const steps = updateSteps(
|
|
19172
|
-
prev.steps,
|
|
19173
|
-
(step) => step.status === "active",
|
|
19174
|
-
(step) => ({ ...step, status: "completed" })
|
|
19175
|
-
);
|
|
19176
|
-
const existingIndex = steps.findIndex((step) => step.step_name === stepName);
|
|
19177
|
-
if (existingIndex >= 0) {
|
|
19178
|
-
steps[existingIndex] = {
|
|
19179
|
-
...steps[existingIndex],
|
|
19180
|
-
status: "active",
|
|
19181
|
-
reasoning: reasoning ?? steps[existingIndex].reasoning
|
|
19182
|
-
};
|
|
19183
|
-
} else {
|
|
19184
|
-
steps.push({
|
|
19185
|
-
step_name: stepName,
|
|
19186
|
-
reasoning,
|
|
19187
|
-
status: "active",
|
|
19188
|
-
tool_calls: []
|
|
19189
|
-
});
|
|
19190
|
-
}
|
|
19191
|
-
return { planning: false, steps };
|
|
19192
|
-
});
|
|
19193
|
-
}
|
|
19194
|
-
},
|
|
19195
|
-
onToolCallStartEvent: ({ event }) => {
|
|
19196
|
-
setExecutionState((prev) => {
|
|
19197
|
-
const currentStep = prev.steps.find((step) => step.status === "active");
|
|
19198
|
-
if (!currentStep) return prev;
|
|
19199
|
-
return {
|
|
19200
|
-
...prev,
|
|
19201
|
-
steps: updateSteps(
|
|
19202
|
-
prev.steps,
|
|
19203
|
-
(step) => step.step_name === currentStep.step_name,
|
|
19204
|
-
(step) => ({
|
|
19205
|
-
...step,
|
|
19206
|
-
tool_calls: [
|
|
19207
|
-
...step.tool_calls,
|
|
19208
|
-
{
|
|
19209
|
-
id: event.toolCallId,
|
|
19210
|
-
name: event.toolCallName,
|
|
19211
|
-
status: "executing"
|
|
19212
|
-
}
|
|
19213
|
-
]
|
|
19214
|
-
})
|
|
19215
|
-
)
|
|
19216
|
-
};
|
|
19217
|
-
});
|
|
19218
|
-
},
|
|
19219
|
-
onToolCallEndEvent: ({ event }) => {
|
|
19220
|
-
setExecutionState((prev) => ({
|
|
19221
|
-
...prev,
|
|
19222
|
-
steps: updateSteps(
|
|
19223
|
-
prev.steps,
|
|
19224
|
-
(step) => step.tool_calls.some((toolCall) => toolCall.id === event.toolCallId),
|
|
19225
|
-
(step) => ({
|
|
19226
|
-
...step,
|
|
19227
|
-
tool_calls: step.tool_calls.map(
|
|
19228
|
-
(toolCall) => toolCall.id === event.toolCallId ? { ...toolCall, status: "complete" } : toolCall
|
|
19229
|
-
)
|
|
19230
|
-
})
|
|
19231
|
-
)
|
|
19232
|
-
}));
|
|
19233
|
-
},
|
|
19234
|
-
onRunStartedEvent: () => {
|
|
19235
|
-
setExecutionState(initialState2);
|
|
19236
|
-
},
|
|
19237
|
-
onRunFinishedEvent: () => {
|
|
19238
|
-
setExecutionState((prev) => ({
|
|
19239
|
-
planning: false,
|
|
19240
|
-
steps: updateSteps(
|
|
19241
|
-
prev.steps,
|
|
19242
|
-
(step) => step.status === "active",
|
|
19243
|
-
(step) => ({ ...step, status: "completed" })
|
|
19244
|
-
)
|
|
19245
|
-
}));
|
|
19246
|
-
}
|
|
19247
|
-
};
|
|
19248
|
-
const subscription = agent.subscribe(subscriber);
|
|
19249
|
-
return () => {
|
|
19250
|
-
subscription.unsubscribe();
|
|
19251
|
-
};
|
|
19252
|
-
}, [agent]);
|
|
19253
|
-
return executionState;
|
|
19254
|
-
}
|
|
19255
|
-
|
|
19256
|
-
// src/components/WfoAgent/ExportButton/ExportButton.tsx
|
|
19257
|
-
import { useTranslations as useTranslations96 } from "next-intl";
|
|
19258
|
-
import { EuiIcon as EuiIcon8, EuiLoadingSpinner as EuiLoadingSpinner7 } from "@elastic/eui";
|
|
19259
|
-
|
|
19260
|
-
// src/rtk/endpoints/agentExport.ts
|
|
19261
|
-
var agentExportApi = orchestratorApi.injectEndpoints({
|
|
19262
|
-
endpoints: (builder) => ({
|
|
19263
|
-
getAgentExport: builder.query({
|
|
19264
|
-
query: (downloadUrl) => ({
|
|
19265
|
-
url: downloadUrl,
|
|
19266
|
-
method: "GET"
|
|
19267
|
-
}),
|
|
19268
|
-
extraOptions: {
|
|
19269
|
-
baseQueryType: "fetch" /* fetch */
|
|
19270
|
-
}
|
|
19271
|
-
})
|
|
19272
|
-
})
|
|
19273
|
-
});
|
|
19274
|
-
var { useLazyGetAgentExportQuery } = agentExportApi;
|
|
19275
|
-
|
|
19276
|
-
// src/components/WfoAgent/ExportButton/styles.ts
|
|
19277
|
-
import { css as css45 } from "@emotion/react";
|
|
19278
|
-
var getExportButtonStyles = ({ theme }) => {
|
|
19279
|
-
const containerStyle2 = css45({
|
|
19280
|
-
marginTop: theme.size.xl,
|
|
19281
|
-
marginBottom: theme.size.xl,
|
|
19282
|
-
width: "50%"
|
|
19283
|
-
});
|
|
19284
|
-
const buttonWrapperStyle = css45({
|
|
19285
|
-
backgroundColor: theme.colors.backgroundBaseNeutral,
|
|
19286
|
-
padding: `${theme.size.xl} ${theme.size.xl}`,
|
|
19287
|
-
border: `${theme.border.width.thin} solid transparent`,
|
|
19288
|
-
display: "flex",
|
|
19289
|
-
flexDirection: "column",
|
|
19290
|
-
gap: theme.size.l
|
|
19291
|
-
});
|
|
19292
|
-
const titleStyle = css45({
|
|
19293
|
-
fontSize: theme.size.m,
|
|
19294
|
-
fontWeight: theme.font.weight.semiBold,
|
|
19295
|
-
color: theme.colors.textParagraph
|
|
19296
|
-
});
|
|
19297
|
-
const fileRowStyle = css45({
|
|
19298
|
-
display: "flex",
|
|
19299
|
-
alignItems: "center",
|
|
19300
|
-
justifyContent: "space-between",
|
|
19301
|
-
gap: theme.size.m,
|
|
19302
|
-
border: `${theme.border.width.thin} solid ${theme.colors.borderBaseSubdued}`,
|
|
19303
|
-
borderRadius: theme.border.radius.medium,
|
|
19304
|
-
padding: `${theme.size.m} ${theme.size.l}`,
|
|
19305
|
-
backgroundColor: theme.colors.backgroundBaseNeutral,
|
|
19306
|
-
cursor: "pointer"
|
|
19307
|
-
});
|
|
19308
|
-
const fileInfoStyle = css45({
|
|
19309
|
-
display: "flex",
|
|
19310
|
-
alignItems: "center",
|
|
19311
|
-
gap: theme.size.m,
|
|
19312
|
-
flex: 1,
|
|
19313
|
-
color: theme.colors.textParagraph
|
|
19314
|
-
});
|
|
19315
|
-
const filenameStyle = css45({
|
|
19316
|
-
fontSize: theme.size.m,
|
|
19317
|
-
fontWeight: theme.font.weight.medium,
|
|
19318
|
-
color: theme.colors.textParagraph
|
|
19319
|
-
});
|
|
19320
|
-
const downloadButtonStyle = css45({
|
|
19321
|
-
display: "flex",
|
|
19322
|
-
alignItems: "center",
|
|
19323
|
-
justifyContent: "center",
|
|
19324
|
-
color: theme.colors.textParagraph
|
|
19325
|
-
});
|
|
19326
|
-
return {
|
|
19327
|
-
containerStyle: containerStyle2,
|
|
19328
|
-
buttonWrapperStyle,
|
|
19329
|
-
titleStyle,
|
|
19330
|
-
fileRowStyle,
|
|
19331
|
-
fileInfoStyle,
|
|
19332
|
-
filenameStyle,
|
|
19333
|
-
downloadButtonStyle
|
|
19334
|
-
};
|
|
19335
|
-
};
|
|
19336
|
-
|
|
19337
|
-
// src/components/WfoAgent/ExportButton/ExportButton.tsx
|
|
19338
|
-
import { jsx as jsx272, jsxs as jsxs143 } from "@emotion/react/jsx-runtime";
|
|
19339
|
-
function ExportButton({ artifact }) {
|
|
19340
|
-
const { showToastMessage } = useShowToastMessage();
|
|
19341
|
-
const tError = useTranslations96("errors");
|
|
19342
|
-
const [triggerExport, { isFetching }] = useLazyGetAgentExportQuery();
|
|
19343
|
-
const {
|
|
19344
|
-
containerStyle: containerStyle2,
|
|
19345
|
-
buttonWrapperStyle,
|
|
19346
|
-
titleStyle,
|
|
19347
|
-
fileRowStyle,
|
|
19348
|
-
fileInfoStyle,
|
|
19349
|
-
filenameStyle,
|
|
19350
|
-
downloadButtonStyle
|
|
19351
|
-
} = useWithOrchestratorTheme(getExportButtonStyles);
|
|
19352
|
-
const filename = getCsvFileNameWithDate("export");
|
|
19353
|
-
const onDownloadClick = async () => {
|
|
19354
|
-
const data = await triggerExport(artifact.download_url).unwrap();
|
|
19355
|
-
const keyOrder = data.page.length > 0 ? Object.keys(data.page[0]) : [];
|
|
19356
|
-
const handleExport = csvDownloadHandler(
|
|
19357
|
-
async () => data,
|
|
19358
|
-
(data2) => data2.page,
|
|
19359
|
-
(data2) => data2.pageInfo ?? {
|
|
19360
|
-
totalItems: data2.page.length,
|
|
19361
|
-
startCursor: 0,
|
|
19362
|
-
endCursor: data2.page.length - 1,
|
|
19363
|
-
hasNextPage: false,
|
|
19364
|
-
hasPreviousPage: false,
|
|
19365
|
-
sortFields: [],
|
|
19366
|
-
filterFields: []
|
|
19367
|
-
},
|
|
19368
|
-
keyOrder,
|
|
19369
|
-
filename,
|
|
19370
|
-
showToastMessage,
|
|
19371
|
-
tError
|
|
19372
|
-
);
|
|
19373
|
-
await handleExport();
|
|
19374
|
-
};
|
|
19375
|
-
return /* @__PURE__ */ jsx272("div", { css: containerStyle2, children: /* @__PURE__ */ jsxs143("div", { css: buttonWrapperStyle, children: [
|
|
19376
|
-
artifact.description && /* @__PURE__ */ jsx272("div", { css: titleStyle, children: artifact.description }),
|
|
19377
|
-
/* @__PURE__ */ jsxs143("div", { css: fileRowStyle, onClick: onDownloadClick, children: [
|
|
19378
|
-
/* @__PURE__ */ jsxs143("div", { css: fileInfoStyle, children: [
|
|
19379
|
-
/* @__PURE__ */ jsx272(EuiIcon8, { type: "document", size: "m" }),
|
|
19380
|
-
/* @__PURE__ */ jsx272("span", { css: filenameStyle, children: filename })
|
|
19381
|
-
] }),
|
|
19382
|
-
/* @__PURE__ */ jsx272("div", { css: downloadButtonStyle, children: isFetching ? /* @__PURE__ */ jsx272(EuiLoadingSpinner7, { size: "m" }) : /* @__PURE__ */ jsx272(EuiIcon8, { type: "download", size: "m" }) })
|
|
19383
|
-
] })
|
|
19384
|
-
] }) });
|
|
19385
|
-
}
|
|
19386
|
-
|
|
19387
|
-
// src/components/WfoAgent/WfoPlanProgress/WfoPlanProgress.tsx
|
|
19388
|
-
import { useState as useState56 } from "react";
|
|
19389
|
-
import { useTranslations as useTranslations97 } from "next-intl";
|
|
19390
|
-
import { EuiLoadingSpinner as EuiLoadingSpinner8, EuiPanel as EuiPanel22, EuiText as EuiText42 } from "@elastic/eui";
|
|
19391
|
-
|
|
19392
|
-
// src/components/WfoAgent/WfoPlanProgress/styles.ts
|
|
19393
|
-
import { css as css46 } from "@emotion/react";
|
|
19394
|
-
var getWfoPlanProgressStyles = ({ theme }) => {
|
|
19395
|
-
const iconSize = 14;
|
|
19396
|
-
const containerStyle2 = css46({
|
|
19397
|
-
maxWidth: "50%",
|
|
19398
|
-
marginRight: "auto",
|
|
19399
|
-
marginBottom: theme.size.s,
|
|
19400
|
-
fontSize: theme.size.m
|
|
19401
|
-
});
|
|
19402
|
-
const headerStyle = css46({
|
|
19403
|
-
display: "flex",
|
|
19404
|
-
alignItems: "center",
|
|
19405
|
-
gap: theme.size.s,
|
|
19406
|
-
paddingBottom: theme.size.s,
|
|
19407
|
-
marginBottom: theme.size.xs,
|
|
19408
|
-
borderBottom: `${theme.border.width.thin} solid ${theme.colors.borderBaseSubdued}`,
|
|
19409
|
-
fontWeight: theme.font.weight.semiBold
|
|
19410
|
-
});
|
|
19411
|
-
const rowStyle = css46({
|
|
19412
|
-
display: "flex",
|
|
19413
|
-
alignItems: "center",
|
|
19414
|
-
gap: theme.size.s,
|
|
19415
|
-
padding: `${theme.size.xxs} 0`
|
|
19416
|
-
});
|
|
19417
|
-
const reasoningStyle = css46({
|
|
19418
|
-
marginLeft: `calc(${iconSize}px + ${theme.size.s})`
|
|
19419
|
-
});
|
|
19420
|
-
const toolCallsToggleStyle = css46({
|
|
19421
|
-
display: "inline-flex",
|
|
19422
|
-
alignItems: "center",
|
|
19423
|
-
gap: theme.size.xxs,
|
|
19424
|
-
cursor: "pointer",
|
|
19425
|
-
fontSize: theme.size.s,
|
|
19426
|
-
color: theme.colors.textSubdued,
|
|
19427
|
-
marginLeft: "auto",
|
|
19428
|
-
"&:hover": {
|
|
19429
|
-
color: theme.colors.textParagraph
|
|
19430
|
-
}
|
|
19431
|
-
});
|
|
19432
|
-
const toolCallsListStyle = css46({
|
|
19433
|
-
paddingLeft: `calc(${iconSize}px + ${theme.size.s})`
|
|
19434
|
-
});
|
|
19435
|
-
return {
|
|
19436
|
-
containerStyle: containerStyle2,
|
|
19437
|
-
headerStyle,
|
|
19438
|
-
rowStyle,
|
|
19439
|
-
reasoningStyle,
|
|
19440
|
-
toolCallsToggleStyle,
|
|
19441
|
-
toolCallsListStyle,
|
|
19442
|
-
iconSize
|
|
19443
|
-
};
|
|
19444
|
-
};
|
|
19445
|
-
|
|
19446
|
-
// src/components/WfoAgent/WfoPlanProgress/WfoPlanProgress.tsx
|
|
19447
|
-
import { jsx as jsx273, jsxs as jsxs144 } from "@emotion/react/jsx-runtime";
|
|
19448
|
-
var WfoPlanProgress = ({ executionState }) => {
|
|
19449
|
-
const [expandedSteps, setExpandedSteps] = useState56(/* @__PURE__ */ new Set());
|
|
19450
|
-
const t = useTranslations97("agent.page.planProgress");
|
|
19451
|
-
const { theme } = useOrchestratorTheme();
|
|
19452
|
-
const { containerStyle: containerStyle2, headerStyle, rowStyle, reasoningStyle, toolCallsToggleStyle, toolCallsListStyle, iconSize } = useWithOrchestratorTheme(getWfoPlanProgressStyles);
|
|
19453
|
-
if (!executionState.planning && executionState.steps.length === 0) {
|
|
19454
|
-
return null;
|
|
19455
|
-
}
|
|
19456
|
-
const toggleStep = (stepName) => {
|
|
19457
|
-
setExpandedSteps((prev) => {
|
|
19458
|
-
const next = new Set(prev);
|
|
19459
|
-
if (next.has(stepName)) {
|
|
19460
|
-
next.delete(stepName);
|
|
19461
|
-
} else {
|
|
19462
|
-
next.add(stepName);
|
|
19463
|
-
}
|
|
19464
|
-
return next;
|
|
19465
|
-
});
|
|
19466
|
-
};
|
|
19467
|
-
const completedCount = executionState.steps.filter((s) => s.status === "completed").length;
|
|
19468
|
-
const totalCount = executionState.steps.length;
|
|
19469
|
-
const allDone = totalCount > 0 && completedCount === totalCount;
|
|
19470
|
-
const headerLabel = executionState.planning ? t("planning") : allDone ? t("completed") : t("executing", { completed: completedCount, total: totalCount });
|
|
19471
|
-
const StatusIcon = ({ status }) => {
|
|
19472
|
-
if (status === "completed")
|
|
19473
|
-
return /* @__PURE__ */ jsx273(WfoCheckmarkCircleFill, { color: theme.colors.success, width: iconSize, height: iconSize });
|
|
19474
|
-
if (status === "pending")
|
|
19475
|
-
return /* @__PURE__ */ jsx273(WfoMinusCircleOutline, { color: theme.colors.textSubdued, width: iconSize, height: iconSize });
|
|
19476
|
-
return /* @__PURE__ */ jsx273(EuiLoadingSpinner8, { size: "s" });
|
|
19477
|
-
};
|
|
19478
|
-
return /* @__PURE__ */ jsxs144(EuiPanel22, { hasBorder: true, paddingSize: "s", css: containerStyle2, children: [
|
|
19479
|
-
/* @__PURE__ */ jsxs144("div", { css: headerStyle, children: [
|
|
19480
|
-
allDone ? /* @__PURE__ */ jsx273(WfoCheckmarkCircleFill, { color: theme.colors.success, width: iconSize, height: iconSize }) : /* @__PURE__ */ jsx273(EuiLoadingSpinner8, { size: "s" }),
|
|
19481
|
-
/* @__PURE__ */ jsx273("span", { children: headerLabel })
|
|
19482
|
-
] }),
|
|
19483
|
-
executionState.steps.map((step) => {
|
|
19484
|
-
const isExpanded = expandedSteps.has(step.step_name);
|
|
19485
|
-
const hasToolCalls = step.tool_calls.length > 0;
|
|
19486
|
-
return /* @__PURE__ */ jsxs144("div", { children: [
|
|
19487
|
-
/* @__PURE__ */ jsxs144("div", { css: rowStyle, children: [
|
|
19488
|
-
/* @__PURE__ */ jsx273(StatusIcon, { status: step.status }),
|
|
19489
|
-
/* @__PURE__ */ jsx273(EuiText42, { size: "s", color: step.status === "pending" ? "subdued" : void 0, children: step.step_name }),
|
|
19490
|
-
hasToolCalls && /* @__PURE__ */ jsxs144("span", { css: toolCallsToggleStyle, onClick: () => toggleStep(step.step_name), children: [
|
|
19491
|
-
step.tool_calls.length,
|
|
19492
|
-
isExpanded ? /* @__PURE__ */ jsx273(WfoChevronUp, { width: iconSize, height: iconSize }) : /* @__PURE__ */ jsx273(WfoChevronDown, { width: iconSize, height: iconSize })
|
|
19493
|
-
] })
|
|
19494
|
-
] }),
|
|
19495
|
-
step.reasoning && /* @__PURE__ */ jsx273(EuiText42, { size: "xs", color: "subdued", css: reasoningStyle, children: step.reasoning }),
|
|
19496
|
-
isExpanded && hasToolCalls && /* @__PURE__ */ jsx273("div", { css: toolCallsListStyle, children: step.tool_calls.map((tc) => /* @__PURE__ */ jsxs144(EuiText42, { size: "xs", css: rowStyle, children: [
|
|
19497
|
-
/* @__PURE__ */ jsx273(StatusIcon, { status: tc.status === "complete" ? "completed" : "active" }),
|
|
19498
|
-
/* @__PURE__ */ jsx273("span", { children: tc.name })
|
|
19499
|
-
] }, tc.id)) })
|
|
19500
|
-
] }, step.step_name);
|
|
19501
|
-
})
|
|
19502
|
-
] });
|
|
19503
|
-
};
|
|
19504
|
-
|
|
19505
|
-
// src/components/WfoAgent/WfoQueryArtifact/WfoQueryArtifact.tsx
|
|
19506
|
-
import { useTranslations as useTranslations99 } from "next-intl";
|
|
19507
|
-
import { EuiText as EuiText44 } from "@elastic/eui";
|
|
19508
|
-
|
|
19509
|
-
// src/components/WfoAgent/WfoAgentVisualization/WfoAgentVisualization.tsx
|
|
19510
|
-
import { useTranslations as useTranslations98 } from "next-intl";
|
|
19511
|
-
import { EuiText as EuiText43 } from "@elastic/eui";
|
|
19512
|
-
|
|
19513
|
-
// src/components/WfoAgent/WfoAgentChart/WfoAgentLineChart.tsx
|
|
19514
|
-
import { Axis, Chart, DARK_THEME, LIGHT_THEME, LineSeries, Position, Settings } from "@elastic/charts";
|
|
19515
|
-
import "@elastic/charts/dist/theme_only_dark.css";
|
|
19516
|
-
import "@elastic/charts/dist/theme_only_light.css";
|
|
19517
|
-
import { jsx as jsx274, jsxs as jsxs145 } from "@emotion/react/jsx-runtime";
|
|
19518
|
-
function WfoAgentLineChart({ aggregationData }) {
|
|
19519
|
-
const { results } = aggregationData;
|
|
19520
|
-
const { isDarkModeActive, multiplyByBaseUnit } = useOrchestratorTheme();
|
|
19521
|
-
const chartBaseTheme = isDarkModeActive ? DARK_THEME : LIGHT_THEME;
|
|
19522
|
-
const firstResult = results[0];
|
|
19523
|
-
const groupKeys = Object.keys(firstResult.group_values);
|
|
19524
|
-
const aggKeys = Object.keys(firstResult.aggregations);
|
|
19525
|
-
const xKey = groupKeys[0];
|
|
19526
|
-
const chartData = results.map((result, index) => ({
|
|
19527
|
-
x: index,
|
|
19528
|
-
xLabel: result.group_values[xKey],
|
|
19529
|
-
...result.aggregations
|
|
19530
|
-
}));
|
|
19531
|
-
return /* @__PURE__ */ jsxs145(Chart, { size: { height: multiplyByBaseUnit(30) }, children: [
|
|
19532
|
-
/* @__PURE__ */ jsx274(Settings, { showLegend: true, baseTheme: chartBaseTheme }),
|
|
19533
|
-
/* @__PURE__ */ jsx274(
|
|
19534
|
-
Axis,
|
|
19535
|
-
{
|
|
19536
|
-
id: "bottom",
|
|
19537
|
-
position: Position.Bottom,
|
|
19538
|
-
title: xKey.replace(/_/g, " "),
|
|
19539
|
-
tickFormat: (d) => chartData[d]?.xLabel?.split(" ")[0] || d
|
|
19540
|
-
}
|
|
19541
|
-
),
|
|
19542
|
-
/* @__PURE__ */ jsx274(Axis, { id: "left", position: Position.Left, title: "Count" }),
|
|
19543
|
-
aggKeys.map((aggKey) => /* @__PURE__ */ jsx274(
|
|
19544
|
-
LineSeries,
|
|
19545
|
-
{
|
|
19546
|
-
id: aggKey,
|
|
19547
|
-
name: aggKey.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase()),
|
|
19548
|
-
data: chartData,
|
|
19549
|
-
xAccessor: "x",
|
|
19550
|
-
yAccessors: [aggKey]
|
|
19551
|
-
},
|
|
19552
|
-
aggKey
|
|
19553
|
-
))
|
|
19554
|
-
] });
|
|
19555
|
-
}
|
|
19556
|
-
|
|
19557
|
-
// src/components/WfoAgent/WfoAgentChart/WfoAgentPieChart.tsx
|
|
19558
|
-
import { Chart as Chart2, DARK_THEME as DARK_THEME2, LIGHT_THEME as LIGHT_THEME2, Partition, PartitionLayout, Position as Position2, Settings as Settings2 } from "@elastic/charts";
|
|
19559
|
-
import "@elastic/charts/dist/theme_only_dark.css";
|
|
19560
|
-
import "@elastic/charts/dist/theme_only_light.css";
|
|
19561
|
-
|
|
19562
|
-
// src/components/WfoAgent/WfoAgentChart/styles.ts
|
|
19563
|
-
import { css as css47 } from "@emotion/react";
|
|
19564
|
-
var containerStyle = css47({
|
|
19565
|
-
maxWidth: "50%",
|
|
19566
|
-
marginRight: "auto"
|
|
19567
|
-
});
|
|
19568
|
-
|
|
19569
|
-
// src/components/WfoAgent/WfoAgentChart/WfoAgentPieChart.tsx
|
|
19570
|
-
import { jsx as jsx275, jsxs as jsxs146 } from "@emotion/react/jsx-runtime";
|
|
19571
|
-
function WfoAgentPieChart({ aggregationData }) {
|
|
19572
|
-
const { results } = aggregationData;
|
|
19573
|
-
const { isDarkModeActive, multiplyByBaseUnit } = useOrchestratorTheme();
|
|
19574
|
-
const chartBaseTheme = isDarkModeActive ? DARK_THEME2 : LIGHT_THEME2;
|
|
19575
|
-
const firstResult = results[0];
|
|
19576
|
-
const groupKeys = Object.keys(firstResult.group_values);
|
|
19577
|
-
const aggKeys = Object.keys(firstResult.aggregations);
|
|
19578
|
-
const groupKey = groupKeys[0];
|
|
19579
|
-
const aggKey = aggKeys[0];
|
|
19580
|
-
const pieData = results.map((result) => ({
|
|
19581
|
-
label: result.group_values[groupKey],
|
|
19582
|
-
value: result.aggregations[aggKey]
|
|
19583
|
-
}));
|
|
19584
|
-
return /* @__PURE__ */ jsx275("div", { css: containerStyle, children: /* @__PURE__ */ jsxs146(Chart2, { size: { height: multiplyByBaseUnit(25) }, children: [
|
|
19585
|
-
/* @__PURE__ */ jsx275(Settings2, { showLegend: true, legendPosition: Position2.Right, baseTheme: chartBaseTheme }),
|
|
19586
|
-
/* @__PURE__ */ jsx275(
|
|
19587
|
-
Partition,
|
|
19588
|
-
{
|
|
19589
|
-
id: "pieByPR",
|
|
19590
|
-
data: pieData,
|
|
19591
|
-
layout: PartitionLayout.sunburst,
|
|
19592
|
-
valueAccessor: (d) => d.value,
|
|
19593
|
-
layers: [
|
|
19594
|
-
{
|
|
19595
|
-
groupByRollup: (d) => d.label,
|
|
19596
|
-
shape: {
|
|
19597
|
-
fillColor: (_6, sortIndex) => chartBaseTheme.colors.vizColors[sortIndex]
|
|
19598
|
-
}
|
|
19599
|
-
}
|
|
19600
|
-
],
|
|
19601
|
-
clockwiseSectors: false
|
|
19602
|
-
}
|
|
19603
|
-
)
|
|
19604
|
-
] }) });
|
|
19605
|
-
}
|
|
19606
|
-
|
|
19607
|
-
// src/components/WfoAgent/WfoAgentTable/WfoAgentTable.tsx
|
|
19608
|
-
import React84 from "react";
|
|
19609
|
-
import { EuiBasicTable } from "@elastic/eui";
|
|
19610
|
-
import { jsx as jsx276 } from "@emotion/react/jsx-runtime";
|
|
19611
|
-
var formatColumnName = (key) => key.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
|
|
19612
|
-
function WfoAgentTable({ aggregationData }) {
|
|
19613
|
-
const { results } = aggregationData;
|
|
19614
|
-
const [pageIndex, setPageIndex] = React84.useState(0);
|
|
19615
|
-
const [pageSize, setPageSize] = React84.useState(5);
|
|
19616
|
-
const columns = React84.useMemo(() => {
|
|
19617
|
-
if (results.length === 0) return [];
|
|
19618
|
-
const firstResult = results[0];
|
|
19619
|
-
const groupKeys = Object.keys(firstResult.group_values);
|
|
19620
|
-
const aggKeys = Object.keys(firstResult.aggregations);
|
|
19621
|
-
const groupColumns = groupKeys.map((key) => ({
|
|
19622
|
-
field: "group_values",
|
|
19623
|
-
name: formatColumnName(key),
|
|
19624
|
-
render: (_6, record) => record.group_values[key]
|
|
19625
|
-
}));
|
|
19626
|
-
const aggColumns = aggKeys.map((key) => ({
|
|
19627
|
-
field: "aggregations",
|
|
19628
|
-
name: formatColumnName(key),
|
|
19629
|
-
render: (_6, record) => record.aggregations[key]
|
|
19630
|
-
}));
|
|
19631
|
-
return [...groupColumns, ...aggColumns];
|
|
19632
|
-
}, [results]);
|
|
19633
|
-
const startIndex = pageIndex * pageSize;
|
|
19634
|
-
const paginatedItems = results.slice(startIndex, startIndex + pageSize);
|
|
19635
|
-
const pagination = {
|
|
19636
|
-
pageIndex,
|
|
19637
|
-
pageSize,
|
|
19638
|
-
totalItemCount: results.length,
|
|
19639
|
-
pageSizeOptions: [5, 10, 25, 50]
|
|
19640
|
-
};
|
|
19641
|
-
const onTableChange = ({ page }) => {
|
|
19642
|
-
if (page) {
|
|
19643
|
-
setPageIndex(page.index);
|
|
19644
|
-
setPageSize(page.size);
|
|
19645
|
-
}
|
|
19646
|
-
};
|
|
19647
|
-
return /* @__PURE__ */ jsx276(
|
|
19648
|
-
EuiBasicTable,
|
|
19649
|
-
{
|
|
19650
|
-
items: paginatedItems,
|
|
19651
|
-
columns,
|
|
19652
|
-
tableLayout: "auto",
|
|
19653
|
-
pagination,
|
|
19654
|
-
onChange: onTableChange
|
|
19655
|
-
}
|
|
19656
|
-
);
|
|
19657
|
-
}
|
|
19658
|
-
|
|
19659
|
-
// src/components/WfoAgent/WfoAgentVisualization/WfoAgentVisualization.tsx
|
|
19660
|
-
import { jsx as jsx277 } from "@emotion/react/jsx-runtime";
|
|
19661
|
-
function WfoAgentVisualization({ aggregationData }) {
|
|
19662
|
-
const { visualization_type, results } = aggregationData;
|
|
19663
|
-
const t = useTranslations98("agent.page.visualization");
|
|
19664
|
-
if (!results || results.length === 0) {
|
|
19665
|
-
return /* @__PURE__ */ jsx277(EuiText43, { size: "s", children: /* @__PURE__ */ jsx277("p", { children: t("noDataAvailable") }) });
|
|
19666
|
-
}
|
|
19667
|
-
const visualizationType = visualization_type?.type;
|
|
19668
|
-
if (visualizationType === "pie" /* PIE */ || visualizationType === "line" /* LINE */) {
|
|
19669
|
-
const firstResult = results[0];
|
|
19670
|
-
const groupKeys = Object.keys(firstResult.group_values);
|
|
19671
|
-
const aggKeys = Object.keys(firstResult.aggregations);
|
|
19672
|
-
if (groupKeys.length === 0 || aggKeys.length === 0) {
|
|
19673
|
-
return /* @__PURE__ */ jsx277(EuiText43, { size: "s", children: /* @__PURE__ */ jsx277("p", { children: t("invalidDataStructure") }) });
|
|
19674
|
-
}
|
|
19675
|
-
}
|
|
19676
|
-
switch (visualizationType) {
|
|
19677
|
-
case "pie" /* PIE */:
|
|
19678
|
-
return /* @__PURE__ */ jsx277(WfoAgentPieChart, { aggregationData });
|
|
19679
|
-
case "line" /* LINE */:
|
|
19680
|
-
return /* @__PURE__ */ jsx277(WfoAgentLineChart, { aggregationData });
|
|
19681
|
-
case "table" /* TABLE */:
|
|
19682
|
-
default:
|
|
19683
|
-
return /* @__PURE__ */ jsx277(WfoAgentTable, { aggregationData });
|
|
19684
|
-
}
|
|
19685
|
-
}
|
|
19686
|
-
|
|
19687
|
-
// src/components/WfoAgent/WfoQueryArtifact/WfoQueryArtifact.tsx
|
|
19688
|
-
import { jsx as jsx278 } from "@emotion/react/jsx-runtime";
|
|
19689
|
-
function WfoQueryArtifact({ artifact }) {
|
|
19690
|
-
const t = useTranslations99("agent.page.visualization");
|
|
19691
|
-
const { data, isLoading, isError } = useGetAgentQueryResultsQuery(artifact.query_id);
|
|
19692
|
-
if (isLoading) {
|
|
19693
|
-
return /* @__PURE__ */ jsx278(WfoLoading, {});
|
|
19694
|
-
}
|
|
19695
|
-
if (isError || !data) {
|
|
19696
|
-
return /* @__PURE__ */ jsx278(EuiText44, { size: "s", color: "danger", children: /* @__PURE__ */ jsx278("p", { children: t("noDataAvailable") }) });
|
|
19697
|
-
}
|
|
19698
|
-
const aggregationData = {
|
|
19699
|
-
...data,
|
|
19700
|
-
visualization_type: artifact.visualization_type
|
|
19701
|
-
};
|
|
19702
|
-
return /* @__PURE__ */ jsx278(WfoAgentVisualization, { aggregationData });
|
|
19703
|
-
}
|
|
19704
|
-
|
|
19705
|
-
// src/components/WfoAgent/WfoAgent/WfoAgent.tsx
|
|
19706
|
-
import { Fragment as Fragment65, jsx as jsx279, jsxs as jsxs147 } from "@emotion/react/jsx-runtime";
|
|
19707
|
-
function WfoAgent() {
|
|
19708
|
-
const tPage = useTranslations100("agent.page");
|
|
19709
|
-
const { NAVIGATION_HEIGHT } = useWithOrchestratorTheme(getPageTemplateStyles);
|
|
19710
|
-
const agentAvailability = useAgentAvailability();
|
|
19711
|
-
const planProgress = useAgentPlanEvents();
|
|
19712
|
-
const planProgressRef = useRef12(planProgress);
|
|
19713
|
-
planProgressRef.current = planProgress;
|
|
19714
|
-
const RenderMessage = useCallback15(
|
|
19715
|
-
({
|
|
19716
|
-
message,
|
|
19717
|
-
messages,
|
|
19718
|
-
inProgress,
|
|
19719
|
-
index,
|
|
19720
|
-
isCurrentMessage,
|
|
19721
|
-
AssistantMessage,
|
|
19722
|
-
UserMessage,
|
|
19723
|
-
ImageRenderer,
|
|
19724
|
-
onRegenerate,
|
|
19725
|
-
...rest
|
|
19726
|
-
}) => {
|
|
19727
|
-
if (message.role === "user") {
|
|
19728
|
-
return UserMessage ? /* @__PURE__ */ jsx279(UserMessage, { rawData: message, message, ImageRenderer }, index) : null;
|
|
19729
|
-
}
|
|
19730
|
-
if (message.role === "assistant") {
|
|
19731
|
-
const progress = planProgressRef.current;
|
|
19732
|
-
const lastUserIndex = [...messages].reverse().findIndex((msg) => msg.role === "user");
|
|
19733
|
-
const firstAssistantAfterUser = lastUserIndex >= 0 ? messages.length - lastUserIndex : -1;
|
|
19734
|
-
const showPlanProgress = index === firstAssistantAfterUser && (progress.planning || progress.steps.length > 0);
|
|
19735
|
-
return /* @__PURE__ */ jsxs147(Fragment65, { children: [
|
|
19736
|
-
showPlanProgress && /* @__PURE__ */ jsx279(WfoPlanProgress, { executionState: progress }),
|
|
19737
|
-
AssistantMessage && /* @__PURE__ */ jsx279(
|
|
19738
|
-
AssistantMessage,
|
|
19739
|
-
{
|
|
19740
|
-
subComponent: message.generativeUI?.(),
|
|
19741
|
-
rawData: message,
|
|
19742
|
-
message,
|
|
19743
|
-
messages,
|
|
19744
|
-
isLoading: inProgress && isCurrentMessage && !message.content,
|
|
19745
|
-
isGenerating: inProgress && isCurrentMessage && !!message.content,
|
|
19746
|
-
isCurrentMessage,
|
|
19747
|
-
onRegenerate: () => onRegenerate?.(message.id),
|
|
19748
|
-
feedback: rest.messageFeedback?.[message.id] || null,
|
|
19749
|
-
ImageRenderer,
|
|
19750
|
-
...rest
|
|
19751
|
-
},
|
|
19752
|
-
index
|
|
19753
|
-
)
|
|
19754
|
-
] });
|
|
19755
|
-
}
|
|
19756
|
-
return null;
|
|
19757
|
-
},
|
|
19758
|
-
[]
|
|
19759
|
-
);
|
|
19760
|
-
const renderQueryResult = ({ result }) => {
|
|
19761
|
-
if (!result) {
|
|
19762
|
-
return /* @__PURE__ */ jsx279(Fragment65, {});
|
|
19763
|
-
}
|
|
19764
|
-
return /* @__PURE__ */ jsx279(WfoQueryArtifact, { artifact: result });
|
|
19765
|
-
};
|
|
19766
|
-
useRenderToolCall({ name: "run_search", render: renderQueryResult });
|
|
19767
|
-
useRenderToolCall({ name: "run_aggregation", render: renderQueryResult });
|
|
19768
|
-
useRenderToolCall({
|
|
19769
|
-
name: "prepare_export",
|
|
19770
|
-
render: ({ result }) => {
|
|
19771
|
-
if (!result) {
|
|
19772
|
-
return /* @__PURE__ */ jsx279(Fragment65, {});
|
|
19773
|
-
}
|
|
19774
|
-
return /* @__PURE__ */ jsx279(ExportButton, { artifact: result });
|
|
19775
|
-
}
|
|
19776
|
-
});
|
|
19777
|
-
return /* @__PURE__ */ jsx279(WfoAvailabilityCheck, { featureType: "agent", availability: agentAvailability, children: /* @__PURE__ */ jsxs147("div", { style: { height: `calc(90vh - ${NAVIGATION_HEIGHT}px)` }, children: [
|
|
19778
|
-
/* @__PURE__ */ jsx279("style", { children: `
|
|
19779
|
-
.copilotKitChat {
|
|
19780
|
-
height: 100%;
|
|
19781
|
-
display: flex;
|
|
19782
|
-
flex-direction: column;
|
|
19783
|
-
}
|
|
19784
|
-
` }),
|
|
19785
|
-
/* @__PURE__ */ jsx279(
|
|
19786
|
-
CopilotChat,
|
|
19787
|
-
{
|
|
19788
|
-
RenderMessage,
|
|
19789
|
-
labels: {
|
|
19790
|
-
title: tPage("copilot.title"),
|
|
19791
|
-
initial: tPage("copilot.initial")
|
|
19792
|
-
},
|
|
19793
|
-
suggestions: [
|
|
19794
|
-
{
|
|
19795
|
-
title: tPage("suggestions.findActiveSubscriptions"),
|
|
19796
|
-
message: tPage("suggestions.findActiveSubscriptions")
|
|
19797
|
-
},
|
|
19798
|
-
{
|
|
19799
|
-
title: tPage("suggestions.showTerminatedWorkflows"),
|
|
19800
|
-
message: tPage("suggestions.showTerminatedWorkflows")
|
|
19801
|
-
},
|
|
19802
|
-
{
|
|
19803
|
-
title: tPage("suggestions.listAllSubscriptionsAndExport"),
|
|
19804
|
-
message: tPage("suggestions.listAllSubscriptionsAndExport")
|
|
19805
|
-
},
|
|
19806
|
-
{
|
|
19807
|
-
title: tPage("suggestions.showActiveSubscriptionsPerMonth"),
|
|
19808
|
-
message: tPage("suggestions.showActiveSubscriptionsPerMonth")
|
|
19809
|
-
}
|
|
19810
|
-
]
|
|
19811
|
-
}
|
|
19812
|
-
)
|
|
19813
|
-
] }) });
|
|
19814
|
-
}
|
|
19815
|
-
|
|
19816
18724
|
// src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
|
|
19817
|
-
import { useCallback as
|
|
18725
|
+
import { useCallback as useCallback15, useEffect as useEffect37, useState as useState55 } from "react";
|
|
19818
18726
|
import { EuiFlexItem as EuiFlexItem45 } from "@elastic/eui";
|
|
19819
18727
|
import Editor from "@monaco-editor/react";
|
|
19820
18728
|
|
|
19821
18729
|
// src/components/WfoMonacoCodeBlock/styles.ts
|
|
19822
|
-
import { css as
|
|
18730
|
+
import { css as css45 } from "@emotion/react";
|
|
19823
18731
|
var getStyles15 = ({ theme, isDarkModeActive }) => {
|
|
19824
|
-
const monacoEditorStyle =
|
|
18732
|
+
const monacoEditorStyle = css45({
|
|
19825
18733
|
marginTop: 10,
|
|
19826
18734
|
padding: 10,
|
|
19827
18735
|
backgroundColor: isDarkModeActive ? theme.colors.backgroundBaseNeutral : theme.colors.backgroundBaseSubdued,
|
|
@@ -19833,7 +18741,7 @@ var getStyles15 = ({ theme, isDarkModeActive }) => {
|
|
|
19833
18741
|
};
|
|
19834
18742
|
|
|
19835
18743
|
// src/components/WfoMonacoCodeBlock/WfoMonacoCodeBlock.tsx
|
|
19836
|
-
import { jsx as
|
|
18744
|
+
import { jsx as jsx272 } from "@emotion/react/jsx-runtime";
|
|
19837
18745
|
var MONACO_THEME = {
|
|
19838
18746
|
light: "vs",
|
|
19839
18747
|
dark: "hc-black"
|
|
@@ -19841,10 +18749,10 @@ var MONACO_THEME = {
|
|
|
19841
18749
|
var WfoMonacoCodeBlock = ({ data }) => {
|
|
19842
18750
|
const { theme, isDarkModeActive } = useOrchestratorTheme();
|
|
19843
18751
|
const { monacoEditorStyle } = useWithOrchestratorTheme(getStyles15);
|
|
19844
|
-
const [monacoInstance, setMonacoInstance] =
|
|
18752
|
+
const [monacoInstance, setMonacoInstance] = useState55(void 0);
|
|
19845
18753
|
const json = JSON.stringify(data, null, 4);
|
|
19846
|
-
const [editorHeight, setEditorHeight] =
|
|
19847
|
-
const addThemeToEditor =
|
|
18754
|
+
const [editorHeight, setEditorHeight] = useState55(0);
|
|
18755
|
+
const addThemeToEditor = useCallback15(
|
|
19848
18756
|
(monaco) => {
|
|
19849
18757
|
monaco.editor.defineTheme("wfoTheme", {
|
|
19850
18758
|
base: isDarkModeActive ? MONACO_THEME.dark : MONACO_THEME.light,
|
|
@@ -19858,7 +18766,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
|
|
|
19858
18766
|
},
|
|
19859
18767
|
[theme, isDarkModeActive]
|
|
19860
18768
|
);
|
|
19861
|
-
|
|
18769
|
+
useEffect37(() => {
|
|
19862
18770
|
if (monacoInstance) {
|
|
19863
18771
|
addThemeToEditor(monacoInstance);
|
|
19864
18772
|
}
|
|
@@ -19868,7 +18776,7 @@ var WfoMonacoCodeBlock = ({ data }) => {
|
|
|
19868
18776
|
setEditorHeight(Math.min(scrollHeight, 500));
|
|
19869
18777
|
setMonacoInstance(monaco);
|
|
19870
18778
|
}
|
|
19871
|
-
return /* @__PURE__ */
|
|
18779
|
+
return /* @__PURE__ */ jsx272(EuiFlexItem45, { css: monacoEditorStyle, children: /* @__PURE__ */ jsx272(
|
|
19872
18780
|
Editor,
|
|
19873
18781
|
{
|
|
19874
18782
|
height: editorHeight,
|
|
@@ -19892,10 +18800,10 @@ var WfoMonacoCodeBlock = ({ data }) => {
|
|
|
19892
18800
|
};
|
|
19893
18801
|
|
|
19894
18802
|
// src/components/WfoLogoSpinner/styles.ts
|
|
19895
|
-
import { css as
|
|
18803
|
+
import { css as css46 } from "@emotion/react";
|
|
19896
18804
|
var getWfoLogoSpinnerStyles = () => {
|
|
19897
18805
|
const isDark = typeof window !== "undefined" && localStorage?.getItem("colorMode") === "DARK";
|
|
19898
|
-
const spinCenteringCss =
|
|
18806
|
+
const spinCenteringCss = css46({
|
|
19899
18807
|
width: "100vw",
|
|
19900
18808
|
height: "100vh",
|
|
19901
18809
|
display: "flex",
|
|
@@ -19903,7 +18811,7 @@ var getWfoLogoSpinnerStyles = () => {
|
|
|
19903
18811
|
justifyContent: "center",
|
|
19904
18812
|
backgroundColor: isDark ? "#101827" : "#FFFFFF"
|
|
19905
18813
|
});
|
|
19906
|
-
const spinContainerCss =
|
|
18814
|
+
const spinContainerCss = css46({
|
|
19907
18815
|
display: "flex",
|
|
19908
18816
|
alignItems: "center",
|
|
19909
18817
|
width: "80px",
|
|
@@ -19913,7 +18821,7 @@ var getWfoLogoSpinnerStyles = () => {
|
|
|
19913
18821
|
backgroundColor: "#04385F",
|
|
19914
18822
|
borderRadius: "8px"
|
|
19915
18823
|
});
|
|
19916
|
-
const spinPathCss =
|
|
18824
|
+
const spinPathCss = css46({
|
|
19917
18825
|
transformBox: "fill-box",
|
|
19918
18826
|
transformOrigin: "center",
|
|
19919
18827
|
animation: "spin 3s linear infinite",
|
|
@@ -19930,11 +18838,11 @@ var getWfoLogoSpinnerStyles = () => {
|
|
|
19930
18838
|
};
|
|
19931
18839
|
|
|
19932
18840
|
// src/components/WfoLogoSpinner/WfoLogoSpinner.tsx
|
|
19933
|
-
import { jsx as
|
|
18841
|
+
import { jsx as jsx273, jsxs as jsxs142 } from "@emotion/react/jsx-runtime";
|
|
19934
18842
|
var WfoLogoSpinner = () => {
|
|
19935
18843
|
const { spinContainerCss, spinCenteringCss, spinPathCss } = getWfoLogoSpinnerStyles();
|
|
19936
|
-
return /* @__PURE__ */
|
|
19937
|
-
/* @__PURE__ */
|
|
18844
|
+
return /* @__PURE__ */ jsx273("div", { css: spinCenteringCss, children: /* @__PURE__ */ jsx273("div", { css: spinContainerCss, children: /* @__PURE__ */ jsxs142("svg", { width: "64", height: "64", viewBox: "0 0 640 640", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
18845
|
+
/* @__PURE__ */ jsx273(
|
|
19938
18846
|
"path",
|
|
19939
18847
|
{
|
|
19940
18848
|
css: spinPathCss,
|
|
@@ -19944,7 +18852,7 @@ var WfoLogoSpinner = () => {
|
|
|
19944
18852
|
fill: "#76B5E0"
|
|
19945
18853
|
}
|
|
19946
18854
|
),
|
|
19947
|
-
/* @__PURE__ */
|
|
18855
|
+
/* @__PURE__ */ jsx273(
|
|
19948
18856
|
"path",
|
|
19949
18857
|
{
|
|
19950
18858
|
fillRule: "evenodd",
|
|
@@ -19959,7 +18867,7 @@ var WfoLogoSpinner = () => {
|
|
|
19959
18867
|
// src/components/WfoButtonWithConfirm/WfoButtonWithConfirm.tsx
|
|
19960
18868
|
import { useContext as useContext11 } from "react";
|
|
19961
18869
|
import { EuiButtonIcon as EuiButtonIcon20 } from "@elastic/eui";
|
|
19962
|
-
import { jsx as
|
|
18870
|
+
import { jsx as jsx274 } from "@emotion/react/jsx-runtime";
|
|
19963
18871
|
var WfoButtonWithConfirm = ({
|
|
19964
18872
|
question,
|
|
19965
18873
|
onConfirm,
|
|
@@ -19967,7 +18875,7 @@ var WfoButtonWithConfirm = ({
|
|
|
19967
18875
|
ariaLabel = "Confirmation button"
|
|
19968
18876
|
}) => {
|
|
19969
18877
|
const { showConfirmDialog } = useContext11(ConfirmationDialogContext);
|
|
19970
|
-
return /* @__PURE__ */
|
|
18878
|
+
return /* @__PURE__ */ jsx274(
|
|
19971
18879
|
EuiButtonIcon20,
|
|
19972
18880
|
{
|
|
19973
18881
|
iconType,
|
|
@@ -20054,7 +18962,8 @@ var en_GB_default = {
|
|
|
20054
18962
|
insyncTrue: "in-sync",
|
|
20055
18963
|
insyncFalse: "out-of-sync",
|
|
20056
18964
|
searchModalTitle: "Search string options",
|
|
20057
|
-
searchModalText: '<p>Different options are available from free text search covering all data columns, or column specific filtering. Note that: <p></p><ul><li>Hidden columns are included</li> <li>Searching is case-insensitive</li> <li>Ordering of words does not matter (unless it is a Phrase)</li> <li>TSV (text search vector) search only available for subscriptions table</li></ul></p> <p>For example:</p> <li><b>"l2vpn"</b> \u2013 free text search</li> <li><b>tag:l2vpn</b> \u2013 search in a specific column</li><li><b>tag:lp description:test</b> \u2013 search in multiple columns</li><li><b>tag:(lp|lr)</b> \u2013 multiselect within 1 column</li><li><b>-tag:lp</b> \u2013 negated filter</li><li><b>test*</b> \u2013 prefix filter</li> <p></p><p><b>Note:</b> Search words containing characters `|-*():"` may not be valid, as they are part of the search query grammar</p><p>Invalid search strings are for example:</p><ul><li>2a10:e300:fff0::/48</li> <li>"node123(planned)"</li> <li>"node123|planned"</li></ul>'
|
|
18965
|
+
searchModalText: '<p>Different options are available from free text search covering all data columns, or column specific filtering. Note that: <p></p><ul><li>Hidden columns are included</li> <li>Searching is case-insensitive</li> <li>Ordering of words does not matter (unless it is a Phrase)</li> <li>TSV (text search vector) search only available for subscriptions table</li></ul></p> <p>For example:</p> <li><b>"l2vpn"</b> \u2013 free text search</li> <li><b>tag:l2vpn</b> \u2013 search in a specific column</li><li><b>tag:lp description:test</b> \u2013 search in multiple columns</li><li><b>tag:(lp|lr)</b> \u2013 multiselect within 1 column</li><li><b>-tag:lp</b> \u2013 negated filter</li><li><b>test*</b> \u2013 prefix filter</li> <p></p><p><b>Note:</b> Search words containing characters `|-*():"` may not be valid, as they are part of the search query grammar</p><p>Invalid search strings are for example:</p><ul><li>2a10:e300:fff0::/48</li> <li>"node123(planned)"</li> <li>"node123|planned"</li></ul>',
|
|
18966
|
+
showAllColumnsInDetailView: "Show all columns in detail view"
|
|
20058
18967
|
},
|
|
20059
18968
|
confirmationDialog: {
|
|
20060
18969
|
title: "Please confirm",
|
|
@@ -20517,68 +19426,6 @@ var en_GB_default = {
|
|
|
20517
19426
|
logout: "Logout",
|
|
20518
19427
|
aoStatusPage: "A&O application status page"
|
|
20519
19428
|
},
|
|
20520
|
-
agent: {
|
|
20521
|
-
title: "Wfo Agent",
|
|
20522
|
-
availability: {
|
|
20523
|
-
unavailable: {
|
|
20524
|
-
title: "Agent Service Not Available",
|
|
20525
|
-
instructions: {
|
|
20526
|
-
setAgentEnvironment: {
|
|
20527
|
-
before: "Set ",
|
|
20528
|
-
after: " in your service environment variables"
|
|
20529
|
-
},
|
|
20530
|
-
setSearchEnvironment: {
|
|
20531
|
-
before: "Set ",
|
|
20532
|
-
after: " (agent functionality requires search)"
|
|
20533
|
-
},
|
|
20534
|
-
checkVersion: "Ensure your orchestrator-core version supports agent functionality",
|
|
20535
|
-
configureOpenAI: "Configure your OpenAI API key if using OpenAI models",
|
|
20536
|
-
restartService: "Restart your service",
|
|
20537
|
-
checkDockerConfig: "If using Docker, make sure the environment variables are set in docker-compose.yml"
|
|
20538
|
-
},
|
|
20539
|
-
documentation: "Please refer to the orchestrator documentation for detailed setup instructions.",
|
|
20540
|
-
retryButton: "Retry Connection"
|
|
20541
|
-
}
|
|
20542
|
-
},
|
|
20543
|
-
page: {
|
|
20544
|
-
filledParameters: "Filled parameters",
|
|
20545
|
-
emptyGroup: "Empty group",
|
|
20546
|
-
searchQuery: "Search query",
|
|
20547
|
-
activeFilters: "Active filters",
|
|
20548
|
-
noFiltersApplied: "No filters applied",
|
|
20549
|
-
entityType: "Entity type",
|
|
20550
|
-
action: "Action",
|
|
20551
|
-
copilot: {
|
|
20552
|
-
title: "Database assistant",
|
|
20553
|
-
initial: "What can I help you with?"
|
|
20554
|
-
},
|
|
20555
|
-
suggestions: {
|
|
20556
|
-
findActiveSubscriptions: "Find active subscriptions",
|
|
20557
|
-
showTerminatedWorkflows: "Show terminated workflows",
|
|
20558
|
-
listAllSubscriptionsAndExport: "List all subscriptions and export them",
|
|
20559
|
-
showActiveSubscriptionsPerMonth: "Show the number of active subscriptions per month"
|
|
20560
|
-
},
|
|
20561
|
-
tools: {
|
|
20562
|
-
set_filter_tree: "I'm setting up filters",
|
|
20563
|
-
start_new_search: "I'm starting a new search",
|
|
20564
|
-
run_search: "I'm executing a search",
|
|
20565
|
-
discover_filter_paths: "I'm discovering available filters",
|
|
20566
|
-
run_aggregation: "I'm running aggregations",
|
|
20567
|
-
prepare_export: "I'm preparing the export",
|
|
20568
|
-
get_valid_operators: "I'm getting valid operators",
|
|
20569
|
-
set_temporal_grouping: "I'm setting temporal grouping"
|
|
20570
|
-
},
|
|
20571
|
-
planProgress: {
|
|
20572
|
-
planning: "Planning...",
|
|
20573
|
-
completed: "Plan completed",
|
|
20574
|
-
executing: "Executing plan ({completed}/{total})"
|
|
20575
|
-
},
|
|
20576
|
-
visualization: {
|
|
20577
|
-
noDataAvailable: "No data available for visualization.",
|
|
20578
|
-
invalidDataStructure: "Invalid data structure."
|
|
20579
|
-
}
|
|
20580
|
-
}
|
|
20581
|
-
},
|
|
20582
19429
|
search: {
|
|
20583
19430
|
availability: {
|
|
20584
19431
|
unavailable: {
|
|
@@ -20709,6 +19556,7 @@ var nl_NL_default = {
|
|
|
20709
19556
|
unauthorizedPage: "Niet geautoriseerd om deze pagina te bekijken",
|
|
20710
19557
|
insyncTrue: "in-sync",
|
|
20711
19558
|
insyncFalse: "out-of-sync",
|
|
19559
|
+
showAllColumnsInDetailView: "Toon alle kolommen in detailweergave",
|
|
20712
19560
|
searchModalTitle: "Zoekwoorden opties",
|
|
20713
19561
|
searchModalText: '<p>Er zijn verschillende opties beschikbaar: zoeken in vrije tekst voor alle datakolommen en specifiek per kolom te filteren. Houd er rekening mee dat: </p><p></p><ul><li>Verborgen kolommen zijn inbegrepen</li> <li>Zoeken is niet hoofdlettergevoelig</li> <li>De volgorde van woorden doet er niet toe (tenzij het een quote)</li> <li>TSV (text search vector) zoekactie alleen beschikbaar voor subscription tabel</li></ul><p>Bijvoorbeeld:</p> <li><b>"l2vpn"</b> \u2013 vrije tekst search</li> <li><b>tag:l2vpn</b> \u2013 zoeken in een specifieke kolom</li> <li><b>tag:lp beschrijving: test</b> \u2013 zoeken in meerdere kolommen</li><li><b>tag:(lp|lr)</b> \u2013 multi select binnen 1 kolom</li> <li><b>-tag:lp</b> \u2013 omgekeerd filteren</li> <li><b>test*</b> \u2013 prefix filter</li> <p></p><p><b>Opmerking:</b> Zoeken op woorden die tekens `|-*():"` bevatten, zijn mogelijk niet geldig, omdat ze deel uitmaken van de grammatica van de zoekfunctie</p><p>Ongeldige zoekwoorden zijn bijvoorbeeld:</p><ul><li>2a10:e300:fff0::/48</li> <li>"node123(gepland)"</li> <li>"node123|gepland"</li></ul>'
|
|
20714
19562
|
},
|
|
@@ -21323,11 +20171,6 @@ export {
|
|
|
21323
20171
|
WfoActiveWorkflowsSummaryCard,
|
|
21324
20172
|
WfoActualWork,
|
|
21325
20173
|
WfoAdvancedTable,
|
|
21326
|
-
WfoAgent,
|
|
21327
|
-
WfoAgentLineChart,
|
|
21328
|
-
WfoAgentPieChart,
|
|
21329
|
-
WfoAgentTable,
|
|
21330
|
-
WfoAgentVisualization,
|
|
21331
20174
|
WfoArrayField,
|
|
21332
20175
|
WfoArrowDown,
|
|
21333
20176
|
WfoArrowDownSvg,
|
|
@@ -21428,7 +20271,6 @@ export {
|
|
|
21428
20271
|
WfoPencil,
|
|
21429
20272
|
WfoPencilAlt,
|
|
21430
20273
|
WfoPencilCompact,
|
|
21431
|
-
WfoPlanProgress,
|
|
21432
20274
|
WfoPlannedWork,
|
|
21433
20275
|
WfoPlayCircle,
|
|
21434
20276
|
WfoPlayFill,
|
|
@@ -21453,7 +20295,6 @@ export {
|
|
|
21453
20295
|
WfoProductsPage,
|
|
21454
20296
|
WfoProductsSummaryCard,
|
|
21455
20297
|
WfoPydanticForm,
|
|
21456
|
-
WfoQueryArtifact,
|
|
21457
20298
|
WfoQueryParams,
|
|
21458
20299
|
WfoRadio,
|
|
21459
20300
|
WfoRadioDropdown,
|
|
@@ -21467,8 +20308,6 @@ export {
|
|
|
21467
20308
|
WfoResourceTypesPage,
|
|
21468
20309
|
WfoRowContextMenu,
|
|
21469
20310
|
WfoScheduleTaskFormPage,
|
|
21470
|
-
WfoScheduleTaskFormPageBackend,
|
|
21471
|
-
WfoScheduleTaskFormPageHardCoded,
|
|
21472
20311
|
WfoScheduledTaskOnce,
|
|
21473
20312
|
WfoScheduledTaskRecurring,
|
|
21474
20313
|
WfoScheduledTaskRecurringSvg,
|
|
@@ -21730,8 +20569,6 @@ export {
|
|
|
21730
20569
|
upperCaseFirstChar,
|
|
21731
20570
|
urlPolicyMap,
|
|
21732
20571
|
useAbortProcessMutation,
|
|
21733
|
-
useAgentAvailability,
|
|
21734
|
-
useCheckAgentAvailabilityQuery,
|
|
21735
20572
|
useCheckEngineStatus,
|
|
21736
20573
|
useCheckSearchAvailabilityQuery,
|
|
21737
20574
|
useClearCacheMutation,
|
|
@@ -21740,7 +20577,6 @@ export {
|
|
|
21740
20577
|
useDataDisplayParams,
|
|
21741
20578
|
useDeleteProcessMutation,
|
|
21742
20579
|
useDeleteScheduledTaskMutation,
|
|
21743
|
-
useGetAgentQueryResultsQuery,
|
|
21744
20580
|
useGetCacheNamesQuery,
|
|
21745
20581
|
useGetCustomerQuery,
|
|
21746
20582
|
useGetCustomersQuery,
|