n8n-editor-ui 1.92.0 → 1.93.0

package/dist/assets/{ProjectHeader-CaEZ2OPj.js → ProjectHeader-DNm605Kk.js}

@@ -1,62 +1,71 @@
-import { d as defineComponent, R as useRoute, r as ref, q as computed, V as VIEWS, c as useI18n, X as watch, h as resolveComponent, e as createBlock, g as openBlock, i as createElementBlock, n as normalizeClass, x as renderSlot, j as createVNode, m as unref, gO as N8nActionToggle, w as withCtx, aT as _sfc_main$3, _ as _export_sfc, bQ as reactive, b as useRouter, a1 as useProjectsStore, a0 as useSourceControlStore, p as useSettingsStore, ab as ProjectTypes, a7 as getResourcePermissions, k as createBaseVNode, f as createCommentVNode, dF as ProjectIcon, l as createTextVNode, t as toDisplayString, bg as N8nButton, b7 as mergeProps, aR as N8nTooltip } from "./index-B6eunbxp.js";
+import { d as defineComponent, R as useRoute, r as ref, q as computed, V as VIEWS, c as useI18n, X as watch, h as resolveComponent, e as createBlock, g as openBlock, i as createElementBlock, n as normalizeClass, x as renderSlot, j as createVNode, m as unref, gW as N8nActionToggle, w as withCtx, aT as _sfc_main$3, _ as _export_sfc, b as useRouter, a1 as useProjectsStore, a0 as useSourceControlStore, p as useSettingsStore, ab as ProjectTypes, a7 as getResourcePermissions, k as createBaseVNode, f as createCommentVNode, dI as ProjectIcon, l as createTextVNode, t as toDisplayString, bg as N8nButton, b7 as mergeProps, aR as N8nTooltip } from "./index-DZ6VpjNj.js";
+import { u as useProjectPages } from "./useProjectPages-e8b03-5_.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectTabs",
   props: {
-    showSettings: { type: Boolean }
+    showSettings: { type: Boolean, default: false },
+    showExecutions: { type: Boolean, default: true },
+    pageType: { default: "project" }
   },
   setup(__props) {
     const props = __props;
     const locale = useI18n();
     const route = useRoute();
     const selectedTab = ref("");
-    const options = computed(() => {
-      const projectId = route?.params?.projectId;
-      const to = projectId ? {
-        workflows: {
-          name: VIEWS.PROJECTS_WORKFLOWS,
-          params: { projectId }
-        },
-        credentials: {
-          name: VIEWS.PROJECTS_CREDENTIALS,
-          params: { projectId }
-        },
-        executions: {
-          name: VIEWS.PROJECTS_EXECUTIONS,
-          params: { projectId }
-        }
-      } : {
-        workflows: {
-          name: VIEWS.WORKFLOWS
-        },
-        credentials: {
-          name: VIEWS.CREDENTIALS
-        },
-        executions: {
-          name: VIEWS.EXECUTIONS
-        }
+    const projectId = computed(() => {
+      return Array.isArray(route?.params?.projectId) ? route.params.projectId[0] : route?.params?.projectId;
+    });
+    const getRouteConfigs = () => {
+      if (projectId.value) {
+        return {
+          workflows: {
+            name: VIEWS.PROJECTS_WORKFLOWS,
+            params: { projectId: projectId.value }
+          },
+          credentials: {
+            name: VIEWS.PROJECTS_CREDENTIALS,
+            params: { projectId: projectId.value }
+          },
+          executions: {
+            name: VIEWS.PROJECTS_EXECUTIONS,
+            params: { projectId: projectId.value }
+          }
+        };
+      }
+      if (props.pageType === "shared") {
+        return {
+          workflows: { name: VIEWS.SHARED_WORKFLOWS },
+          credentials: { name: VIEWS.SHARED_CREDENTIALS },
+          executions: { name: VIEWS.NOT_FOUND }
+        };
+      }
+      return {
+        workflows: { name: VIEWS.WORKFLOWS },
+        credentials: { name: VIEWS.CREDENTIALS },
+        executions: { name: VIEWS.EXECUTIONS }
+      };
+    };
+    const createTab = (label, routeKey, routes) => {
+      return {
+        label: locale.baseText(label),
+        value: routes[routeKey].name,
+        to: routes[routeKey]
       };
+    };
+    const options = computed(() => {
+      const routes = getRouteConfigs();
       const tabs = [
-        {
-          label: locale.baseText("mainSidebar.workflows"),
-          value: to.workflows.name,
-          to: to.workflows
-        },
-        {
-          label: locale.baseText("mainSidebar.credentials"),
-          value: to.credentials.name,
-          to: to.credentials
-        },
-        {
-          label: locale.baseText("mainSidebar.executions"),
-          value: to.executions.name,
-          to: to.executions
-        }
+        createTab("mainSidebar.workflows", "workflows", routes),
+        createTab("mainSidebar.credentials", "credentials", routes)
       ];
+      if (props.showExecutions) {
+        tabs.push(createTab("mainSidebar.executions", "executions", routes));
+      }
       if (props.showSettings) {
         tabs.push({
           label: locale.baseText("projects.settings"),
           value: VIEWS.PROJECT_SETTINGS,
-          to: { name: VIEWS.PROJECT_SETTINGS, params: { projectId } }
+          to: { name: VIEWS.PROJECT_SETTINGS, params: { projectId: projectId.value } }
         });
       }
       return tabs;
@@ -64,7 +73,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     watch(
       () => route?.name,
       () => {
-        selectedTab.value = route?.name;
         selectedTab.value = route.name === VIEWS.PROJECTS_FOLDERS ? VIEWS.PROJECTS_WORKFLOWS : route.name;
       },
       { immediate: true }
@@ -132,16 +140,6 @@ const cssModules$1 = {
   "$style": style0$1
 };
 const ProjectCreateResource = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
-const useOverview = () => {
-  const route = useRoute();
-  const isOverviewSubPage = computed(
-    () => route.name === VIEWS.WORKFLOWS || route.name === VIEWS.HOMEPAGE || route.name === VIEWS.CREDENTIALS || route.name === VIEWS.EXECUTIONS || route.name === VIEWS.FOLDERS
-  );
-  return reactive({
-    isOverviewSubPage
-  });
-};
-const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProjectHeader",
   emits: ["createFolder"],
@@ -152,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const projectsStore = useProjectsStore();
     const sourceControlStore = useSourceControlStore();
     const settingsStore = useSettingsStore();
-    const overview = useOverview();
+    const projectPages = useProjectPages();
     const emit = __emit;
     const headerIcon = computed(() => {
       if (projectsStore.currentProject?.type === ProjectTypes.Personal) {
@@ -165,7 +163,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const projectName = computed(() => {
       if (!projectsStore.currentProject) {
-        return i18n.baseText("projects.menu.overview");
+        if (projectPages.isOverviewSubPage) {
+          return i18n.baseText("projects.menu.overview");
+        } else if (projectPages.isSharedSubPage) {
+          return i18n.baseText("projects.header.shared.title");
+        }
+        return null;
       } else if (projectsStore.currentProject.type === ProjectTypes.Personal) {
         return i18n.baseText("projects.menu.personal");
       } else {
@@ -179,6 +182,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => !!route?.params?.projectId && !!projectPermissions.value.update && projectsStore.currentProject?.type === ProjectTypes.Team
     );
     const homeProject = computed(() => projectsStore.currentProject ?? projectsStore.personalProject);
+    const isPersonalProject = computed(() => {
+      return homeProject.value?.type === ProjectTypes.Personal;
+    });
     const showFolders = computed(() => {
       return settingsStore.isFoldersFeatureEnabled && [VIEWS.PROJECTS_WORKFLOWS, VIEWS.PROJECTS_FOLDERS].includes(route.name);
     });
@@ -211,6 +217,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return items;
     });
+    const showProjectIcon = computed(() => {
+      return !projectPages.isOverviewSubPage && !projectPages.isSharedSubPage && !isPersonalProject.value;
+    });
     const actions2 = {
       [ACTION_TYPES.WORKFLOW]: (projectId) => {
         void router.push({
@@ -234,6 +243,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emit("createFolder");
       }
     };
+    const pageType = computed(() => {
+      if (projectPages.isOverviewSubPage) {
+        return "overview";
+      } else if (projectPages.isSharedSubPage) {
+        return "shared";
+      } else {
+        return "project";
+      }
+    });
+    const subtitle = computed(() => {
+      if (projectPages.isOverviewSubPage) {
+        return i18n.baseText("projects.header.overview.subtitle");
+      } else if (projectPages.isSharedSubPage) {
+        return i18n.baseText("projects.header.shared.subtitle");
+      } else if (isPersonalProject.value) {
+        return i18n.baseText("projects.header.personal.subtitle");
+      }
+      return null;
+    });
     const onSelect = (action) => {
       const executableAction = actions2[action];
       if (!homeProject.value) {
@@ -251,7 +279,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.projectDetails)
           }, [
-            !unref(overview).isOverviewSubPage ? (openBlock(), createBlock(ProjectIcon, {
+            showProjectIcon.value ? (openBlock(), createBlock(ProjectIcon, {
               key: 0,
               icon: headerIcon.value,
               "border-less": true,
@@ -260,20 +288,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.headerActions)
             }, [
-              createVNode(_component_N8nHeading, {
+              projectName.value ? (openBlock(), createBlock(_component_N8nHeading, {
+                key: 0,
                 bold: "",
                 tag: "h2",
-                size: "xlarge"
+                size: "xlarge",
+                "data-test-id": "project-name"
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(projectName.value), 1)
                 ]),
                 _: 1
-              }),
+              })) : createCommentVNode("", true),
               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)
+                    subtitle.value ? (openBlock(), createBlock(_component_N8nText, {
+                      key: 0,
+                      color: "text-light",
+                      "data-test-id": "project-subtitle"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(subtitle.value), 1)
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
                   ])
                 ]),
                 _: 3
@@ -311,7 +350,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.actions)
         }, [
-          createVNode(_sfc_main$2, { "show-settings": showSettings.value }, null, 8, ["show-settings"])
+          createVNode(_sfc_main$2, {
+            "page-type": pageType.value,
+            "show-executions": !unref(projectPages).isSharedSubPage,
+            "show-settings": showSettings.value
+          }, null, 8, ["page-type", "show-executions", "show-settings"])
         ], 2)
       ]);
     };
@@ -334,6 +377,5 @@ const cssModules = {
 };
 const ProjectHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
-  ProjectHeader as P,
-  useOverview as u
+  ProjectHeader as P
 };

package/dist/assets/{ProjectSettings-otA8E-yW.js → ProjectSettings-Dge_6KaR.js}

@@ -1,5 +1,6 @@
-import { d as defineComponent, gd as mergeModels, ge as useModel, r as ref, q as computed, c as useI18n, h as resolveComponent, e as createBlock, g as openBlock, w as withCtx, j as createVNode, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, i as createElementBlock, f as createCommentVNode, n as normalizeClass, gu as ProjectSharing, b2 as withModifiers, _ as _export_sfc, a6 as usePageRedirectionHelper, u as useUsersStore, a1 as useProjectsStore, hj as useRolesStore, aI as useCloudPlanStore, a as useToast, b as useRouter, a4 as useDocumentTitle, hk as getAllIconNames, X as watch, az as onBeforeMount, o as onMounted, dg as N8nFormInput, F as Fragment, D as renderList, cl as deepCopy, ag as useTelemetry, z as nextTick, V as VIEWS } from "./index-B6eunbxp.js";
-import { P as ProjectHeader } from "./ProjectHeader-CaEZ2OPj.js";
+import { d as defineComponent, gj as mergeModels, gk as useModel, r as ref, q as computed, c as useI18n, h as resolveComponent, e as createBlock, g as openBlock, w as withCtx, j as createVNode, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, i as createElementBlock, f as createCommentVNode, n as normalizeClass, gB as ProjectSharing, b2 as withModifiers, _ as _export_sfc, a6 as usePageRedirectionHelper, u as useUsersStore, a1 as useProjectsStore, hr as useRolesStore, aI as useCloudPlanStore, a as useToast, b as useRouter, a4 as useDocumentTitle, hs as getAllIconNames, X as watch, az as onBeforeMount, o as onMounted, di as N8nFormInput, F as Fragment, D as renderList, cn as deepCopy, ag as useTelemetry, z as nextTick, V as VIEWS } from "./index-DZ6VpjNj.js";
+import { P as ProjectHeader } from "./ProjectHeader-DNm605Kk.js";
+import "./useProjectPages-e8b03-5_.js";
 const _hoisted_1$2 = { class: "pt-l" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectDeleteDialog",

package/dist/assets/{PushConnectionTracker.vue_vue_type_script_setup_true_lang-C3JbZMCk.js → PushConnectionTracker.vue_vue_type_script_setup_true_lang-CUf0LkWR.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, P as usePushConnectionStore, q as computed, h as resolveComponent, cm as resolveDirective, i as createElementBlock, g as openBlock, x as renderSlot, j as createVNode, w as withCtx, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, aA as withDirectives } from "./index-B6eunbxp.js";
+import { d as defineComponent, P as usePushConnectionStore, q as computed, h as resolveComponent, co as resolveDirective, i as createElementBlock, g as openBlock, x as renderSlot, j as createVNode, w as withCtx, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, aA as withDirectives } from "./index-DZ6VpjNj.js";
 const _hoisted_1 = {
   key: 0,
   class: "push-connection-lost primary-color"

package/dist/assets/{ResourcesListLayout-1d9Ic6VX.js → ResourcesListLayout-Bbl-1i4l.js}

@@ -1,4 +1,5 @@
-import { _ as _export_sfc, i as createElementBlock, g as openBlock, x as renderSlot, k as createBaseVNode, n as normalizeClass, d as defineComponent, f as createCommentVNode, a1 as useProjectsStore, q as computed, X as watch, az as onBeforeMount, h as resolveComponent, e as createBlock, w as withCtx, m as unref, aa as EnterpriseEditionFeature, j as createVNode, c as useI18n, gu as ProjectSharing, l as createTextVNode, t as toDisplayString, R as useRoute, b as useRouter, G as useDebounce, u as useUsersStore, r as ref, fU as useSlots, gv as isSharedResource, gw as isResourceSortableByDate, o as onMounted, z as nextTick, y as onBeforeUnmount, F as Fragment, D as renderList, aA as withDirectives, b4 as normalizeProps, b5 as guardReactiveProps, aB as vShow, ag as useTelemetry } from "./index-B6eunbxp.js";
+import { _ as _export_sfc, i as createElementBlock, g as openBlock, x as renderSlot, k as createBaseVNode, n as normalizeClass, d as defineComponent, f as createCommentVNode, a1 as useProjectsStore, q as computed, X as watch, az as onBeforeMount, h as resolveComponent, e as createBlock, w as withCtx, m as unref, aa as EnterpriseEditionFeature, j as createVNode, c as useI18n, gB as ProjectSharing, l as createTextVNode, t as toDisplayString, av as useLocalStorage, gC as LOCAL_STORAGE_WORKFLOW_LIST_PREFERENCES_KEY, R as useRoute, b as useRouter, G as useDebounce, u as useUsersStore, r as ref, fZ as useSlots, gD as isSharedResource, gE as isResourceSortableByDate, o as onMounted, z as nextTick, y as onBeforeUnmount, F as Fragment, D as renderList, aA as withDirectives, b4 as normalizeProps, b5 as guardReactiveProps, aB as vShow, ag as useTelemetry } from "./index-DZ6VpjNj.js";
+import { u as useProjectPages } from "./useProjectPages-e8b03-5_.js";
 const wrapper$1 = "_wrapper_1x8n3_123";
 const content = "_content_1x8n3_139";
 const style0$3 = {
@@ -242,6 +243,46 @@ const cssModules$1 = {
   "$style": style0$1
 };
 const ResourceFiltersDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+function useN8nLocalStorage() {
+  const projectPages = useProjectPages();
+  const getProjectKey = (projectId) => {
+    return projectPages.isOverviewSubPage ? "home" : projectId;
+  };
+  const saveProjectPreferencesToLocalStorage = (projectId, tabKey, preferences) => {
+    const projectKey = getProjectKey(projectId);
+    if (!projectKey) {
+      return;
+    }
+    const localStorage = useLocalStorage(
+      LOCAL_STORAGE_WORKFLOW_LIST_PREFERENCES_KEY,
+      {}
+    );
+    if (!localStorage.value[projectKey]) {
+      localStorage.value[projectKey] = {};
+    }
+    localStorage.value[projectKey][tabKey] = {
+      ...localStorage.value[projectKey][tabKey],
+      ...preferences
+    };
+  };
+  const loadProjectPreferencesFromLocalStorage = (projectId, tabKey) => {
+    const projectKey = getProjectKey(projectId);
+    if (!projectKey) {
+      return {};
+    }
+    const localStorage = useLocalStorage(
+      LOCAL_STORAGE_WORKFLOW_LIST_PREFERENCES_KEY,
+      {}
+    );
+    const projectPreferences = localStorage.value[projectKey]?.[tabKey] || {};
+    return projectPreferences;
+  };
+  return {
+    saveProjectPreferencesToLocalStorage,
+    loadProjectPreferencesFromLocalStorage,
+    getProjectKey
+  };
+}
 const _hoisted_1 = {
   key: 0,
   class: "resource-list-loading"
@@ -249,7 +290,8 @@ const _hoisted_1 = {
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = {
   key: 0,
-  class: "mt-xs"
+  class: "mt-xs",
+  "data-test-id": "resources-list-filters-applied-info"
 };
 const _hoisted_4 = {
   key: 0,
@@ -280,7 +322,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     dontPerformSortingAndFiltering: { type: Boolean, default: false },
     hasEmptyState: { type: Boolean, default: true }
   },
-  emits: ["update:filters", "click:add", "update:current-page", "update:page-size", "sort", "update:search"],
+  emits: ["update:filters", "click:add", "update:pagination-and-sort", "update:search"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const route = useRoute();
     const router = useRouter();
@@ -288,6 +330,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { callDebounced } = useDebounce();
     const usersStore = useUsersStore();
     const telemetry = useTelemetry();
+    const n8nLocalStorage = useN8nLocalStorage();
     const props = __props;
     const sortBy = ref(props.sortOptions[0]);
     const hasFilters = ref(false);
@@ -295,6 +338,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const rowsPerPage = ref(props.customPageSize);
     const resettingFilters = ref(false);
     const search2 = ref(null);
+    const preferredPageSize = ref(props.customPageSize);
+    const preferredSort = ref(props.sortOptions[0]);
     const emit = __emit;
     useSlots();
     const filtersModel = computed({
@@ -391,21 +436,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         sendFiltersTelemetry("incomplete");
       }
     );
-    watch(
-      () => sortBy.value,
-      (newValue) => {
-        emit("sort", newValue);
-        sendSortingTelemetry();
-      }
-    );
-    watch(
-      () => route?.params?.projectId,
-      async () => {
-        await resetFilters();
-      }
-    );
+    watch([() => route.params?.projectId, () => route.name], async () => {
+      await resetFilters();
+      await loadPaginationPreferences();
+      await props.initialize();
+    });
     onMounted(async () => {
-      await loadPaginationFromQueryString();
+      await loadPaginationPreferences();
       await props.initialize();
       await nextTick();
       if (hasAppliedFilters()) {
@@ -427,32 +464,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         search2.value.focus();
       }
     };
-    const hasAppliedFilters = () => {
-      return !!filterKeys.value.find((key) => {
-        if (key === "search") return false;
-        if (typeof props.filters[key] === "boolean") {
-          return props.filters[key];
-        }
-        if (Array.isArray(props.filters[key])) {
-          return props.filters[key].length > 0;
-        }
-        return props.filters[key] !== "";
+    const isFilterApplied = (key) => {
+      if (key === "search") return false;
+      if (typeof props.filters[key] === "boolean") {
+        return props.filters[key];
+      }
+      if (Array.isArray(props.filters[key])) {
+        return props.filters[key].length > 0;
+      }
+      return props.filters[key] !== "";
+    };
+    const hasOnlyFiltersThatShowMoreResults = computed(() => {
+      const activeFilters = filterKeys.value.filter(isFilterApplied);
+      const filtersThatShowMoreResults = ["showArchived"];
+      return activeFilters.every((filter) => {
+        return filtersThatShowMoreResults.includes(filter);
       });
+    });
+    const hasAppliedFilters = () => {
+      return !!filterKeys.value.find(isFilterApplied);
     };
     const setRowsPerPage = async (numberOfRowsPerPage) => {
       rowsPerPage.value = numberOfRowsPerPage;
-      await savePaginationToQueryString();
-      emit("update:page-size", numberOfRowsPerPage);
+      await savePaginationPreferences();
+      emit("update:pagination-and-sort", {
+        pageSize: numberOfRowsPerPage
+      });
     };
-    const setCurrentPage = async (page) => {
+    const setSorting = async (sort, persistUpdate = true) => {
+      sortBy.value = sort;
+      if (persistUpdate) {
+        await savePaginationPreferences();
+      }
+      emit("update:pagination-and-sort", {
+        sort
+      });
+      sendSortingTelemetry();
+    };
+    const setCurrentPage = async (page, persistUpdate = true) => {
       currentPage.value = page;
-      await savePaginationToQueryString();
-      emit("update:current-page", page);
+      if (persistUpdate) {
+        await savePaginationPreferences();
+      }
+      emit("update:pagination-and-sort", {
+        page
+      });
     };
-    __expose({
-      currentPage,
-      setCurrentPage
-    });
     const sendFiltersTelemetry = (source) => {
       if (resettingFilters.value) {
         if (source !== "reset") {
@@ -486,7 +543,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       Object.keys(filtersModel.value).forEach((key) => {
         filtersModel.value[key] = Array.isArray(filtersModel.value[key]) ? [] : "";
       });
-      await setCurrentPage(1);
+      await setCurrentPage(1, false);
       resettingFilters.value = true;
       hasFilters.value = false;
       sendFiltersTelemetry("reset");
@@ -521,7 +578,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         (prev, curr) => Math.abs(curr - size) < Math.abs(prev - size) ? curr : prev
       );
     };
-    const savePaginationToQueryString = async () => {
+    const savePaginationPreferences = async () => {
       if (props.type !== "list-paginated") {
         return;
       }
@@ -531,31 +588,75 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } else {
         delete currentQuery.page;
       }
-      if (rowsPerPage.value !== props.customPageSize) {
+      if (rowsPerPage.value !== preferredPageSize.value) {
         currentQuery.pageSize = rowsPerPage.value.toString();
+        preferredPageSize.value = rowsPerPage.value;
       } else {
         delete currentQuery.pageSize;
       }
+      if (sortBy.value !== preferredSort.value) {
+        currentQuery.sort = sortBy.value;
+        preferredSort.value = sortBy.value;
+      } else {
+        delete currentQuery.sort;
+      }
+      n8nLocalStorage.saveProjectPreferencesToLocalStorage(
+        route.params.projectId ?? "",
+        "workflows",
+        {
+          sort: sortBy.value,
+          pageSize: rowsPerPage.value
+        }
+      );
       await router.replace({
         query: Object.keys(currentQuery).length ? currentQuery : void 0
       });
     };
-    const loadPaginationFromQueryString = async () => {
+    const loadPaginationPreferences = async () => {
       if (props.type !== "list-paginated") {
         return;
       }
-      const query = router.currentRoute.value.query;
+      const query = route.query;
+      const localStorageValues = n8nLocalStorage.loadProjectPreferencesFromLocalStorage(
+        route.params.projectId ?? "",
+        "workflows"
+      );
+      const emitPayload = {};
       if (query.page) {
-        await setCurrentPage(parseInt(query.page, 10));
+        const newPage = parseInt(query.page, 10);
+        if (newPage > 1) {
+          currentPage.value = newPage;
+          emitPayload.page = newPage;
+        }
       }
-      if (query.pageSize) {
-        const parsedSize = parseInt(query.pageSize, 10);
-        await setRowsPerPage(findNearestPageSize(parsedSize));
+      if (query.pageSize ?? localStorageValues.pageSize) {
+        const parsedSize = parseInt(
+          query.pageSize || String(localStorageValues.pageSize),
+          10
+        );
+        const newPageSize = findNearestPageSize(parsedSize);
+        rowsPerPage.value = newPageSize;
+        emitPayload.pageSize = newPageSize;
+        preferredPageSize.value = newPageSize;
+      } else {
+        rowsPerPage.value = props.customPageSize;
+        emitPayload.pageSize = props.customPageSize;
       }
       if (query.sort) {
-        sortBy.value = query.sort;
+        sortBy.value = emitPayload.sort = preferredSort.value = query.sort;
+      } else if (localStorageValues.sort) {
+        await setSorting(localStorageValues.sort, false);
+        emitPayload.sort = localStorageValues.sort;
+        preferredSort.value = localStorageValues.sort;
+      } else {
+        sortBy.value = props.sortOptions[0];
       }
+      emit("update:pagination-and-sort", emitPayload);
     };
+    __expose({
+      currentPage,
+      setCurrentPage
+    });
     return (_ctx, _cache) => {
       const _component_n8n_loading = resolveComponent("n8n-loading");
       const _component_n8n_action_box = resolveComponent("n8n-action-box");
@@ -635,7 +736,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         modelValue: sortBy.value,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sortBy.value = $event),
                         size: "small",
-                        "data-test-id": "resources-list-sort"
+                        "data-test-id": "resources-list-sort",
+                        onChange: _cache[1] || (_cache[1] = ($event) => setSorting(sortBy.value))
                       }, {
                         default: withCtx(() => [
                           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sortOptions, (sortOption) => {
@@ -676,7 +778,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _ctx.showFiltersDropdown ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
                   createVNode(_component_n8n_info_tip, { bold: false }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(i18n).baseText(`${_ctx.resourceKey}.filters.active`)) + " ", 1),
+                      createTextVNode(toDisplayString(hasOnlyFiltersThatShowMoreResults.value ? unref(i18n).baseText(`${_ctx.resourceKey}.filters.active.shortText`) : unref(i18n).baseText(`${_ctx.resourceKey}.filters.active`)) + " ", 1),
                       createVNode(_component_n8n_link, {
                         "data-test-id": "workflows-filter-reset",
                         size: "small",
@@ -693,7 +795,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ], 512)), [
                   [vShow, hasFilters.value]
                 ]) : createCommentVNode("", true),
-                _cache[3] || (_cache[3] = createBaseVNode("div", { class: "pb-xs" }, null, -1))
+                _cache[4] || (_cache[4] = createBaseVNode("div", { class: "pb-xs" }, null, -1))
               ]),
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "preamble", {}, void 0, true),
@@ -724,7 +826,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 3
                   }, 8, ["items", "item-size"])) : _ctx.type === "list-paginated" ? (openBlock(), createElementBlock("div", {
                     key: 1,
-                    class: normalizeClass(_ctx.$style.paginatedListWrapper)
+                    class: normalizeClass(_ctx.$style.paginatedListWrapper),
+                    "data-test-id": "paginated-list"
                   }, [
                     createBaseVNode("div", {
                       class: normalizeClass(_ctx.$style.listItems)
@@ -749,11 +852,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(_component_el_pagination, {
                         "current-page": currentPage.value,
                         "onUpdate:currentPage": [
-                          _cache[1] || (_cache[1] = ($event) => currentPage.value = $event),
+                          _cache[2] || (_cache[2] = ($event) => currentPage.value = $event),
                           setCurrentPage
                         ],
                         "page-size": rowsPerPage.value,
-                        "onUpdate:pageSize": _cache[2] || (_cache[2] = ($event) => rowsPerPage.value = $event),
+                        "onUpdate:pageSize": _cache[3] || (_cache[3] = ($event) => rowsPerPage.value = $event),
                         background: "",
                         total: _ctx.totalItems,
                         "page-sizes": _ctx.availablePageSizeOptions,
@@ -823,7 +926,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const ResourcesListLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-b91b324f"]]);
+const ResourcesListLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-267490a8"]]);
 export {
   ResourcesListLayout as R
 };