n8n-editor-ui 1.109.2 → 1.110.1

package/dist/assets/PageViewLayout--7SkYsc9.js

@@ -0,0 +1,27 @@
+import { _ as _export_sfc, h as createElementBlock, g as openBlock, X as renderSlot, j as createBaseVNode, n as normalizeClass } from "./index--OJ5nhDf.js";
+const wrapper = "_wrapper_1x8n3_123";
+const content = "_content_1x8n3_139";
+const style0 = {
+  wrapper,
+  content
+};
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.$style.wrapper)
+  }, [
+    renderSlot(_ctx.$slots, "header"),
+    createBaseVNode("main", {
+      class: normalizeClass(_ctx.$style.content)
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2)
+  ], 2);
+}
+const cssModules = {
+  "$style": style0
+};
+const __unplugin_components_5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__cssModules", cssModules]]);
+export {
+  __unplugin_components_5 as _
+};

package/dist/assets/PageViewLayout-CJlzbuVj.css

@@ -0,0 +1,141 @@
+/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._wrapper_1x8n3_123 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  max-width: var(--content-container-width);
+  box-sizing: border-box;
+  align-content: start;
+  padding: var(--spacing-l) var(--spacing-2xl) 0;
+}
+@media screen and (max-width: 991px) {
+._wrapper_1x8n3_123 {
+    padding: var(--spacing-s) var(--spacing-s) 0;
+}
+}
+._content_1x8n3_139 {
+  display: grid;
+  height: 100%;
+}

package/dist/assets/PrebuiltAgentTemplatesView-B7fK6krA.js

@@ -0,0 +1,196 @@
+import { _ as __unplugin_components_5 } from "./PageViewLayout--7SkYsc9.js";
+import { d as defineComponent, ad as useNodeTypesStore, bm as useCalloutHelpers, x as computed, o as onMounted, e as createBlock, g as openBlock, w as withCtx, j as createBaseVNode, n as normalizeClass, i as createVNode, m as N8nHeading, k as createTextVNode, t as toDisplayString, l as unref, c as useI18n, C as N8nLink, V as VIEWS, h as createElementBlock, F as Fragment, A as renderList, s as N8nCard, g4 as NodeCreatorNode, br as createSlots, bX as NodeIcon, _ as _export_sfc } from "./index--OJ5nhDf.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PrebuiltAgentTemplatesView",
+  setup(__props) {
+    const nodeTypesStore = useNodeTypesStore();
+    const i18n = useI18n();
+    const calloutHelpers = useCalloutHelpers();
+    const preBuiltAgents = computed(
+      () => calloutHelpers.getPreBuiltAgentNodeCreatorItems()
+    );
+    const tutorials2 = computed(
+      () => calloutHelpers.getTutorialTemplatesNodeCreatorItems()
+    );
+    const openTemplate = (templateId) => {
+      calloutHelpers.openSampleWorkflowTemplate(templateId, {
+        telemetry: {
+          source: "templates"
+        }
+      });
+    };
+    onMounted(async () => {
+      await nodeTypesStore.loadNodeTypesIfNotLoaded();
+    });
+    return (_ctx, _cache) => {
+      const _component_N8nHeading = N8nHeading;
+      const _component_N8nLink = N8nLink;
+      const _component_NodeIcon = NodeIcon;
+      const _component_N8nNodeCreatorNode = NodeCreatorNode;
+      const _component_N8nCard = N8nCard;
+      const _component_PageViewLayout = __unplugin_components_5;
+      return openBlock(), createBlock(_component_PageViewLayout, null, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.content)
+          }, [
+            createBaseVNode("section", {
+              class: normalizeClass(_ctx.$style.section)
+            }, [
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.header)
+              }, [
+                createVNode(_component_N8nHeading, {
+                  tag: "h2",
+                  bold: "",
+                  size: "xlarge"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(i18n).baseText("preBuiltAgentTemplates.title")), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_N8nLink, {
+                  to: { name: unref(VIEWS).TEMPLATES },
+                  underline: "",
+                  bold: ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(i18n).baseText("preBuiltAgentTemplates.viewAllLink")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"])
+              ], 2),
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.grid)
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(preBuiltAgents.value, (template) => {
+                  return openBlock(), createBlock(_component_N8nCard, {
+                    key: template.key,
+                    class: normalizeClass(_ctx.$style.card),
+                    onClick: ($event) => openTemplate(template.properties.templateId)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_N8nNodeCreatorNode, {
+                        class: normalizeClass(_ctx.$style.templateLink),
+                        title: template.properties.title,
+                        description: template.properties.description,
+                        tag: template.properties.tag,
+                        "show-action-arrow": true,
+                        "is-trigger": false,
+                        "hide-node-icon": true
+                      }, createSlots({ _: 2 }, [
+                        template.properties.nodes ? {
+                          name: "extraDetails",
+                          fn: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(template.properties.nodes, (node) => {
+                              return openBlock(), createBlock(_component_NodeIcon, {
+                                key: node.name,
+                                "node-type": node,
+                                size: 16,
+                                "show-tooltip": true
+                              }, null, 8, ["node-type"]);
+                            }), 128))
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["class", "title", "description", "tag"])
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"]);
+                }), 128))
+              ], 2)
+            ], 2),
+            createBaseVNode("section", {
+              class: normalizeClass(_ctx.$style.section)
+            }, [
+              createVNode(_component_N8nHeading, {
+                tag: "h2",
+                bold: "",
+                size: "xlarge"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(i18n).baseText("preBuiltAgentTemplates.tutorials")), 1)
+                ]),
+                _: 1
+              }),
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.tutorials)
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(tutorials2.value, (template) => {
+                  return openBlock(), createBlock(_component_N8nCard, {
+                    key: template.key,
+                    class: normalizeClass(_ctx.$style.card),
+                    onClick: ($event) => openTemplate(template.properties.templateId)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_N8nNodeCreatorNode, {
+                        class: normalizeClass(_ctx.$style.templateLink),
+                        title: template.properties.title,
+                        description: template.properties.description,
+                        tag: template.properties.tag,
+                        "show-action-arrow": true,
+                        "is-trigger": false,
+                        "hide-node-icon": true
+                      }, createSlots({ _: 2 }, [
+                        template.properties.nodes ? {
+                          name: "extraDetails",
+                          fn: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(template.properties.nodes, (node) => {
+                              return openBlock(), createBlock(_component_NodeIcon, {
+                                key: node.name,
+                                "node-type": node,
+                                size: 16,
+                                "show-tooltip": true
+                              }, null, 8, ["node-type"]);
+                            }), 128))
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["class", "title", "description", "tag"])
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"]);
+                }), 128))
+              ], 2)
+            ], 2),
+            createVNode(_component_N8nLink, {
+              to: { name: unref(VIEWS).TEMPLATES },
+              underline: "",
+              bold: ""
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("preBuiltAgentTemplates.viewAllLink")), 1)
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ], 2)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const content = "_content_13cuf_123";
+const header = "_header_13cuf_131";
+const section = "_section_13cuf_137";
+const grid = "_grid_13cuf_143";
+const card = "_card_13cuf_155";
+const tutorials = "_tutorials_13cuf_162";
+const templateLink = "_templateLink_13cuf_170";
+const style0 = {
+  content,
+  header,
+  section,
+  grid,
+  card,
+  tutorials,
+  templateLink
+};
+const cssModules = {
+  "$style": style0
+};
+const PrebuiltAgentTemplatesView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  PrebuiltAgentTemplatesView as default
+};

package/dist/assets/PrebuiltAgentTemplatesView-COxu7Iih.css

@@ -0,0 +1,166 @@
+/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._content_13cuf_123 {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  gap: var(--spacing-m);
+  padding-bottom: var(--spacing-l);
+}
+._header_13cuf_131 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+._section_13cuf_137 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-s);
+}
+._grid_13cuf_143 {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: var(--spacing-s);
+  width: 100%;
+  box-sizing: border-box;
+  align-items: start;
+  align-content: start;
+  grid-auto-rows: auto;
+  margin-bottom: var(--spacing-s);
+}
+._card_13cuf_155 {
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  align-self: start;
+}
+._tutorials_13cuf_162 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  gap: var(--spacing-s);
+  margin-bottom: var(--spacing-s);
+}
+._templateLink_13cuf_170 {
+  padding: 0;
+}

package/dist/assets/{ProjectBreadcrumb-CcYMzyYS.js → ProjectBreadcrumb-BxMwihEP.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, r as ref, x as computed, a7 as watch, h as createElementBlock, g as openBlock, n as normalizeClass, X as renderSlot, j as createBaseVNode, f as createCommentVNode, t as toDisplayString, e as createBlock, i as createVNode, l as unref, e6 as N8nActionToggle, w as withCtx, p as N8nText, k as createTextVNode, a9 as Tooltip, dD as N8nLoading, F as Fragment, A as renderList, B as withModifiers, C as N8nLink, _ as _export_sfc, aF as ProjectTypes, fj as isIconOrEmoji, c as useI18n, fk as __unplugin_components_0$1 } from "./index-CeNA_ukL.js";
+import { d as defineComponent, r as ref, x as computed, a7 as watch, h as createElementBlock, g as openBlock, n as normalizeClass, X as renderSlot, j as createBaseVNode, f as createCommentVNode, t as toDisplayString, e as createBlock, i as createVNode, l as unref, ed as N8nActionToggle, w as withCtx, p as N8nText, k as createTextVNode, a9 as Tooltip, dK as N8nLoading, F as Fragment, A as renderList, B as withModifiers, C as N8nLink, _ as _export_sfc, aF as ProjectTypes, fr as isIconOrEmoji, c as useI18n, fs as __unplugin_components_0$1 } from "./index--OJ5nhDf.js";
 const _hoisted_1 = { "data-test-id": "hidden-items-tooltip" };
 const _hoisted_2 = ["title", "data-resourceid", "onClick", "onMouseenter", "onMouseup"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({

package/dist/assets/{ProjectHeader-BGjOBBZs.js → ProjectHeader-CVfPUZNI.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, a2 as useRoute, r as ref, x as computed, V as VIEWS, c as useI18n, a7 as watch, e as createBlock, g as openBlock, g8 as N8nTabs, aG as useTemplateRef, h as createElementBlock, n as normalizeClass, X as renderSlot, i as createVNode, l as unref, e6 as N8nActionToggle, w as withCtx, aa as _sfc_main$3, _ as _export_sfc, b as useRouter, au as useProjectsStore, af as useSourceControlStore, v as useSettingsStore, Q as useUIStore, aF as ProjectTypes, fj as isIconOrEmoji, aB as getResourcePermissions, g9 as useElementSize, ga as useResizeObserver, j as createBaseVNode, f as createCommentVNode, fk as __unplugin_components_0, m as N8nHeading, k as createTextVNode, t as toDisplayString, p as N8nText, q as N8nButton, K as mergeProps, a9 as Tooltip, gb as PROJECT_DATA_STORES } from "./index-CeNA_ukL.js";
-import { u as useProjectPages } from "./useProjectPages-xv6Eq2Y5.js";
+import { d as defineComponent, a2 as useRoute, r as ref, x as computed, V as VIEWS, c as useI18n, a7 as watch, e as createBlock, g as openBlock, gh as N8nTabs, aG as useTemplateRef, h as createElementBlock, n as normalizeClass, X as renderSlot, i as createVNode, l as unref, ed as N8nActionToggle, w as withCtx, aa as _sfc_main$3, _ as _export_sfc, b as useRouter, au as useProjectsStore, af as useSourceControlStore, v as useSettingsStore, Q as useUIStore, aF as ProjectTypes, fr as isIconOrEmoji, aB as getResourcePermissions, gi as useElementSize, gj as useResizeObserver, j as createBaseVNode, f as createCommentVNode, fs as __unplugin_components_0, m as N8nHeading, k as createTextVNode, t as toDisplayString, p as N8nText, q as N8nButton, K as mergeProps, a9 as Tooltip, gk as PROJECT_DATA_STORES } from "./index--OJ5nhDf.js";
+import { u as useProjectPages } from "./useProjectPages-CH519D2j.js";
 function processDynamicTab(tab, projectId) {
   if (!tab.dynamicRoute) {
     return tab;
@@ -284,13 +284,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const showProjectIcon = computed(() => {
       return !projectPages.isOverviewSubPage && !projectPages.isSharedSubPage && !isPersonalProject.value;
     });
+    function isCredentialsListView(routeName) {
+      const CREDENTIAL_VIEWS = [
+        VIEWS.PROJECTS_CREDENTIALS,
+        VIEWS.CREDENTIALS,
+        VIEWS.SHARED_CREDENTIALS
+      ];
+      return CREDENTIAL_VIEWS.includes(routeName);
+    }
+    function isWorkflowListView(routeName) {
+      const WORKFLOWS_VIEWS = [
+        VIEWS.PROJECTS_WORKFLOWS,
+        VIEWS.WORKFLOWS,
+        VIEWS.SHARED_WORKFLOWS,
+        VIEWS.PROJECTS_FOLDERS
+      ];
+      return WORKFLOWS_VIEWS.includes(routeName);
+    }
+    function getUIContext(routeName) {
+      if (isCredentialsListView(routeName)) {
+        return "credentials_list";
+      } else if (isWorkflowListView(routeName)) {
+        return "workflow_list";
+      } else {
+        return;
+      }
+    }
     const actions2 = {
       [ACTION_TYPES.WORKFLOW]: (projectId) => {
         void router.push({
           name: VIEWS.NEW_WORKFLOW,
           query: {
             projectId,
-            parentFolderId: route.params.folderId
+            parentFolderId: route.params.folderId,
+            uiContext: getUIContext(route.name?.toString() ?? "")
           }
         });
       },
@@ -300,6 +327,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           params: {
             projectId,
             credentialId: "create"
+          },
+          query: {
+            uiContext: getUIContext(route.name?.toString() ?? "")
           }
         });
       },
@@ -326,9 +356,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (projectPages.isSharedSubPage) {
         return i18n.baseText("projects.header.shared.subtitle");
       } else if (projectPages.isOverviewSubPage) {
-        return i18n.baseText("projects.header.overview.subtitle");
+        return i18n.baseText(
+          settingsStore.isDataStoreFeatureEnabled ? "projects.header.overview.subtitleWithDataTables" : "projects.header.overview.subtitle"
+        );
       } else if (isPersonalProject.value) {
-        return i18n.baseText("projects.header.personal.subtitle");
+        return i18n.baseText(
+          settingsStore.isDataStoreFeatureEnabled ? "projects.header.personal.subtitleWithDataTables" : "projects.header.personal.subtitle"
+        );
       }
       return null;
     });

package/dist/assets/{ProjectSettings-D8_RWwH6.js → ProjectSettings-t9C-Ly49.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, r as ref, x as computed, e as createBlock, g as openBlock, bq as createSlots, w as withCtx, X as renderSlot, h as createElementBlock, F as Fragment, A as renderList, l as unref, e2 as _sfc_main$5, n as normalizeClass, i as createVNode, J as N8nUserInfo, K as mergeProps, D as useI18n, e1 as N8nSelect, _ as _export_sfc, e8 as mergeModels, e9 as useModel, bp as onClickOutside, j as createBaseVNode, f as createCommentVNode, a9 as Tooltip, aa as _sfc_main$6, q as N8nButton, k as createTextVNode, t as toDisplayString, g8 as N8nTabs, N as N8nIcon, c as useI18n$1, a8 as resolveComponent, p as N8nText, fu as ProjectSharing, d_ as N8nInputLabel, cT as N8nInput, B as withModifiers, aA as usePageRedirectionHelper, ab as I18nT, u as useUsersStore, au as useProjectsStore, gl as useRolesStore, bb as useCloudPlanStore, a as useToast, b as useRouter, ax as useDocumentTitle, a7 as watch, b1 as onBeforeMount, o as onMounted, eQ as N8nFormInput, gm as N8nUsersList, dI as deepCopy, V as VIEWS, al as useTelemetry, Y as nextTick, fj as isIconOrEmoji } from "./index-CeNA_ukL.js";
-import { P as ProjectHeader } from "./ProjectHeader-BGjOBBZs.js";
-import "./useProjectPages-xv6Eq2Y5.js";
+import { d as defineComponent, r as ref, x as computed, e as createBlock, g as openBlock, br as createSlots, w as withCtx, X as renderSlot, h as createElementBlock, F as Fragment, A as renderList, l as unref, e9 as _sfc_main$5, n as normalizeClass, i as createVNode, J as N8nUserInfo, K as mergeProps, D as useI18n, e8 as N8nSelect, _ as _export_sfc, ef as mergeModels, eg as useModel, bq as onClickOutside, j as createBaseVNode, f as createCommentVNode, a9 as Tooltip, aa as _sfc_main$6, q as N8nButton, k as createTextVNode, t as toDisplayString, gh as N8nTabs, N as N8nIcon, c as useI18n$1, a8 as resolveComponent, p as N8nText, fC as ProjectSharing, e5 as N8nInputLabel, cZ as N8nInput, B as withModifiers, aA as usePageRedirectionHelper, ab as I18nT, u as useUsersStore, au as useProjectsStore, gu as useRolesStore, bb as useCloudPlanStore, a as useToast, b as useRouter, ax as useDocumentTitle, a7 as watch, b1 as onBeforeMount, o as onMounted, eX as N8nFormInput, gv as N8nUsersList, dP as deepCopy, V as VIEWS, al as useTelemetry, Y as nextTick, fr as isIconOrEmoji } from "./index--OJ5nhDf.js";
+import { P as ProjectHeader } from "./ProjectHeader-CVfPUZNI.js";
+import "./useProjectPages-CH519D2j.js";
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "UserSelect",
   props: {
@@ -820,10 +820,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const projectRoles = computed(
       () => rolesStore.processedProjectRoles.map((role) => ({
         ...role,
-        name: projectRoleTranslations.value[role.role]
+        displayName: projectRoleTranslations.value[role.slug] ?? role.displayName
       }))
     );
-    const firstLicensedRole = computed(() => projectRoles.value.find((role) => role.licensed)?.role);
+    const firstLicensedRole = computed(() => projectRoles.value.find((role) => role.licensed)?.slug);
     const onAddMember = (userId) => {
       isDirty.value = true;
       const user = usersStore.usersById[userId];
@@ -1115,7 +1115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, [
                   createVNode(_component_N8nSelect, {
                     class: "mr-2xs",
-                    "model-value": user?.role || projectRoles.value[0].role,
+                    "model-value": user?.role || projectRoles.value[0].slug,
                     size: "small",
                     "data-test-id": "projects-settings-user-role-select",
                     "onUpdate:modelValue": ($event) => onRoleAction(user.id, $event)
@@ -1123,13 +1123,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(projectRoles.value, (role) => {
                         return openBlock(), createBlock(_component_N8nOption, {
-                          key: role.role,
-                          value: role.role,
-                          label: role.name,
+                          key: role.slug,
+                          value: role.slug,
+                          label: role.displayName,
                           disabled: !role.licensed
                         }, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString(role.name), 1),
+                            createTextVNode(toDisplayString(role.displayName), 1),
                             !role.licensed ? (openBlock(), createElementBlock("span", {
                               key: 0,
                               class: normalizeClass(_ctx.$style.upgrade),

package/dist/assets/{PushConnectionTracker.vue_vue_type_script_setup_true_lang-CX6d3I0M.js → PushConnectionTracker.vue_vue_type_script_setup_true_lang-zVio8c2n.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a0 as usePushConnectionStore, x as computed, cb as resolveDirective, h as createElementBlock, g as openBlock, X as renderSlot, i as createVNode, a9 as Tooltip, w as withCtx, j as createBaseVNode, k as createTextVNode, N as N8nIcon, t as toDisplayString, l as unref, c as useI18n, b2 as withDirectives } from "./index-CeNA_ukL.js";
+import { d as defineComponent, a0 as usePushConnectionStore, x as computed, cc as resolveDirective, h as createElementBlock, g as openBlock, X as renderSlot, i as createVNode, a9 as Tooltip, w as withCtx, j as createBaseVNode, k as createTextVNode, N as N8nIcon, t as toDisplayString, l as unref, c as useI18n, b2 as withDirectives } from "./index--OJ5nhDf.js";
 const _hoisted_1 = {
   key: 0,
   class: "push-connection-lost primary-color"