n8n-editor-ui 1.65.0 → 1.66.0

package/dist/assets/{ProjectCardBadge.vue_vue_type_script_setup_true_lang-Ba-yrh3J.js → ProjectCardBadge-kHyKG50e.js}

@@ -1,4 +1,5 @@
-import { d as defineComponent, p as computed, dA as ProjectTypes, iX as splitName, l as resolveComponent, c9 as resolveDirective, c as openBlock, e as createBlock, w as withCtx, k as createTextVNode, t as toDisplayString, ar as withDirectives, h as createElementBlock, f as createCommentVNode, g as useI18n } from "./index-Be6oKJqR.js";
+import { d as defineComponent, p as computed, dA as ProjectTypes, iY as splitName, l as resolveComponent, c9 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, ar as withDirectives, h as createElementBlock, g as useI18n, _ as _export_sfc } from "./index-QAq8Sa9R.js";
+const _hoisted_1 = { class: "mr-xs" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProjectCardBadge",
   props: {
@@ -30,10 +31,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return "unknown";
     });
+    const numberOfMembersInHomeTeamProject = computed(
+      () => {
+        var _a;
+        return ((_a = props.resource.sharedWithProjects) == null ? void 0 : _a.length) ?? 0;
+      }
+    );
     const badgeText = computed(() => {
       var _a;
       if (projectState.value === "owned" || projectState.value === "shared-owned") {
-        return i18n.baseText("generic.ownedByMe");
+        return i18n.baseText("projects.menu.personal");
       } else {
         const { name, email } = splitName(((_a = props.resource.homeProject) == null ? void 0 : _a.name) ?? "");
         return name ?? email ?? "";
@@ -41,12 +48,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const badgeIcon = computed(() => {
       switch (projectState.value) {
-        case "shared-personal":
+        case "owned":
         case "shared-owned":
-          return "user-friends";
+          return "user";
         case "team":
         case "shared-team":
-          return "archive";
+          return "layer-group";
         default:
           return "";
       }
@@ -56,14 +63,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         case "shared-owned":
           return i18n.baseText("projects.badge.tooltip.sharedOwned", {
             interpolate: {
-              resourceTypeLabel: props.resourceTypeLabel
+              resourceTypeLabel: props.resourceTypeLabel,
+              count: numberOfMembersInHomeTeamProject.value
             }
           });
         case "shared-personal":
           return i18n.baseText("projects.badge.tooltip.sharedPersonal", {
             interpolate: {
               resourceTypeLabel: props.resourceTypeLabel,
-              name: badgeText.value
+              name: badgeText.value,
+              count: numberOfMembersInHomeTeamProject.value
             }
           });
         case "personal":
@@ -84,7 +93,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return i18n.baseText("projects.badge.tooltip.sharedTeam", {
             interpolate: {
               resourceTypeLabel: props.resourceTypeLabel,
-              name: badgeText.value
+              name: badgeText.value,
+              count: numberOfMembersInHomeTeamProject.value
             }
           });
         default:
@@ -104,34 +114,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createTextVNode(toDisplayString(badgeTooltip.value), 1)
         ]),
         default: withCtx(() => [
-          badgeText.value ? (openBlock(), createBlock(_component_N8nBadge, {
-            key: 0,
-            class: "mr-xs",
-            theme: "tertiary",
-            bold: "",
-            "data-test-id": "card-badge"
-          }, {
-            default: withCtx(() => [
-              withDirectives((openBlock(), createElementBlock("span", null, [
-                createTextVNode(toDisplayString(badgeText.value), 1)
-              ])), [
-                [_directive_n8n_truncate, void 0, "20"]
+          createBaseVNode("div", _hoisted_1, [
+            badgeText.value ? (openBlock(), createBlock(_component_N8nBadge, {
+              key: 0,
+              class: normalizeClass(_ctx.$style.badge),
+              theme: "tertiary",
+              bold: "",
+              "data-test-id": "card-badge"
+            }, {
+              default: withCtx(() => [
+                badgeIcon.value ? (openBlock(), createBlock(_component_N8nIcon, {
+                  key: 0,
+                  icon: badgeIcon.value,
+                  size: "small",
+                  class: "mr-3xs"
+                }, null, 8, ["icon"])) : createCommentVNode("", true),
+                withDirectives((openBlock(), createElementBlock("span", null, [
+                  createTextVNode(toDisplayString(badgeText.value), 1)
+                ])), [
+                  [_directive_n8n_truncate, void 0, "20"]
+                ])
+              ]),
+              _: 1
+            }, 8, ["class"])) : createCommentVNode("", true),
+            numberOfMembersInHomeTeamProject.value ? (openBlock(), createBlock(_component_N8nBadge, {
+              key: 1,
+              class: normalizeClass([_ctx.$style.badge, _ctx.$style.countBadge]),
+              theme: "tertiary",
+              bold: ""
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" + " + toDisplayString(numberOfMembersInHomeTeamProject.value), 1)
               ]),
-              badgeIcon.value ? (openBlock(), createBlock(_component_N8nIcon, {
-                key: 0,
-                icon: badgeIcon.value,
-                size: "small",
-                class: "ml-5xs"
-              }, null, 8, ["icon"])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
+              _: 1
+            }, 8, ["class"])) : createCommentVNode("", true)
+          ])
         ]),
         _: 1
       }, 8, ["disabled"]);
     };
   }
 });
+const badge = "_badge_2xnky_1";
+const countBadge = "_countBadge_2xnky_13";
+const style0 = {
+  badge,
+  countBadge
+};
+const cssModules = {
+  "$style": style0
+};
+const ProjectCardBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
-  _sfc_main as _
+  ProjectCardBadge as P
 };

package/dist/assets/{ProjectSettings-CyOAG84u.js → ProjectSettings-BohhQ-z6.js}

@@ -1,5 +1,6 @@
-import { d as defineComponent, bO as mergeModels, cy as useModel, r as ref, p as computed, c as openBlock, e as createBlock, w as withCtx, i as createVNode, k as createTextVNode, t as toDisplayString, A as unref, I as withModifiers, j as createBaseVNode, h as createElementBlock, iC as ProjectSharing, n as normalizeClass, f as createCommentVNode, g as useI18n, l as resolveComponent, _ as _export_sfc, K as useUIStore, u as useUsersStore, a1 as useProjectsStore, j0 as useRolesStore, ay as useCloudPlanStore, a as useToast, b as useRouter, a3 as useDocumentTitle, H as watch, aq as onBeforeMount, o as onMounted, j1 as N8nFormInput, F as Fragment, z as renderList, V as VIEWS, dF as deepCopy, C as nextTick, aj as useTelemetry } from "./index-Be6oKJqR.js";
-import { P as ProjectTabs } from "./ProjectTabs-CFxQVPs3.js";
+import { d as defineComponent, bO as mergeModels, cy as useModel, r as ref, p as computed, c as openBlock, e as createBlock, w as withCtx, i as createVNode, k as createTextVNode, t as toDisplayString, A as unref, I as withModifiers, j as createBaseVNode, h as createElementBlock, iD as ProjectSharing, n as normalizeClass, f as createCommentVNode, g as useI18n, l as resolveComponent, _ as _export_sfc, K as useUIStore, u as useUsersStore, a1 as useProjectsStore, j1 as useRolesStore, ay as useCloudPlanStore, a as useToast, b as useRouter, a3 as useDocumentTitle, H as watch, aq as onBeforeMount, o as onMounted, j2 as N8nFormInput, F as Fragment, z as renderList, V as VIEWS, dF as deepCopy, C as nextTick, dA as ProjectTypes, aj as useTelemetry } from "./index-QAq8Sa9R.js";
+import { P as ProjectTabs } from "./ProjectTabs-D-87NPFl.js";
+import { R as ResourceListHeader } from "./ResourceListHeader-Bs6GLg32.js";
 const _hoisted_1$2 = { class: "pt-l" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectDeleteDialog",
@@ -413,12 +414,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       try {
         if (projectsStore.currentProject) {
-          const projectName = ((_a = projectsStore.currentProject) == null ? void 0 : _a.name) ?? "";
+          const projectName2 = ((_a = projectsStore.currentProject) == null ? void 0 : _a.name) ?? "";
           await projectsStore.deleteProject(projectsStore.currentProject.id, transferId);
           await router.push({ name: VIEWS.HOMEPAGE });
           toast.showMessage({
             title: locale.baseText("projects.settings.delete.successful.title", {
-              interpolate: { projectName }
+              interpolate: { projectName: projectName2 }
             }),
             type: "success"
           });
@@ -446,6 +447,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
+    const headerIcon = computed(() => {
+      var _a, _b;
+      if (((_a = projectsStore.currentProject) == null ? void 0 : _a.type) === ProjectTypes.Personal) {
+        return "user";
+      } else if ((_b = projectsStore.currentProject) == null ? void 0 : _b.name) {
+        return "layer-group";
+      } else {
+        return "home";
+      }
+    });
+    const projectName = computed(() => {
+      if (!projectsStore.currentProject) {
+        return locale.baseText("projects.menu.home");
+      } else if (projectsStore.currentProject.type === ProjectTypes.Personal) {
+        return locale.baseText("projects.menu.personal");
+      } else {
+        return projectsStore.currentProject.name;
+      }
+    });
     onBeforeMount(async () => {
       await usersStore.fetchUsers();
     });
@@ -467,6 +487,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.header)
         }, [
+          createVNode(ResourceListHeader, {
+            icon: headerIcon.value,
+            "data-test-id": "list-layout-header"
+          }, {
+            title: withCtx(() => [
+              createTextVNode(toDisplayString(projectName.value), 1)
+            ]),
+            _: 1
+          }, 8, ["icon"]),
           createVNode(ProjectTabs)
         ], 2),
         createBaseVNode("form", {

package/dist/assets/{ProjectTabs-CFxQVPs3.js → ProjectTabs-D-87NPFl.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, U as useRoute, a1 as useProjectsStore, r as ref, p as computed, H as watch, c as openBlock, h as createElementBlock, i as createVNode, n as normalizeClass, l as resolveComponent, al as getResourcePermissions, V as VIEWS, dA as ProjectTypes, g as useI18n, _ as _export_sfc } from "./index-Be6oKJqR.js";
+import { d as defineComponent, U as useRoute, a1 as useProjectsStore, r as ref, p as computed, H as watch, c as openBlock, h as createElementBlock, i as createVNode, n as normalizeClass, l as resolveComponent, al as getResourcePermissions, V as VIEWS, dA as ProjectTypes, g as useI18n, _ as _export_sfc } from "./index-QAq8Sa9R.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProjectTabs",
   setup(__props) {

package/dist/assets/{PushConnectionTracker-CjC7apu-.js → PushConnectionTracker-Bhnghrmf.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, e0 as mapStores, Z as useRootStore, _ as _export_sfc, c as openBlock, h as createElementBlock, i as createVNode, w as withCtx, ar as withDirectives, j as createBaseVNode, k as createTextVNode, t as toDisplayString, q as renderSlot, l as resolveComponent, c9 as resolveDirective } from "./index-Be6oKJqR.js";
+import { d as defineComponent, e0 as mapStores, Z as useRootStore, _ as _export_sfc, c as openBlock, h as createElementBlock, i as createVNode, w as withCtx, ar as withDirectives, j as createBaseVNode, k as createTextVNode, t as toDisplayString, q as renderSlot, l as resolveComponent, c9 as resolveDirective } from "./index-QAq8Sa9R.js";
 const _sfc_main = defineComponent({
   name: "PushConnectionTracker",
   computed: {

package/dist/assets/ResourceListHeader-Bs6GLg32.js

@@ -0,0 +1,66 @@
+import { d as defineComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, A as unref, iE as N8nIcon, n as normalizeClass, w as withCtx, q as renderSlot, i0 as N8nHeading, e as createBlock, iF as N8nText, f as createCommentVNode, _ as _export_sfc } from "./index-QAq8Sa9R.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ResourceListHeader",
+  props: {
+    icon: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.workflowHeader])
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass([_ctx.$style.icon])
+        }, [
+          createVNode(unref(N8nIcon), {
+            icon: _ctx.icon,
+            color: "text-light"
+          }, null, 8, ["icon"])
+        ], 2),
+        createBaseVNode("div", null, [
+          createVNode(unref(N8nHeading), {
+            bold: "",
+            tag: "h2",
+            size: "xlarge"
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "title")
+            ]),
+            _: 3
+          }),
+          _ctx.$slots.subtitle ? (openBlock(), createBlock(unref(N8nText), {
+            key: 0,
+            size: "small",
+            color: "text-light"
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "subtitle")
+            ]),
+            _: 3
+          })) : createCommentVNode("", true)
+        ]),
+        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([_ctx.$style.actions])
+        }, [
+          renderSlot(_ctx.$slots, "actions")
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const workflowHeader = "_workflowHeader_3z0bo_1";
+const icon = "_icon_3z0bo_9";
+const actions = "_actions_3z0bo_15";
+const style0 = {
+  workflowHeader,
+  icon,
+  actions
+};
+const cssModules = {
+  "$style": style0
+};
+const ResourceListHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ResourceListHeader as R
+};

package/dist/assets/ResourceListHeader-DgE1VPUF.css

@@ -0,0 +1,19 @@
+._workflowHeader_3z0bo_1 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 8px;
+  padding-bottom: var(--spacing-m);
+  min-height: 64px;
+}
+._icon_3z0bo_9 {
+  border: 1px solid var(--color-foreground-light);
+  padding: 6px;
+  border-radius: var(--border-radius-base);
+}
+._actions_3z0bo_15 {
+  margin-left: auto;
+}

package/dist/assets/{ResourcesListLayout-DAvOygN7.css → ResourcesListLayout-Bw99IFlO.css}

@@ -1,16 +1,21 @@
-._wrapper_u24kg_1 {
-  display: grid;
+._wrapper_179di_1 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   height: 100%;
   width: 100%;
   max-width: 1280px;
-  grid-template-rows: auto 1fr;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   -ms-flex-line-pack: start;
       align-content: start;
   padding: var(--spacing-l) var(--spacing-2xl) 0;
 }
-._content_u24kg_12 {
+._content_179di_12 {
   display: grid;
   height: 100%;
 }._wrapper_183my_1 {
@@ -85,7 +90,7 @@
 }
 ._datatable_eysnt_30 {
   padding-bottom: var(--spacing-s);
-}.resource-list-loading[data-v-b2fe67a5] {
+}.resource-list-loading[data-v-0e2b73c0] {
   position: relative;
   height: 0;
   width: 100%;
@@ -93,23 +98,23 @@
   /*
   Show the loading skeleton only if the loading takes longer than 300ms
   */
-  -webkit-animation: 0.01s linear 0.3s forwards changeVisibility-b2fe67a5;
-          animation: 0.01s linear 0.3s forwards changeVisibility-b2fe67a5;
+  -webkit-animation: 0.01s linear 0.3s forwards changeVisibility-0e2b73c0;
+          animation: 0.01s linear 0.3s forwards changeVisibility-0e2b73c0;
 }
-.resource-list-loading[data-v-b2fe67a5] .el-skeleton {
+.resource-list-loading[data-v-0e2b73c0] .el-skeleton {
   position: absolute;
   height: 100%;
   width: 100%;
   overflow: hidden;
 }
-.resource-list-loading[data-v-b2fe67a5] .el-skeleton > div > div:first-child .el-skeleton__item {
+.resource-list-loading[data-v-0e2b73c0] .el-skeleton > div > div:first-child .el-skeleton__item {
   height: 42px;
   margin: 0;
 }
-.resource-list-loading[data-v-b2fe67a5] .el-skeleton .el-skeleton__item {
+.resource-list-loading[data-v-0e2b73c0] .el-skeleton .el-skeleton__item {
   height: 69px;
 }
-@-webkit-keyframes changeVisibility-b2fe67a5 {
+@-webkit-keyframes changeVisibility-0e2b73c0 {
 from {
     height: 0;
 }
@@ -117,7 +122,7 @@ to {
     height: 100%;
 }
 }
-@keyframes changeVisibility-b2fe67a5 {
+@keyframes changeVisibility-0e2b73c0 {
 from {
     height: 0;
 }

package/dist/assets/{ResourcesListLayout-T5bbzLpX.js → ResourcesListLayout-ByBNP70B.js}

@@ -1,4 +1,5 @@
-import { d as defineComponent, e0 as mapStores, K as useUIStore, _ as _export_sfc, c as openBlock, h as createElementBlock, q as renderSlot, j as createBaseVNode, n as normalizeClass, f as createCommentVNode, iC as ProjectSharing, a7 as EnterpriseEditionFeature, a1 as useProjectsStore, e as createBlock, w as withCtx, i as createVNode, ar as withDirectives, as as vShow, k as createTextVNode, t as toDisplayString, l as resolveComponent, U as useRoute, J as useDebounce, u as useUsersStore, r as ref, p as computed, H as watch, o as onMounted, C as nextTick, g as useI18n, aj as useTelemetry, bQ as normalizeProps, bs as guardReactiveProps, F as Fragment, z as renderList } from "./index-Be6oKJqR.js";
+import { d as defineComponent, e0 as mapStores, K as useUIStore, _ as _export_sfc, c as openBlock, h as createElementBlock, q as renderSlot, j as createBaseVNode, n as normalizeClass, f as createCommentVNode, iD as ProjectSharing, a7 as EnterpriseEditionFeature, a1 as useProjectsStore, e as createBlock, w as withCtx, i as createVNode, ar as withDirectives, as as vShow, k as createTextVNode, t as toDisplayString, l as resolveComponent, U as useRoute, J as useDebounce, u as useUsersStore, r as ref, p as computed, H as watch, o as onMounted, C as nextTick, g as useI18n, aj as useTelemetry, dA as ProjectTypes, bQ as normalizeProps, bs as guardReactiveProps, F as Fragment, z as renderList } from "./index-QAq8Sa9R.js";
+import { R as ResourceListHeader } from "./ResourceListHeader-Bs6GLg32.js";
 const _sfc_main$3 = defineComponent({
   name: "PageViewLayout",
   data() {
@@ -10,8 +11,8 @@ const _sfc_main$3 = defineComponent({
     ...mapStores(useUIStore)
   }
 });
-const wrapper$1 = "_wrapper_u24kg_1";
-const content = "_content_u24kg_12";
+const wrapper$1 = "_wrapper_179di_1";
+const content = "_content_179di_12";
 const style0$3 = {
   wrapper: wrapper$1,
   content
@@ -31,7 +32,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
 const cssModules$3 = {
   "$style": style0$3
 };
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__cssModules", cssModules$3]]);
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__cssModules", cssModules$3]]);
 const _sfc_main$2 = defineComponent({
   props: {
     overflow: {
@@ -74,7 +75,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
 const cssModules$2 = {
   "$style": style0$2
 };
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__cssModules", cssModules$2]]);
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__cssModules", cssModules$2]]);
 const _sfc_main$1 = defineComponent({
   components: {
     ProjectSharing
@@ -250,13 +251,14 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
 const cssModules$1 = {
   "$style": style0$1
 };
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__cssModules", cssModules$1]]);
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__cssModules", cssModules$1]]);
 const _sfc_main = defineComponent({
   name: "ResourcesListLayout",
   components: {
-    PageViewLayout: __unplugin_components_2,
-    PageViewLayoutList: __unplugin_components_1,
-    ResourceFiltersDropdown: __unplugin_components_0
+    PageViewLayout: __unplugin_components_3,
+    PageViewLayoutList: __unplugin_components_2,
+    ResourceFiltersDropdown: __unplugin_components_1,
+    ResourceListHeader
   },
   props: {
     resourceKey: {
@@ -327,6 +329,7 @@ const _sfc_main = defineComponent({
     const i18n = useI18n();
     const { callDebounced } = useDebounce();
     const usersStore = useUsersStore();
+    const projectsStore = useProjectsStore();
     const telemetry = useTelemetry();
     const sortBy = ref(props.sortOptions[0]);
     const hasFilters = ref(false);
@@ -497,10 +500,30 @@ const _sfc_main = defineComponent({
         hasFilters.value = true;
       }
     });
+    const headerIcon = computed(() => {
+      var _a, _b;
+      if (((_a = projectsStore.currentProject) == null ? void 0 : _a.type) === ProjectTypes.Personal) {
+        return "user";
+      } else if ((_b = projectsStore.currentProject) == null ? void 0 : _b.name) {
+        return "layer-group";
+      } else {
+        return "home";
+      }
+    });
+    const projectName = computed(() => {
+      if (!projectsStore.currentProject) {
+        return i18n.baseText("projects.menu.home");
+      } else if (projectsStore.currentProject.type === ProjectTypes.Personal) {
+        return i18n.baseText("projects.menu.personal");
+      } else {
+        return projectsStore.currentProject.name;
+      }
+    });
     return {
       i18n,
       search: search2,
       usersStore,
+      projectsStore,
       filterKeys,
       currentPage,
       rowsPerPage,
@@ -519,7 +542,9 @@ const _sfc_main = defineComponent({
       callDebounced,
       setCurrentPage,
       setRowsPerPage,
-      onSearch
+      onSearch,
+      headerIcon,
+      projectName
     };
   }
 });
@@ -545,11 +570,12 @@ const _hoisted_3 = {
   class: "mt-xs"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ResourceListHeader = ResourceListHeader;
   const _component_n8n_loading = resolveComponent("n8n-loading");
   const _component_n8n_action_box = resolveComponent("n8n-action-box");
   const _component_n8n_icon = resolveComponent("n8n-icon");
   const _component_n8n_input = resolveComponent("n8n-input");
-  const _component_ResourceFiltersDropdown = __unplugin_components_0;
+  const _component_ResourceFiltersDropdown = __unplugin_components_1;
   const _component_n8n_option = resolveComponent("n8n-option");
   const _component_n8n_select = resolveComponent("n8n-select");
   const _component_n8n_button = resolveComponent("n8n-button");
@@ -558,10 +584,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_n8n_recycle_scroller = resolveComponent("n8n-recycle-scroller");
   const _component_n8n_datatable = resolveComponent("n8n-datatable");
   const _component_n8n_text = resolveComponent("n8n-text");
-  const _component_PageViewLayoutList = __unplugin_components_1;
-  const _component_PageViewLayout = __unplugin_components_2;
+  const _component_PageViewLayoutList = __unplugin_components_2;
+  const _component_PageViewLayout = __unplugin_components_3;
   return openBlock(), createBlock(_component_PageViewLayout, null, {
     header: withCtx(() => [
+      createVNode(_component_ResourceListHeader, {
+        icon: _ctx.headerIcon,
+        "data-test-id": "list-layout-header"
+      }, {
+        title: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.projectName), 1)
+        ]),
+        _: 1
+      }, 8, ["icon"]),
       renderSlot(_ctx.$slots, "header", {}, void 0, true)
     ]),
     default: withCtx(() => [
@@ -759,7 +794,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 const cssModules = {
   "$style": style0
 };
-const ResourcesListLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__cssModules", cssModules], ["__scopeId", "data-v-b2fe67a5"]]);
+const ResourcesListLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__cssModules", cssModules], ["__scopeId", "data-v-0e2b73c0"]]);
 export {
   ResourcesListLayout as R
 };