n8n-editor-ui 1.84.0 → 1.85.1

package/dist/assets/{WorkflowsView-MzPw02jI.js → WorkflowsView-DpE8yGfm.js}

@@ -1,10 +1,11 @@
-import { d as defineComponent, U as useRoute, b as useRouter, q as computed, gh as ProjectTypes, c as useI18n, V as VIEWS, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, e as createBlock, gi as __unplugin_components_0$1, l as createTextVNode, t as toDisplayString, J as withModifiers, m as unref, cM as _sfc_main$4, _ as _export_sfc, a3 as useProjectsStore, aU as createSlots, a as useToast, p as useSettingsStore, L as useUIStore, u as useUsersStore, T as useWorkflowsStore, a8 as getResourcePermissions, d$ as dateFormat, aA as withDirectives, aB as vShow, gj as ResourceType, af as WORKFLOW_SHARE_MODAL_KEY, ag as useTelemetry, an as DUPLICATE_MODAL_KEY, ai as useMessage, aj as MODAL_CONFIRM, gk as PROJECT_MOVE_RESOURCE_MODAL, a2 as useSourceControlStore, au as usePostHog, E as useTagsStore, gl as useFoldersStore, a5 as useDocumentTitle, K as useDebounce, r as ref, ab as EnterpriseEditionFeature, gm as EASY_AI_WORKFLOW_EXPERIMENT, I as watch, o as onMounted, C as createEventBus, y as onBeforeUnmount, A as debounce, d2 as N8nInputLabel, ad as _sfc_main$5, gn as N8nSelect, F as Fragment, D as renderList, go as _sfc_main$6, cS as N8nHeading, c0 as N8nText, gp as N8nCard, c4 as N8nIcon, gq as DEFAULT_WORKFLOW_PAGE_SIZE, bO as AI_CREDITS_EXPERIMENT, gr as VALID_FOLDER_NAME_REGEX } from "./index-CyVlLoqB.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-BYVhS2j5.js";
-import { W as WorkflowActivator } from "./WorkflowActivator-BvmRhIkt.js";
-import { P as ProjectCardBadge } from "./ProjectCardBadge-CGqr1_BG.js";
-import { P as ProjectHeader } from "./ProjectHeader-C8hRwBFC.js";
-import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-DlyLBhIZ.js";
-import "./useWorkflowActivate-CI3X35ZJ.js";
+import { d as defineComponent, U as useRoute, b as useRouter, q as computed, ac as ProjectTypes, c as useI18n, V as VIEWS, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, e as createBlock, gj as __unplugin_components_0$1, l as createTextVNode, t as toDisplayString, J as withModifiers, m as unref, cO as _sfc_main$4, _ as _export_sfc, a3 as useProjectsStore, aV as createSlots, a as useToast, p as useSettingsStore, L as useUIStore, u as useUsersStore, T as useWorkflowsStore, gk as useFoldersStore, r as ref, a8 as getResourcePermissions, fi as dateFormat, aB as withDirectives, aC as vShow, gl as ResourceType, ag as WORKFLOW_SHARE_MODAL_KEY, ah as useTelemetry, ao as DUPLICATE_MODAL_KEY, aj as useMessage, ak as MODAL_CONFIRM, gm as PROJECT_MOVE_RESOURCE_MODAL, gn as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, go as ILLEGAL_FOLDER_CHARACTERS, gp as FOLDER_NAME_ONLY_DOTS_REGEX, gq as FOLDER_NAME_MAX_LENGTH, a2 as useSourceControlStore, av as usePostHog, E as useTagsStore, d7 as useUsageStore, gr as useInsightsStore, a5 as useDocumentTitle, K as useDebounce, ab as EnterpriseEditionFeature, gs as EASY_AI_WORKFLOW_EXPERIMENT, I as watch, o as onMounted, C as createEventBus, y as onBeforeUnmount, A as debounce, d4 as N8nInputLabel, ae as _sfc_main$5, gt as N8nSelect, F as Fragment, D as renderList, gu as _sfc_main$6, cU as N8nHeading, by as N8nText, gv as N8nCard, c6 as N8nIcon, gw as DEFAULT_WORKFLOW_PAGE_SIZE, bS as AI_CREDITS_EXPERIMENT, da as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-TONfBAHg.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-D3QxB6Mt.js";
+import { W as WorkflowActivator } from "./WorkflowActivator-1S83wg3m.js";
+import { P as ProjectCardBadge } from "./ProjectCardBadge-BiNKaCmD.js";
+import { P as ProjectHeader } from "./ProjectHeader-CyLw5s53.js";
+import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-CZVa9QJH.js";
+import { u as useOverview, I as InsightsSummary } from "./useOverview-C8mSc1uX.js";
+import "./useWorkflowActivate-wAFdzwEx.js";
 const FOLDER_LIST_ITEM_ACTIONS = {
   OPEN: "open",
   CREATE: "create",
@@ -323,18 +324,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         _ctx.breadcrumbs.visibleItems ? (openBlock(), createBlock(_component_n8n_action_toggle, {
           key: 1,
           actions: _ctx.actions,
+          class: normalizeClass(_ctx.$style["action-toggle"]),
           theme: "dark",
           "data-test-id": "folder-breadcrumbs-actions",
           onAction
-        }, null, 8, ["actions"])) : createCommentVNode("", true)
+        }, null, 8, ["actions", "class"])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const container = "_container_1e41k_123";
+const container = "_container_4mxjz_123";
 const style0$2 = {
   container,
-  "home-project": "_home-project_1e41k_128"
+  "action-toggle": "_action-toggle_4mxjz_128",
+  "home-project": "_home-project_4mxjz_132"
 };
 const cssModules$2 = {
   "$style": style0$2
@@ -371,12 +374,50 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const usersStore = useUsersStore();
     const workflowsStore = useWorkflowsStore();
     const projectsStore = useProjectsStore();
+    const foldersStore = useFoldersStore();
+    const hiddenBreadcrumbsItemsAsync = ref(new Promise(() => {
+    }));
     const resourceTypeLabel = computed(() => locale.baseText("generic.workflow").toLowerCase());
     const currentUser = computed(() => usersStore.currentUser ?? {});
     const workflowPermissions = computed(() => getResourcePermissions(props.data.scopes).workflow);
+    const isOverviewPage = computed(() => route.name === VIEWS.WORKFLOWS);
     const showFolders = computed(() => {
       return settingsStore.isFoldersFeatureEnabled && route.name !== VIEWS.WORKFLOWS;
     });
+    const projectIcon = computed(() => {
+      const defaultIcon = { type: "icon", value: "layer-group" };
+      if (props.data.homeProject?.type === ProjectTypes.Personal) {
+        return { type: "icon", value: "user" };
+      } else if (props.data.homeProject?.type === ProjectTypes.Team) {
+        return props.data.homeProject.icon ?? defaultIcon;
+      }
+      return defaultIcon;
+    });
+    const projectName = computed(() => {
+      if (props.data.homeProject?.type === ProjectTypes.Personal) {
+        return locale.baseText("projects.menu.personal");
+      }
+      return props.data.homeProject?.name;
+    });
+    const cardBreadcrumbs = computed(() => {
+      if (props.data.parentFolder) {
+        return [
+          {
+            id: props.data.parentFolder.id,
+            name: props.data.parentFolder.name,
+            label: props.data.parentFolder.name,
+            href: router.resolve({
+              name: VIEWS.PROJECTS_FOLDERS,
+              params: {
+                projectId: props.data.homeProject?.id,
+                folderId: props.data.parentFolder.id
+              }
+            }).href
+          }
+        ];
+      }
+      return [];
+    });
     const actions = computed(() => {
       const items = [
         {
@@ -517,6 +558,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       });
       emit("workflow:deleted");
     }
+    const fetchHiddenBreadCrumbsItems = async () => {
+      if (!props.data.homeProject?.id || !projectName.value || !props.data.parentFolder) {
+        hiddenBreadcrumbsItemsAsync.value = Promise.resolve([]);
+      } else {
+        hiddenBreadcrumbsItemsAsync.value = foldersStore.getHiddenBreadcrumbsItems(
+          { id: props.data.homeProject.id, name: projectName.value },
+          props.data.parentFolder.id
+        );
+      }
+    };
     function moveResource() {
       uiStore.openModalWithData({
         name: PROJECT_MOVE_RESOURCE_MODAL,
@@ -531,11 +582,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const emitWorkflowActiveToggle = (value) => {
       emit("workflow:active-toggle", value);
     };
+    const onBreadcrumbItemClick = async (item) => {
+      if (item.href) {
+        await router.push(item.href);
+      }
+    };
     return (_ctx, _cache) => {
       const _component_N8nBadge = resolveComponent("N8nBadge");
-      const _component_n8n_heading = resolveComponent("n8n-heading");
-      const _component_n8n_tags = resolveComponent("n8n-tags");
       const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_tags = resolveComponent("n8n-tags");
+      const _component_ProjectIcon = __unplugin_components_0$1;
+      const _component_n8n_link = resolveComponent("n8n-link");
+      const _component_n8n_breadcrumbs = resolveComponent("n8n-breadcrumbs");
       const _component_n8n_action_toggle = resolveComponent("n8n-action-toggle");
       const _component_n8n_card = resolveComponent("n8n-card");
       return openBlock(), createBlock(_component_n8n_card, {
@@ -544,7 +602,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         onClick
       }, {
         header: withCtx(() => [
-          createVNode(_component_n8n_heading, {
+          createVNode(_component_n8n_text, {
             tag: "h2",
             bold: "",
             class: normalizeClass(_ctx.$style.cardHeading),
@@ -573,13 +631,64 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onClick: _cache[0] || (_cache[0] = withModifiers(() => {
             }, ["stop"]))
           }, [
-            createVNode(ProjectCardBadge, {
+            isOverviewPage.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.breadcrumbs)
+            }, [
+              createVNode(_component_n8n_breadcrumbs, {
+                items: cardBreadcrumbs.value,
+                "hidden-items": hiddenBreadcrumbsItemsAsync.value,
+                "path-truncated": true,
+                "show-border": true,
+                "highlight-last-item": false,
+                "hidden-items-trigger": "hover",
+                theme: "small",
+                "data-test-id": "workflow-card-breadcrumbs",
+                onTooltipOpened: fetchHiddenBreadCrumbsItems,
+                onItemSelected: onBreadcrumbItemClick
+              }, createSlots({ _: 2 }, [
+                _ctx.data.homeProject ? {
+                  name: "prepend",
+                  fn: withCtx(() => [
+                    createBaseVNode("div", {
+                      class: normalizeClass(_ctx.$style["home-project"])
+                    }, [
+                      createVNode(_component_n8n_link, {
+                        to: `/projects/${_ctx.data.homeProject.id}`
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_ProjectIcon, {
+                            icon: projectIcon.value,
+                            "border-less": true,
+                            size: "mini"
+                          }, null, 8, ["icon"]),
+                          createVNode(_component_n8n_text, {
+                            size: "small",
+                            compact: true,
+                            bold: true,
+                            color: "text-base"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(projectName.value), 1)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["to"])
+                    ], 2)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["items", "hidden-items"])
+            ], 2)) : (openBlock(), createBlock(ProjectCardBadge, {
+              key: 1,
               class: normalizeClass(_ctx.$style.cardBadge),
               resource: _ctx.data,
               "resource-type": unref(ResourceType).Workflow,
               "resource-type-label": resourceTypeLabel.value,
               "personal-project": unref(projectsStore).personalProject
-            }, null, 8, ["class", "resource", "resource-type", "resource-type-label", "personal-project"]),
+            }, null, 8, ["class", "resource", "resource-type", "resource-type-label", "personal-project"])),
             createVNode(WorkflowActivator, {
               class: "mr-s",
               "workflow-active": _ctx.data.active,
@@ -658,12 +767,53 @@ const cssModules$1 = {
   "$style": style0$1
 };
 const WorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
-const _hoisted_1 = { class: "text-center mt-s" };
-const _hoisted_2 = {
+function useFolders() {
+  const i18n = useI18n();
+  function validateFolderName(folderName) {
+    if (FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX.test(folderName)) {
+      return i18n.baseText("folders.invalidName.invalidCharacters.message", {
+        interpolate: {
+          illegalChars: ILLEGAL_FOLDER_CHARACTERS.join(" ")
+        }
+      });
+    }
+    if (FOLDER_NAME_ONLY_DOTS_REGEX.test(folderName)) {
+      return i18n.baseText("folders.invalidName.only.dots.message");
+    }
+    if (folderName.startsWith(".")) {
+      return i18n.baseText("folders.invalidName.starts.with.dot..message");
+    }
+    if (folderName.trim() === "") {
+      return i18n.baseText("folders.invalidName.empty.message");
+    }
+    if (folderName.length > FOLDER_NAME_MAX_LENGTH) {
+      return i18n.baseText("folders.invalidName.tooLong.message", {
+        interpolate: {
+          maxLength: FOLDER_NAME_MAX_LENGTH
+        }
+      });
+    }
+    return true;
+  }
+  return {
+    validateFolderName
+  };
+}
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = {
+  class: "text-center mt-s",
+  "data-test-id": "list-empty-state"
+};
+const _hoisted_6 = {
   key: 0,
   class: "mb-s"
 };
-const _hoisted_3 = { class: "mb-s" };
+const _hoisted_7 = { class: "mb-s" };
+const SEARCH_DEBOUNCE_TIME = 300;
+const FILTERS_DEBOUNCE_TIME = 100;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WorkflowsView",
   setup(__props) {
@@ -683,6 +833,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const router = useRouter();
     const message = useMessage();
     const toast = useToast();
+    const folderHelpers = useFolders();
     const sourceControlStore = useSourceControlStore();
     const usersStore = useUsersStore();
     const workflowsStore = useWorkflowsStore();
@@ -693,8 +844,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const uiStore = useUIStore();
     const tagsStore = useTagsStore();
     const foldersStore = useFoldersStore();
+    const usageStore = useUsageStore();
+    const insightsStore = useInsightsStore();
     const documentTitle = useDocumentTitle();
     const { callDebounced } = useDebounce();
+    const overview = useOverview();
     const loading = ref(false);
     const breadcrumbsLoading = ref(false);
     const filters = ref({
@@ -759,8 +913,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isShareable = computed(
       () => settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.Sharing]
     );
+    const foldersEnabled = computed(() => {
+      return settingsStore.isFoldersFeatureEnabled;
+    });
+    const teamProjectsEnabled = computed(() => {
+      return projectsStore.isTeamProjectFeatureEnabled;
+    });
     const showFolders = computed(() => {
-      return settingsStore.isFoldersFeatureEnabled && !isOverviewPage.value;
+      return foldersEnabled.value && !isOverviewPage.value;
     });
     const currentFolder = computed(() => {
       return currentFolderId.value ? foldersStore.breadcrumbsCache[currentFolderId.value] : null;
@@ -861,6 +1021,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return i18n.baseText("workflows.empty.description");
       }
     });
+    const hasFilters = computed(() => {
+      return !!(filters.value.search || filters.value.status !== StatusFilter.ALL || filters.value.tags.length);
+    });
+    const isSelfHostedDeployment = computed(() => settingsStore.deploymentType === "default");
+    const canUserRegisterCommunityPlus = computed(
+      () => getResourcePermissions(usersStore.currentUser?.globalScopes).community.register
+    );
+    const showRegisteredCommunityCTA = computed(
+      () => isSelfHostedDeployment.value && !foldersEnabled.value && canUserRegisterCommunityPlus.value
+    );
     watch(
       () => route.params?.projectId,
       async () => {
@@ -878,9 +1048,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (name !== "pullWorkfolder") return;
       after(async () => await initialize());
     });
+    const onWorkflowDeleted = async () => {
+      await Promise.all([
+        fetchWorkflows(),
+        foldersStore.fetchTotalWorkflowsAndFoldersCount(route.params.projectId)
+      ]);
+    };
     const onFolderDeleted = async (payload) => {
       const folderInfo = foldersStore.getCachedFolder(payload.folderId);
       foldersStore.deleteFoldersFromCache([payload.folderId, folderInfo?.parentFolder ?? ""]);
+      await foldersStore.fetchTotalWorkflowsAndFoldersCount(
+        route.params.projectId
+      );
       if (currentFolderId.value === payload.folderId) {
         void router.push({
           name: VIEWS.PROJECTS_FOLDERS,
@@ -918,7 +1097,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const [, resourcesPage] = await Promise.all([
         usersStore.fetchUsers(),
         fetchWorkflows(),
-        workflowsStore.fetchActiveWorkflows()
+        workflowsStore.fetchActiveWorkflows(),
+        usageStore.getLicenseInfo(),
+        foldersStore.fetchTotalWorkflowsAndFoldersCount(route.params.projectId)
       ]);
       breadcrumbsLoading.value = false;
       workflowsAndFolders.value = resourcesPage;
@@ -959,7 +1140,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           await foldersStore.getFolderPath(routeProjectId, parentFolder);
           breadcrumbsLoading.value = false;
         }
-        await foldersStore.fetchTotalWorkflowsAndFoldersCount(routeProjectId);
         workflowsAndFolders.value = fetchedResources;
         return fetchedResources;
       } catch (error) {
@@ -986,24 +1166,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onFiltersUpdated = async () => {
       currentPage.value = 1;
       saveFiltersOnQueryString();
-      await callDebounced(fetchWorkflows, { debounceTime: 100, trailing: true });
+      await callDebounced(fetchWorkflows, { debounceTime: FILTERS_DEBOUNCE_TIME, trailing: true });
     };
     const onSearchUpdated = async (search) => {
       currentPage.value = 1;
       saveFiltersOnQueryString();
       if (search) {
-        await callDebounced(fetchWorkflows, { debounceTime: 100, trailing: true });
+        await callDebounced(fetchWorkflows, { debounceTime: SEARCH_DEBOUNCE_TIME, trailing: true });
       } else {
         await fetchWorkflows();
       }
     };
     const setCurrentPage = async (page) => {
       currentPage.value = page;
-      await callDebounced(fetchWorkflows, { debounceTime: 100, trailing: true });
+      await callDebounced(fetchWorkflows, { debounceTime: FILTERS_DEBOUNCE_TIME, trailing: true });
     };
     const setPageSize = async (size) => {
       pageSize.value = size;
-      await callDebounced(fetchWorkflows, { debounceTime: 100, trailing: true });
+      await callDebounced(fetchWorkflows, { debounceTime: FILTERS_DEBOUNCE_TIME, trailing: true });
     };
     const onClickTag = async (tagId) => {
       if (!filters.value.tags.includes(tagId)) {
@@ -1263,11 +1443,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!clickedFolder) return;
       switch (payload.action) {
         case FOLDER_LIST_ITEM_ACTIONS.CREATE:
-          await createFolder({
-            id: clickedFolder.id,
-            name: clickedFolder.name,
-            type: "folder"
-          });
+          await createFolder(
+            {
+              id: clickedFolder.id,
+              name: clickedFolder.name,
+              type: "folder"
+            },
+            { openAfterCreate: true }
+          );
           break;
         case FOLDER_LIST_ITEM_ACTIONS.CREATE_WORKFLOW:
           currentFolderId.value = clickedFolder.id;
@@ -1297,14 +1480,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           break;
       }
     };
-    const createFolder = async (parent) => {
+    const createFolder = async (parent, options = { openAfterCreate: false }) => {
       const promptResponsePromise = message.prompt(
         i18n.baseText("folders.add.to.parent.message", { interpolate: { parent: parent.name } }),
         {
           confirmButtonText: i18n.baseText("generic.create"),
           cancelButtonText: i18n.baseText("generic.cancel"),
-          inputErrorMessage: i18n.baseText("folders.invalidName.message"),
-          inputPattern: VALID_FOLDER_NAME_REGEX,
+          inputValidator: folderHelpers.validateFolderName,
           customClass: "add-folder-modal"
         }
       );
@@ -1337,29 +1519,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             type: "success"
           });
-          if (!workflowsAndFolders.value.length) {
-            workflowsAndFolders.value = [
-              {
-                id: newFolder.id,
-                name: newFolder.name,
-                resource: "folder",
-                createdAt: newFolder.createdAt,
-                updatedAt: newFolder.updatedAt,
-                homeProject: projectsStore.currentProject,
-                sharedWithProjects: [],
-                workflowCount: 0,
-                subFolderCount: 0
-              }
-            ];
-            foldersStore.cacheFolders([
-              { id: newFolder.id, name: newFolder.name, parentFolder: currentFolder.value?.id }
-            ]);
-          } else {
-            await fetchWorkflows();
-          }
           telemetry.track("User created folder", {
             folder_id: newFolder.id
           });
+          if (options.openAfterCreate) {
+            await router.push({
+              name: VIEWS.PROJECTS_FOLDERS,
+              params: { projectId: route.params.projectId, folderId: parent.id }
+            });
+          } else {
+            if (!workflowsAndFolders.value.length) {
+              workflowsAndFolders.value = [
+                {
+                  id: newFolder.id,
+                  name: newFolder.name,
+                  resource: "folder",
+                  createdAt: newFolder.createdAt,
+                  updatedAt: newFolder.updatedAt,
+                  homeProject: projectsStore.currentProject,
+                  sharedWithProjects: [],
+                  workflowCount: 0,
+                  subFolderCount: 0
+                }
+              ];
+              foldersStore.cacheFolders([
+                { id: newFolder.id, name: newFolder.name, parentFolder: currentFolder.value?.id }
+              ]);
+            } else {
+              await fetchWorkflows();
+            }
+          }
         } catch (error) {
           toast.showError(error, i18n.baseText("folders.create.error.title"));
         }
@@ -1373,10 +1562,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         {
           confirmButtonText: i18n.baseText("generic.rename"),
           cancelButtonText: i18n.baseText("generic.cancel"),
-          inputErrorMessage: i18n.baseText("folders.invalidName.message"),
           inputValue: folder.name,
-          inputPattern: VALID_FOLDER_NAME_REGEX,
-          customClass: "rename-folder-modal"
+          customClass: "rename-folder-modal",
+          inputValidator: folderHelpers.validateFolderName
         }
       );
       const promptResponse = await promptResponsePromise;
@@ -1401,6 +1589,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const createFolderInCurrent = async () => {
+      if (showRegisteredCommunityCTA.value) {
+        uiStore.openModalWithData({
+          name: COMMUNITY_PLUS_ENROLLMENT_MODAL,
+          data: { customHeading: i18n.baseText("folders.registeredCommunity.cta.heading") }
+        });
+        return;
+      }
       if (!route.params.projectId) return;
       const currentParent = currentFolder.value?.name || projectName.value;
       if (!currentParent) return;
@@ -1431,12 +1626,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         await foldersStore.moveFolder(
           route.params.projectId,
           payload.folder.id,
-          payload.newParent.id
+          payload.newParent.type === "project" ? "0" : payload.newParent.id
         );
         const isCurrentFolder = currentFolderId.value === payload.folder.id;
         const newFolderURL = router.resolve({
           name: VIEWS.PROJECTS_FOLDERS,
-          params: { projectId: route.params.projectId, folderId: payload.newParent.id }
+          params: {
+            projectId: route.params.projectId,
+            folderId: payload.newParent.type === "project" ? void 0 : payload.newParent.id
+          }
         }).href;
         if (isCurrentFolder) {
           void router.push(newFolderURL);
@@ -1461,6 +1659,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const moveWorkflowToFolder = async (payload) => {
+      if (showRegisteredCommunityCTA.value) {
+        uiStore.openModalWithData({
+          name: COMMUNITY_PLUS_ENROLLMENT_MODAL,
+          data: { customHeading: i18n.baseText("folders.registeredCommunity.cta.heading") }
+        });
+        return;
+      }
       uiStore.openMoveToFolderModal(
         "workflow",
         { id: payload.id, name: payload.name, parentFolderId: payload.parentFolderId },
@@ -1472,13 +1677,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         const newFolderURL = router.resolve({
           name: VIEWS.PROJECTS_FOLDERS,
-          params: { projectId: route.params.projectId, folderId: payload.newParent.id }
+          params: {
+            projectId: route.params.projectId,
+            folderId: payload.newParent.type === "project" ? void 0 : payload.newParent.id
+          }
         }).href;
         const workflowResource = workflowsAndFolders.value.find(
           (resource) => resource.id === payload.workflow.id
         );
         await workflowsStore.updateWorkflow(payload.workflow.id, {
-          parentFolderId: payload.newParent.id,
+          parentFolderId: payload.newParent.type === "project" ? "0" : payload.newParent.id,
           versionId: workflowResource?.versionId
         });
         await fetchWorkflows();
@@ -1504,6 +1712,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         toast.showError(error, i18n.baseText("folders.move.workflow.error.title"));
       }
     };
+    const onCreateWorkflowClick = () => {
+      void router.push({
+        name: VIEWS.NEW_WORKFLOW,
+        query: {
+          projectId: currentProject.value?.id,
+          parentFolderId: route.params.folderId
+        }
+      });
+    };
     return (_ctx, _cache) => {
       const _component_N8nButton = resolveComponent("N8nButton");
       const _component_N8nTooltip = resolveComponent("N8nTooltip");
@@ -1512,6 +1729,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_n8n_loading = resolveComponent("n8n-loading");
       const _component_FolderBreadcrumbs = __unplugin_components_0;
       const _component_FolderCard = __unplugin_components_1;
+      const _component_n8n_action_box = resolveComponent("n8n-action-box");
       return openBlock(), createBlock(ResourcesListLayout, {
         filters: filters.value,
         "onUpdate:filters": [
@@ -1538,7 +1756,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onSort: onSortUpdated
       }, createSlots({
         header: withCtx(() => [
-          createVNode(ProjectHeader, { onCreateFolder: createFolderInCurrent })
+          createVNode(ProjectHeader, { onCreateFolder: createFolderInCurrent }, {
+            default: withCtx(() => [
+              unref(overview).isOverviewSubPage ? (openBlock(), createBlock(InsightsSummary, {
+                key: 0,
+                loading: unref(insightsStore).summary.isLoading,
+                summary: unref(insightsStore).summary.state
+              }, null, 8, ["loading", "summary"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
         ]),
         callout: withCtx(() => [
           showEasyAIWorkflowCallout.value && easyAICalloutVisible.value ? (openBlock(), createBlock(_component_N8nCallout, {
@@ -1610,13 +1837,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onAction: onFolderCardAction
           }, null, 8, ["data", "actions", "read-only"])) : (openBlock(), createBlock(WorkflowCard, {
             key: 1,
-            "data-test-id": "resources-list-item",
+            "data-test-id": "resources-list-item-workflow",
             class: "mb-2xs",
             data,
             "workflow-list-event-bus": unref(workflowListEventBus),
             "read-only": readOnlyEnv.value,
             "onClick:tag": onClickTag,
-            "onWorkflow:deleted": fetchWorkflows,
+            "onWorkflow:deleted": onWorkflowDeleted,
             "onWorkflow:moved": fetchWorkflows,
             "onWorkflow:duplicated": fetchWorkflows,
             "onWorkflow:activeToggle": onWorkflowActiveToggle,
@@ -1624,7 +1851,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["data", "workflow-list-event-bus", "read-only"]))
         ]),
         empty: withCtx(() => [
-          createBaseVNode("div", _hoisted_1, [
+          createBaseVNode("div", _hoisted_5, [
             createVNode(unref(N8nHeading), {
               tag: "h2",
               size: "xlarge",
@@ -1703,7 +1930,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 2)) : createCommentVNode("", true)
         ]),
         filters: withCtx(({ setKeyValue }) => [
-          unref(settingsStore).areTagsEnabled ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          unref(settingsStore).areTagsEnabled ? (openBlock(), createElementBlock("div", _hoisted_6, [
             createVNode(unref(N8nInputLabel), {
               label: unref(i18n).baseText("workflows.filters.tags"),
               bold: false,
@@ -1718,7 +1945,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": ($event) => setKeyValue("tags", $event)
             }, null, 8, ["placeholder", "model-value", "onUpdate:modelValue"])
           ])) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_3, [
+          createBaseVNode("div", _hoisted_7, [
             createVNode(unref(N8nInputLabel), {
               label: unref(i18n).baseText("workflows.filters.status"),
               bold: false,
@@ -1745,28 +1972,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 1032, ["model-value", "onUpdate:modelValue"])
           ])
         ]),
+        postamble: withCtx(() => [
+          workflowsAndFolders.value.length === 0 && currentFolder.value && !hasFilters.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style["empty-folder-container"]),
+            "data-test-id": "empty-folder-container"
+          }, [
+            createVNode(_component_n8n_action_box, {
+              "data-test-id": "empty-folder-action-box",
+              heading: unref(i18n).baseText("folders.empty.actionbox.title", {
+                interpolate: { folderName: currentFolder.value.name }
+              }),
+              "button-text": unref(i18n).baseText("generic.create.workflow"),
+              "button-type": "secondary",
+              "button-disabled": readOnlyEnv.value || !projectPermissions.value.workflow.create,
+              "onClick:button": onCreateWorkflowClick
+            }, {
+              disabledButtonTooltip: withCtx(() => [
+                createTextVNode(toDisplayString(readOnlyEnv.value ? unref(i18n).baseText("readOnlyEnv.cantAdd.workflow") : unref(i18n).baseText("generic.missing.permissions")), 1)
+              ]),
+              _: 1
+            }, 8, ["heading", "button-text", "button-disabled"])
+          ], 2)) : createCommentVNode("", true)
+        ]),
         _: 2
       }, [
-        showFolders.value ? {
+        foldersEnabled.value || showRegisteredCommunityCTA.value ? {
           name: "add-button",
           fn: withCtx(() => [
             createVNode(_component_N8nTooltip, {
               placement: "top",
-              disabled: readOnlyEnv.value || !hasPermissionToCreateFolders.value
+              disabled: !(isOverviewPage.value || !readOnlyEnv.value && hasPermissionToCreateFolders.value)
             }, {
               content: withCtx(() => [
-                createTextVNode(toDisplayString(currentParentName.value ? unref(i18n).baseText("folders.add.to.parent.message", {
+                isOverviewPage.value && !showRegisteredCommunityCTA.value ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                  teamProjectsEnabled.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(i18n).baseText("folders.add.overview.withProjects.message")), 1)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(i18n).baseText("folders.add.overview.community.message")), 1))
+                ])) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(currentParentName.value ? unref(i18n).baseText("folders.add.to.parent.message", {
                   interpolate: { parent: currentParentName.value }
-                }) : unref(i18n).baseText("folders.add.here.message")), 1)
+                }) : unref(i18n).baseText("folders.add.here.message")), 1))
               ]),
               default: withCtx(() => [
                 createVNode(_component_N8nButton, {
-                  size: "large",
+                  size: "small",
                   icon: "folder-plus",
                   type: "tertiary",
                   "data-test-id": "add-folder-button",
                   class: normalizeClass(_ctx.$style["add-folder-button"]),
-                  disabled: readOnlyEnv.value || !hasPermissionToCreateFolders.value,
+                  disabled: !showRegisteredCommunityCTA.value && (readOnlyEnv.value || !hasPermissionToCreateFolders.value),
                   onClick: createFolderInCurrent
                 }, null, 8, ["class", "disabled"])
               ]),
@@ -1779,18 +2031,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const actionsContainer = "_actionsContainer_12bsx_123";
-const emptyStateCard = "_emptyStateCard_12bsx_139";
-const emptyStateCardIcon = "_emptyStateCardIcon_12bsx_152";
+const actionsContainer = "_actionsContainer_f2oet_123";
+const emptyStateCard = "_emptyStateCard_f2oet_139";
+const emptyStateCardIcon = "_emptyStateCardIcon_f2oet_152";
 const style0 = {
   actionsContainer,
-  "easy-ai-workflow-callout": "_easy-ai-workflow-callout_12bsx_128",
-  "callout-trailing-content": "_callout-trailing-content_12bsx_133",
+  "easy-ai-workflow-callout": "_easy-ai-workflow-callout_f2oet_128",
+  "callout-trailing-content": "_callout-trailing-content_f2oet_133",
   emptyStateCard,
   emptyStateCardIcon,
-  "add-folder-button": "_add-folder-button_12bsx_161",
-  "breadcrumbs-container": "_breadcrumbs-container_12bsx_165",
-  "breadcrumbs-loading": "_breadcrumbs-loading_12bsx_171"
+  "add-folder-button": "_add-folder-button_f2oet_161",
+  "breadcrumbs-container": "_breadcrumbs-container_f2oet_166",
+  "breadcrumbs-loading": "_breadcrumbs-loading_f2oet_172",
+  "empty-folder-container": "_empty-folder-container_f2oet_178"
 };
 const cssModules = {
   "$style": style0