n8n-editor-ui 1.100.0 → 1.101.0

package/dist/assets/{ProjectSettings-8tvaQJye.css → Tags-B0bIUnzf.css}

@@ -120,8 +120,36 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._operation_18zmn_123 {
-  padding: 0 0 var(--spacing-l) var(--spacing-l);
+._tag_49pvx_123 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  min-width: -webkit-max-content;
+  min-width: -moz-max-content;
+  min-width: max-content;
+  height: var(--tag-height);
+  padding: var(--tag-padding);
+  line-height: var(--tag-line-height);
+  color: var(--tag-text-color);
+  background-color: var(--tag-background-color);
+  border: 1px solid var(--tag-border-color);
+  border-radius: var(--tag-border-radius);
+  font-size: var(--tag-font-size);
+  -webkit-transition: background-color 0.3s ease;
+  transition: background-color 0.3s ease;
+}
+._tag_49pvx_123._clickable_49pvx_138 {
+  cursor: pointer;
+}
+._tag_49pvx_123._clickable_49pvx_138:hover {
+  background-color: var(--tag-background-hover-color);
+  border-color: var(--tag-border-hover-color);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -244,42 +272,23 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._projectSettings_g68s8_123 {
-  display: grid;
-  width: 100%;
-  justify-items: center;
-  grid-auto-rows: max-content;
-}
-._projectSettings_g68s8_123 form {
-  width: 100%;
-  max-width: var(--content-container-width);
-  padding: 0 var(--spacing-2xl);
-}
-._projectSettings_g68s8_123 form fieldset {
-  padding-bottom: var(--spacing-2xl);
-}
-._projectSettings_g68s8_123 form fieldset label {
-  display: block;
-  margin-bottom: var(--spacing-xs);
-  font-size: var(--font-size-xl);
-}
-._header_g68s8_143 {
-  width: 100%;
-  max-width: var(--content-container-width);
-  padding: var(--spacing-l) var(--spacing-2xl) 0;
-}
-._upgrade_g68s8_149 {
-  cursor: pointer;
-}
-._buttons_g68s8_153 {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-._project-name_g68s8_159 {
-  display: flex;
-  gap: var(--spacing-2xs);
+._tags_1q3u8_123 {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  overflow-x: scroll;
+  gap: var(--spacing-4xs);
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  /* Hide scrollbar for IE, Edge and Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+  margin-top: calc(var(--spacing-4xs) * -1);
 }
-._project-name_g68s8_159 ._project-name-input_g68s8_163 {
-  flex: 1;
+._tags_1q3u8_123::-webkit-scrollbar {
+  display: none;
 }

package/dist/assets/Tags-DbmKHzWo.js

@@ -0,0 +1,95 @@
+import { d as defineComponent, i as createElementBlock, g as openBlock, D as mergeProps, J as renderSlot, t as toDisplayString, _ as _export_sfc, r as ref, x as computed, n as normalizeClass, e as createBlock, f as createCommentVNode, F as Fragment, y as renderList, m as unref, a0 as N8nLink, bV as withModifiers, w as withCtx, l as createTextVNode, gM as useI18n } from "./index-7S5ADieN.js";
+const _hoisted_1 = { key: 1 };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "N8nTag" },
+  __name: "Tag",
+  props: {
+    text: {},
+    clickable: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", mergeProps({
+        class: ["n8n-tag", _ctx.$style.tag, { [_ctx.$style.clickable]: _ctx.clickable }]
+      }, _ctx.$attrs), [
+        _ctx.$slots["tag"] ? renderSlot(_ctx.$slots, "tag", { key: 0 }) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.text), 1))
+      ], 16);
+    };
+  }
+});
+const tag = "_tag_49pvx_123";
+const clickable = "_clickable_49pvx_138";
+const style0$1 = {
+  tag,
+  clickable
+};
+const cssModules$1 = {
+  "$style": style0$1
+};
+const Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "N8nTags" },
+  __name: "Tags",
+  props: {
+    tags: { default: () => [] },
+    truncate: { type: Boolean, default: false },
+    truncateAt: { default: 3 },
+    clickable: { type: Boolean, default: true }
+  },
+  emits: ["expand", "click:tag"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useI18n();
+    const showAll = ref(false);
+    const visibleTags = computed(() => {
+      const { tags: tags2, truncate, truncateAt } = props;
+      if (truncate && !showAll.value && tags2.length > truncateAt) {
+        return tags2.slice(0, truncateAt);
+      }
+      return tags2;
+    });
+    const hiddenTagsLength = computed(() => props.tags.length - props.truncateAt);
+    const onExpand = () => {
+      showAll.value = true;
+      emit("expand", true);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["n8n-tags", _ctx.$style.tags])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(visibleTags.value, (tag2) => {
+          return openBlock(), createBlock(unref(Tag), {
+            key: tag2.id,
+            text: tag2.name,
+            clickable: _ctx.clickable,
+            onClick: ($event) => emit("click:tag", tag2.id, $event)
+          }, null, 8, ["text", "clickable", "onClick"]);
+        }), 128)),
+        _ctx.truncate && !showAll.value && hiddenTagsLength.value > 0 ? (openBlock(), createBlock(unref(N8nLink), {
+          key: 0,
+          theme: "text",
+          underline: "",
+          size: "small",
+          onClick: withModifiers(onExpand, ["stop", "prevent"])
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("tags.showMore", [`${hiddenTagsLength.value}`])), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const tags = "_tags_1q3u8_123";
+const style0 = {
+  tags
+};
+const cssModules = {
+  "$style": style0
+};
+const Tags = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  Tags as T
+};

package/dist/assets/{TemplateDetails-CmL1Gj71.js → TemplateDetails-DP_5pkzG.js}

@@ -1,4 +1,5 @@
-import { d as defineComponent, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, A as renderSlot, _ as _export_sfc, b as useRouter, aV as useTemplatesStore, e as createBlock, f as createCommentVNode, F as Fragment, G as renderList, bF as _sfc_main$2, m as unref, f6 as filterTemplateNodes, c as useI18n, f7 as _sfc_main$3, f8 as abbreviateNumber } from "./index-ZImlcrmd.js";
+import { d as defineComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, N as N8nHeading, J as renderSlot, _ as _export_sfc, b as useRouter, bd as useTemplatesStore, x as computed, e as createBlock, f as createCommentVNode, eQ as N8nLoading, F as Fragment, y as renderList, bW as _sfc_main$2, m as unref, fD as filterTemplateNodes, c as useI18n, p as N8nText, fE as _sfc_main$3, fF as abbreviateNumber } from "./index-7S5ADieN.js";
+import { T as Tags } from "./Tags-DbmKHzWo.js";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "TemplateDetailsBlock",
   props: {
@@ -6,7 +7,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      const _component_n8n_heading = resolveComponent("n8n-heading");
+      const _component_n8n_heading = N8nHeading;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.block)
       }, [
@@ -59,9 +60,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     loading: { type: Boolean }
   },
   setup(__props) {
+    const props = __props;
     const router = useRouter();
     const i18n = useI18n();
     const templatesStore = useTemplatesStore();
+    const categoriesAsTags = computed(
+      () => props.template && "categories" in props.template ? props.template.categories.map((category) => ({
+        id: `${category.id}`,
+        name: category.name
+      })) : []
+    );
     const redirectToCategory = (id) => {
       templatesStore.resetSessionId();
       void router.push(`/templates?categories=${id}`);
@@ -71,9 +79,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       void router.push(`/templates?search=${node.displayName}`);
     };
     return (_ctx, _cache) => {
-      const _component_n8n_loading = resolveComponent("n8n-loading");
-      const _component_n8n_tags = resolveComponent("n8n-tags");
-      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_loading = N8nLoading;
+      const _component_n8n_tags = Tags;
+      const _component_n8n_text = N8nText;
       return openBlock(), createElementBlock("div", null, [
         createVNode(_component_n8n_loading, {
           loading: _ctx.loading,
@@ -105,13 +113,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["title"])) : createCommentVNode("", true),
-        !_ctx.loading && unref(isFullTemplatesCollection)(_ctx.template) && _ctx.template.categories.length > 0 ? (openBlock(), createBlock(TemplateDetailsBlock, {
+        !_ctx.loading && unref(isFullTemplatesCollection)(_ctx.template) && categoriesAsTags.value.length > 0 ? (openBlock(), createBlock(TemplateDetailsBlock, {
           key: 1,
           title: unref(i18n).baseText("template.details.categories")
         }, {
           default: withCtx(() => [
             createVNode(_component_n8n_tags, {
-              tags: _ctx.template.categories,
+              tags: categoriesAsTags.value,
               "onClick:tag": redirectToCategory
             }, null, 8, ["tags"])
           ]),
@@ -172,8 +180,8 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+const __unplugin_components_6 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
-  __unplugin_components_1 as _,
+  __unplugin_components_6 as _,
   isFullTemplatesCollection as i
 };

package/dist/assets/{TemplateList-DpqrSF2u.js → TemplateList-y8Aumcsb.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, x as computed, f6 as filterTemplateNodes, i as createElementBlock, g as openBlock, n as normalizeClass, f as createCommentVNode, F as Fragment, G as renderList, j as createVNode, bF as _sfc_main$3, t as toDisplayString, _ as _export_sfc, h as resolveComponent, w as withCtx, l as createTextVNode, e as createBlock, m as unref, f8 as abbreviateNumber, f7 as _sfc_main$4, c as useI18n, bE as withModifiers, r as ref, o as onMounted, z as onBeforeUnmount, k as createBaseVNode } from "./index-ZImlcrmd.js";
+import { d as defineComponent, x as computed, fD as filterTemplateNodes, i as createElementBlock, g as openBlock, n as normalizeClass, f as createCommentVNode, F as Fragment, y as renderList, j as createVNode, bW as _sfc_main$3, t as toDisplayString, _ as _export_sfc, h as resolveComponent, eQ as N8nLoading, w as withCtx, l as createTextVNode, N as N8nHeading, e as createBlock, m as unref, fF as abbreviateNumber, p as N8nText, fE as _sfc_main$4, c as useI18n, q as N8nButton, bV as withModifiers, r as ref, o as onMounted, I as onBeforeUnmount, k as createBaseVNode } from "./index-7S5ADieN.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "NodeList",
   props: {
@@ -92,11 +92,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emit("click", e);
     }
     return (_ctx, _cache) => {
-      const _component_n8n_loading = resolveComponent("n8n-loading");
-      const _component_n8n_heading = resolveComponent("n8n-heading");
+      const _component_n8n_loading = N8nLoading;
+      const _component_n8n_heading = N8nHeading;
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-      const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_n8n_button = resolveComponent("n8n-button");
+      const _component_n8n_text = N8nText;
+      const _component_n8n_button = N8nButton;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([
           _ctx.$style.card,
@@ -292,7 +292,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("useWorkflow", { event, id });
     }
     return (_ctx, _cache) => {
-      const _component_n8n_heading = resolveComponent("n8n-heading");
+      const _component_n8n_heading = N8nHeading;
       return _ctx.loading || _ctx.workflows.length ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.list)

package/dist/assets/{TemplatesCollectionView-DVlz-_MJ.js → TemplatesCollectionView-VdQpHtxs.js}

@@ -1,8 +1,9 @@
-import { i as isFullTemplatesCollection, _ as __unplugin_components_1 } from "./TemplateDetails-CmL1Gj71.js";
-import { T as TemplateList } from "./TemplateList-DpqrSF2u.js";
-import { T as TemplatesView } from "./TemplatesView-CXH6dh9Y.js";
-import { d as defineComponent, aV as useTemplatesStore, bw as useNodeTypesStore, U as useRoute, b as useRouter, a7 as useDocumentTitle, r as ref, x as computed, $ as watch, o as onMounted, h as resolveComponent, e as createBlock, g as openBlock, b1 as createSlots, w as withCtx, k as createBaseVNode, n as normalizeClass, i as createElementBlock, f as createCommentVNode, j as createVNode, m as unref, c as useI18n, l as createTextVNode, t as toDisplayString, V as VIEWS, am as useTelemetry, aX as useExternalHooks, _ as _export_sfc } from "./index-ZImlcrmd.js";
-import { u as useTemplateWorkflow } from "./templateActions-DgE3PfYi.js";
+import { d as defineComponent, bd as useTemplatesStore, bN as useNodeTypesStore, a4 as useRoute, b as useRouter, ah as useDocumentTitle, r as ref, x as computed, a9 as watch, o as onMounted, e as createBlock, g as openBlock, bh as createSlots, w as withCtx, k as createBaseVNode, n as normalizeClass, i as createElementBlock, f as createCommentVNode, j as createVNode, m as unref, fC as N8nMarkdown, c as useI18n, N as N8nHeading, l as createTextVNode, t as toDisplayString, p as N8nText, eQ as N8nLoading, V as VIEWS, ax as useTelemetry, bf as useExternalHooks, _ as _export_sfc } from "./index-7S5ADieN.js";
+import { i as isFullTemplatesCollection, _ as __unplugin_components_6 } from "./TemplateDetails-DP_5pkzG.js";
+import { T as TemplateList } from "./TemplateList-y8Aumcsb.js";
+import { T as TemplatesView } from "./TemplatesView-4DUEEEtD.js";
+import { u as useTemplateWorkflow } from "./templateActions-DJJfyIhq.js";
+import "./Tags-DbmKHzWo.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TemplatesCollectionView",
   setup(__props) {
@@ -86,10 +87,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      const _component_n8n_heading = resolveComponent("n8n-heading");
-      const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_n8n_loading = resolveComponent("n8n-loading");
-      const _component_n8n_markdown = resolveComponent("n8n-markdown");
+      const _component_n8n_heading = N8nHeading;
+      const _component_n8n_text = N8nText;
+      const _component_n8n_loading = N8nLoading;
+      const _component_n8n_markdown = N8nMarkdown;
       return openBlock(), createBlock(TemplatesView, { "go-back-enabled": true }, createSlots({
         header: withCtx(() => [
           !notFoundError.value ? (openBlock(), createElementBlock("div", {
@@ -153,8 +154,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(_ctx.$style.markdown)
                 }, [
                   createVNode(_component_n8n_markdown, {
-                    content: unref(isFullTemplatesCollection)(collection.value) && collection.value.description,
-                    images: unref(isFullTemplatesCollection)(collection.value) && collection.value.image,
+                    content: unref(isFullTemplatesCollection)(collection.value) && collection.value.description ? collection.value.description : "",
+                    images: unref(isFullTemplatesCollection)(collection.value) && collection.value.image ? collection.value.image : void 0,
                     loading: loading.value
                   }, null, 8, ["content", "images", "loading"])
                 ], 2)) : createCommentVNode("", true),
@@ -170,7 +171,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", {
                 class: normalizeClass(_ctx.$style.details)
               }, [
-                createVNode(__unplugin_components_1, {
+                createVNode(__unplugin_components_6, {
                   "block-title": unref(i18n).baseText("template.details.appsInTheCollection"),
                   loading: loading.value,
                   template: collection.value

package/dist/assets/{TemplatesSearchView-CcToWnkG.js → TemplatesSearchView-BUcYRVEK.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, h as resolveComponent, e as createBlock, g as openBlock, bK as mergeProps, b1 as createSlots, w as withCtx, k as createBaseVNode, t as toDisplayString, n as normalizeClass, A as renderSlot, j as createVNode, _ as _export_sfc, D as normalizeStyle, aI as withDirectives, l as createTextVNode, m as unref, c as useI18n, aJ as vShow, ff as orderBy, fg as requireDebounce, fh as requireIsObject, bz as getDefaultExportFromCjs, i as createElementBlock, f as createCommentVNode, F as Fragment, G as renderList, r as ref, $ as watch, o as onMounted, B as nextTick, aH as onBeforeMount, x as computed, I as useDebounce, a as useToast, a7 as useDocumentTitle, v as useSettingsStore, aV as useTemplatesStore, u as useUsersStore, U as useRoute, b as useRouter, ec as onBeforeRouteLeave, bY as resolveDirective, fi as CREATOR_HUB_URL, V as VIEWS, am as useTelemetry } from "./index-ZImlcrmd.js";
-import { N as NodeList, T as TemplateList } from "./TemplateList-DpqrSF2u.js";
-import { T as TemplatesView } from "./TemplatesView-CXH6dh9Y.js";
+import { d as defineComponent, e as createBlock, g as openBlock, s as N8nCard, D as mergeProps, bh as createSlots, w as withCtx, k as createBaseVNode, t as toDisplayString, n as normalizeClass, J as renderSlot, j as createVNode, eQ as N8nLoading, _ as _export_sfc, O as normalizeStyle, aT as withDirectives, p as N8nText, l as createTextVNode, m as unref, c as useI18n, aU as vShow, fM as orderBy, fN as requireDebounce, fO as requireIsObject, bQ as getDefaultExportFromCjs, i as createElementBlock, f as createCommentVNode, F as Fragment, y as renderList, r as ref, a9 as watch, o as onMounted, K as nextTick, aS as onBeforeMount, h as resolveComponent, x as computed, R as useDebounce, a as useToast, ah as useDocumentTitle, v as useSettingsStore, bd as useTemplatesStore, u as useUsersStore, a4 as useRoute, b as useRouter, eB as onBeforeRouteLeave, ca as resolveDirective, dU as N8nInput, N as N8nHeading, q as N8nButton, fP as CREATOR_HUB_URL, V as VIEWS, ax as useTelemetry } from "./index-7S5ADieN.js";
+import { N as NodeList, T as TemplateList } from "./TemplateList-y8Aumcsb.js";
+import { T as TemplatesView } from "./TemplatesView-4DUEEEtD.js";
 const _hoisted_1$3 = ["textContent"];
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "CollectionWorkflowCard",
@@ -10,8 +10,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      const _component_n8n_loading = resolveComponent("n8n-loading");
-      const _component_n8n_card = resolveComponent("n8n-card");
+      const _component_n8n_loading = N8nLoading;
+      const _component_n8n_card = N8nCard;
       return openBlock(), createBlock(_component_n8n_card, mergeProps({
         class: _ctx.$style.card
       }, _ctx.$attrs), createSlots({
@@ -66,7 +66,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const i18n = useI18n();
     return (_ctx, _cache) => {
-      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_text = N8nText;
       return openBlock(), createBlock(Card, {
         loading: _ctx.loading,
         title: _ctx.collection.name,
@@ -1050,9 +1050,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      const _component_n8n_loading = resolveComponent("n8n-loading");
+      const _component_n8n_loading = N8nLoading;
       const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_text = N8nText;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.filters, "template-filters"]),
         "data-test-id": "templates-filter-container"
@@ -1383,6 +1383,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       void loadWorkflowsAndCollections(true);
       void usersStore.showPersonalizationSurvey();
       restoreSearchFromRoute();
+      if (settingsStore.isTemplatesEnabled) {
+        settingsStore.testTemplatesEndpoint().catch(() => {
+        });
+      }
       setTimeout(() => {
         const scrollOffset = route.meta?.scrollOffset;
         if (typeof scrollOffset === "number" && scrollOffset > 0) {
@@ -1404,11 +1408,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _component_n8n_heading = resolveComponent("n8n-heading");
-      const _component_n8n_button = resolveComponent("n8n-button");
+      const _component_n8n_heading = N8nHeading;
+      const _component_n8n_button = N8nButton;
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-      const _component_n8n_input = resolveComponent("n8n-input");
-      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_input = N8nInput;
+      const _component_n8n_text = N8nText;
       const _directive_n8n_html = resolveDirective("n8n-html");
       return openBlock(), createBlock(TemplatesView, null, {
         header: withCtx(() => [

package/dist/assets/{TemplatesView-CXH6dh9Y.js → TemplatesView-4DUEEEtD.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, b as useRouter, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, j as createVNode, k as createBaseVNode, t as toDisplayString, m as unref, c as useI18n, V as VIEWS, _ as _export_sfc, f as createCommentVNode, A as renderSlot } from "./index-ZImlcrmd.js";
+import { d as defineComponent, b as useRouter, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, j as createVNode, k as createBaseVNode, t as toDisplayString, m as unref, c as useI18n, V as VIEWS, _ as _export_sfc, f as createCommentVNode, J as renderSlot } from "./index-7S5ADieN.js";
 const _hoisted_1 = ["textContent"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "GoBackButton",

package/dist/assets/{TemplatesWorkflowView-DL9rIrAK.js → TemplatesWorkflowView--zUXMB8f.js}

@@ -1,8 +1,9 @@
-import { _ as __unplugin_components_1 } from "./TemplateDetails-CmL1Gj71.js";
-import { W as WorkflowPreview } from "./WorkflowPreview-CAv2jWEf.js";
-import { d as defineComponent, aV as useTemplatesStore, bw as useNodeTypesStore, U as useRoute, b as useRouter, a7 as useDocumentTitle, r as ref, x as computed, $ as watch, o as onMounted, h as resolveComponent, e as createBlock, g as openBlock, b1 as createSlots, w as withCtx, k as createBaseVNode, n as normalizeClass, f as createCommentVNode, j as createVNode, m as unref, c as useI18n, i as createElementBlock, l as createTextVNode, t as toDisplayString, am as useTelemetry, aX as useExternalHooks, _ as _export_sfc } from "./index-ZImlcrmd.js";
-import { u as useTemplateWorkflow } from "./templateActions-DgE3PfYi.js";
-import { T as TemplatesView } from "./TemplatesView-CXH6dh9Y.js";
+import { _ as __unplugin_components_6 } from "./TemplateDetails-DP_5pkzG.js";
+import { d as defineComponent, bd as useTemplatesStore, bN as useNodeTypesStore, a4 as useRoute, b as useRouter, ah as useDocumentTitle, r as ref, x as computed, a9 as watch, o as onMounted, e as createBlock, g as openBlock, bh as createSlots, w as withCtx, k as createBaseVNode, n as normalizeClass, f as createCommentVNode, j as createVNode, fC as N8nMarkdown, m as unref, c as useI18n, i as createElementBlock, N as N8nHeading, l as createTextVNode, t as toDisplayString, p as N8nText, eQ as N8nLoading, q as N8nButton, ax as useTelemetry, bf as useExternalHooks, _ as _export_sfc } from "./index-7S5ADieN.js";
+import { W as WorkflowPreview } from "./WorkflowPreview-D3YRZjYi.js";
+import { u as useTemplateWorkflow } from "./templateActions-DJJfyIhq.js";
+import { T as TemplatesView } from "./TemplatesView-4DUEEEtD.js";
+import "./Tags-DbmKHzWo.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TemplatesWorkflowView",
   setup(__props) {
@@ -68,13 +69,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      const _component_n8n_heading = resolveComponent("n8n-heading");
-      const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_n8n_loading = resolveComponent("n8n-loading");
-      const _component_n8n_button = resolveComponent("n8n-button");
+      const _component_n8n_heading = N8nHeading;
+      const _component_n8n_text = N8nText;
+      const _component_n8n_loading = N8nLoading;
+      const _component_n8n_button = N8nButton;
       const _component_WorkflowPreview = WorkflowPreview;
-      const _component_n8n_markdown = resolveComponent("n8n-markdown");
-      const _component_TemplateDetails = __unplugin_components_1;
+      const _component_n8n_markdown = N8nMarkdown;
+      const _component_TemplateDetails = __unplugin_components_6;
       return openBlock(), createBlock(TemplatesView, { "go-back-enabled": true }, createSlots({
         header: withCtx(() => [
           !notFoundError.value ? (openBlock(), createElementBlock("div", {

package/dist/assets/{VariablesView-CX3umLhX.js → VariablesView-DoWb0Vtv.js}

@@ -1,7 +1,8 @@
-import { d as defineComponent, bW as useClipboard, a as useToast, x as computed, e as createBlock, g as openBlock, m as unref, aZ as N8nTooltip, w as withCtx, k as createBaseVNode, t as toDisplayString, l as createTextVNode, c as useI18n, _ as _export_sfc, e1 as reactive, bl as toRaw, r as ref, i as createElementBlock, j as createVNode, fj as N8nFormInput, f as createCommentVNode, q as N8nButton, v as useSettingsStore, e2 as useEnvironmentsStore, u as useUsersStore, J as useUIStore, a3 as useSourceControlStore, U as useRoute, b as useRouter, ag as useTemplateRef, ab as getResourcePermissions, fk as useAsyncState, ae as EnterpriseEditionFeature, aa as usePageRedirectionHelper, o as onMounted, a7 as useDocumentTitle, h as resolveComponent, b1 as createSlots, fl as N8nActionBox, bK as mergeProps, bO as normalizeProps, F as Fragment, fm as N8nBadge, fn as N8nInputLabel, fo as N8nCheckbox, fp as uid, am as useTelemetry, ao as useMessage, ap as MODAL_CONFIRM } from "./index-ZImlcrmd.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-D0WMvHN_.js";
-import { p as pickBy } from "./pickBy-C61vriIY.js";
-import "./useProjectPages-wyiRSAYY.js";
+import { d as defineComponent, c8 as useClipboard, a as useToast, x as computed, e as createBlock, g as openBlock, m as unref, Z as N8nTooltip, w as withCtx, k as createBaseVNode, t as toDisplayString, l as createTextVNode, c as useI18n, _ as _export_sfc, ep as reactive, bC as toRaw, r as ref, i as createElementBlock, j as createVNode, fQ as N8nFormInput, f as createCommentVNode, q as N8nButton, v as useSettingsStore, eq as useEnvironmentsStore, u as useUsersStore, S as useUIStore, ad as useSourceControlStore, a4 as useRoute, b as useRouter, aq as useTemplateRef, al as getResourcePermissions, fR as useAsyncState, ao as EnterpriseEditionFeature, ak as usePageRedirectionHelper, o as onMounted, ah as useDocumentTitle, bh as createSlots, f2 as N8nActionBox, D as mergeProps, c0 as normalizeProps, F as Fragment, au as N8nBadge, fb as N8nInputLabel, fS as N8nCheckbox, N as N8nHeading, fT as uid, ax as useTelemetry, az as useMessage, aA as MODAL_CONFIRM } from "./index-7S5ADieN.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-BVbjqFbc.js";
+import { p as pickBy } from "./pickBy-DPxZbMic.js";
+import "./TableBase-DruQl-SO.js";
+import "./useProjectPages-DgMGWOaO.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VariablesUsageBadge",
   props: {
@@ -348,7 +349,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       useDocumentTitle().set(i18n.baseText("variables.heading"));
     });
     return (_ctx, _cache) => {
-      const _component_n8n_heading = resolveComponent("n8n-heading");
+      const _component_n8n_heading = N8nHeading;
       return openBlock(), createBlock(ResourcesListLayout, {
         ref_key: "layoutRef",
         ref: layoutRef,
@@ -534,7 +535,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VariablesView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-197a674e"]]);
+const VariablesView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-00e4f3ac"]]);
 export {
   VariablesView as default
 };

package/dist/assets/{VariablesView-2BSJPXRB.css → VariablesView-Kog_9PMT.css}

@@ -377,21 +377,24 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.action-buttons[data-v-197a674e] {
+.action-buttons[data-v-00e4f3ac] {
   opacity: 0;
   transition: opacity 0.2s ease;
 }
-[data-v-197a674e] .datatable {
+[data-v-00e4f3ac] .datatable {
   white-space: nowrap;
 }
-[data-v-197a674e] .datatable table tr:hover .action-buttons {
+[data-v-00e4f3ac] .datatable table tr:hover .action-buttons {
   opacity: 1;
 }
+[data-v-00e4f3ac] .datatable table tr td:nth-child(2) {
+  white-space: normal;
+}
 @media screen and (max-width: 992px) {
-[data-v-197a674e] .datatable table tr th:nth-child(3),[data-v-197a674e] .datatable table tr td:nth-child(3) {
+[data-v-00e4f3ac] .datatable table tr th:nth-child(3),[data-v-00e4f3ac] .datatable table tr td:nth-child(3) {
     display: none;
 }
 }
-[data-v-197a674e] .datatable .variables-actions-column {
+[data-v-00e4f3ac] .datatable .variables-actions-column {
   width: 170px;
 }

package/dist/assets/{WorkerView-C5XLf-D-.js → WorkerView-D56d7XJA.js}

@@ -1,8 +1,8 @@
-import { _ as _sfc_main$7 } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-D-uuE-zX.js";
-import { d as defineComponent, r as ref, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, j as createVNode, w as withCtx, A as renderSlot, _ as _export_sfc, e as createBlock, F as Fragment, G as renderList, t as toDisplayString, l as createTextVNode, m as unref, c as useI18n, bW as useClipboard, a as useToast, x as computed, aT as sortByProperty, o as onMounted, z as onBeforeUnmount, b as useRouter, a7 as useDocumentTitle, a1 as useRootStore, S as usePushConnectionStore, am as useTelemetry, aH as onBeforeMount, v as useSettingsStore, aa as usePageRedirectionHelper } from "./index-ZImlcrmd.js";
-import { a as useOrchestrationStore, W as WORKER_HISTORY_LENGTH, u as usePushConnection } from "./usePushConnection-DbNbVMYT.js";
-import { C as Chart } from "./index-Cjj5DRsU.js";
-import "./global-link-actions-CudV1inR.js";
+import { d as defineComponent, r as ref, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, j as createVNode, aW as N8nIcon, p as N8nText, w as withCtx, J as renderSlot, _ as _export_sfc, e as createBlock, F as Fragment, y as renderList, t as toDisplayString, l as createTextVNode, m as unref, c as useI18n, c8 as useClipboard, a as useToast, x as computed, b8 as sortByProperty, o as onMounted, I as onBeforeUnmount, s as N8nCard, N as N8nHeading, b as useRouter, ah as useDocumentTitle, ab as useRootStore, a2 as usePushConnectionStore, ax as useTelemetry, aS as onBeforeMount, eP as _sfc_main$8, v as useSettingsStore, ak as usePageRedirectionHelper, f2 as N8nActionBox } from "./index-7S5ADieN.js";
+import { _ as _sfc_main$7 } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-cnANEo9o.js";
+import { a as useOrchestrationStore, W as WORKER_HISTORY_LENGTH, u as usePushConnection } from "./usePushConnection-D8SE-itT.js";
+import { C as Chart } from "./index-uJOu4Uio.js";
+import "./global-link-actions-olwfH36z.js";
 function averageWorkerLoadFromLoads(loads) {
   return loads.reduce((prev, curr) => prev + curr, 0) / loads.length;
 }
@@ -16,7 +16,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "WorkerAccordion.ee",
   props: {
     icon: { default: "tasks" },
-    iconColor: { default: "black" },
+    iconColor: { default: "text-dark" },
     initialExpanded: { type: Boolean, default: true }
   },
   setup(__props) {
@@ -26,8 +26,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       expanded2.value = !expanded2.value;
     }
     return (_ctx, _cache) => {
-      const _component_n8n_icon = resolveComponent("n8n-icon");
-      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_icon = N8nIcon;
+      const _component_n8n_text = N8nText;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["accordion", _ctx.$style.container])
       }, [
@@ -103,10 +103,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return `${hrs}h ${mnts}m ${Math.floor(seconds)}s`;
     }
     return (_ctx, _cache) => {
-      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_text = N8nText;
       return openBlock(), createBlock(WorkerAccordion, {
         icon: "tasks",
-        "icon-color": "black",
+        "icon-color": "text-dark",
         "initial-expanded": true
       }, {
         title: withCtx(() => [
@@ -191,7 +191,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(WorkerAccordion, {
         icon: "tasks",
-        "icon-color": "black",
+        "icon-color": "text-dark",
         "initial-expanded": false
       }, {
         title: withCtx(() => [
@@ -318,7 +318,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(WorkerAccordion, {
         icon: "tasks",
-        "icon-color": "black",
+        "icon-color": "text-dark",
         "initial-expanded": false
       }, {
         title: withCtx(() => [
@@ -415,9 +415,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       clearInterval(interval);
     });
     return (_ctx, _cache) => {
-      const _component_n8n_heading = resolveComponent("n8n-heading");
-      const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_n8n_card = resolveComponent("n8n-card");
+      const _component_n8n_heading = N8nHeading;
+      const _component_n8n_text = N8nText;
+      const _component_n8n_card = N8nCard;
       return worker.value ? (openBlock(), createBlock(_component_n8n_card, {
         key: 0,
         class: normalizeClass(_ctx.$style.cardLink)
@@ -534,8 +534,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_PushConnectionTracker = _sfc_main$7;
-      const _component_n8n_heading = resolveComponent("n8n-heading");
-      const _component_n8n_spinner = resolveComponent("n8n-spinner");
+      const _component_n8n_heading = N8nHeading;
+      const _component_n8n_spinner = _sfc_main$8;
       return openBlock(), createElementBlock("div", null, [
         createVNode(_component_PushConnectionTracker, { class: "actions" }),
         createBaseVNode("div", {
@@ -595,7 +595,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       void pageRedirectionHelper.goToUpgrade("worker-view", "upgrade-worker-view");
     };
     return (_ctx, _cache) => {
-      const _component_n8n_action_box = resolveComponent("n8n-action-box");
+      const _component_n8n_action_box = N8nActionBox;
       return unref(settingsStore).isQueueModeEnabled && unref(settingsStore).isWorkerViewAvailable ? (openBlock(), createBlock(WorkerList, {
         key: 0,
         "data-test-id": "worker-view-licensed"