n8n-editor-ui 1.83.2 → 1.85.0

package/dist/assets/{NodeView-CVxHVGxF.js → NodeView-CmjajouX.js}

@@ -1,14 +1,14 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-CiSTfSrv.js","assets/index-ntAcmC2q.js","assets/index-D534l065.css","assets/useCanvasOperations-Ch4-PXXM.js","assets/usePinnedData-CvnROquX.js","assets/NodeCreation-RKvezEeg.css","assets/NodeDetailsView-D5ZKTnOO.js","assets/useRunWorkflow-BjW-TsKk.js","assets/pushConnection.store-Cs7MLBaJ.js","assets/import-curl-CpQ9LTub.js","assets/FileSaver.min-D9u6MONp.js","assets/RunDataAi-Cq_XIdUj.js","assets/useExecutionHelpers-DYVB2XNC.js","assets/RunDataAi-DJ-PSs_k.css","assets/useWorkflowActivate-BAjo-kUC.js","assets/NodeDetailsView-CVVfk-zW.css","assets/SetupWorkflowCredentialsButton-DCfwCYAd.js"])))=>i.map(i=>d[i]);
-import { d as defineComponent, c as openBlock, e as createBlock, m as resolveComponent, D as createEventBus, bs as toRef, q as computed, r as ref, h as createElementBlock, j as createBaseVNode, b0 as mergeProps, l as unref, f as createCommentVNode, n as normalizeClass, v as renderSlot, ab as useCssModule, _ as _export_sfc, w as withCtx, i as createVNode, J as withModifiers, bt as KeyboardShortcutTooltip, g as useI18n, bu as reactive, o as onMounted, b5 as onUnmounted, t as toDisplayString, k as createTextVNode, b as useRouter, W as useRoute, a as useToast, a4 as useDocumentTitle, a5 as useWorkflowHelpers, bq as useNodeHelpers, bp as useNodeTypesStore, L as useUIStore, U as useWorkflowsStore, a1 as useSourceControlStore, p as useSettingsStore, bv as useCredentialsStore, bw as useEnvironmentsStore, bx as useExternalSecretsStore, $ as useRootStore, at as useExecutionsStore, a0 as useCanvasStore, a3 as useNpsSurveyStore, by as useHistoryStore, a2 as useProjectsStore, u as useUsersStore, E as useTagsStore, as as useNDVStore, aN as useTemplatesStore, au as usePostHog, b7 as useClipboard, bz as getNodeViewTab, s as MAIN_HEADER_TABS, ai as VALID_WORKFLOW_IMPORT_URL_REGEX, af as MODAL_CONFIRM, bA as jsonParse, I as watch, bB as onBeforeRouteLeave, aw as onBeforeMount, V as VIEWS, bC as onActivated, bD as onDeactivated, y as onBeforeUnmount, bE as Suspense, bF as N8nCallout, bG as defineAsyncComponent, aU as useExternalHooks, al as useMessage, a9 as EnterpriseEditionFeature, bH as NEW_WORKFLOW_ID, bI as AI_CREDITS_EXPERIMENT, z as nextTick, bJ as tryToParseNumber, bK as NODE_CREATOR_OPEN_SOURCES, ad as nodeViewEventBus, bi as NodeConnectionType, bL as CanvasConnectionMode, bM as isValidNodeConnectionType, aC as STICKY_NODE_TYPE, aF as sourceControlEventBus, bN as DRAG_EVENT_DATA_KEY, ak as useTelemetry, Y as PLACEHOLDER_EMPTY_WORKFLOW_ID, bO as CanvasNodeRenderType, bP as START_NODE_TYPE, bQ as getNodesWithNormalizedPosition, am as getResourcePermissions, ap as h, b8 as CHAT_TRIGGER_NODE_TYPE, b9 as MANUAL_CHAT_TRIGGER_NODE_TYPE, ar as __vitePreload, bR as historyBus } from "./index-ntAcmC2q.js";
-import { u as useVueFlow, a as useCanvasMapping, _ as __unplugin_components_0 } from "./useCanvasMapping-DwbUSpab.js";
-import { u as useRunWorkflow } from "./useRunWorkflow-BjW-TsKk.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-DhVbzPXz.js";
-import { u as useNodeCreatorStore, a as useCanvasOperations, c as createCanvasConnectionHandleString } from "./useCanvasOperations-Ch4-PXXM.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-WtMBcJA-.js";
-import { u as usePushConnectionStore } from "./pushConnection.store-Cs7MLBaJ.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-Cr9E4FVX.js";
-import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-DCq6uUmq.js";
-import "./usePinnedData-CvnROquX.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-DIg39Pbx.js","assets/index-CDluwnbb.js","assets/index-CgXKy7t-.css","assets/useCanvasOperations-CY1OrN2X.js","assets/NodeCreation-RKvezEeg.css","assets/NodeDetailsView-WuroVzlr.js","assets/useRunWorkflow-RBDuKZVj.js","assets/pushConnection.store-Dl_VgTY2.js","assets/import-curl-DUv4B2nO.js","assets/FileSaver.min-C4OYrSWg.js","assets/RunDataAi-dhPBStdr.js","assets/useExecutionHelpers-wN0DRQB-.js","assets/RunDataAi-CN9FrT9c.css","assets/useWorkflowActivate-DsRC3mvG.js","assets/NodeDetailsView-C1z3N5z_.css","assets/SetupWorkflowCredentialsButton-BQ2_-L-1.js"])))=>i.map(i=>d[i]);
+import { d as defineComponent, h as resolveComponent, e as createBlock, g as openBlock, C as createEventBus, $ as useCssModule, bA as toRef, q as computed, r as ref, I as watch, i as createElementBlock, k as createBaseVNode, x as renderSlot, f as createCommentVNode, b2 as mergeProps, n as normalizeClass, m as unref, A as debounce, _ as _export_sfc, c as useI18n, bB as KeyboardShortcutTooltip, w as withCtx, j as createVNode, J as withModifiers, bC as reactive, o as onMounted, b6 as onUnmounted, l as createTextVNode, t as toDisplayString, b as useRouter, U as useRoute, a as useToast, a5 as useDocumentTitle, a6 as useWorkflowHelpers, bv as useNodeHelpers, bu as useNodeTypesStore, L as useUIStore, T as useWorkflowsStore, a2 as useSourceControlStore, p as useSettingsStore, bD as useCredentialsStore, bE as useEnvironmentsStore, bF as useExternalSecretsStore, a0 as useRootStore, au as useExecutionsStore, a1 as useCanvasStore, a4 as useNpsSurveyStore, bG as useHistoryStore, a3 as useProjectsStore, u as useUsersStore, E as useTagsStore, at as useNDVStore, aO as useTemplatesStore, av as usePostHog, b8 as useClipboard, W as PLACEHOLDER_EMPTY_WORKFLOW_ID, bH as NEW_WORKFLOW_ID, V as VIEWS, bI as CanvasNodeRenderType, bJ as START_NODE_TYPE, bK as getNodeViewTab, s as MAIN_HEADER_TABS, an as VALID_WORKFLOW_IMPORT_URL_REGEX, aj as useMessage, ak as MODAL_CONFIRM, bL as jsonParse, a8 as getResourcePermissions, bt as CHAT_TRIGGER_NODE_TYPE, bj as MANUAL_CHAT_TRIGGER_NODE_TYPE, bM as onBeforeRouteLeave, aA as onBeforeMount, aQ as useExternalHooks, bN as onActivated, bO as onDeactivated, y as onBeforeUnmount, bP as Suspense, bQ as defineAsyncComponent, bR as N8nCallout, ap as __vitePreload, ab as EnterpriseEditionFeature, bS as AI_CREDITS_EXPERIMENT, z as nextTick, ah as useTelemetry, bT as tryToParseNumber, ai as nodeViewEventBus, be as NodeConnectionTypes, bU as isValidNodeConnectionType, bV as CanvasConnectionMode, bW as historyBus, aG as sourceControlEventBus, bX as getNodesWithNormalizedPosition, ar as h, bY as NODE_CREATOR_OPEN_SOURCES, az as STICKY_NODE_TYPE, bZ as DRAG_EVENT_DATA_KEY } from "./index-CDluwnbb.js";
+import { u as useVueFlow, a as useCanvasMapping, C as Canvas } from "./useCanvasMapping-DnPGwCm3.js";
+import { u as useRunWorkflow } from "./useRunWorkflow-RBDuKZVj.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-DgZH3fz2.js";
+import { a as useNodeCreatorStore, b as useCanvasOperations, c as createCanvasConnectionHandleString } from "./useCanvasOperations-CY1OrN2X.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-BN-lQ24h.js";
+import { u as usePushConnectionStore } from "./pushConnection.store-Dl_VgTY2.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-DS-CCd-3.js";
+import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-NXaV8dgZ.js";
+import { u as useClearExecutionButtonVisible } from "./useClearExecutionButtonVisible-CjX9PqMR.js";
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CanvasChatButton",
   props: {
@@ -65,6 +65,39 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         initialFitViewDone.value = true;
       }
     });
+    const nodesDebounced = ref([]);
+    const connectionsDebounced = ref([]);
+    const debounceNodesWatcher = ref();
+    const debounceConnectionsWatcher = ref();
+    watch(() => props.executing, setupDebouncedWatchers, { immediate: true });
+    function setupDebouncedWatchers() {
+      debounceNodesWatcher.value?.();
+      debounceConnectionsWatcher.value?.();
+      const debounceTime = props.executing ? 200 : 0;
+      const maxWait = props.executing ? 50 : 0;
+      debounceNodesWatcher.value = watch(
+        mappedNodes,
+        debounce(
+          (value) => {
+            nodesDebounced.value = value;
+          },
+          debounceTime,
+          { maxWait }
+        ),
+        { immediate: true, deep: true }
+      );
+      debounceConnectionsWatcher.value = watch(
+        mappedConnections,
+        debounce(
+          (value) => {
+            connectionsDebounced.value = value;
+          },
+          debounceTime,
+          { maxWait }
+        ),
+        { immediate: true, deep: true }
+      );
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref($style).wrapper),
@@ -73,11 +106,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass(unref($style).canvas)
         }, [
-          workflow.value ? (openBlock(), createBlock(__unplugin_components_0, mergeProps({
+          workflow.value ? (openBlock(), createBlock(Canvas, mergeProps({
             key: 0,
             id: _ctx.id,
-            nodes: unref(mappedNodes),
-            connections: unref(mappedConnections),
+            nodes: nodesDebounced.value,
+            connections: connectionsDebounced.value,
             "event-bus": _ctx.eventBus,
             "read-only": _ctx.readOnly
           }, _ctx.$attrs), null, 16, ["id", "nodes", "connections", "event-bus", "read-only"])) : createCommentVNode("", true)
@@ -284,13 +317,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-CiSTfSrv.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-DIg39Pbx.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-D5ZKTnOO.js").then((n) => n.N), true ? __vite__mapDeps([6,1,2,4,7,8,9,10,11,12,13,14,15]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsView-WuroVzlr.js").then((n) => n.N), true ? __vite__mapDeps([5,1,2,3,6,7,8,9,10,11,12,13,14]) : void 0)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-DCfwCYAd.js"), true ? __vite__mapDeps([16,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-BQ2_-L-1.js"), true ? __vite__mapDeps([15,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -333,6 +366,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const {
       updateNodePosition,
       updateNodesPosition,
+      tidyUp,
       revertUpdateNodePosition,
       renameNode,
       revertRenameNode,
@@ -410,7 +444,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const keyBindingsEnabled = computed(() => {
       return !ndvStore.activeNode && uiStore.activeModals.length === 0;
     });
-    const isChatOpen = computed(() => workflowsStore.isChatPanelOpen);
+    const isChatOpen = computed(() => workflowsStore.chatPanelState !== "closed");
     async function initializeData() {
       const loadPromises = (() => {
         if (settingsStore.isPreviewMode && isDemoRoute.value) return [];
@@ -626,6 +660,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const disabledTriggerNodes = triggerNodes.value.filter((node) => node.disabled);
       return disabledTriggerNodes.length === triggerNodes.value.length;
     });
+    function onTidyUp(event) {
+      tidyUp(event);
+    }
     function onUpdateNodesPosition(events) {
       updateNodesPosition(events, { trackHistory: true });
     }
@@ -919,18 +956,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const mappedConnections = connections.map(({ from, to }) => {
         const fromNode = editableWorkflow.value.nodes[offsetIndex + from.nodeIndex];
         const toNode = editableWorkflow.value.nodes[offsetIndex + to.nodeIndex];
-        const type = from.type ?? to.type ?? NodeConnectionType.Main;
+        const type = from.type ?? to.type ?? NodeConnectionTypes.Main;
         return {
           source: fromNode.id,
           sourceHandle: createCanvasConnectionHandleString({
             mode: CanvasConnectionMode.Output,
-            type: isValidNodeConnectionType(type) ? type : NodeConnectionType.Main,
+            type: isValidNodeConnectionType(type) ? type : NodeConnectionTypes.Main,
             index: from.outputIndex ?? 0
           }),
           target: toNode.id,
           targetHandle: createCanvasConnectionHandleString({
             mode: CanvasConnectionMode.Input,
-            type: isValidNodeConnectionType(type) ? type : NodeConnectionType.Main,
+            type: isValidNodeConnectionType(type) ? type : NodeConnectionTypes.Main,
             index: to.inputIndex ?? 0
           }),
           data: {
@@ -1014,10 +1051,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isStopWaitingForWebhookButtonVisible = computed(
       () => isWorkflowRunning.value && isExecutionWaitingForWebhook.value
     );
-    const isClearExecutionButtonVisible = computed(
-      () => !isReadOnlyRoute.value && !isReadOnlyEnvironment.value && !isWorkflowRunning.value && !allTriggerNodesDisabled.value && workflowExecutionData.value
-    );
-    const workflowExecutionData = computed(() => workflowsStore.workflowExecutionData);
+    const isClearExecutionButtonVisible = useClearExecutionButtonVisible();
     async function onRunWorkflowToNode(id) {
       const node = workflowsStore.getNodeById(id);
       if (!node) return;
@@ -1365,7 +1399,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => route.name,
       async (newRouteName, oldRouteName) => {
-        const force = newRouteName === VIEWS.NEW_WORKFLOW && oldRouteName === VIEWS.WORKFLOW;
+        const force = newRouteName === VIEWS.NEW_WORKFLOW && oldRouteName === VIEWS.WORKFLOW || newRouteName === VIEWS.WORKFLOW && oldRouteName === VIEWS.NEW_WORKFLOW;
         await initializeRoute(force);
       }
     );
@@ -1483,7 +1517,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onSave:workflow": onSaveWorkflow,
         "onCreate:workflow": onCreateWorkflow,
         onViewportChange,
-        onDragAndDrop
+        onDragAndDrop,
+        onTidyUp
       }, {
         default: withCtx(() => [
           (openBlock(), createBlock(Suspense, null, {
@@ -1522,7 +1557,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 3,
               onClick: onStopWaitingForWebhook
             })) : createCommentVNode("", true),
-            isClearExecutionButtonVisible.value ? (openBlock(), createBlock(_sfc_main$2, {
+            unref(isClearExecutionButtonVisible) && !unref(settingsStore).isNewLogsEnabled ? (openBlock(), createBlock(_sfc_main$2, {
               key: 4,
               onClick: onClearExecutionData
             })) : createCommentVNode("", true)

package/dist/assets/{ProjectCardBadge-DKJ8uRN7.js → ProjectCardBadge-cIqYJxKe.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, q as computed, g9 as ProjectTypes, gl as splitName, m as resolveComponent, bW as resolveDirective, c as openBlock, e as createBlock, w as withCtx, k as createTextVNode, t as toDisplayString, j as createBaseVNode, b0 as mergeProps, n as normalizeClass, i as createVNode, ax as withDirectives, h as createElementBlock, f as createCommentVNode, g as useI18n, ga as __unplugin_components_0, _ as _export_sfc } from "./index-ntAcmC2q.js";
+import { d as defineComponent, q as computed, ac as ProjectTypes, c as useI18n, gz as splitName, h as resolveComponent, c2 as resolveDirective, e as createBlock, g as openBlock, w as withCtx, k as createBaseVNode, b2 as mergeProps, f as createCommentVNode, n as normalizeClass, j as createVNode, aB as withDirectives, gj as __unplugin_components_0, i as createElementBlock, l as createTextVNode, t as toDisplayString, _ as _export_sfc } from "./index-CDluwnbb.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProjectCardBadge",
   props: {

package/dist/assets/ProjectHeader-B-a6_GH6.css

@@ -0,0 +1,285 @@
+/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._buttonGroup_aulto_123 {
+  display: inline-flex;
+}
+._buttonGroup_aulto_123 > .button {
+  border-right: 1px solid var(--button-font-color, var(--color-button-primary-font));
+}
+._buttonGroup_aulto_123 > .button:not(:first-child) {
+  border-radius: 0;
+}
+._buttonGroup_aulto_123 > .button:first-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+._buttonGroupDropdown_aulto_137 {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._projectHeader_rok4y_123,
+._projectDescription_rok4y_124 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: var(--spacing-m);
+  min-height: var(--spacing-3xl);
+}
+._projectDetails_rok4y_132 {
+  display: flex;
+  align-items: center;
+}
+._actions_rok4y_137 {
+  padding: var(--spacing-2xs) 0 var(--spacing-xs);
+}
+@media screen and (max-width: 767px) {
+._projectHeader_rok4y_123 {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--spacing-xs);
+}
+._headerActions_rok4y_147 {
+    margin-left: auto;
+}
+}

package/dist/assets/{ProjectHeader-BY3TAX3C.js → ProjectHeader-BGrFY-5v.js}

@@ -1,6 +1,5 @@
-import { d as defineComponent, W as useRoute, r as ref, q as computed, I as watch, c as openBlock, e as createBlock, m as resolveComponent, V as VIEWS, g as useI18n, b as useRouter, a2 as useProjectsStore, a1 as useSourceControlStore, p as useSettingsStore, h as createElementBlock, j as createBaseVNode, n as normalizeClass, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, v as renderSlot, l as unref, f as createCommentVNode, cR as N8nButton, b0 as mergeProps, aQ as N8nTooltip, ga as __unplugin_components_0, g9 as ProjectTypes, am as getResourcePermissions, _ as _export_sfc } from "./index-ntAcmC2q.js";
-import { P as ProjectCreateResource } from "./ProjectCreateResource-5lC9x1Ht.js";
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+import { d as defineComponent, U as useRoute, r as ref, q as computed, V as VIEWS, c as useI18n, I 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, g8 as N8nActionToggle, w as withCtx, aT as _sfc_main$3, _ as _export_sfc, b as useRouter, a3 as useProjectsStore, a2 as useSourceControlStore, p as useSettingsStore, ac as ProjectTypes, a8 as getResourcePermissions, k as createBaseVNode, f as createCommentVNode, l as createTextVNode, t as toDisplayString, b9 as N8nButton, b2 as mergeProps, aR as N8nTooltip } from "./index-CDluwnbb.js";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectTabs",
   props: {
     showSettings: { type: Boolean }
@@ -81,6 +80,58 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ProjectCreateResource",
+  props: {
+    actions: {},
+    disabled: { type: Boolean },
+    type: {}
+  },
+  emits: ["action"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const actionToggleRef = ref(null);
+    __expose({
+      openActionToggle: (isOpen) => actionToggleRef.value?.openActionToggle(isOpen)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.buttonGroup])
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(unref(N8nActionToggle), {
+          ref_key: "actionToggleRef",
+          ref: actionToggleRef,
+          "data-test-id": "add-resource",
+          actions: _ctx.actions,
+          placement: "bottom-end",
+          teleported: false,
+          onAction: _cache[0] || (_cache[0] = ($event) => emit("action", $event))
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$3), {
+              disabled: _ctx.disabled,
+              class: normalizeClass([_ctx.$style.buttonGroupDropdown]),
+              icon: "angle-down",
+              type: _ctx.type ?? "primary"
+            }, null, 8, ["disabled", "class", "type"])
+          ]),
+          _: 1
+        }, 8, ["actions"])
+      ], 2);
+    };
+  }
+});
+const buttonGroup = "_buttonGroup_aulto_123";
+const buttonGroupDropdown = "_buttonGroupDropdown_aulto_137";
+const style0$1 = {
+  buttonGroup,
+  buttonGroupDropdown
+};
+const cssModules$1 = {
+  "$style": style0$1
+};
+const ProjectCreateResource = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProjectHeader",
@@ -93,15 +144,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const sourceControlStore = useSourceControlStore();
     const settingsStore = useSettingsStore();
     const emit = __emit;
-    const headerIcon = computed(() => {
-      if (projectsStore.currentProject?.type === ProjectTypes.Personal) {
-        return { type: "icon", value: "user" };
-      } else if (projectsStore.currentProject?.name) {
-        return projectsStore.currentProject.icon ?? { type: "icon", value: "layer-group" };
-      } else {
-        return { type: "icon", value: "home" };
-      }
-    });
     const projectName = computed(() => {
       if (!projectsStore.currentProject) {
         return i18n.baseText("projects.menu.overview");
@@ -118,7 +160,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 isFoldersFeatureEnabled = computed(() => settingsStore.settings.folders.enabled);
+    const showFolders = computed(() => {
+      return settingsStore.isFoldersFeatureEnabled && route.name !== VIEWS.WORKFLOWS;
+    });
     const ACTION_TYPES = {
       WORKFLOW: "workflow",
       CREDENTIAL: "credential",
@@ -139,11 +183,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           disabled: sourceControlStore.preferences.branchReadOnly || !getResourcePermissions(homeProject.value?.scopes).credential.create
         }
       ];
-      if (isFoldersFeatureEnabled.value) {
+      if (showFolders.value) {
         items.push({
           value: ACTION_TYPES.FOLDER,
           label: i18n.baseText("projects.header.create.folder"),
-          disabled: false
+          disabled: sourceControlStore.preferences.branchReadOnly || !getResourcePermissions(homeProject.value?.scopes).folder.create
         });
       }
       return items;
@@ -179,7 +223,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       executableAction(homeProject.value.id);
     };
     return (_ctx, _cache) => {
-      const _component_ProjectIcon = __unplugin_components_0;
       const _component_N8nHeading = resolveComponent("N8nHeading");
       const _component_N8nText = resolveComponent("N8nText");
       return openBlock(), createElementBlock("div", null, [
@@ -189,11 +232,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.projectDetails)
           }, [
-            createVNode(_component_ProjectIcon, {
-              icon: headerIcon.value,
-              "border-less": true,
-              size: "medium"
-            }, null, 8, ["icon"]),
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.headerActions)
             }, [
@@ -244,20 +282,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 8, ["disabled", "content"])
           ], 2)) : createCommentVNode("", true)
         ], 2),
+        renderSlot(_ctx.$slots, "default"),
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.actions)
         }, [
-          createVNode(_sfc_main$1, { "show-settings": showSettings.value }, null, 8, ["show-settings"])
+          createVNode(_sfc_main$2, { "show-settings": showSettings.value }, null, 8, ["show-settings"])
         ], 2)
       ]);
     };
   }
 });
-const projectHeader = "_projectHeader_m645v_123";
-const projectDescription = "_projectDescription_m645v_124";
-const projectDetails = "_projectDetails_m645v_132";
-const actions = "_actions_m645v_137";
-const headerActions = "_headerActions_m645v_147";
+const projectHeader = "_projectHeader_rok4y_123";
+const projectDescription = "_projectDescription_rok4y_124";
+const projectDetails = "_projectDetails_rok4y_132";
+const actions = "_actions_rok4y_137";
+const headerActions = "_headerActions_rok4y_147";
 const style0 = {
   projectHeader,
   projectDescription,

package/dist/assets/{ProjectSettings-B3FxW1ze.js → ProjectSettings-D10vay6-.js}

@@ -1,6 +1,5 @@
-import { d as defineComponent, fn as mergeModels, fo as useModel, r as ref, q as computed, c as openBlock, e as createBlock, w as withCtx, i as createVNode, k as createTextVNode, t as toDisplayString, l as unref, J as withModifiers, j as createBaseVNode, h as createElementBlock, fL as ProjectSharing, n as normalizeClass, f as createCommentVNode, g as useI18n, m as resolveComponent, _ as _export_sfc, a6 as usePageRedirectionHelper, u as useUsersStore, a2 as useProjectsStore, gs as useRolesStore, aI as useCloudPlanStore, a as useToast, b as useRouter, a4 as useDocumentTitle, gt as getAllIconNames, I as watch, aw as onBeforeMount, o as onMounted, cQ as N8nFormInput, F as Fragment, B as renderList, V as VIEWS, bV as deepCopy, z as nextTick, ak as useTelemetry } from "./index-ntAcmC2q.js";
-import { P as ProjectHeader } from "./ProjectHeader-BY3TAX3C.js";
-import "./ProjectCreateResource-5lC9x1Ht.js";
+import { d as defineComponent, fI as mergeModels, fJ 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, fW as ProjectSharing, J as withModifiers, _ as _export_sfc, a7 as usePageRedirectionHelper, u as useUsersStore, a3 as useProjectsStore, gG as useRolesStore, aJ as useCloudPlanStore, a as useToast, b as useRouter, a5 as useDocumentTitle, gH as getAllIconNames, I as watch, aA as onBeforeMount, o as onMounted, d0 as N8nFormInput, F as Fragment, D as renderList, c1 as deepCopy, ah as useTelemetry, z as nextTick, V as VIEWS } from "./index-CDluwnbb.js";
+import { P as ProjectHeader } from "./ProjectHeader-BGrFY-5v.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-CzwYeMCe.js → PushConnectionTracker.vue_vue_type_script_setup_true_lang-DJAYslHT.js}

@@ -1,5 +1,5 @@
-import { u as usePushConnectionStore } from "./pushConnection.store-Cs7MLBaJ.js";
-import { d as defineComponent, q as computed, c as openBlock, h as createElementBlock, i as createVNode, w as withCtx, ax as withDirectives, l as unref, j as createBaseVNode, k as createTextVNode, t as toDisplayString, v as renderSlot, g as useI18n, m as resolveComponent, bW as resolveDirective } from "./index-ntAcmC2q.js";
+import { u as usePushConnectionStore } from "./pushConnection.store-Dl_VgTY2.js";
+import { d as defineComponent, q as computed, h as resolveComponent, c2 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, aB as withDirectives } from "./index-CDluwnbb.js";
 const _hoisted_1 = {
   key: 0,
   class: "push-connection-lost primary-color"