From 969faba1f0b7a122f314fc726e644425cbbff2da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Milo=C5=A1=20Paunovi=C4=87?= <paun992@hotmail.com>
Date: Fri, 17 Jan 2025 13:17:37 +0100
Subject: [PATCH] feat(ui): improvements of no code editor (#6804)

* chore(ui): enhance toggle button for switching between `YAML` and `No Code` editors

* chore(ui): remove the export flow button from main section

* chore(ui): remove the unused context menu options

* chore(ui): add margin after the last entry for variables and inputs

* chore(ui): only show save button on task creation if one is selected

* chore(ui): replace plugin default component from input to editor type

* chore(ui): replace retry and outputs component from input to editor type

* chore(ui): move all general properties to the top level
---
 ui/src/components/code/segments/Editor.vue    | 178 ++++++++----------
 ui/src/components/code/segments/Task.vue      |  16 +-
 ui/src/components/code/utils/types.ts         |  38 ++--
 ui/src/components/flows/MetadataInputs.vue    |   2 +-
 ui/src/components/flows/MetadataVariables.vue |   3 +-
 ui/src/components/inputs/Editor.vue           |   8 +-
 ui/src/components/inputs/EditorButtons.vue    |  39 +---
 ui/src/components/inputs/EditorView.vue       |  41 ++--
 ui/src/translations/de.json                   |   3 -
 ui/src/translations/en.json                   |   3 -
 ui/src/translations/es.json                   |   3 -
 ui/src/translations/fr.json                   |   3 -
 ui/src/translations/hi.json                   |   3 -
 ui/src/translations/it.json                   |   3 -
 ui/src/translations/ja.json                   |   3 -
 ui/src/translations/ko.json                   |   3 -
 ui/src/translations/pl.json                   |   3 -
 ui/src/translations/pt.json                   |   3 -
 ui/src/translations/ru.json                   |   3 -
 ui/src/translations/zh_CN.json                |   3 -
 20 files changed, 138 insertions(+), 223 deletions(-)

diff --git a/ui/src/components/code/segments/Editor.vue b/ui/src/components/code/segments/Editor.vue
index 5869bce2f47..2170a8e733e 100644
--- a/ui/src/components/code/segments/Editor.vue
+++ b/ui/src/components/code/segments/Editor.vue
@@ -2,7 +2,7 @@
     <div class="p-4">
         <template v-if="!route.query.section && !route.query.identifier">
             <component
-                v-for="([k, v], index) in Object.entries(fields.main)"
+                v-for="([k, v], index) in Object.entries(fields)"
                 :key="index"
                 :is="v.component"
                 v-model="v.value"
@@ -10,26 +10,9 @@
                 @update:model-value="emits('updateMetadata', k, v.value)"
             />
 
-            <Collapse :items="sections.main">
-                <template #content>
-                    <component
-                        v-for="([k, v], index) in Object.entries(
-                            fields.general,
-                        )"
-                        :key="index"
-                        :is="v.component"
-                        v-model="v.value"
-                        v-bind="trimmed(v)"
-                        @update:model-value="
-                            emits('updateMetadata', k, v.value)
-                        "
-                    />
-                </template>
-            </Collapse>
-
             <hr class="m-0 mt-3">
 
-            <Collapse :items="sections.segments" creation />
+            <Collapse :items="sections" creation />
         </template>
 
         <Task
@@ -44,13 +27,14 @@
 <script setup lang="ts">
     import {ref, shallowRef} from "vue";
 
-    import {Field, Fields, Sections} from "../utils/types";
+    import {Field, Fields, CollapseItem} from "../utils/types";
 
     import Collapse from "../components/collapse/Collapse.vue";
     import InputText from "../components/inputs/InputText.vue";
     import InputSwitch from "../components/inputs/InputSwitch.vue";
     import InputLabel from "../components/inputs/InputLabel.vue";
 
+    import Editor from "../../inputs/Editor.vue";
     import MetadataInputs from "../../flows/MetadataInputs.vue";
     import MetadataVariables from "../../flows/MetadataVariables.vue";
 
@@ -81,72 +65,80 @@
     };
 
     const fields = ref<Fields>({
-        main: {
-            id: {
-                component: shallowRef(InputText),
-                value: props.metadata.id,
-                label: t("no_code.fields.main.flow_id"),
-                required: true,
-                disabled: !props.creation,
-            },
-            namespace: {
-                component: shallowRef(InputText),
-                value: props.metadata.namespace,
-                label: t("no_code.fields.main.namespace"),
-                required: true,
-                disabled: !props.creation,
-            },
-            description: {
-                component: shallowRef(InputText),
-                value: props.metadata.description,
-                label: t("no_code.fields.main.description"),
-            },
+        id: {
+            component: shallowRef(InputText),
+            value: props.metadata.id,
+            label: t("no_code.fields.main.flow_id"),
+            required: true,
+            disabled: !props.creation,
+        },
+        namespace: {
+            component: shallowRef(InputText),
+            value: props.metadata.namespace,
+            label: t("no_code.fields.main.namespace"),
+            required: true,
+            disabled: !props.creation,
+        },
+        description: {
+            component: shallowRef(InputText),
+            value: props.metadata.description,
+            label: t("no_code.fields.main.description"),
+        },
+        retry: {
+            component: shallowRef(Editor),
+            value: props.metadata.retry,
+            label: t("no_code.fields.general.retry"),
+            navbar: false,
+            input: true,
+            lang: "yaml",
+            style: {height: "100px"},
+        },
+        labels: {
+            component: shallowRef(InputLabel),
+            value: props.metadata.labels,
+            label: t("no_code.fields.general.labels"),
         },
-        general: {
-            retry: {
-                component: shallowRef(InputText),
-                value: props.metadata.retry,
-                label: t("no_code.fields.general.retry"),
-            },
-            labels: {
-                component: shallowRef(InputLabel),
-                value: props.metadata.labels,
-                label: t("no_code.fields.general.labels"),
-            },
-            inputs: {
-                component: shallowRef(MetadataInputs),
-                value: props.metadata.inputs,
-                label: t("no_code.fields.general.inputs"),
-                inputs: props.metadata.inputs,
-            },
-            outputs: {
-                component: shallowRef(InputText),
-                value: props.metadata.outputs,
-                label: t("no_code.fields.general.outputs"),
-            },
-            variables: {
-                component: shallowRef(MetadataVariables),
-                value: props.metadata.variables,
-                label: t("no_code.fields.general.variables"),
-                variables: props.metadata.variables,
-            },
-            // concurrency: {
-            //     component: shallowRef(InputSwitch), // TODO: To improve slot content
-            //     value: props.metadata.concurrency,
-            //     label: t("no_code.fields.general.concurrency"),
-            //     schema: props.schemas?.definitions?.[CONCURRENCY] ?? {},
-            //     root: "concurrency",
-            // },
-            pluginDefaults: {
-                component: shallowRef(InputText),
-                value: props.metadata.pluginDefaults,
-                label: t("no_code.fields.general.plugin_defaults"),
-            },
-            disabled: {
-                component: shallowRef(InputSwitch),
-                value: props.metadata.disabled,
-                label: t("no_code.fields.general.disabled"),
-            },
+        inputs: {
+            component: shallowRef(MetadataInputs),
+            value: props.metadata.inputs,
+            label: t("no_code.fields.general.inputs"),
+            inputs: props.metadata.inputs,
+        },
+        outputs: {
+            component: shallowRef(Editor),
+            value: props.metadata.outputs,
+            label: t("no_code.fields.general.outputs"),
+            navbar: false,
+            input: true,
+            lang: "yaml",
+            style: {height: "100px"},
+        },
+        variables: {
+            component: shallowRef(MetadataVariables),
+            value: props.metadata.variables,
+            label: t("no_code.fields.general.variables"),
+            variables: props.metadata.variables,
+        },
+        // concurrency: {
+        //     component: shallowRef(InputSwitch), // TODO: To improve slot content
+        //     value: props.metadata.concurrency,
+        //     label: t("no_code.fields.general.concurrency"),
+        //     schema: props.schemas?.definitions?.[CONCURRENCY] ?? {},
+        //     root: "concurrency",
+        // },
+        pluginDefaults: {
+            component: shallowRef(Editor),
+            value: props.metadata.pluginDefaults,
+            label: t("no_code.fields.general.plugin_defaults"),
+            navbar: false,
+            input: true,
+            lang: "yaml",
+            style: {height: "100px"},
+        },
+        disabled: {
+            component: shallowRef(InputSwitch),
+            value: props.metadata.disabled,
+            label: t("no_code.fields.general.disabled"),
         },
     });
 
@@ -155,15 +147,9 @@
         const title = t(`no_code.sections.${label}`);
         return {title, elements};
     };
-    const sections = ref<Sections>({
-        main: [{title: t("no_code.sections.general")}],
-        segments: [
-            getSectionTitle("tasks", YamlUtils.parse(props.flow).tasks ?? []),
-            getSectionTitle("triggers", YamlUtils.parse(props.flow).triggers ?? []),
-            getSectionTitle(
-                "error_handlers",
-                YamlUtils.parse(props.flow).errors ?? [],
-            ),
-        ],
-    });
+    const sections = ref<CollapseItem[]>([
+        getSectionTitle("tasks", YamlUtils.parse(props.flow).tasks ?? []),
+        getSectionTitle("triggers", YamlUtils.parse(props.flow).triggers ?? []),
+        getSectionTitle("error_handlers", YamlUtils.parse(props.flow).errors ?? []),
+    ]);
 </script>
diff --git a/ui/src/components/code/segments/Task.vue b/ui/src/components/code/segments/Task.vue
index 5ae34b2657b..54a29f4bc5c 100644
--- a/ui/src/components/code/segments/Task.vue
+++ b/ui/src/components/code/segments/Task.vue
@@ -1,15 +1,17 @@
 <template>
     <TaskEditor v-model="yaml" :section @update:model-value="validateTask" />
 
-    <hr>
+    <template v-if="yaml">
+        <hr>
 
-    <div class="d-flex justify-content-between">
-        <div class="d-flex align-items-center">
-            <ValidationError :errors link />
-        </div>
+        <div class="d-flex justify-content-between">
+            <div class="d-flex align-items-center">
+                <ValidationError :errors link />
+            </div>
 
-        <Save @click="saveTask" :what="route.query.section?.toString()" />
-    </div>
+            <Save @click="saveTask" :what="route.query.section?.toString()" />
+        </div>
+    </template>
 </template>
 
 <script setup lang="ts">
diff --git a/ui/src/components/code/utils/types.ts b/ui/src/components/code/utils/types.ts
index 0b2d55d9594..2fc44bb48c9 100644
--- a/ui/src/components/code/utils/types.ts
+++ b/ui/src/components/code/utils/types.ts
@@ -29,33 +29,34 @@ type VariableField = Field & {
     variables: any[];
 };
 
-type Main = {
-    id: Field;
-    namespace: Field;
-    description: Field;
-};
-
 type ConcurrencyField = Field & {
     root: string;
     schema: object;
 };
 
-type General = {
-    retry: Field;
+type EditorField = Field & {
+    navbar: boolean;
+    input: boolean;
+    lang: string;
+    style: {
+        height: string;
+    };
+};
+
+export type Fields = {
+    id: Field;
+    namespace: Field;
+    description: Field;
+    retry: EditorField;
     labels: LabelField;
     inputs: InputField;
-    outputs: Field;
+    outputs: EditorField;
     variables: VariableField;
-    concurrency: ConcurrencyField;
-    pluginDefaults: Field;
+    concurrency?: ConcurrencyField; // TODO: Make it not optional
+    pluginDefaults: EditorField;
     disabled: Field;
 };
 
-export type Fields = {
-    main: Main;
-    general: General;
-};
-
 export type Breadcrumb = {
     label: string;
     to: {
@@ -68,8 +69,3 @@ export type CollapseItem = {
     title: string;
     elements?: Record<string, any>[];
 };
-
-export type Sections = {
-    main: CollapseItem[];
-    segments: CollapseItem[];
-};
diff --git a/ui/src/components/flows/MetadataInputs.vue b/ui/src/components/flows/MetadataInputs.vue
index b9af1949389..3e0afcac011 100644
--- a/ui/src/components/flows/MetadataInputs.vue
+++ b/ui/src/components/flows/MetadataInputs.vue
@@ -41,7 +41,7 @@
                 />
             </div>
         </drawer>
-        <div class="w-100">
+        <div class="w-100 mb-3">
             <div>
                 <div
                     class="d-flex w-100 mb-2"
diff --git a/ui/src/components/flows/MetadataVariables.vue b/ui/src/components/flows/MetadataVariables.vue
index d41bdec13bc..7eabd220b0c 100644
--- a/ui/src/components/flows/MetadataVariables.vue
+++ b/ui/src/components/flows/MetadataVariables.vue
@@ -48,7 +48,7 @@
                 </el-form-item>
             </el-form>
         </drawer>
-        <div v-if="variables">
+        <div v-if="variables" class="mb-3">
             <div
                 class="d-flex w-100 mb-2"
                 v-for="(value, index) in newVariables"
@@ -76,7 +76,6 @@
         <div v-else class="d-flex justify-content-center">
             <el-button
                 :icon="Plus"
-                type="success"
                 class="w-25"
                 @click="addVariable"
             >
diff --git a/ui/src/components/inputs/Editor.vue b/ui/src/components/inputs/Editor.vue
index 28dce1474ec..6fd0d9fa27f 100644
--- a/ui/src/components/inputs/Editor.vue
+++ b/ui/src/components/inputs/Editor.vue
@@ -36,7 +36,8 @@
             </slot>
         </nav>
         <slot name="absolute" />
-        <div class="editor-container" ref="container" :class="containerClass">
+        <span v-if="label" class="label">{{ label }}</span>
+        <div class="editor-container" ref="container" :class="[containerClass, {'mb-2': label}]">
             <div ref="editorContainer" class="editor-wrapper position-relative">
                 <monaco-editor
                     ref="monacoEditor"
@@ -98,6 +99,7 @@
             lineNumbers: {type: Boolean, default: undefined},
             minimap: {type: Boolean, default: false},
             creating: {type: Boolean, default: false},
+            label: {type: String, default: undefined},
         },
         components: {
             MonacoEditor,
@@ -474,6 +476,10 @@
     };
 </script>
 
+<style scoped lang="scss">
+@import "../code/styles/code.scss";
+</style>
+
 <style lang="scss">
 @import "@kestra-io/ui-libs/src/scss/color-palette.scss";
 @import "../../styles/layout/root-dark.scss";
diff --git a/ui/src/components/inputs/EditorButtons.vue b/ui/src/components/inputs/EditorButtons.vue
index 52b18324a61..335f7eef218 100644
--- a/ui/src/components/inputs/EditorButtons.vue
+++ b/ui/src/components/inputs/EditorButtons.vue
@@ -11,7 +11,7 @@
                         v-if="isAllowedEdit"
                         :icon="Download"
                         size="large"
-                        @click="forwardEvent('export-yaml')"
+                        @click="forwardEvent('export')"
                     >
                         {{ $t("export_to_file") }}
                     </el-dropdown-item>
@@ -32,33 +32,7 @@
                     >
                         {{ $t("copy") }}
                     </el-dropdown-item>
-                    <el-dropdown-item
-                        v-if="isAllowedEdit"
-                        :icon="Exclamation"
-                        size="large"
-                        @click="forwardEvent('open-new-error', null)"
-                        :disabled="!flowHaveTasks"
-                    >
-                        {{ $t("add global error handler") }}
-                    </el-dropdown-item>
-                    <el-dropdown-item
-                        v-if="isAllowedEdit"
-                        :icon="LightningBolt"
-                        size="large"
-                        @click="forwardEvent('open-new-trigger', null)"
-                        :disabled="!flowHaveTasks"
-                    >
-                        {{ $t("add trigger") }}
-                    </el-dropdown-item>
-                    <el-dropdown-item
-                        v-if="isAllowedEdit"
-                        :icon="FileEdit"
-                        size="large"
-                        @click="forwardEvent('open-edit-metadata', null)"
-                    >
-                        {{ $t("edit metadata") }}
-                    </el-dropdown-item>
-                </el-dropdown-menu>
+                </el-dropdown-menu> 
             </template>
         </el-dropdown>
     </div>
@@ -77,11 +51,9 @@
 </template>
 <script setup>
     import DotsVertical from "vue-material-design-icons/DotsVertical.vue";
+    
     import Delete from "vue-material-design-icons/Delete.vue";
     import ContentCopy from "vue-material-design-icons/ContentCopy.vue";
-    import Exclamation from "vue-material-design-icons/Exclamation.vue";
-    import LightningBolt from "vue-material-design-icons/LightningBolt.vue";
-    import FileEdit from "vue-material-design-icons/FileEdit.vue";
     import ContentSave from "vue-material-design-icons/ContentSave.vue";
     import Download from "vue-material-design-icons/Download.vue";
 </script>
@@ -92,11 +64,8 @@
         emits: [
             "delete-flow",
             "copy",
-            "open-new-error",
-            "open-new-trigger",
-            "open-edit-metadata",
             "save",
-            "export-yaml"
+            "export"
         ],
         props: {
             isCreating: {
diff --git a/ui/src/components/inputs/EditorView.vue b/ui/src/components/inputs/EditorView.vue
index b06aff70349..f6c28972e41 100644
--- a/ui/src/components/inputs/EditorView.vue
+++ b/ui/src/components/inputs/EditorView.vue
@@ -67,10 +67,16 @@
             </el-menu-item>
         </el-menu>
 
-        <div class="d-inline-flex">
-            <el-button size="small" text @click="toggleYamlEditor">
-                {{ isYamlEditorShown ? $t("no_code.labels.no_code") : $t("no_code.labels.yaml") }}
-            </el-button>
+        <div class="d-inline-flex align-items-center">
+            <el-switch
+                v-model="editorViewType"
+                active-value="NO_CODE"
+                inactive-value="YAML"
+                :inactive-text="$t('no_code.labels.no_code')"
+                size="small"
+                class="me-2"
+            />
+
             <switch-view
                 v-if="!isNamespace"
                 :type="viewType"
@@ -88,13 +94,6 @@
                 :infos="flowInfos"
             />
 
-            <el-button
-                v-if="!isNamespace"
-                :icon="Download"
-                @click="exportYaml"
-                class="ms-2 me-0"
-            />
-
             <EditorButtons
                 v-if="isCreating || openedTabs.length"
                 :is-creating="props.isCreating"
@@ -118,7 +117,7 @@
                 @open-new-error="isNewErrorOpen = true"
                 @open-new-trigger="isNewTriggerOpen = true"
                 @open-edit-metadata="isEditMetadataOpen = true"
-                @export-yaml="exportYaml"
+                @export="exportYaml"
                 :is-namespace="isNamespace"
             />
         </div>
@@ -130,7 +129,7 @@
             :class="combinedEditor ? 'editor-combined' : ''"
             style="flex: 1;"
         >
-            <template v-if="isYamlEditorShown">
+            <template v-if="editorViewType === 'YAML'">
                 <editor
                     v-if="isCreating || openedTabs.length"
                     ref="editorDomElement"
@@ -324,7 +323,6 @@
     import MenuClose from "vue-material-design-icons/MenuClose.vue";
     import Close from "vue-material-design-icons/Close.vue";
     import CircleMedium from "vue-material-design-icons/CircleMedium.vue";
-    import Download from "vue-material-design-icons/Download.vue";
 
     import TypeIcon from "../utils/icons/Type.vue"
 
@@ -346,8 +344,6 @@
     import EditorButtons from "./EditorButtons.vue";
     import Drawer from "../Drawer.vue";
     import {ElMessageBox} from "element-plus";
-
-    import localUtils from "../../utils/utils";
     
     import NoCode from "../code/NoCode.vue";
 
@@ -499,14 +495,10 @@
         return undefined;
     });
 
-    const isYamlEditorShown = ref(true);
-    const toggleYamlEditor = () => {
-        isYamlEditorShown.value = !isYamlEditorShown.value
-        localStorage.setItem(storageKeys.EDITOR_VIEW_TYPE, isYamlEditorShown.value === true ? "YAML" : "NO_CODE");
-    }
-
+    const editorViewType = ref("YAML");
+   
     const handleTopologyEditClick = (params) => {
-        isYamlEditorShown.value = false;
+        editorViewType.value = "NO_CODE";
         nextTick(() => router.replace({query: {...route.query, ...params}}))
     }
 
@@ -670,7 +662,7 @@
     };
 
     onMounted(async () => {
-        isYamlEditorShown.value = localStorage.getItem(storageKeys.EDITOR_VIEW_TYPE) === "YAML";
+        editorViewType.value = localStorage.getItem(storageKeys.EDITOR_VIEW_TYPE) || "YAML";
 
         if(!props.isNamespace) {
             initViewType()
@@ -1327,6 +1319,7 @@
         closeTabs(openedTabs.value.slice(index + 1).filter(tab => tab !== FLOW_TAB.value), openedTabs.value[index]);
     };
 
+    import localUtils from "../../utils/utils";
     const exportYaml = () => {
         const blob = new Blob([flowYaml.value], {type: "text/yaml"});
         localUtils.downloadUrl(blob, "flow.yaml");
diff --git a/ui/src/translations/de.json b/ui/src/translations/de.json
index fbc3f6676ad..c85092ce066 100644
--- a/ui/src/translations/de.json
+++ b/ui/src/translations/de.json
@@ -435,10 +435,7 @@
     "show documentation": "Dokumentation anzeigen",
     "focus task": "Klicken Sie auf ein Element, um dessen Dokumentation zu sehen.",
     "validate": "Validieren",
-    "add global error handler": "Globalen Fehler-Handler hinzufügen",
     "add error handler": "Fehler-Handler hinzufügen",
-    "add trigger": "Trigger hinzufügen",
-    "edit metadata": "Metadaten bearbeiten",
     "taskDefaults": "Task-Standards",
     "disabled": "Deaktiviert",
     "before": "vor",
diff --git a/ui/src/translations/en.json b/ui/src/translations/en.json
index 67a78a08c21..abedf122684 100644
--- a/ui/src/translations/en.json
+++ b/ui/src/translations/en.json
@@ -498,11 +498,8 @@
     "show documentation": "Show documentation",
     "focus task": "Click on any element to see its documentation.",
     "validate": "Validate",
-    "add global error handler": "Add global error handler",
     "add error handler": "Add an error handler",
-    "add trigger": "Add trigger",
     "export_to_file": "Export to file",
-    "edit metadata": "Edit Metadata",
     "taskDefaults": "Task Defaults",
     "disabled": "Disabled",
     "before": "before",
diff --git a/ui/src/translations/es.json b/ui/src/translations/es.json
index e8be4b11015..dbbe2b4da6c 100644
--- a/ui/src/translations/es.json
+++ b/ui/src/translations/es.json
@@ -435,10 +435,7 @@
     "show documentation": "Mostrar documentación",
     "focus task": "Haz clic en cualquier elemento para ver su documentación.",
     "validate": "Validar",
-    "add global error handler": "Añadir manejador de errores global",
     "add error handler": "Añadir un manejador de errores",
-    "add trigger": "Añadir trigger",
-    "edit metadata": "Editar Metadatos",
     "taskDefaults": "Predeterminados de la task",
     "disabled": "Deshabilitado",
     "before": "antes",
diff --git a/ui/src/translations/fr.json b/ui/src/translations/fr.json
index 6c07c49a716..d8e8c9b4951 100644
--- a/ui/src/translations/fr.json
+++ b/ui/src/translations/fr.json
@@ -437,10 +437,7 @@
     "show documentation": "Afficher la documentation",
     "focus task": "Cliquer sur une tâche pour voir sa documentation",
     "validate": "Valider",
-    "add global error handler": "Gérer les erreurs globales",
     "add error handler": "Gérer les erreurs",
-    "add trigger": "Ajouter un déclencheur",
-    "edit metadata": "Éditer les métadonnées",
     "taskDefaults": "Valeur de tâches par défaut",
     "disabled": "Désactivé",
     "before": "avant",
diff --git a/ui/src/translations/hi.json b/ui/src/translations/hi.json
index 46f3d3bcb21..59c28d63787 100644
--- a/ui/src/translations/hi.json
+++ b/ui/src/translations/hi.json
@@ -435,10 +435,7 @@
     "show documentation": "दस्तावेज़ दिखाएं",
     "focus task": "किसी भी तत्व पर क्लिक करें ताकि उसका दस्तावेज़ देखा जा सके।",
     "validate": "मान्य करें",
-    "add global error handler": "वैश्विक त्रुटि हैंडलर जोड़ें",
     "add error handler": "एक त्रुटि हैंडलर जोड़ें",
-    "add trigger": "Trigger जोड़ें",
-    "edit metadata": "मेटाडेटा संपादित करें",
     "taskDefaults": "taskDefaults",
     "disabled": "अक्षम",
     "before": "पहले",
diff --git a/ui/src/translations/it.json b/ui/src/translations/it.json
index 01122736247..8d8ac2d1b74 100644
--- a/ui/src/translations/it.json
+++ b/ui/src/translations/it.json
@@ -435,10 +435,7 @@
     "show documentation": "Mostra documentazione",
     "focus task": "Clicca su qualsiasi elemento per vedere la sua documentazione.",
     "validate": "Valida",
-    "add global error handler": "Aggiungi gestore errori globale",
     "add error handler": "Aggiungi un gestore errori",
-    "add trigger": "Aggiungi trigger",
-    "edit metadata": "Modifica Metadati",
     "taskDefaults": "Task Defaults",
     "disabled": "Disabilitato",
     "before": "prima",
diff --git a/ui/src/translations/ja.json b/ui/src/translations/ja.json
index 2f6d2cfd98e..7aee90b0291 100644
--- a/ui/src/translations/ja.json
+++ b/ui/src/translations/ja.json
@@ -435,10 +435,7 @@
     "show documentation": "ドキュメントを表示",
     "focus task": "任意の要素をクリックしてそのドキュメントを表示します。",
     "validate": "検証",
-    "add global error handler": "グローバルエラーハンドラを追加",
     "add error handler": "エラーハンドラを追加",
-    "add trigger": "triggerを追加",
-    "edit metadata": "メタデータを編集",
     "taskDefaults": "taskのデフォルト設定",
     "disabled": "無効",
     "before": "前",
diff --git a/ui/src/translations/ko.json b/ui/src/translations/ko.json
index 4a348c5b40b..51e656723d9 100644
--- a/ui/src/translations/ko.json
+++ b/ui/src/translations/ko.json
@@ -435,10 +435,7 @@
     "show documentation": "문서 보기",
     "focus task": "문서를 보려면 요소를 클릭하세요.",
     "validate": "유효성 검사",
-    "add global error handler": "전역 오류 처리기 추가",
     "add error handler": "오류 처리기 추가",
-    "add trigger": "trigger 추가",
-    "edit metadata": "메타데이터 편집",
     "taskDefaults": "Task 기본값",
     "disabled": "비활성화됨",
     "before": "이전",
diff --git a/ui/src/translations/pl.json b/ui/src/translations/pl.json
index cbaec718b06..14e903fdec9 100644
--- a/ui/src/translations/pl.json
+++ b/ui/src/translations/pl.json
@@ -435,10 +435,7 @@
     "show documentation": "Pokaż dokumentację",
     "focus task": "Kliknij na dowolny element, aby zobaczyć jego dokumentację.",
     "validate": "Zatwierdź",
-    "add global error handler": "Dodaj globalny handler błędów",
     "add error handler": "Dodaj handler błędów",
-    "add trigger": "Dodaj trigger",
-    "edit metadata": "Edytuj Metadane",
     "taskDefaults": "Domyślne ustawienia task",
     "disabled": "Wyłączone",
     "before": "przed",
diff --git a/ui/src/translations/pt.json b/ui/src/translations/pt.json
index e90f6b81a61..e4fc39f8986 100644
--- a/ui/src/translations/pt.json
+++ b/ui/src/translations/pt.json
@@ -435,10 +435,7 @@
     "show documentation": "Mostrar documentação",
     "focus task": "Clique em qualquer elemento para ver sua documentação.",
     "validate": "Validar",
-    "add global error handler": "Adicionar manipulador de erro global",
     "add error handler": "Adicionar um manipulador de erro",
-    "add trigger": "Adicionar trigger",
-    "edit metadata": "Editar Metadados",
     "taskDefaults": "Padrões da Task",
     "disabled": "Desativado",
     "before": "antes",
diff --git a/ui/src/translations/ru.json b/ui/src/translations/ru.json
index dfcf49dc787..b3908675abc 100644
--- a/ui/src/translations/ru.json
+++ b/ui/src/translations/ru.json
@@ -435,10 +435,7 @@
     "show documentation": "Показать документацию",
     "focus task": "Нажмите на любой элемент, чтобы увидеть его документацию.",
     "validate": "Проверить",
-    "add global error handler": "Добавить глобальный обработчик ошибок",
     "add error handler": "Добавить обработчик ошибок",
-    "add trigger": "Добавить trigger",
-    "edit metadata": "Редактировать метаданные",
     "taskDefaults": "Задача по умолчанию",
     "disabled": "Отключено",
     "before": "до",
diff --git a/ui/src/translations/zh_CN.json b/ui/src/translations/zh_CN.json
index 54bbaf4235b..642727af6b7 100644
--- a/ui/src/translations/zh_CN.json
+++ b/ui/src/translations/zh_CN.json
@@ -435,10 +435,7 @@
     "show documentation": "显示文档",
     "focus task": "点击任何元素以查看其文档。",
     "validate": "验证",
-    "add global error handler": "添加全局错误处理程序",
     "add error handler": "添加错误处理程序",
-    "add trigger": "添加触发器",
-    "edit metadata": "编辑元数据",
     "taskDefaults": "任务默认值",
     "disabled": "禁用",
     "before": "之前",