From 3f7433ec407e43f6deeecc7a7d514fd7aa2286db Mon Sep 17 00:00:00 2001
From: MilosPaunovic <paun992@hotmail.com>
Date: Tue, 25 Feb 2025 09:36:48 +0100
Subject: [PATCH 1/2] chore(ui): prevent system labels to be shown in set
 labels dialog

---
 ui/src/components/flows/FlowRun.vue     |  6 ++++--
 ui/src/components/labels/LabelInput.vue | 14 ++++++++++++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/flows/FlowRun.vue b/ui/src/components/flows/FlowRun.vue
index 34e1861b064..1eb0c8f0f5d 100644
--- a/ui/src/components/flows/FlowRun.vue
+++ b/ui/src/components/flows/FlowRun.vue
@@ -70,7 +70,7 @@
 </script>
 
 <script>
-    import {mapState} from "vuex";
+    import {mapState, mapGetters} from "vuex";
     import {executeTask} from "../../utils/submitTask"
     import InputsForm from "../../components/inputs/InputsForm.vue";
     import LabelInput from "../../components/labels/LabelInput.vue";
@@ -108,6 +108,7 @@
         computed: {
             ...mapState("execution", ["flow", "execution"]),
             ...mapState("core", ["guidedProperties"]),
+            ...mapGetters("misc", ["configs"]),
             haveBadLabels() {
                 return this.executionLabels.some(label => (label.key && !label.value) || (!label.key && label.value));
             },
@@ -132,7 +133,8 @@
             },
             fillInputsFromExecution(){
                 // Add all labels except the one from flow to prevent duplicates
-                this.executionLabels = this.getExecutionLabels().filter(item => !item.key.startsWith("system."));
+                const toIgnore = this.configs.hiddenLabelsPrefixes || [];
+                this.executionLabels = this.getExecutionLabels().filter(item => !toIgnore.some(prefix => item.key.startsWith(prefix)));
 
                 if (!this.flow.inputs) {
                     return;
diff --git a/ui/src/components/labels/LabelInput.vue b/ui/src/components/labels/LabelInput.vue
index 49a8295a3ce..11511c69a2c 100644
--- a/ui/src/components/labels/LabelInput.vue
+++ b/ui/src/components/labels/LabelInput.vue
@@ -31,6 +31,8 @@
 
 
 <script>
+    import {mapGetters} from "vuex";
+
     export default {
         props: {
             labels: {
@@ -49,13 +51,21 @@
             }
         },
         emits: ["update:labels"],
+        computed: {
+            ...mapGetters("misc", ["configs"]),
+        },
         created() {
+            const toIgnore = this.configs.hiddenLabelsPrefixes || [];
+
             if (this.labels.length === 0) {
                 this.addItem();
             } else {
-                this.locals = this.labels
+                this.locals = this.labels.filter(item => !item || !toIgnore.some(prefix => item.key?.startsWith(prefix)))
+                if(this.locals.length === 0) {
+                    this.addItem();
+                }
             }
-            this.localExisting = this.existingLabels.map(label => label.key);
+            this.localExisting = this.existingLabels.filter(item => !item || !toIgnore.some(prefix => item.key?.startsWith(prefix))).map(label => label.key);
         },
         methods: {
             addItem() {

From d309c34176de836dc128617631a294d4a9dedda3 Mon Sep 17 00:00:00 2001
From: MilosPaunovic <paun992@hotmail.com>
Date: Tue, 25 Feb 2025 09:58:47 +0100
Subject: [PATCH 2/2] chore(ui): improve the removal of labels

---
 ui/src/components/labels/LabelInput.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/labels/LabelInput.vue b/ui/src/components/labels/LabelInput.vue
index 11511c69a2c..97ef9fd94b3 100644
--- a/ui/src/components/labels/LabelInput.vue
+++ b/ui/src/components/labels/LabelInput.vue
@@ -18,7 +18,7 @@
         <div class="flex-shrink-1">
             <el-button-group class="d-flex">
                 <el-button :icon="Plus" @click="addItem" />
-                <el-button :icon="Minus" @click="removeItem(index)" :disabled="index === 0 && locals.length === 1" />
+                <el-button :icon="Minus" @click="removeItem(index)" />
             </el-button-group>
         </div>
     </div>
@@ -74,6 +74,11 @@
             },
             removeItem(index) {
                 this.locals.splice(index, 1);
+
+                if (this.locals.length === 0) {
+                    this.addItem();
+                }
+                
                 this.$emit("update:labels", this.locals);
             },
             update(index, value, prop) {