n8n-editor-ui 1.73.0 → 1.74.1

package/dist/assets/ProjectCardBadge-CKGc0yDi.css

@@ -0,0 +1,145 @@
+/* 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_1b5nh_123 {
+  margin-right: var(--spacing-xs);
+}
+._badge_1b5nh_127 {
+  padding: var(--spacing-4xs) var(--spacing-2xs);
+  background-color: var(--color-background-xlight);
+  border-color: var(--color-foreground-base);
+  z-index: 1;
+  position: relative;
+  height: 23px;
+}
+._badge_1b5nh_127 .n8n-text {
+  color: var(--color-text-base);
+}
+._countBadge_1b5nh_139 {
+  margin-left: -5px;
+  z-index: 0;
+  position: relative;
+  height: 23px;
+}
+._countBadge_1b5nh_139 .n8n-text {
+  color: var(--color-text-light);
+}

package/dist/assets/{ProjectCardBadge-D7xb-Eyd.js → ProjectCardBadge-pbI58Ond.js}

@@ -1,5 +1,4 @@
-import { d as defineComponent, q as computed, c4 as ProjectTypes, hU as splitName, m as resolveComponent, cW 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-DYxqsGB9.js";
-const _hoisted_1 = { class: "mr-xs" };
+import { d as defineComponent, q as computed, bZ as ProjectTypes, h_ as splitName, m as resolveComponent, cO as resolveDirective, c as openBlock, e as createBlock, w as withCtx, k as createTextVNode, t as toDisplayString, j as createBaseVNode, a_ as mergeProps, n as normalizeClass, f as createCommentVNode, ay as withDirectives, h as createElementBlock, g as useI18n, _ as _export_sfc } from "./index-D0W-rAl_.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProjectCardBadge",
   props: {
@@ -109,7 +108,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createTextVNode(toDisplayString(badgeTooltip.value), 1)
         ]),
         default: withCtx(() => [
-          createBaseVNode("div", _hoisted_1, [
+          createBaseVNode("div", mergeProps({
+            class: _ctx.$style.wrapper
+          }, _ctx.$attrs), [
             badgeText.value ? (openBlock(), createBlock(_component_N8nBadge, {
               key: 0,
               class: normalizeClass(_ctx.$style.badge),
@@ -143,16 +144,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class"])) : createCommentVNode("", true)
-          ])
+          ], 16)
         ]),
         _: 1
       }, 8, ["disabled"]);
     };
   }
 });
-const badge = "_badge_2xnky_1";
-const countBadge = "_countBadge_2xnky_13";
+const wrapper = "_wrapper_1b5nh_123";
+const badge = "_badge_1b5nh_127";
+const countBadge = "_countBadge_1b5nh_139";
 const style0 = {
+  wrapper,
   badge,
   countBadge
 };

package/dist/assets/ProjectHeader-CQjB5wC7.css

@@ -0,0 +1,285 @@
+/* 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
+ -------------------------- */
+._buttonGroup_aulto_123 {
+  display: inline-flex;
+}
+._buttonGroup_aulto_123 > .button {
+  border-right: 1px solid var(--button-font-color, var(--color-button-primary-font));
+}
+._buttonGroup_aulto_123 > .button:not(:first-child) {
+  border-radius: 0;
+}
+._buttonGroup_aulto_123 > .button:first-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+._buttonGroupDropdown_aulto_137 {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}/* 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
+ -------------------------- */
+._projectHeader_m645v_123,
+._projectDescription_m645v_124 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: var(--spacing-m);
+  min-height: var(--spacing-3xl);
+}
+._projectDetails_m645v_132 {
+  display: flex;
+  align-items: center;
+}
+._actions_m645v_137 {
+  padding: var(--spacing-2xs) 0 var(--spacing-l);
+}
+@media screen and (max-width: 767px) {
+._projectHeader_m645v_123 {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--spacing-xs);
+}
+._headerActions_m645v_147 {
+    margin-left: auto;
+}
+}

package/dist/assets/{ProjectHeader-K-i88xtf.js → ProjectHeader-D7XYidpZ.js}

@@ -1,4 +1,4 @@
-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, h as createElementBlock, s as renderSlot, i as createVNode, w as withCtx, l as unref, cq as _sfc_main$3, n as normalizeClass, hT as N8nActionToggle, _ as _export_sfc, b as useRouter, a1 as useProjectsStore, a0 as useSourceControlStore, j as createBaseVNode, k as createTextVNode, t as toDisplayString, f as createCommentVNode, cC as N8nButton, aX as mergeProps, c4 as ProjectTypes, am as getResourcePermissions } from "./index-DYxqsGB9.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, h as createElementBlock, s as renderSlot, i as createVNode, w as withCtx, l as unref, aP as _sfc_main$3, n as normalizeClass, hY as N8nActionToggle, _ as _export_sfc, b as useRouter, a1 as useProjectsStore, a0 as useSourceControlStore, j as createBaseVNode, k as createTextVNode, t as toDisplayString, f as createCommentVNode, cs as N8nButton, a_ as mergeProps, aO as N8nTooltip, hZ as __unplugin_components_0, bZ as ProjectTypes, am as getResourcePermissions } from "./index-D0W-rAl_.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectTabs",
   props: {
@@ -82,7 +82,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ProjectCreateResource",
   props: {
-    actions: {}
+    actions: {},
+    disabled: { type: Boolean }
   },
   emits: ["action"],
   setup(__props, { emit: __emit }) {
@@ -101,9 +102,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(unref(_sfc_main$3), {
+              disabled: _ctx.disabled,
               class: normalizeClass([_ctx.$style.buttonGroupDropdown]),
               icon: "angle-down"
-            }, null, 8, ["class"])
+            }, null, 8, ["disabled", "class"])
           ]),
           _: 1
         }, 8, ["actions"])
@@ -111,8 +113,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const buttonGroup = "_buttonGroup_1d4lt_1";
-const buttonGroupDropdown = "_buttonGroupDropdown_1d4lt_15";
+const buttonGroup = "_buttonGroup_aulto_123";
+const buttonGroupDropdown = "_buttonGroupDropdown_aulto_137";
 const style0$1 = {
   buttonGroup,
   buttonGroupDropdown
@@ -132,11 +134,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const sourceControlStore = useSourceControlStore();
     const headerIcon = computed(() => {
       if (projectsStore.currentProject?.type === ProjectTypes.Personal) {
-        return "user";
+        return { type: "icon", value: "user" };
       } else if (projectsStore.currentProject?.name) {
-        return "layer-group";
+        return projectsStore.currentProject.icon ?? { type: "icon", value: "layer-group" };
       } else {
-        return "home";
+        return { type: "icon", value: "home" };
       }
     });
     const projectName = computed(() => {
@@ -162,6 +164,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const createWorkflowButton = computed(() => ({
       value: ACTION_TYPES.WORKFLOW,
       label: "Create Workflow",
+      icon: sourceControlStore.preferences.branchReadOnly ? "lock" : void 0,
+      size: "mini",
       disabled: sourceControlStore.preferences.branchReadOnly || !getResourcePermissions(homeProject.value?.scopes).workflow.create
     }));
     const menu = computed(() => [
@@ -198,57 +202,69 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       executableAction(homeProject.value.id);
     };
     return (_ctx, _cache) => {
-      const _component_N8nIcon = resolveComponent("N8nIcon");
+      const _component_ProjectIcon = __unplugin_components_0;
       const _component_N8nHeading = resolveComponent("N8nHeading");
       const _component_N8nText = resolveComponent("N8nText");
       return openBlock(), createElementBlock("div", null, [
         createBaseVNode("div", {
-          class: normalizeClass([_ctx.$style.projectHeader])
+          class: normalizeClass(_ctx.$style.projectHeader)
         }, [
           createBaseVNode("div", {
-            class: normalizeClass([_ctx.$style.icon])
+            class: normalizeClass(_ctx.$style.projectDetails)
           }, [
-            createVNode(_component_N8nIcon, {
+            createVNode(_component_ProjectIcon, {
               icon: headerIcon.value,
-              color: "text-light"
-            }, null, 8, ["icon"])
+              "border-less": true,
+              size: "medium"
+            }, null, 8, ["icon"]),
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.headerActions)
+            }, [
+              createVNode(_component_N8nHeading, {
+                bold: "",
+                tag: "h2",
+                size: "xlarge"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(projectName.value), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(_component_N8nText, { color: "text-light" }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "subtitle", {}, () => [
+                    !unref(projectsStore).currentProject ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(i18n).baseText("projects.header.subtitle")), 1)) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 3
+              })
+            ], 2)
           ], 2),
-          createBaseVNode("div", null, [
-            createVNode(_component_N8nHeading, {
-              bold: "",
-              tag: "h2",
-              size: "xlarge"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(projectName.value), 1)
-              ]),
-              _: 1
-            }),
-            createVNode(_component_N8nText, { color: "text-light" }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "subtitle", {}, () => [
-                  !unref(projectsStore).currentProject ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(i18n).baseText("projects.header.subtitle")), 1)) : createCommentVNode("", true)
-                ])
-              ]),
-              _: 3
-            })
-          ]),
           unref(route).name !== unref(VIEWS).PROJECT_SETTINGS ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass([_ctx.$style.headerActions])
           }, [
-            createVNode(ProjectCreateResource, {
-              "data-test-id": "add-resource-buttons",
-              actions: menu.value,
-              onAction: onSelect
+            createVNode(unref(N8nTooltip), {
+              disabled: !unref(sourceControlStore).preferences.branchReadOnly,
+              content: unref(i18n).baseText("readOnlyEnv.cantAdd.any")
             }, {
               default: withCtx(() => [
-                createVNode(unref(N8nButton), mergeProps({ "data-test-id": "add-resource-workflow" }, createWorkflowButton.value, {
-                  onClick: _cache[0] || (_cache[0] = ($event) => onSelect(ACTION_TYPES.WORKFLOW))
-                }), null, 16)
+                createVNode(ProjectCreateResource, {
+                  "data-test-id": "add-resource-buttons",
+                  actions: menu.value,
+                  disabled: unref(sourceControlStore).preferences.branchReadOnly,
+                  onAction: onSelect
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(N8nButton), mergeProps({ "data-test-id": "add-resource-workflow" }, createWorkflowButton.value, {
+                      onClick: _cache[0] || (_cache[0] = ($event) => onSelect(ACTION_TYPES.WORKFLOW))
+                    }), null, 16)
+                  ]),
+                  _: 1
+                }, 8, ["actions", "disabled"])
               ]),
               _: 1
-            }, 8, ["actions"])
+            }, 8, ["disabled", "content"])
           ], 2)) : createCommentVNode("", true)
         ], 2),
         createBaseVNode("div", {
@@ -260,15 +276,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const projectHeader = "_projectHeader_7m1jl_1";
-const headerActions = "_headerActions_7m1jl_9";
-const icon = "_icon_7m1jl_13";
-const actions = "_actions_7m1jl_19";
+const projectHeader = "_projectHeader_m645v_123";
+const projectDescription = "_projectDescription_m645v_124";
+const projectDetails = "_projectDetails_m645v_132";
+const actions = "_actions_m645v_137";
+const headerActions = "_headerActions_m645v_147";
 const style0 = {
   projectHeader,
-  headerActions,
-  icon,
-  actions
+  projectDescription,
+  projectDetails,
+  actions,
+  headerActions
 };
 const cssModules = {
   "$style": style0