n8n-editor-ui 1.57.0 → 1.58.1

package/dist/assets/{ExecutionsFilter-Y7dLoQFk.js → ExecutionsFilter-KJUXh7xs.js}

@@ -1,6 +1,7 @@
 import { I as defineComponent, a as ref, f as computed, q as onMounted, m as onBeforeUnmount, J as openBlock, K as createElementBlock, a7 as toDisplayString, h as reactive, l as onBeforeMount, an as resolveComponent, V as createBlock, a3 as withCtx, a8 as createVNode, a6 as createTextVNode, U as createCommentVNode, u as unref, L as createBaseVNode, R as Fragment, af as renderList, _ as normalizeClass, ac as withModifiers, aB as pushScopeId, aC as popScopeId } from "./vendor-tVazXwC6.js";
-import { v as useI18n, b as useSettingsStore, e as useUIStore, d as useDebounce, E as EnterpriseEditionFeature, dX as getObjectKeys, bx as i18n, aO as isEmpty, T as TagsDropdown, w as useTelemetry } from "./index-BMqv_cxE.js";
-import { _ as _export_sfc } from "./n8n-NifPGZSM.js";
+import { j as useI18n, b as useSettingsStore, e as useUIStore, bw as usePostHog, d as useDebounce, E as EnterpriseEditionFeature, dq as EXECUTION_ANNOTATION_EXPERIMENT, e3 as getObjectKeys, bz as i18n, aO as isEmpty, x as useTelemetry, _ as _sfc_main$3 } from "./index-D1NZCYzm.js";
+import { _ as _sfc_main$2 } from "./AnnotationTagsDropdown-CvbfWPym.js";
+import { _ as _export_sfc } from "./n8n-Z2397JES.js";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ExecutionsTime",
   props: {
@@ -37,18 +38,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _withScopeId = (n) => (pushScopeId("data-v-7bf6a5a0"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-92f28042"), n = n(), popScopeId(), n);
 const _hoisted_1 = { "data-test-id": "execution-filter-form" };
 const _hoisted_2 = { for: "execution-filter-workflows" };
 const _hoisted_3 = { for: "execution-filter-tags" };
 const _hoisted_4 = { for: "execution-filter-status" };
 const _hoisted_5 = { for: "execution-filter-start-date" };
-const _hoisted_6 = {
-  target: "_blank",
-  href: "https://docs.n8n.io/workflows/executions/custom-executions-data/"
-};
-const _hoisted_7 = { for: "execution-filter-saved-data-key" };
-const _hoisted_8 = { for: "execution-filter-saved-data-value" };
+const _hoisted_6 = { for: "execution-filter-annotation-tags" };
+const _hoisted_7 = { for: "execution-filter-annotation-vote" };
+const _hoisted_8 = { for: "execution-filter-saved-data-key" };
+const _hoisted_9 = { for: "execution-filter-saved-data-value" };
 const DATE_TIME_MASK = "YYYY-MM-DD HH:mm";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ExecutionsFilter",
@@ -61,6 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const settingsStore = useSettingsStore();
     const uiStore = useUIStore();
+    const posthogStore = usePostHog();
     const { debounce } = useDebounce();
     const telemetry = useTelemetry();
     const props = __props;
@@ -72,14 +72,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isAdvancedExecutionFilterEnabled = computed(
       () => settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.AdvancedExecutionFilters]
     );
+    const isAnnotationFiltersEnabled = computed(
+      () => isAdvancedExecutionFilterEnabled.value && posthogStore.isFeatureEnabled(EXECUTION_ANNOTATION_EXPERIMENT)
+    );
     const showTags = computed(() => false);
     const getDefaultFilter = () => ({
       status: "all",
       workflowId: "all",
       tags: [],
+      annotationTags: [],
       startDate: "",
       endDate: "",
-      metadata: [{ key: "", value: "" }]
+      metadata: [{ key: "", value: "" }],
+      vote: "all"
     });
     const filter = reactive(getDefaultFilter());
     const vModel = reactive(
@@ -108,27 +113,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { id: "success", name: i18n.baseText("executionsList.success") },
       { id: "waiting", name: i18n.baseText("executionsList.waiting") }
     ]);
+    const voteFilterOptions = computed(() => [
+      { id: "all", name: i18n.baseText("executionsFilter.annotation.rating.all") },
+      { id: "up", name: i18n.baseText("executionsFilter.annotation.rating.good") },
+      { id: "down", name: i18n.baseText("executionsFilter.annotation.rating.bad") }
+    ]);
     const countSelectedFilterProps = computed(() => {
-      let count = 0;
-      if (filter.status !== "all") {
-        count++;
-      }
-      if (filter.workflowId !== "all" && props.workflows.length) {
-        count++;
-      }
-      if (!isEmpty(filter.tags)) {
-        count++;
-      }
-      if (!isEmpty(filter.metadata)) {
-        count++;
-      }
-      if (!!filter.startDate) {
-        count++;
-      }
-      if (!!filter.endDate) {
-        count++;
-      }
-      return count;
+      const nonDefaultFilters = [
+        filter.status !== "all",
+        filter.workflowId !== "all" && props.workflows.length,
+        !isEmpty(filter.tags),
+        !isEmpty(filter.annotationTags),
+        filter.vote !== "all",
+        !isEmpty(filter.metadata),
+        !!filter.startDate,
+        !!filter.endDate
+      ].filter(Boolean);
+      return nonDefaultFilters.length;
     });
     const onFilterMetaChange = (index, prop, value) => {
       if (!filter.metadata[index]) {
@@ -144,8 +145,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       debouncedEmit("filterChanged", filter);
     };
-    const onTagsChange = (tags) => {
-      filter.tags = tags;
+    const onTagsChange = () => {
+      emit("filterChanged", filter);
+    };
+    const onAnnotationTagsChange = () => {
       emit("filterChanged", filter);
     };
     const onFilterReset = () => {
@@ -163,6 +166,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_n8n_button = resolveComponent("n8n-button");
       const _component_n8n_option = resolveComponent("n8n-option");
       const _component_n8n_select = resolveComponent("n8n-select");
+      const _component_WorkflowTagsDropdown = _sfc_main$3;
       const _component_el_date_picker = resolveComponent("el-date-picker");
       const _component_i18n_t = resolveComponent("i18n-t");
       const _component_n8n_icon = resolveComponent("n8n-icon");
@@ -233,14 +237,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(_ctx.$style.group)
             }, [
               createBaseVNode("label", _hoisted_3, toDisplayString(unref(i18n).baseText("workflows.filters.tags")), 1),
-              createVNode(TagsDropdown, {
+              createVNode(_component_WorkflowTagsDropdown, {
                 id: "execution-filter-tags",
+                modelValue: filter.tags,
+                "onUpdate:modelValue": [
+                  _cache[1] || (_cache[1] = ($event) => filter.tags = $event),
+                  onTagsChange
+                ],
                 placeholder: unref(i18n).baseText("workflowOpen.filterWorkflows"),
-                "model-value": filter.tags,
                 "create-enabled": false,
-                "data-test-id": "executions-filter-tags-select",
-                "onUpdate:modelValue": onTagsChange
-              }, null, 8, ["placeholder", "model-value"])
+                "data-test-id": "executions-filter-tags-select"
+              }, null, 8, ["modelValue", "placeholder"])
             ], 2)) : createCommentVNode("", true),
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.group)
@@ -249,7 +256,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_component_n8n_select, {
                 id: "execution-filter-status",
                 modelValue: vModel.status,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vModel.status = $event),
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vModel.status = $event),
                 placeholder: unref(i18n).baseText("executionsFilter.selectStatus"),
                 filterable: "",
                 "data-test-id": "executions-filter-status-select",
@@ -277,7 +284,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createVNode(_component_el_date_picker, {
                   id: "execution-filter-start-date",
                   modelValue: vModel.startDate,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vModel.startDate = $event),
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vModel.startDate = $event),
                   type: "datetime",
                   teleported: false,
                   format: DATE_TIME_MASK,
@@ -290,7 +297,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createVNode(_component_el_date_picker, {
                   id: "execution-filter-end-date",
                   modelValue: vModel.endDate,
-                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vModel.endDate = $event),
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vModel.endDate = $event),
                   type: "datetime",
                   teleported: false,
                   format: DATE_TIME_MASK,
@@ -299,6 +306,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["modelValue", "placeholder"])
               ], 2)
             ], 2),
+            isAnnotationFiltersEnabled.value ? (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: normalizeClass(_ctx.$style.group)
+            }, [
+              createBaseVNode("label", _hoisted_6, toDisplayString(unref(i18n).baseText("executionsFilter.annotation.tags")), 1),
+              createVNode(_sfc_main$2, {
+                id: "execution-filter-annotation-tags",
+                placeholder: unref(i18n).baseText("workflowOpen.filterWorkflows"),
+                modelValue: filter.annotationTags,
+                "onUpdate:modelValue": [
+                  _cache[5] || (_cache[5] = ($event) => filter.annotationTags = $event),
+                  onAnnotationTagsChange
+                ],
+                "create-enabled": false,
+                "data-test-id": "executions-filter-annotation-tags-select"
+              }, null, 8, ["placeholder", "modelValue"])
+            ], 2)) : createCommentVNode("", true),
+            isAnnotationFiltersEnabled.value ? (openBlock(), createElementBlock("div", {
+              key: 3,
+              class: normalizeClass(_ctx.$style.group)
+            }, [
+              createBaseVNode("label", _hoisted_7, toDisplayString(unref(i18n).baseText("executionsFilter.annotation.rating")), 1),
+              createVNode(_component_n8n_select, {
+                id: "execution-filter-annotation-vote",
+                modelValue: vModel.vote,
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vModel.vote = $event),
+                placeholder: unref(i18n).baseText("executionsFilter.annotation.selectVoteFilter"),
+                filterable: "",
+                "data-test-id": "executions-filter-annotation-vote-select",
+                teleported: _ctx.teleported
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(voteFilterOptions.value, (item, idx) => {
+                    return openBlock(), createBlock(_component_n8n_option, {
+                      key: idx,
+                      label: item.name,
+                      value: item.id
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "placeholder", "teleported"])
+            ], 2)) : createCommentVNode("", true),
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.group)
             }, [
@@ -307,11 +357,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createVNode(_component_i18n_t, {
                     tag: "span",
                     keypath: "executionsFilter.customData.docsTooltip"
-                  }, {
-                    link: withCtx(() => [
-                      createBaseVNode("a", _hoisted_6, toDisplayString(unref(i18n).baseText("executionsFilter.customData.docsTooltip.link")), 1)
-                    ]),
-                    _: 1
                   })
                 ]),
                 default: withCtx(() => [
@@ -331,7 +376,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", {
                 class: normalizeClass(_ctx.$style.subGroup)
               }, [
-                createBaseVNode("label", _hoisted_7, toDisplayString(unref(i18n).baseText("executionsFilter.savedDataKey")), 1),
+                createBaseVNode("label", _hoisted_8, toDisplayString(unref(i18n).baseText("executionsFilter.savedDataKey")), 1),
                 createVNode(_component_n8n_tooltip, {
                   disabled: isAdvancedExecutionFilterEnabled.value,
                   placement: "top"
@@ -362,13 +407,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         placeholder: unref(i18n).baseText("executionsFilter.savedDataKeyPlaceholder"),
                         "model-value": (_a = filter.metadata[0]) == null ? void 0 : _a.key,
                         "data-test-id": "execution-filter-saved-data-key-input",
-                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => onFilterMetaChange(0, "key", $event))
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => onFilterMetaChange(0, "key", $event))
                       }, null, 8, ["disabled", "placeholder", "model-value"])
                     ];
                   }),
                   _: 1
                 }, 8, ["disabled"]),
-                createBaseVNode("label", _hoisted_8, toDisplayString(unref(i18n).baseText("executionsFilter.savedDataValue")), 1),
+                createBaseVNode("label", _hoisted_9, toDisplayString(unref(i18n).baseText("executionsFilter.savedDataValue")), 1),
                 createVNode(_component_n8n_tooltip, {
                   disabled: isAdvancedExecutionFilterEnabled.value,
                   placement: "top"
@@ -398,7 +443,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         placeholder: unref(i18n).baseText("executionsFilter.savedDataValuePlaceholder"),
                         "model-value": (_a = filter.metadata[0]) == null ? void 0 : _a.value,
                         "data-test-id": "execution-filter-saved-data-value-input",
-                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => onFilterMetaChange(0, "value", $event))
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => onFilterMetaChange(0, "value", $event))
                       }, null, 8, ["disabled", "placeholder", "model-value"])
                     ];
                   }),
@@ -407,7 +452,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 2)
             ], 2),
             !!countSelectedFilterProps.value ? (openBlock(), createBlock(_component_n8n_button, {
-              key: 2,
+              key: 4,
               class: normalizeClass(_ctx.$style.resetBtn),
               size: "large",
               text: "",
@@ -445,7 +490,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const ExecutionsFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-7bf6a5a0"]]);
+const ExecutionsFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-92f28042"]]);
 export {
   ExecutionsFilter as E,
   _sfc_main$1 as _

package/dist/assets/{ExecutionsView-DcUlsJSr.js → ExecutionsView-B6RDT32P.js}

@@ -1,18 +1,18 @@
 import { I as defineComponent, aM as useRouter, a as ref, f as computed, an as resolveComponent, J as openBlock, K as createElementBlock, L as createBaseVNode, V as createBlock, U as createCommentVNode, _ as normalizeClass, ac as withModifiers, a7 as toDisplayString, a8 as createVNode, a3 as withCtx, u as unref, a6 as createTextVNode, aA as useCssModule, b as watch, q as onMounted, a4 as withDirectives, a9 as vShow, R as Fragment, af as renderList, aa as TransitionGroup, l as onBeforeMount, m as onBeforeUnmount } from "./vendor-tVazXwC6.js";
-import { _ as _sfc_main$3, E as ExecutionsFilter } from "./ExecutionsFilter-Y7dLoQFk.js";
-import { bl as WAIT_TIME_UNLIMITED, bx as i18n, v as useI18n, V as VIEWS, m as useWorkflowsStore, L as useExecutionsStore, u as useToast, w as useTelemetry, x as useMessage, C as MODAL_CONFIRM, q as getResourcePermissions, dL as setPageTitle, a2 as useExternalHooks } from "./index-BMqv_cxE.js";
-import { a as convertToDisplayDate } from "./dateFormatter--Jm_2fEm.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-6mVnBCgd.js";
-import { _ as _export_sfc } from "./n8n-NifPGZSM.js";
+import { _ as _sfc_main$3, E as ExecutionsFilter } from "./ExecutionsFilter-KJUXh7xs.js";
+import { bn as WAIT_TIME_UNLIMITED, bz as i18n, j as useI18n, V as VIEWS, k as useWorkflowsStore, N as useExecutionsStore, u as useToast, x as useTelemetry, y as useMessage, D as MODAL_CONFIRM, t as getResourcePermissions, dT as setPageTitle, a2 as useExternalHooks } from "./index-D1NZCYzm.js";
+import { a as convertToDisplayDate } from "./dateFormatter-BQoEbDGi.js";
+import { u as useExecutionHelpers } from "./AnnotationTagsDropdown-CvbfWPym.js";
+import { _ as _export_sfc } from "./n8n-Z2397JES.js";
 import { s as storeToRefs } from "./pinia-DvV9jJ-A.js";
 import "./axios-B4zXCSve.js";
 import "./flatted-D70IerrI.js";
 import "./bowser-C3wWO1p5.js";
-import "./@vueuse/core-C-N7SOS8.js";
+import "./@vueuse/core-BHDhJRX_.js";
 import "./lodash-es-kRWQHL5K.js";
-import "./@n8n/permissions-BdHAniXb.js";
+import "./@n8n/permissions-BxSXRD9U.js";
 import "./uuid-sKupIUZ4.js";
-import "./dateformat-U_ybGERk.js";
+import "./dateformat-BnMKt03f.js";
 import "./vue-i18n-DNQ-lWfW.js";
 import "./luxon-Bt_g4NOb.js";
 import "./@n8n/codemirror-lang-CIGGB1t0.js";
@@ -26,7 +26,7 @@ import "./@jsplumb/connector-bezier-D659hq4c.js";
 import "./@jsplumb/browser-ui-BphmFVJY.js";
 import "./codemirror-lang-html-n8n-CXTCIWzP.js";
 import "./esprima-next-DUEu30kB.js";
-import "./fast-json-stable-stringify-DFVeKQSP.js";
+import "./fast-json-stable-stringify-D53fIhuw.js";
 import "./timeago.js-CgQus8nl.js";
 import "./qrcode.vue-Di8rc46A.js";
 import "./vue3-touch-events-DVOgU3fI.js";

package/dist/assets/{FixedCollectionParameter-DMEv9len.js → FixedCollectionParameter-CZ0AANCx.js}

@@ -1,15 +1,15 @@
-import { ap as _sfc_main$1 } from "./index-BMqv_cxE.js";
+import { av as _sfc_main$1 } from "./index-D1NZCYzm.js";
 import { I as defineComponent, aB as pushScopeId, aC as popScopeId, an as resolveComponent, J as openBlock, K as createElementBlock, ac as withModifiers, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, U as createCommentVNode, R as Fragment, af as renderList, V as createBlock, L as createBaseVNode, _ as normalizeClass, aR as Suspense } from "./vendor-tVazXwC6.js";
-import { ay as isINodePropertyCollectionList, q as deepCopy, _ as _export_sfc } from "./n8n-NifPGZSM.js";
+import { aB as isINodePropertyCollectionList, q as deepCopy, _ as _export_sfc } from "./n8n-Z2397JES.js";
 import { g as get } from "./lodash-es-kRWQHL5K.js";
 import "./axios-B4zXCSve.js";
 import "./flatted-D70IerrI.js";
 import "./pinia-DvV9jJ-A.js";
 import "./bowser-C3wWO1p5.js";
-import "./@vueuse/core-C-N7SOS8.js";
-import "./@n8n/permissions-BdHAniXb.js";
+import "./@vueuse/core-BHDhJRX_.js";
+import "./@n8n/permissions-BxSXRD9U.js";
 import "./uuid-sKupIUZ4.js";
-import "./dateformat-U_ybGERk.js";
+import "./dateformat-BnMKt03f.js";
 import "./vue-i18n-DNQ-lWfW.js";
 import "./luxon-Bt_g4NOb.js";
 import "./@n8n/codemirror-lang-CIGGB1t0.js";
@@ -23,7 +23,7 @@ import "./@jsplumb/connector-bezier-D659hq4c.js";
 import "./@jsplumb/browser-ui-BphmFVJY.js";
 import "./codemirror-lang-html-n8n-CXTCIWzP.js";
 import "./esprima-next-DUEu30kB.js";
-import "./fast-json-stable-stringify-DFVeKQSP.js";
+import "./fast-json-stable-stringify-D53fIhuw.js";
 import "./timeago.js-CgQus8nl.js";
 import "./qrcode.vue-Di8rc46A.js";
 import "./vue3-touch-events-DVOgU3fI.js";

package/dist/assets/{ForgotMyPasswordView-CrINAbmV.js → ForgotMyPasswordView-CaetKBFO.js}

@@ -1,16 +1,16 @@
-import { A as AuthView } from "./AuthView-CqcftqAH.js";
-import { u as useToast, a as useUsersStore, b as useSettingsStore } from "./index-BMqv_cxE.js";
+import { A as AuthView } from "./AuthView-BGHoHWps.js";
+import { u as useToast, a as useUsersStore, b as useSettingsStore } from "./index-D1NZCYzm.js";
 import { I as defineComponent, an as resolveComponent, J as openBlock, V as createBlock } from "./vendor-tVazXwC6.js";
 import { m as mapStores } from "./pinia-DvV9jJ-A.js";
-import { _ as _export_sfc } from "./n8n-NifPGZSM.js";
+import { _ as _export_sfc } from "./n8n-Z2397JES.js";
 import "./axios-B4zXCSve.js";
 import "./flatted-D70IerrI.js";
 import "./bowser-C3wWO1p5.js";
-import "./@vueuse/core-C-N7SOS8.js";
+import "./@vueuse/core-BHDhJRX_.js";
 import "./lodash-es-kRWQHL5K.js";
-import "./@n8n/permissions-BdHAniXb.js";
+import "./@n8n/permissions-BxSXRD9U.js";
 import "./uuid-sKupIUZ4.js";
-import "./dateformat-U_ybGERk.js";
+import "./dateformat-BnMKt03f.js";
 import "./vue-i18n-DNQ-lWfW.js";
 import "./luxon-Bt_g4NOb.js";
 import "./@n8n/codemirror-lang-CIGGB1t0.js";
@@ -24,7 +24,7 @@ import "./@jsplumb/connector-bezier-D659hq4c.js";
 import "./@jsplumb/browser-ui-BphmFVJY.js";
 import "./codemirror-lang-html-n8n-CXTCIWzP.js";
 import "./esprima-next-DUEu30kB.js";
-import "./fast-json-stable-stringify-DFVeKQSP.js";
+import "./fast-json-stable-stringify-D53fIhuw.js";
 import "./timeago.js-CgQus8nl.js";
 import "./qrcode.vue-Di8rc46A.js";
 import "./vue3-touch-events-DVOgU3fI.js";

package/dist/assets/{MainHeader-CHYc_PZ4.css → MainHeader-46C-nkS_.css}

@@ -1,23 +1,23 @@
-.tags-container[data-v-708f5aea] {
+.tags-container[data-v-8b1055e0] {
   display: block;
   max-width: 300px;
 }
-.tags[data-v-708f5aea] {
+.tags[data-v-8b1055e0] {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   max-width: 100%;
 }
-.tags > span[data-v-708f5aea] {
+.tags > span[data-v-8b1055e0] {
   padding-right: 4px;
 }
-.hideTag[data-v-708f5aea] {
+.hideTag[data-v-8b1055e0] {
   visibility: hidden;
 }
-.el-tag.hoverable[data-v-708f5aea]:hover {
+.el-tag.hoverable[data-v-8b1055e0]:hover {
   border-color: var(--color-primary);
 }
-.count-container[data-v-708f5aea] {
+.count-container[data-v-8b1055e0] {
   position: absolute;
   max-width: 40px;
   text-overflow: ellipsis;
@@ -63,14 +63,29 @@ input[disabled][data-v-87c6f53b] {
   -webkit-opacity: 1;
 }.preview[data-v-dd0473d7] {
   cursor: pointer;
-}.name-container[data-v-f3671ada] {
+}._workflowHistoryButton_1hnmm_1 {
+  width: 30px;
+  height: 30px;
+  color: var(--color-text-dark);
+  border-radius: var(--border-radius-base);
+}
+._workflowHistoryButton_1hnmm_1:hover {
+  background-color: var(--color-background-base);
+}
+._workflowHistoryButton_1hnmm_1 :disabled {
+  background: transparent;
+  border: none;
+  opacity: 0.5;
+}._container_iuui0_1 {
+  margin: 0 var(--spacing-4xs);
+}.name-container[data-v-71fdd091] {
   margin-right: 20px;
 }
-.name[data-v-f3671ada] {
+.name[data-v-71fdd091] {
   color: var(--color-text-dark);
   font-size: 15px;
 }
-.activator[data-v-f3671ada] {
+.activator[data-v-71fdd091] {
   color: var(--color-text-dark);
   font-weight: 400;
   font-size: 13px;
@@ -82,20 +97,20 @@ input[disabled][data-v-87c6f53b] {
       -ms-flex-align: center;
           align-items: center;
 }
-.activator > span[data-v-f3671ada] {
+.activator > span[data-v-71fdd091] {
   margin-right: 5px;
 }
-.add-tag[data-v-f3671ada] {
+.add-tag[data-v-71fdd091] {
   font-size: 12px;
   padding: 20px 0;
   color: var(--color-text-light);
   font-weight: 600;
   white-space: nowrap;
 }
-.add-tag[data-v-f3671ada]:hover {
+.add-tag[data-v-71fdd091]:hover {
   color: var(--color-primary);
 }
-.tags[data-v-f3671ada] {
+.tags[data-v-71fdd091] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -108,12 +123,12 @@ input[disabled][data-v-87c6f53b] {
           flex: 1;
   margin-right: 20px;
 }
-.tags-edit[data-v-f3671ada] {
+.tags-edit[data-v-71fdd091] {
   min-width: 100px;
   width: 100%;
   max-width: 460px;
 }
-.actions[data-v-f3671ada] {
+.actions[data-v-71fdd091] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -121,7 +136,7 @@ input[disabled][data-v-87c6f53b] {
       -ms-flex-align: center;
           align-items: center;
   gap: var(--spacing-m);
-}._container_osj4g_1 {
+}._container_1ascc_1 {
   position: relative;
   top: -1px;
   width: 100%;
@@ -132,34 +147,20 @@ input[disabled][data-v-87c6f53b] {
       -ms-flex-align: center;
           align-items: center;
 }
-._group_osj4g_9 {
+._group_1ascc_9 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: var(--spacing-xs);
 }
-._hiddenInput_osj4g_14 {
+._hiddenInput_1ascc_14 {
   display: none;
 }
-._deleteItem_osj4g_18 {
+._deleteItem_1ascc_18 {
   color: var(--color-danger);
 }
-._disabledShareButton_osj4g_22 {
+._disabledShareButton_1ascc_22 {
   cursor: not-allowed;
-}
-._workflowHistoryButton_osj4g_26 {
-  width: 30px;
-  height: 30px;
-  color: var(--color-text-dark);
-  border-radius: var(--border-radius-base);
-}
-._workflowHistoryButton_osj4g_26:hover {
-  background-color: var(--color-background-base);
-}
-._workflowHistoryButton_osj4g_26 :disabled {
-  background: transparent;
-  border: none;
-  opacity: 0.5;
 }._container_1ndnk_1 {
   position: absolute;
   top: 47px;