n8n-editor-ui 1.71.3 → 1.72.1

package/dist/assets/{ProjectCardBadge-Dwm_41ZR.js → ProjectCardBadge-B6a5Tl_X.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, q as computed, e2 as ProjectTypes, jo as splitName, m as resolveComponent, cI as resolveDirective, c as openBlock, e as createBlock, w as withCtx, k as createTextVNode, t as toDisplayString, j as createBaseVNode, n as normalizeClass, f as createCommentVNode, ay as withDirectives, h as createElementBlock, g as useI18n, _ as _export_sfc } from "./index-D57HUAs6.js";
+import { d as defineComponent, q as computed, c4 as ProjectTypes, ib as splitName, m as resolveComponent, di as resolveDirective, c as openBlock, e as createBlock, w as withCtx, k as createTextVNode, t as toDisplayString, j as createBaseVNode, n as normalizeClass, f as createCommentVNode, ay as withDirectives, h as createElementBlock, g as useI18n, _ as _export_sfc } from "./index-fCEqBD8K.js";
 const _hoisted_1 = { class: "mr-xs" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProjectCardBadge",
@@ -12,19 +12,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const i18n = useI18n();
     const projectState = computed(() => {
-      var _a, _b, _c, _d, _e;
       if (props.resource.homeProject && props.personalProject && props.resource.homeProject.id === props.personalProject.id || !props.resource.homeProject) {
-        if ((_a = props.resource.sharedWithProjects) == null ? void 0 : _a.length) {
+        if (props.resource.sharedWithProjects?.length) {
           return "shared-owned";
         }
         return "owned";
-      } else if (((_b = props.resource.homeProject) == null ? void 0 : _b.type) !== ProjectTypes.Team) {
-        if ((_c = props.resource.sharedWithProjects) == null ? void 0 : _c.length) {
+      } else if (props.resource.homeProject?.type !== ProjectTypes.Team) {
+        if (props.resource.sharedWithProjects?.length) {
           return "shared-personal";
         }
         return "personal";
-      } else if (((_d = props.resource.homeProject) == null ? void 0 : _d.type) === ProjectTypes.Team) {
-        if ((_e = props.resource.sharedWithProjects) == null ? void 0 : _e.length) {
+      } else if (props.resource.homeProject?.type === ProjectTypes.Team) {
+        if (props.resource.sharedWithProjects?.length) {
           return "shared-team";
         }
         return "team";
@@ -32,17 +31,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return "unknown";
     });
     const numberOfMembersInHomeTeamProject = computed(
-      () => {
-        var _a;
-        return ((_a = props.resource.sharedWithProjects) == null ? void 0 : _a.length) ?? 0;
-      }
+      () => props.resource.sharedWithProjects?.length ?? 0
     );
     const badgeText = computed(() => {
-      var _a;
       if (projectState.value === "owned" || projectState.value === "shared-owned") {
         return i18n.baseText("projects.menu.personal");
       } else {
-        const { name, email } = splitName(((_a = props.resource.homeProject) == null ? void 0 : _a.name) ?? "");
+        const { name, email } = splitName(props.resource.homeProject?.name ?? "");
         return name ?? email ?? "";
       }
     });

package/dist/assets/ProjectHeader-CDl0NBcF.css

@@ -0,0 +1,21 @@
+._projectHeader_7m1jl_1 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding-bottom: var(--spacing-m);
+  min-height: 64px;
+}
+._headerActions_7m1jl_9 {
+  margin-left: auto;
+}
+._icon_7m1jl_13 {
+  border: 1px solid var(--color-foreground-light);
+  padding: 6px;
+  border-radius: var(--border-radius-base);
+}
+._actions_7m1jl_19 {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  padding: var(--spacing-2xs) 0 var(--spacing-l);
+}

package/dist/assets/{ProjectHeader-DTRxu2oO.js → ProjectHeader-CUoGk-wO.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, U as useRoute, r as ref, q as computed, H as watch, c as openBlock, e as createBlock, m as resolveComponent, V as VIEWS, g as useI18n, a1 as useProjectsStore, E as onClickOutside, h as createElementBlock, j as createBaseVNode, n as normalizeClass, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, s as renderSlot, l as unref, f as createCommentVNode, aN as N8nNavigationDropdown, e2 as ProjectTypes, am as getResourcePermissions, _ as _export_sfc } from "./index-D57HUAs6.js";
-import { u as useGlobalEntityCreation } from "./useGlobalEntityCreation-D_NS7_je.js";
+import { d as defineComponent, U as useRoute, r as ref, q as computed, H as watch, c as openBlock, e as createBlock, m as resolveComponent, V as VIEWS, g as useI18n, a1 as useProjectsStore, E as onClickOutside, h as createElementBlock, j as createBaseVNode, n as normalizeClass, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, s as renderSlot, l as unref, f as createCommentVNode, c_ as N8nButton, cP as N8nTooltip, cO as _sfc_main$2, aN as N8nNavigationDropdown, c4 as ProjectTypes, am as getResourcePermissions, _ as _export_sfc } from "./index-fCEqBD8K.js";
+import { u as useGlobalEntityCreation } from "./useGlobalEntityCreation-DGVSN-Im.js";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ProjectTabs",
   props: {
@@ -11,8 +11,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const route = useRoute();
     const selectedTab = ref("");
     const options = computed(() => {
-      var _a;
-      const projectId = (_a = route == null ? void 0 : route.params) == null ? void 0 : _a.projectId;
+      const projectId = route?.params?.projectId;
       const to = projectId ? {
         workflows: {
           name: VIEWS.PROJECTS_WORKFLOWS,
@@ -64,9 +63,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return tabs;
     });
     watch(
-      () => route == null ? void 0 : route.name,
+      () => route?.name,
       () => {
-        selectedTab.value = route == null ? void 0 : route.name;
+        selectedTab.value = route?.name;
       },
       { immediate: true }
     );
@@ -90,10 +89,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const projectsStore = useProjectsStore();
     const createBtn = ref();
     const headerIcon = computed(() => {
-      var _a, _b;
-      if (((_a = projectsStore.currentProject) == null ? void 0 : _a.type) === ProjectTypes.Personal) {
+      if (projectsStore.currentProject?.type === ProjectTypes.Personal) {
         return "user";
-      } else if ((_b = projectsStore.currentProject) == null ? void 0 : _b.name) {
+      } else if (projectsStore.currentProject?.name) {
         return "layer-group";
       } else {
         return "home";
@@ -109,20 +107,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const projectPermissions = computed(
-      () => {
-        var _a;
-        return getResourcePermissions((_a = projectsStore.currentProject) == null ? void 0 : _a.scopes).project;
-      }
+      () => getResourcePermissions(projectsStore.currentProject?.scopes).project
     );
     const showSettings = computed(
-      () => {
-        var _a, _b;
-        return !!((_a = route == null ? void 0 : route.params) == null ? void 0 : _a.projectId) && !!projectPermissions.value.update && ((_b = projectsStore.currentProject) == null ? void 0 : _b.type) === ProjectTypes.Team;
-      }
-    );
-    const { menu, handleSelect } = useGlobalEntityCreation(
-      computed(() => !Boolean(projectsStore.currentProject))
+      () => !!route?.params?.projectId && !!projectPermissions.value.update && projectsStore.currentProject?.type === ProjectTypes.Team
     );
+    const { menu, handleSelect, createProjectAppendSlotName, projectsLimitReachedMessage } = useGlobalEntityCreation(computed(() => !Boolean(projectsStore.currentProject)));
     const createLabel = computed(() => {
       if (!projectsStore.currentProject) {
         return i18n.baseText("projects.create");
@@ -133,14 +123,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     onClickOutside(createBtn, () => {
-      var _a;
-      (_a = createBtn.value) == null ? void 0 : _a.close();
+      createBtn.value?.close();
     });
     return (_ctx, _cache) => {
       const _component_N8nIcon = resolveComponent("N8nIcon");
       const _component_N8nHeading = resolveComponent("N8nHeading");
       const _component_N8nText = resolveComponent("N8nText");
-      const _component_N8nIconButton = resolveComponent("N8nIconButton");
       return openBlock(), createElementBlock("div", null, [
         createBaseVNode("div", {
           class: normalizeClass([_ctx.$style.projectHeader])
@@ -172,38 +160,67 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 3
             })
-          ])
+          ]),
+          unref(route).name !== unref(VIEWS).PROJECT_SETTINGS ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass([_ctx.$style.headerActions])
+          }, [
+            createVNode(unref(N8nNavigationDropdown), {
+              ref_key: "createBtn",
+              ref: createBtn,
+              "data-test-id": "resource-add",
+              menu: unref(menu),
+              onSelect: unref(handleSelect)
+            }, {
+              [unref(createProjectAppendSlotName)]: withCtx(({ item }) => [
+                item.disabled ? (openBlock(), createBlock(unref(N8nTooltip), {
+                  key: 0,
+                  placement: "right",
+                  content: unref(projectsLimitReachedMessage)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(N8nButton), {
+                      size: "mini",
+                      style: { "margin-left": "auto" },
+                      type: "tertiary",
+                      onClick: ($event) => unref(handleSelect)(item.id)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(i18n).baseText("generic.upgrade")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["content"])) : createCommentVNode("", true)
+              ]),
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$2), {
+                  label: createLabel.value,
+                  icon: "plus",
+                  style: { "width": "auto" }
+                }, null, 8, ["label"])
+              ]),
+              _: 2
+            }, 1032, ["menu", "onSelect"])
+          ], 2)) : createCommentVNode("", true)
         ], 2),
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.actions)
         }, [
-          createVNode(_sfc_main$1, { "show-settings": showSettings.value }, null, 8, ["show-settings"]),
-          createVNode(unref(N8nNavigationDropdown), {
-            ref_key: "createBtn",
-            ref: createBtn,
-            "data-test-id": "resource-add",
-            menu: unref(menu),
-            onSelect: unref(handleSelect)
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_N8nIconButton, {
-                label: createLabel.value,
-                icon: "plus",
-                style: { "width": "auto" }
-              }, null, 8, ["label"])
-            ]),
-            _: 1
-          }, 8, ["menu", "onSelect"])
+          createVNode(_sfc_main$1, { "show-settings": showSettings.value }, null, 8, ["show-settings"])
         ], 2)
       ]);
     };
   }
 });
-const projectHeader = "_projectHeader_1ehip_1";
-const icon = "_icon_1ehip_9";
-const actions = "_actions_1ehip_15";
+const projectHeader = "_projectHeader_7m1jl_1";
+const headerActions = "_headerActions_7m1jl_9";
+const icon = "_icon_7m1jl_13";
+const actions = "_actions_7m1jl_19";
 const style0 = {
   projectHeader,
+  headerActions,
   icon,
   actions
 };

package/dist/assets/{ProjectSettings-hzCZqVHM.js → ProjectSettings-BSOa51jE.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, cp as mergeModels, d3 as useModel, r as ref, q as computed, c as openBlock, e as createBlock, w as withCtx, i as createVNode, k as createTextVNode, t as toDisplayString, l as unref, I as withModifiers, j as createBaseVNode, h as createElementBlock, j7 as ProjectSharing, n as normalizeClass, f as createCommentVNode, g as useI18n, m as resolveComponent, _ as _export_sfc, a5 as usePageRedirectionHelper, u as useUsersStore, a1 as useProjectsStore, jt as useRolesStore, aH as useCloudPlanStore, a as useToast, b as useRouter, a3 as useDocumentTitle, H as watch, ax as onBeforeMount, o as onMounted, ju as N8nFormInput, F as Fragment, A as renderList, V as VIEWS, e5 as deepCopy, y as nextTick, ak as useTelemetry } from "./index-D57HUAs6.js";
-import { P as ProjectHeader } from "./ProjectHeader-DTRxu2oO.js";
-import "./useGlobalEntityCreation-D_NS7_je.js";
+import { d as defineComponent, ih as mergeModels, ii as useModel, r as ref, q as computed, c as openBlock, e as createBlock, w as withCtx, i as createVNode, k as createTextVNode, t as toDisplayString, l as unref, I as withModifiers, j as createBaseVNode, h as createElementBlock, hT as ProjectSharing, n as normalizeClass, f as createCommentVNode, g as useI18n, m as resolveComponent, _ as _export_sfc, a5 as usePageRedirectionHelper, u as useUsersStore, a1 as useProjectsStore, ij as useRolesStore, aH as useCloudPlanStore, a as useToast, b as useRouter, a3 as useDocumentTitle, H as watch, ax as onBeforeMount, o as onMounted, ik as N8nFormInput, F as Fragment, A as renderList, V as VIEWS, c7 as deepCopy, y as nextTick, ak as useTelemetry } from "./index-fCEqBD8K.js";
+import { P as ProjectHeader } from "./ProjectHeader-CUoGk-wO.js";
+import "./useGlobalEntityCreation-DGVSN-Im.js";
 const _hoisted_1$2 = { class: "pt-l" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectDeleteDialog",
@@ -30,17 +30,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return false;
     });
     const onDelete = () => {
-      var _a;
       if (!isValid.value) {
         return;
       }
       if (operation2.value === "wipe") {
         selectedProject.value = null;
       }
-      emit("confirmDelete", (_a = selectedProject.value) == null ? void 0 : _a.id);
+      emit("confirmDelete", selectedProject.value?.id);
     };
     return (_ctx, _cache) => {
-      var _a;
       const _component_n8n_text = resolveComponent("n8n-text");
       const _component_el_radio = resolveComponent("el-radio");
       const _component_n8n_input = resolveComponent("n8n-input");
@@ -51,7 +49,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => visible.value = $event),
         title: unref(locale).baseText("projects.settings.delete.title", {
-          interpolate: { projectName: ((_a = props.currentProject) == null ? void 0 : _a.name) ?? "" }
+          interpolate: { projectName: props.currentProject?.name ?? "" }
         }),
         width: "500"
       }, {
@@ -284,10 +282,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         name: projectRoleTranslations.value[role.role]
       }))
     );
-    const firstLicensedRole = computed(() => {
-      var _a;
-      return (_a = projectRoles.value.find((role) => role.licensed)) == null ? void 0 : _a.role;
-    });
+    const firstLicensedRole = computed(() => projectRoles.value.find((role) => role.licensed)?.role);
     const onAddMember = (userId) => {
       isDirty.value = true;
       const user = usersStore.usersById[userId];
@@ -312,9 +307,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isDirty.value = true;
     };
     const onCancel = () => {
-      var _a, _b;
-      formData.value.relations = ((_a = projectsStore.currentProject) == null ? void 0 : _a.relations) ? deepCopy(projectsStore.currentProject.relations) : [];
-      formData.value.name = ((_b = projectsStore.currentProject) == null ? void 0 : _b.name) ?? "";
+      formData.value.relations = projectsStore.currentProject?.relations ? deepCopy(projectsStore.currentProject.relations) : [];
+      formData.value.name = projectsStore.currentProject?.name ?? "";
       isDirty.value = false;
     };
     const makeFormDataDiff = () => {
@@ -327,35 +321,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       if (formData.value.relations.length !== projectsStore.currentProject.relations.length) {
         diff.memberAdded = formData.value.relations.filter(
-          (r) => {
-            var _a;
-            return !((_a = projectsStore.currentProject) == null ? void 0 : _a.relations.find((cr) => cr.id === r.id));
-          }
+          (r) => !projectsStore.currentProject?.relations.find((cr) => cr.id === r.id)
         );
         diff.memberRemoved = projectsStore.currentProject.relations.filter(
           (cr) => !formData.value.relations.find((r) => r.id === cr.id)
         );
       }
       diff.role = formData.value.relations.filter((r) => {
-        var _a, _b;
-        const currentRelation = (_a = projectsStore.currentProject) == null ? void 0 : _a.relations.find((cr) => cr.id === r.id);
-        return (currentRelation == null ? void 0 : currentRelation.role) !== r.role && !((_b = diff.memberAdded) == null ? void 0 : _b.find((ar) => ar.id === r.id));
+        const currentRelation = projectsStore.currentProject?.relations.find((cr) => cr.id === r.id);
+        return currentRelation?.role !== r.role && !diff.memberAdded?.find((ar) => ar.id === r.id);
       });
       return diff;
     };
     const sendTelemetry = (diff) => {
-      var _a;
       if (diff.name) {
         telemetry.track("User changed project name", {
-          project_id: (_a = projectsStore.currentProject) == null ? void 0 : _a.id,
+          project_id: projectsStore.currentProject?.id,
           name: diff.name
         });
       }
       if (diff.memberAdded) {
         diff.memberAdded.forEach((r) => {
-          var _a2;
           telemetry.track("User added member to project", {
-            project_id: (_a2 = projectsStore.currentProject) == null ? void 0 : _a2.id,
+            project_id: projectsStore.currentProject?.id,
             target_user_id: r.id,
             role: r.role
           });
@@ -363,18 +351,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       if (diff.memberRemoved) {
         diff.memberRemoved.forEach((r) => {
-          var _a2;
           telemetry.track("User removed member from project", {
-            project_id: (_a2 = projectsStore.currentProject) == null ? void 0 : _a2.id,
+            project_id: projectsStore.currentProject?.id,
             target_user_id: r.id
           });
         });
       }
       if (diff.role) {
         diff.role.forEach((r) => {
-          var _a2;
           telemetry.track("User changed member role on project", {
-            project_id: (_a2 = projectsStore.currentProject) == null ? void 0 : _a2.id,
+            project_id: projectsStore.currentProject?.id,
             target_user_id: r.id,
             role: r.role
           });
@@ -411,10 +397,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       dialogVisible.value = true;
     };
     const onConfirmDelete = async (transferId) => {
-      var _a;
       try {
         if (projectsStore.currentProject) {
-          const projectName = ((_a = projectsStore.currentProject) == null ? void 0 : _a.name) ?? "";
+          const projectName = projectsStore.currentProject?.name ?? "";
           await projectsStore.deleteProject(projectsStore.currentProject.id, transferId);
           await router.push({ name: VIEWS.HOMEPAGE });
           toast.showMessage({
@@ -430,18 +415,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const selectProjectNameIfMatchesDefault = () => {
-      var _a, _b, _c, _d;
       if (formData.value.name === i18n.baseText("projects.settings.newProjectName")) {
-        (_b = (_a = nameInput.value) == null ? void 0 : _a.inputRef) == null ? void 0 : _b.focus();
-        (_d = (_c = nameInput.value) == null ? void 0 : _c.inputRef) == null ? void 0 : _d.select();
+        nameInput.value?.inputRef?.focus();
+        nameInput.value?.inputRef?.select();
       }
     };
     watch(
       () => projectsStore.currentProject,
       async () => {
-        var _a, _b;
-        formData.value.name = ((_a = projectsStore.currentProject) == null ? void 0 : _a.name) ?? "";
-        formData.value.relations = ((_b = projectsStore.currentProject) == null ? void 0 : _b.relations) ? deepCopy(projectsStore.currentProject.relations) : [];
+        formData.value.name = projectsStore.currentProject?.name ?? "";
+        formData.value.relations = projectsStore.currentProject?.relations ? deepCopy(projectsStore.currentProject.relations) : [];
         await nextTick();
         selectProjectNameIfMatchesDefault();
       },
@@ -455,7 +438,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       selectProjectNameIfMatchesDefault();
     });
     return (_ctx, _cache) => {
-      var _a, _b, _c;
       const _component_N8nIcon = resolveComponent("N8nIcon");
       const _component_N8nUserSelect = resolveComponent("N8nUserSelect");
       const _component_N8nOption = resolveComponent("N8nOption");
@@ -497,7 +479,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: "mb-s",
               size: "large",
               users: usersList.value,
-              "current-user-id": (_a = unref(usersStore).currentUser) == null ? void 0 : _a.id,
+              "current-user-id": unref(usersStore).currentUser?.id,
               placeholder: unref(i18n).baseText("workflows.shareModal.select.placeholder"),
               "data-test-id": "project-members-select",
               "onUpdate:modelValue": onAddMember
@@ -510,7 +492,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_component_N8nUsersList, {
               actions: [],
               users: formData.value.relations,
-              "current-user-id": (_b = unref(usersStore).currentUser) == null ? void 0 : _b.id,
+              "current-user-id": unref(usersStore).currentUser?.id,
               "delete-label": unref(i18n).baseText("workflows.shareModal.list.delete")
             }, {
               actions: withCtx(({ user }) => [
@@ -519,7 +501,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, [
                   createVNode(_component_N8nSelect, {
                     class: "mr-2xs",
-                    "model-value": (user == null ? void 0 : user.role) || projectRoles.value[0].role,
+                    "model-value": user?.role || projectRoles.value[0].role,
                     size: "small",
                     "data-test-id": "projects-settings-user-role-select",
                     "onUpdate:modelValue": ($event) => onRoleAction(user, $event)
@@ -619,7 +601,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           modelValue: upgradeDialogVisible.value,
           "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => upgradeDialogVisible.value = $event),
           limit: unref(projectsStore).teamProjectsLimit,
-          "plan-name": (_c = unref(cloudPlanStore).currentPlanData) == null ? void 0 : _c.displayName
+          "plan-name": unref(cloudPlanStore).currentPlanData?.displayName
         }, null, 8, ["modelValue", "limit", "plan-name"])
       ], 2);
     };

package/dist/assets/{ProjectSettings-CChpfrTS.css → ProjectSettings-DZws5IzZ.css}

@@ -4,7 +4,6 @@
   display: grid;
   width: 100%;
   justify-items: center;
-  grid-auto-rows: -webkit-max-content;
   grid-auto-rows: max-content;
 }
 ._projectSettings_1pak5_1 form {
@@ -29,13 +28,7 @@
   cursor: pointer;
 }
 ._buttons_1pak5_31 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: flex-end;
+  align-items: center;
 }

package/dist/assets/{PushConnectionTracker.vue_vue_type_script_setup_true_lang-Bv3nXXk5.js → PushConnectionTracker.vue_vue_type_script_setup_true_lang-ouQuoTYp.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, Z as useRootStore, q as computed, c as openBlock, h as createElementBlock, i as createVNode, w as withCtx, ay as withDirectives, l as unref, j as createBaseVNode, k as createTextVNode, t as toDisplayString, s as renderSlot, g as useI18n, m as resolveComponent, cI as resolveDirective } from "./index-D57HUAs6.js";
+import { d as defineComponent, Z as useRootStore, q as computed, c as openBlock, h as createElementBlock, i as createVNode, w as withCtx, ay as withDirectives, l as unref, j as createBaseVNode, k as createTextVNode, t as toDisplayString, s as renderSlot, g as useI18n, m as resolveComponent, di as resolveDirective } from "./index-fCEqBD8K.js";
 const _hoisted_1 = {
   key: 0,
   class: "push-connection-lost primary-color"

package/dist/assets/{ResourcesListLayout-CKArPHiS.js → ResourcesListLayout-BKk7DIWo.js}

@@ -1,4 +1,4 @@
-import { _ as _export_sfc, c as openBlock, h as createElementBlock, s as renderSlot, j as createBaseVNode, n as normalizeClass, d as defineComponent, f as createCommentVNode, r as ref, a1 as useProjectsStore, q as computed, H as watch, ax as onBeforeMount, e as createBlock, w as withCtx, i as createVNode, ay as withDirectives, az as vShow, k as createTextVNode, t as toDisplayString, l as unref, a8 as EnterpriseEditionFeature, j7 as ProjectSharing, g as useI18n, m as resolveComponent, U as useRoute, J as useDebounce, u as useUsersStore, o as onMounted, y as nextTick, aV as normalizeProps, aW as guardReactiveProps, F as Fragment, A as renderList, ak as useTelemetry } from "./index-D57HUAs6.js";
+import { _ as _export_sfc, c as openBlock, h as createElementBlock, s as renderSlot, j as createBaseVNode, n as normalizeClass, d as defineComponent, f as createCommentVNode, r as ref, a1 as useProjectsStore, q as computed, H as watch, ax as onBeforeMount, e as createBlock, w as withCtx, i as createVNode, ay as withDirectives, az as vShow, k as createTextVNode, t as toDisplayString, l as unref, a8 as EnterpriseEditionFeature, hT as ProjectSharing, g as useI18n, m as resolveComponent, U as useRoute, J as useDebounce, u as useUsersStore, o as onMounted, y as nextTick, aV as normalizeProps, aW as guardReactiveProps, F as Fragment, A as renderList, ak as useTelemetry } from "./index-fCEqBD8K.js";
 const wrapper$1 = "_wrapper_a9xcf_1";
 const content = "_content_a9xcf_12";
 const style0$3 = {
@@ -413,10 +413,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     watch(
-      () => {
-        var _a;
-        return (_a = route == null ? void 0 : route.params) == null ? void 0 : _a.projectId;
-      },
+      () => route?.params?.projectId,
       () => {
         resetFilters();
       }
@@ -453,31 +450,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             _ctx.resources.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              renderSlot(_ctx.$slots, "empty", {}, () => {
-                var _a, _b;
-                return [
-                  createVNode(_component_n8n_action_box, {
-                    "data-test-id": "empty-resources-list",
-                    emoji: "👋",
-                    heading: unref(i18n).baseText(
-                      ((_a = unref(usersStore).currentUser) == null ? void 0 : _a.firstName) ? `${_ctx.resourceKey}.empty.heading` : `${_ctx.resourceKey}.empty.heading.userNotSetup`,
-                      {
-                        interpolate: { name: ((_b = unref(usersStore).currentUser) == null ? void 0 : _b.firstName) ?? "" }
-                      }
-                    ),
-                    description: unref(i18n).baseText(`${_ctx.resourceKey}.empty.description`),
-                    "button-text": unref(i18n).baseText(`${_ctx.resourceKey}.empty.button`),
-                    "button-type": "secondary",
-                    "button-disabled": _ctx.disabled,
-                    "onClick:button": onAddButtonClick
-                  }, {
-                    disabledButtonTooltip: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(i18n).baseText(`${_ctx.resourceKey}.empty.button.disabled.tooltip`)), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["heading", "description", "button-text", "button-disabled"])
-                ];
-              }, true)
+              renderSlot(_ctx.$slots, "empty", {}, () => [
+                createVNode(_component_n8n_action_box, {
+                  "data-test-id": "empty-resources-list",
+                  emoji: "👋",
+                  heading: unref(i18n).baseText(
+                    unref(usersStore).currentUser?.firstName ? `${_ctx.resourceKey}.empty.heading` : `${_ctx.resourceKey}.empty.heading.userNotSetup`,
+                    {
+                      interpolate: { name: unref(usersStore).currentUser?.firstName ?? "" }
+                    }
+                  ),
+                  description: unref(i18n).baseText(`${_ctx.resourceKey}.empty.description`),
+                  "button-text": unref(i18n).baseText(`${_ctx.resourceKey}.empty.button`),
+                  "button-type": "secondary",
+                  "button-disabled": _ctx.disabled,
+                  "onClick:button": onAddButtonClick
+                }, {
+                  disabledButtonTooltip: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(i18n).baseText(`${_ctx.resourceKey}.empty.button.disabled.tooltip`)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["heading", "description", "button-text", "button-disabled"])
+              ], true)
             ])) : (openBlock(), createBlock(PageViewLayoutList, {
               key: 1,
               overflow: _ctx.type !== "list"

package/dist/assets/{ResourcesListLayout-I4rYUdFt.css → ResourcesListLayout-NZz6R66g.css}

@@ -1,18 +1,11 @@
 ._wrapper_a9xcf_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   height: 100%;
   width: 100%;
   max-width: var(--content-container-width);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  -ms-flex-line-pack: start;
-      align-content: start;
+  box-sizing: border-box;
+  align-content: start;
   padding: var(--spacing-l) var(--spacing-2xl) 0;
 }
 ._content_a9xcf_12 {
@@ -35,47 +28,27 @@
   height: 100%;
 }._filter-button_i7gly_1 {
   height: 40px;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 ._filters-dropdown_i7gly_6 {
   width: 280px;
 }
 ._filters-dropdown-footer_i7gly_10 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: space-between;
+  align-items: center;
 }._filters-row_eysnt_1 {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
 }
 ._filters_eysnt_1 {
   display: grid;
   grid-auto-flow: column;
-  grid-auto-columns: -webkit-max-content;
   grid-auto-columns: max-content;
   gap: var(--spacing-2xs);
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 ._search_eysnt_16 {
   max-width: 240px;
@@ -98,8 +71,7 @@
   /*
   Show the loading skeleton only if the loading takes longer than 300ms
   */
-  -webkit-animation: 0.01s linear 0.3s forwards changeVisibility-90cdff4f;
-          animation: 0.01s linear 0.3s forwards changeVisibility-90cdff4f;
+  animation: 0.01s linear 0.3s forwards changeVisibility-90cdff4f;
 }
 .resource-list-loading[data-v-90cdff4f] .el-skeleton {
   position: absolute;
@@ -114,14 +86,6 @@
 .resource-list-loading[data-v-90cdff4f] .el-skeleton .el-skeleton__item {
   height: 69px;
 }
-@-webkit-keyframes changeVisibility-90cdff4f {
-from {
-    height: 0;
-}
-to {
-    height: 100%;
-}
-}
 @keyframes changeVisibility-90cdff4f {
 from {
     height: 0;