n8n-editor-ui 1.90.1 → 1.92.0

package/dist/assets/{WorkflowsView-B-feKuLZ.js → WorkflowsView-Cr2D0vym.js}

@@ -1,11 +1,11 @@
-import { P as ProjectCardBadge } from "./ProjectCardBadge-LnLKqSK-.js";
-import { d as defineComponent, W as useRoute, b as useRouter, gO as useFoldersStore, r as ref, q as computed, c as useI18n, ad as ProjectTypes, 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, m as unref, gP as ResourceType, J as withModifiers, l as createTextVNode, t as toDisplayString, cV as _sfc_main$4, _ as _export_sfc, a4 as useProjectsStore, aW as createSlots, a as useToast, p as useSettingsStore, L as useUIStore, u as useUsersStore, U as useWorkflowsStore, a9 as getResourcePermissions, fC as dateformat, aC as withDirectives, aD as vShow, ah as WORKFLOW_SHARE_MODAL_KEY, ai as useTelemetry, ap as DUPLICATE_MODAL_KEY, ak as useMessage, al as MODAL_CONFIRM, gQ as PROJECT_MOVE_RESOURCE_MODAL, gR as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, gS as ILLEGAL_FOLDER_CHARACTERS, gT as FOLDER_NAME_ONLY_DOTS_REGEX, gU as FOLDER_NAME_MAX_LENGTH, a3 as useSourceControlStore, aw as usePostHog, E as useTagsStore, dd as useUsageStore, gV as useInsightsStore, a6 as useDocumentTitle, K as useDebounce, ac as EnterpriseEditionFeature, gW as EASY_AI_WORKFLOW_EXPERIMENT, I as watch, o as onMounted, C as createEventBus, y as onBeforeUnmount, A as debounce, gX as PROJECT_ROOT, da as N8nInputLabel, af as _sfc_main$5, d$ as N8nSelect, F as Fragment, D as renderList, d_ as _sfc_main$6, c_ as N8nHeading, bd as N8nText, gY as N8nCard, bD as N8nIcon, gZ as Draggable, g_ as DEFAULT_WORKFLOW_PAGE_SIZE, dg as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-BpdkKRP4.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-DTsuHdYx.js";
-import { W as WorkflowActivator } from "./WorkflowActivator-O6i5XAk2.js";
-import { u as useOverview, P as ProjectHeader } from "./ProjectHeader-DC02ZuZ0.js";
-import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-ChToD_Yl.js";
-import { I as InsightsSummary } from "./InsightsSummary-DzYli0Pu.js";
-import "./useWorkflowActivate-pZ62ib_C.js";
+import { P as ProjectCardBadge } from "./ProjectCardBadge-BNn2hiMe.js";
+import { d as defineComponent, R as useRoute, b as useRouter, a2 as useFoldersStore, r as ref, q as computed, c as useI18n, ab as ProjectTypes, 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, m as unref, gZ as ResourceType, b2 as withModifiers, l as createTextVNode, t as toDisplayString, d3 as _sfc_main$3, _ as _export_sfc, a as useToast, p as useSettingsStore, H as useUIStore, u as useUsersStore, Q as useWorkflowsStore, a1 as useProjectsStore, a7 as getResourcePermissions, fR as dateFormat, aA as withDirectives, aB as vShow, af as WORKFLOW_SHARE_MODAL_KEY, ag as useTelemetry, an as DUPLICATE_MODAL_KEY, ai as useMessage, aj as MODAL_CONFIRM, g_ as PROJECT_MOVE_RESOURCE_MODAL, g$ as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, h0 as ILLEGAL_FOLDER_CHARACTERS, h1 as FOLDER_NAME_ONLY_DOTS_REGEX, h2 as FOLDER_NAME_MAX_LENGTH, a0 as useSourceControlStore, au as usePostHog, E as useTagsStore, dn as useUsageStore, h3 as useInsightsStore, a4 as useDocumentTitle, G as useDebounce, aa as EnterpriseEditionFeature, h4 as EASY_AI_WORKFLOW_EXPERIMENT, X as watch, o as onMounted, C as createEventBus, y as onBeforeUnmount, A as debounce, h5 as PROJECT_ROOT, aV as createSlots, dk as N8nInputLabel, ad as _sfc_main$4, ee as N8nSelect, F as Fragment, D as renderList, ed as _sfc_main$5, d8 as N8nHeading, be as N8nText, h6 as N8nCard, bE as N8nIcon, h7 as Draggable, h8 as DEFAULT_WORKFLOW_PAGE_SIZE, dr as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-B6eunbxp.js";
+import { W as WorkflowActivator, _ as __unplugin_components_0, I as InlineTextEdit } from "./WorkflowActivator-CPCbgb_n.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-1d9Ic6VX.js";
+import { u as useOverview, P as ProjectHeader } from "./ProjectHeader-CaEZ2OPj.js";
+import { I as InsightsSummary } from "./InsightsSummary-gldDQ9rg.js";
+import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-CLqHnasO.js";
+import "./useWorkflowActivate-DFqvrpj6.js";
 const FOLDER_LIST_ITEM_ACTIONS = {
   OPEN: "open",
   CREATE: "create",
@@ -16,7 +16,7 @@ const FOLDER_LIST_ITEM_ACTIONS = {
 };
 const _hoisted_1$2 = { "data-test-id": "folder-card" };
 const _hoisted_2$1 = { key: 0 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "FolderCard",
   props: {
     data: {},
@@ -112,7 +112,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _component_n8n_heading = resolveComponent("n8n-heading");
       const _component_N8nBadge = resolveComponent("N8nBadge");
       const _component_n8n_text = resolveComponent("n8n-text");
-      const _component_TimeAgo = _sfc_main$4;
+      const _component_TimeAgo = _sfc_main$3;
       const _component_n8n_breadcrumbs = resolveComponent("n8n-breadcrumbs");
       const _component_ProjectCardBadge = ProjectCardBadge;
       const _component_n8n_action_toggle = resolveComponent("n8n-action-toggle");
@@ -285,7 +285,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 });
 const card = "_card_pt4ir_123";
 const cardBadge$1 = "_cardBadge_pt4ir_157";
-const style0$3 = {
+const style0$2 = {
   card,
   "folder-icon": "_folder-icon_pt4ir_131",
   "card-header": "_card-header_pt4ir_140",
@@ -296,143 +296,10 @@ const style0$3 = {
   "card-actions": "_card-actions_pt4ir_164",
   "info-cell--created": "_info-cell--created_pt4ir_182"
 };
-const cssModules$3 = {
-  "$style": style0$3
-};
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "FolderBreadcrumbs",
-  props: {
-    actions: {},
-    breadcrumbs: {},
-    hiddenItemsTrigger: { default: "click" }
-  },
-  emits: ["itemSelected", "action", "itemDrop", "projectDrop"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const i18n = useI18n();
-    const projectsStore = useProjectsStore();
-    const foldersStore = useFoldersStore();
-    const currentProject = computed(() => projectsStore.currentProject);
-    const projectName = computed(() => {
-      if (currentProject.value?.type === ProjectTypes.Personal) {
-        return i18n.baseText("projects.menu.personal");
-      }
-      return currentProject.value?.name;
-    });
-    const isDragging = computed(() => {
-      return foldersStore.draggedElement !== null;
-    });
-    const onItemSelect = (item) => {
-      emit("itemSelected", item);
-    };
-    const onAction = (action) => {
-      emit("action", action);
-    };
-    const onProjectMouseUp = () => {
-      if (!isDragging.value || !currentProject.value?.name) {
-        return;
-      }
-      emit("projectDrop", currentProject.value.id, currentProject.value.name);
-    };
-    const onProjectHover = () => {
-      if (!isDragging.value || !currentProject.value?.name) {
-        return;
-      }
-      foldersStore.activeDropTarget = {
-        type: "project",
-        id: currentProject.value?.id,
-        name: currentProject.value?.name
-      };
-    };
-    const onItemHover = (item) => {
-      if (!isDragging.value) {
-        return;
-      }
-      foldersStore.activeDropTarget = {
-        type: "folder",
-        id: item.id,
-        name: item.label
-      };
-    };
-    return (_ctx, _cache) => {
-      const _component_N8nText = resolveComponent("N8nText");
-      const _component_n8n_link = resolveComponent("n8n-link");
-      const _component_n8n_breadcrumbs = resolveComponent("n8n-breadcrumbs");
-      const _component_n8n_action_toggle = resolveComponent("n8n-action-toggle");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass({ [_ctx.$style.container]: true, [_ctx.$style["dragging"]]: isDragging.value }),
-        "data-test-id": "folder-breadcrumbs"
-      }, [
-        _ctx.breadcrumbs.visibleItems ? (openBlock(), createBlock(_component_n8n_breadcrumbs, {
-          key: 0,
-          "drag-active": isDragging.value,
-          "onUpdate:dragActive": _cache[1] || (_cache[1] = ($event) => isDragging.value = $event),
-          items: _ctx.breadcrumbs.visibleItems,
-          "highlight-last-item": false,
-          "path-truncated": _ctx.breadcrumbs.visibleItems[0].parentFolder,
-          "hidden-items": _ctx.breadcrumbs.hiddenItems,
-          "hidden-items-trigger": props.hiddenItemsTrigger,
-          "data-test-id": "folder-list-breadcrumbs",
-          onItemSelected: onItemSelect,
-          onItemHover,
-          onItemDrop: _cache[2] || (_cache[2] = ($event) => emit("itemDrop", $event))
-        }, createSlots({ _: 2 }, [
-          currentProject.value ? {
-            name: "prepend",
-            fn: withCtx(() => [
-              createBaseVNode("div", {
-                class: normalizeClass({ [_ctx.$style["home-project"]]: true, [_ctx.$style.dragging]: isDragging.value }),
-                "data-test-id": "home-project",
-                onMouseenter: onProjectHover,
-                onMouseup: _cache[0] || (_cache[0] = ($event) => isDragging.value ? onProjectMouseUp() : null)
-              }, [
-                createVNode(_component_n8n_link, {
-                  to: `/projects/${currentProject.value.id}`
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_N8nText, {
-                      size: "medium",
-                      color: "text-base"
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(projectName.value), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["to"])
-              ], 34)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["drag-active", "items", "path-truncated", "hidden-items", "hidden-items-trigger"])) : createCommentVNode("", true),
-        _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", "class"])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-const container = "_container_n9y3q_123";
-const dragging$1 = "_dragging_n9y3q_138";
-const style0$2 = {
-  container,
-  "action-toggle": "_action-toggle_n9y3q_128",
-  "home-project": "_home-project_n9y3q_132",
-  dragging: dragging$1
-};
 const cssModules$2 = {
   "$style": style0$2
 };
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowCard",
@@ -520,7 +387,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           value: WORKFLOW_LIST_ITEM_ACTIONS.DUPLICATE
         });
       }
-      if (workflowPermissions.value.update && showFolders.value && !props.readOnly && !isSomeoneElsesWorkflow.value) {
+      if (workflowPermissions.value.update && showFolders.value && !props.readOnly) {
         items.push({
           label: locale.baseText("folders.actions.moveToFolder"),
           value: WORKFLOW_LIST_ITEM_ACTIONS.MOVE_TO_FOLDER
@@ -542,7 +409,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     const formattedCreatedAtDate = computed(() => {
       const currentYear = (/* @__PURE__ */ new Date()).getFullYear().toString();
-      return dateformat(
+      return dateFormat(
         props.data.createdAt,
         `d mmmm${String(props.data.createdAt).startsWith(currentYear) ? "" : ", yyyy"}`
       );
@@ -585,7 +452,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               tags: (props.data.tags ?? []).map(
                 (tag) => typeof tag !== "string" && "id" in tag ? tag.id : tag
               ),
-              externalEventBus: props.workflowListEventBus
+              externalEventBus: props.workflowListEventBus,
+              parentFolderId: props.data.parentFolder?.id
             }
           });
           break;
@@ -782,7 +650,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 withDirectives(createBaseVNode("span", null, [
                   createTextVNode(toDisplayString(unref(locale).baseText("workflows.item.updated")) + " ", 1),
-                  createVNode(_sfc_main$4, {
+                  createVNode(_sfc_main$3, {
                     date: String(_ctx.data.updatedAt)
                   }, null, 8, ["date"]),
                   _cache[1] || (_cache[1] = createTextVNode(" | "))
@@ -1017,6 +885,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const currentSort = ref("updatedAt:desc");
     const currentFolderId = ref(null);
     const showCardsBadge = ref(false);
+    const isNameEditEnabled = ref(false);
     const folderActions = computed(() => [
       {
         label: i18n.baseText("generic.open"),
@@ -1078,6 +947,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const currentFolder = computed(() => {
       return currentFolderId.value ? foldersStore.breadcrumbsCache[currentFolderId.value] : null;
     });
+    const currentFolderParent = computed(() => {
+      return currentFolder.value?.parentFolder ? foldersStore.breadcrumbsCache[currentFolder.value.parentFolder] : null;
+    });
     const isDragging = computed(() => {
       return foldersStore.draggedElement !== null;
     });
@@ -1204,8 +1076,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         await fetchWorkflows();
       }
     );
-    sourceControlStore.$onAction(({ name, after }) => {
-      if (name !== "pullWorkfolder") return;
+    sourceControlStore.$onAction(({ name: name2, after }) => {
+      if (name2 !== "pullWorkfolder") return;
       after(async () => await initialize());
     });
     const onWorkflowDeleted = async () => {
@@ -1520,7 +1392,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       );
       folderHelpers.onDragEnd();
     };
-    const moveFolderToProjectRoot = async (id, name) => {
+    const moveFolderToProjectRoot = async (id, name2) => {
       if (!foldersStore.draggedElement) return;
       await moveResourceOnDrop(
         {
@@ -1531,7 +1403,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         {
           id,
           type: "project",
-          name
+          name: name2
         }
       );
       folderHelpers.onDragEnd();
@@ -1569,49 +1441,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     };
-    const visibleBreadcrumbsItems = computed(() => {
-      if (!currentFolder.value) return [];
-      const items = [];
-      const parent = foldersStore.getCachedFolder(currentFolder.value.parentFolder ?? "");
-      if (parent) {
-        items.push({
-          id: parent.id,
-          label: parent.name,
-          href: `/projects/${route.params.projectId}/folders/${parent.id}/workflows`,
-          parentFolder: parent.parentFolder
-        });
-      }
-      items.push({
-        id: currentFolder.value.id,
-        label: currentFolder.value.name,
-        parentFolder: parent?.parentFolder
-      });
-      return items;
-    });
-    const hiddenBreadcrumbsItems = computed(() => {
-      const lastVisibleParent = visibleBreadcrumbsItems.value[visibleBreadcrumbsItems.value.length - 1];
-      if (!lastVisibleParent) return [];
-      const items = [];
-      let parentFolder = lastVisibleParent.parentFolder;
-      while (parentFolder) {
-        const parent = foldersStore.getCachedFolder(parentFolder);
-        if (!parent) break;
-        items.unshift({
-          id: parent.id,
-          label: parent.name,
-          href: `/projects/${route.params.projectId}/folders/${parent.id}/workflows`,
-          parentFolder: parent.parentFolder
-        });
-        parentFolder = parent.parentFolder;
-      }
-      return items;
-    });
-    const mainBreadcrumbs = computed(() => {
-      return {
-        visibleItems: visibleBreadcrumbsItems.value,
-        hiddenItems: hiddenBreadcrumbsItems.value
-      };
-    });
     const onBreadcrumbItemClick = (item) => {
       if (item.href) {
         loading.value = true;
@@ -1648,8 +1477,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           );
           break;
         case FOLDER_LIST_ITEM_ACTIONS.RENAME:
-          if (!route.params.folderId) return;
-          await renameFolder(route.params.folderId);
+          onNameToggle();
           break;
         case FOLDER_LIST_ITEM_ACTIONS.MOVE:
           if (!currentFolder.value) return;
@@ -1952,14 +1780,68 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     };
+    const onNameToggle = () => {
+      isNameEditEnabled.value = !isNameEditEnabled.value;
+    };
+    const onNameSubmit = async ({
+      name: name2,
+      onSubmit
+    }) => {
+      if (!currentFolder.value || !currentProject.value) return;
+      const newName = name2.trim();
+      if (!newName) {
+        toast.showMessage({
+          title: i18n.baseText("renameAction.emptyName.title"),
+          message: i18n.baseText("renameAction.emptyName.message"),
+          type: "error"
+        });
+        onSubmit(false);
+        return;
+      }
+      if (newName === currentFolder.value.name) {
+        isNameEditEnabled.value = false;
+        onSubmit(true);
+        return;
+      }
+      const validationResult = folderHelpers.validateFolderName(newName);
+      if (typeof validationResult === "string") {
+        toast.showMessage({
+          title: i18n.baseText("renameAction.invalidName.title"),
+          message: validationResult,
+          type: "error"
+        });
+        onSubmit(false);
+        return;
+      } else {
+        try {
+          await foldersStore.renameFolder(currentProject.value?.id, currentFolder.value.id, newName);
+          foldersStore.breadcrumbsCache[currentFolder.value.id].name = newName;
+          toast.showMessage({
+            title: i18n.baseText("folders.rename.success.message", {
+              interpolate: { folderName: newName }
+            }),
+            type: "success"
+          });
+          telemetry.track("User renamed folder", {
+            folder_id: currentFolder.value.id
+          });
+          isNameEditEnabled.value = false;
+          onSubmit(true);
+        } catch (error) {
+          toast.showError(error, i18n.baseText("folders.rename.error.title"));
+          onSubmit(false);
+        }
+      }
+    };
     return (_ctx, _cache) => {
       const _component_N8nButton = resolveComponent("N8nButton");
       const _component_N8nTooltip = resolveComponent("N8nTooltip");
       const _component_n8n_button = resolveComponent("n8n-button");
       const _component_N8nCallout = resolveComponent("N8nCallout");
       const _component_n8n_loading = resolveComponent("n8n-loading");
+      const _component_InlineTextEdit = InlineTextEdit;
       const _component_FolderBreadcrumbs = __unplugin_components_0;
-      const _component_FolderCard = __unplugin_components_1;
+      const _component_FolderCard = __unplugin_components_2;
       const _component_n8n_action_box = resolveComponent("n8n-action-box");
       return openBlock(), createBlock(ResourcesListLayout, {
         filters: filters.value,
@@ -1992,8 +1874,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               unref(overview).isOverviewSubPage && unref(insightsStore).isSummaryEnabled ? (openBlock(), createBlock(InsightsSummary, {
                 key: 0,
-                loading: unref(insightsStore).summary.isLoading,
-                summary: unref(insightsStore).summary.state
+                loading: unref(insightsStore).weeklySummary.isLoading,
+                summary: unref(insightsStore).weeklySummary.state,
+                "time-range": "week"
               }, null, 8, ["loading", "summary"])) : createCommentVNode("", true)
             ]),
             _: 1
@@ -2052,14 +1935,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "data-test-id": "main-breadcrumbs"
           }, [
             createVNode(_component_FolderBreadcrumbs, {
-              breadcrumbs: mainBreadcrumbs.value,
+              "current-folder": currentFolderParent.value,
               actions: mainBreadcrumbsActions.value,
               "hidden-items-trigger": isDragging.value ? "hover" : "click",
+              "current-folder-as-link": true,
               onItemSelected: onBreadcrumbItemClick,
               onAction: onBreadCrumbsAction,
               onItemDrop: onBreadCrumbsItemDrop,
               onProjectDrop: moveFolderToProjectRoot
-            }, null, 8, ["breadcrumbs", "actions", "hidden-items-trigger"])
+            }, {
+              append: withCtx(() => [
+                createBaseVNode("span", {
+                  class: normalizeClass(_ctx.$style["path-separator"])
+                }, "/", 2),
+                createVNode(_component_InlineTextEdit, {
+                  "data-test-id": "breadcrumbs-item-current",
+                  "model-value": currentFolder.value.name,
+                  "preview-value": currentFolder.value.name,
+                  "is-edit-enabled": isNameEditEnabled.value,
+                  "max-length": 30,
+                  disabled: readOnlyEnv.value || !hasPermissionToUpdateFolders.value,
+                  class: normalizeClass({ [_ctx.$style.name]: true, [_ctx.$style["pointer-disabled"]]: isDragging.value }),
+                  placeholder: unref(i18n).baseText("folders.rename.placeholder"),
+                  onToggle: onNameToggle,
+                  onSubmit: onNameSubmit
+                }, null, 8, ["model-value", "preview-value", "is-edit-enabled", "disabled", "class", "placeholder"])
+              ]),
+              _: 1
+            }, 8, ["current-folder", "actions", "hidden-items-trigger"])
           ], 2)) : createCommentVNode("", true)
         ]),
         item: withCtx(({ item: data, index }) => [
@@ -2248,7 +2151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "text-base",
               class: "mb-3xs"
             }, null, 8, ["label"]),
-            createVNode(_sfc_main$5, {
+            createVNode(_sfc_main$4, {
               placeholder: unref(i18n).baseText("workflowOpen.filterWorkflows"),
               "model-value": filters.value.tags,
               "create-enabled": false,
@@ -2270,7 +2173,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(statusFilterOptions.value, (option) => {
-                  return openBlock(), createBlock(unref(_sfc_main$6), {
+                  return openBlock(), createBlock(unref(_sfc_main$5), {
                     key: option.label,
                     label: option.label,
                     value: option.value,
@@ -2341,23 +2244,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const actionsContainer = "_actionsContainer_10ayo_123";
-const emptyStateCard = "_emptyStateCard_10ayo_139";
-const emptyStateCardIcon = "_emptyStateCardIcon_10ayo_152";
-const dragging = "_dragging_10ayo_187";
+const actionsContainer = "_actionsContainer_6309i_123";
+const emptyStateCard = "_emptyStateCard_6309i_139";
+const emptyStateCardIcon = "_emptyStateCardIcon_6309i_152";
+const dragging = "_dragging_6309i_187";
+const name = "_name_6309i_205";
 const style0 = {
   actionsContainer,
-  "easy-ai-workflow-callout": "_easy-ai-workflow-callout_10ayo_128",
-  "callout-trailing-content": "_callout-trailing-content_10ayo_133",
+  "easy-ai-workflow-callout": "_easy-ai-workflow-callout_6309i_128",
+  "callout-trailing-content": "_callout-trailing-content_6309i_133",
   emptyStateCard,
   emptyStateCardIcon,
-  "add-folder-button": "_add-folder-button_10ayo_161",
-  "breadcrumbs-container": "_breadcrumbs-container_10ayo_166",
-  "breadcrumbs-loading": "_breadcrumbs-loading_10ayo_172",
-  "empty-folder-container": "_empty-folder-container_10ayo_178",
-  "drag-active": "_drag-active_10ayo_182",
+  "add-folder-button": "_add-folder-button_6309i_161",
+  "breadcrumbs-container": "_breadcrumbs-container_6309i_166",
+  "breadcrumbs-loading": "_breadcrumbs-loading_6309i_172",
+  "empty-folder-container": "_empty-folder-container_6309i_178",
+  "drag-active": "_drag-active_6309i_182",
   dragging,
-  "drop-active": "_drop-active_10ayo_194"
+  "drop-active": "_drop-active_6309i_194",
+  "path-separator": "_path-separator_6309i_199",
+  name,
+  "pointer-disabled": "_pointer-disabled_6309i_210"
 };
 const cssModules = {
   "$style": style0

package/dist/assets/{chartjs.utils-BcXTJ2Te.js → chartjs.utils-Dk1WO3Mr.js}

@@ -1,5 +1,5 @@
-import { gK as useCssVar, ic as merge } from "./index-BpdkKRP4.js";
-import { s as smartDecimal } from "./InsightsSummary-DzYli0Pu.js";
+import { gV as useCssVar, ir as merge } from "./index-B6eunbxp.js";
+import { s as smartDecimal } from "./InsightsSummary-gldDQ9rg.js";
 const generateLinearGradient = (ctx, height) => {
   const gradient = ctx.createLinearGradient(0, 0, 0, height);
   gradient.addColorStop(0, "rgba(255, 111,92, 1)");

package/dist/assets/{dateFormatter-CZI1kGYK.js → dateFormatter-C8N5khiG.js}

@@ -1,18 +1,18 @@
-import { fC as dateformat } from "./index-BpdkKRP4.js";
+import { fR as dateFormat } from "./index-B6eunbxp.js";
 const convertToDisplayDateComponents = (fullDate) => {
   const mask = `d mmm${new Date(fullDate).getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "" : ", yyyy"}#HH:MM:ss`;
-  const formattedDate = dateformat(fullDate, mask);
+  const formattedDate = dateFormat(fullDate, mask);
   const [date, time] = formattedDate.split("#");
   return { date, time };
 };
 function convertToDisplayDate(fullDate) {
   const mask = `mmm d${new Date(fullDate).getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "" : ", yyyy"}#HH:MM:ss`;
-  const formattedDate = dateformat(fullDate, mask);
+  const formattedDate = dateFormat(fullDate, mask);
   const [date, time] = formattedDate.split("#");
   return { date, time };
 }
-const toDayMonth = (fullDate) => dateformat(fullDate, "d mmm");
-const toTime = (fullDate, includeMillis = false) => dateformat(fullDate, includeMillis ? "HH:MM:ss.l" : "HH:MM:ss");
+const toDayMonth = (fullDate) => dateFormat(fullDate, "d mmm");
+const toTime = (fullDate, includeMillis = false) => dateFormat(fullDate, includeMillis ? "HH:MM:ss.l" : "HH:MM:ss");
 export {
   toDayMonth as a,
   convertToDisplayDateComponents as b,

package/dist/assets/{easyAiWorkflowUtils-ChToD_Yl.js → easyAiWorkflowUtils-CLqHnasO.js}

@@ -1,4 +1,4 @@
-import { bl as NodeConnectionTypes } from "./index-BpdkKRP4.js";
+import { bm as NodeConnectionTypes } from "./index-B6eunbxp.js";
 const getEasyAiWorkflowJson = () => {
   return {
     name: "Demo: My first AI Agent in n8n",

package/dist/assets/{global-link-actions-OGaZVwsw.js → global-link-actions-BvoZh8u9.js}

@@ -1,4 +1,4 @@
-import { C as createEventBus } from "./index-BpdkKRP4.js";
+import { C as createEventBus } from "./index-B6eunbxp.js";
 const globalLinkActionsEventBus = createEventBus();
 export {
   globalLinkActionsEventBus as g

package/dist/assets/{import-curl-CAszzwx1.js → import-curl-BpxkGYMX.js}

@@ -1,4 +1,4 @@
-import { C as createEventBus } from "./index-BpdkKRP4.js";
+import { C as createEventBus } from "./index-B6eunbxp.js";
 const importCurlEventBus = createEventBus();
 export {
   importCurlEventBus as i