n8n-editor-ui 2.3.1 → 2.4.0

package/dist/assets/{MainHeader-D7esq2FA.js → AppHeader-BMRzlZ88.js}

@@ -1,64 +1,53 @@
-import { o as __toESM } from "./chunk-6z4oVpB-.js";
-import { $t as hasOwn, C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, G as nextTick, Gt as unref, It as ref, J as onBeforeUnmount, L as h, M as createVNode, P as defineComponent, T as createBlock, Z as onMounted, _ as Fragment, _t as watch, at as renderSlot, bn as normalizeStyle, bt as withCtx, c as useCssModule, en as hyphenate, et as openBlock, it as renderList, j as createTextVNode, mt as useTemplateRef, ot as resolveComponent, p as vShow, q as onBeforeMount, tn as init_shared_esm_bundler, vn as normalizeClass, w as createBaseVNode, xt as withDirectives } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { M as useLocalStorage, _t as useI18n, vt as I18nT, w as useDocumentVisibility } from "./_MapCache-ficiegRb.js";
-import { Sn as N8nButton_default, T as N8nRadioButtons_default, b as SuggestedActions_default, c as N8nInlineTextEdit_default, h as N8nUserStack_default, ht as N8nTooltip_default, lt as N8nBadge_default, ot as N8nActionDropdown_default, wn as N8nIcon_default, x as N8nTag_default, xt as N8nIconButton_default } from "./src-XLGanEOK.js";
-import "./en-CF30SCh2.js";
-import { t as __vitePreload } from "./preload-helper-CR0ecmWK.js";
-import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { T as createEventBus, v as useRoute, y as useRouter } from "./truncate-B1HVeveJ.js";
-import { $i as nodeViewEventBus, A as telemetry, Dr as useUsersStore, Ec as STORES, Ft as useEvaluationStore, M as useNDVStore, N as useWorkflowsStore, Nt as useNodeTypesStore, O as useTelemetry, Qn as ProjectTypes, Rn as useWorkflowHelpers, S as getBannerRowHeight, Vn as useTagsStore, Xn as useProjectsStore, Yn as useDocumentTitle, Zn as useSourceControlStore, _ as require_FileSaver_min, _a as PROJECT_MOVE_RESOURCE_MODAL, gs as useSettingsStore, h as useNpsSurveyStore, hi as getActivatableTriggerNodes, li as ResourceType, m as useMessage, n as useWorkflowSaving, oa as useUIStore, v as useToast, vr as hasPermission } from "./builder.store-D6GyopzN.js";
-import "./empty-DUjwPfU3.js";
-import "./sanitize-html-fRP2gWb9.js";
-import "./CalendarDate-zWqgZMlk.js";
-import "./path-browserify-CJwRhuT8.js";
-import { Ac as TIME, Ao as getResourcePermissions, Bo as VIEWS, Cs as WORKFLOW_PUBLISH_MODAL_KEY, Gc as WORKFLOW_MENU_ACTIONS, Ps as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, Sc as EnterpriseEditionFeature, Ss as WORKFLOW_HISTORY_VERSION_UNPUBLISH, Ts as WORKFLOW_SHARE_MODAL_KEY, _s as WORKFLOW_DESCRIPTION_MODAL_KEY, a as IS_DRAFT_PUBLISH_ENABLED, as as MODAL_CONFIRM, es as IMPORT_WORKFLOW_URL_MODAL_KEY, fr as TIME_SAVED_NODE_TYPE, g as EVALUATIONS_DOCS_URL, gs as WORKFLOW_ACTIVE_MODAL_KEY, h as ERROR_WORKFLOW_DOCS_URL, o as MAX_WORKFLOW_NAME_LENGTH, qo as DUPLICATE_MODAL_KEY, sr as STICKY_NODE_TYPE, v as N8N_MAIN_GITHUB_REPO_URL, w as TIME_SAVED_DOCS_URL, ws as WORKFLOW_SETTINGS_MODAL_KEY, zo as MAIN_HEADER_TABS } from "./constants-DRIItkNt.js";
-import "./merge-k8vSyyXH.js";
-import { k as defineStore, r as useRootStore } from "./_baseOrderBy-UJkFlXQy.js";
-import "./dateformat-CM9k0--B.js";
-import { n as require_debounce, t as useDebounce } from "./useDebounce-Bnb8W2LR.js";
-import "./assistant.store-CiyiixCh.js";
-import "./retry-dP46utx2.js";
-import { t as useExecutionsStore } from "./executions.store-a5l7sYPn.js";
-import { i as usePushConnectionStore } from "./useRunWorkflow-DfbxLgl-.js";
-import "./usePinnedData-FgnIiWSJ.js";
-import "./nodeCreator.store-DTc1zzIQ.js";
-import "./nodeIcon-BWuZ9Qxh.js";
-import "./useCanvasOperations-DmDkQZsZ.js";
-import { t as useFoldersStore } from "./folders.store-j6Xz9xvI.js";
-import "./NodeIcon-BbsF7HzQ.js";
-import "./KeyboardShortcutTooltip-Bg_9TS__.js";
-import "./versions.store-a3DCEQMP.js";
-import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-w7WYnki8.js";
-import { t as useBannersStore } from "./banners.store-D47aZI1r.js";
-import "./dataTable.store-CkhtfeY0.js";
-import "./ProjectIcon-CNEqHlzp.js";
-import "./schemaPreview.store-ngPsbwff.js";
-import { t as EnterpriseEdition_ee_default } from "./EnterpriseEdition.ee-CFcDsU4a.js";
-import { t as TimeAgo_default } from "./TimeAgo-0Rdm0Kiq.js";
-import "./roles.store-W8yXuo53.js";
-import { t as SaveButton_default } from "./SaveButton-DGuEjyOq.js";
-import { t as router_default } from "./router-RpMr830s.js";
-import "./TagsDropdown-8x1FnXzA.js";
-import { t as WorkflowTagsDropdown_default } from "./WorkflowTagsDropdown-BHpackqb.js";
-import "./sso.store-B7JPsojt.js";
-import "./insights.store-EBGeDNzp.js";
-import "./insights.constants-C8GITe6H.js";
-import "./insights.utils-B7OXsqrQ.js";
-import { a as MCP_DOCS_PAGE_URL, s as MCP_SETTINGS_VIEW } from "./mcp.constants-DQPD3Ntp.js";
-import "./constants-DLTaaipl.js";
-import "./useRecentResources-D-zHnbqB.js";
-import { t as useMcp } from "./useMcp-zjwReQ-Q.js";
-import { t as useWorkflowActivate } from "./useWorkflowActivate-Ct_BovMQ.js";
-import "./WorkflowActivationErrorMessage-v37Lr_Ej.js";
-import { i as getLastPublishedVersion, r as generateVersionName } from "./utils-C2GPI2gK.js";
-import "./ProjectBreadcrumb-C78U49qA.js";
-import { n as FolderBreadcrumbs_default, t as WorkflowActivator_default } from "./WorkflowActivator-DW5QJWKR.js";
-import { t as PushConnectionTracker_default } from "./PushConnectionTracker-CY-LPI6v.js";
-import { t as useWorkflowSettingsCache } from "./useWorkflowsCache-BG2C8qik.js";
-import { t as useBeforeUnload } from "./useBeforeUnload-BNDKBmDK.js";
-import { t as usePushConnection } from "./usePushConnection-DL83_AN-.js";
-import "./aiTemplatesStarterCollection.store-BuNUUCwa.js";
-import "./readyToRun.store-DfU30_Nq.js";
+import { o as __toESM } from "./chunk-r2Y0G7H8.js";
+import { $t as hasOwn, C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, G as nextTick, Gt as unref, It as ref, J as onBeforeUnmount, L as h, M as createVNode, P as defineComponent, T as createBlock, Z as onMounted, _ as Fragment, _t as watch, at as renderSlot, bn as normalizeStyle, bt as withCtx, c as useCssModule, en as hyphenate, et as openBlock, it as renderList, j as createTextVNode, mt as useTemplateRef, ot as resolveComponent, p as vShow, q as onBeforeMount, tn as init_shared_esm_bundler, vn as normalizeClass, w as createBaseVNode, xt as withDirectives } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { M as useLocalStorage, _t as useI18n, w as useDocumentVisibility } from "./_MapCache-DkLivSSb.js";
+import { E as N8nRadioButtons_default, Ot as N8nIconButton_default, S as N8nTag_default, St as N8nTooltip_default, ft as N8nActionDropdown_default, g as N8nUserStack_default, ht as N8nBadge_default, jn as N8nIcon_default, kn as N8nButton_default, l as N8nInlineTextEdit_default, x as SuggestedActions_default } from "./src-DpZSuyLC.js";
+import { t as __vitePreload } from "./preload-helper-D8n1yiy9.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-fRq25RGE.js";
+import { T as createEventBus, v as useRoute, y as useRouter } from "./truncate-BrM_9cme.js";
+import { Bt as ProjectTypes, C as useNodeTypesStore, Dt as useTagsStore, Ft as useNDVStore, Mt as useTelemetry, Pt as telemetry, T as useEvaluationStore, an as useDocumentTitle, bc as getBannerRowHeight, br as useToast, fi as ResourceType, gr as useMessage, hr as useSourceControlStore, ls as useSettingsStore, na as nodeViewEventBus, on as useWorkflowSaving, r as useUIStore, rr as hasPermission, s as useWorkflowsStore, sn as useWorkflowAutosaveStore, t as useUsersStore, va as PROJECT_MOVE_RESOURCE_MODAL, vi as getActivatableTriggerNodes, wt as useWorkflowHelpers, yr as require_FileSaver_min, zt as useProjectsStore } from "./users.store-Dh2O3NbU.js";
+import "./sanitize-html-DeDnsMgc.js";
+import "./empty-nq5-pHAR.js";
+import { $o as IMPORT_WORKFLOW_URL_MODAL_KEY, Cs as WORKFLOW_SHARE_MODAL_KEY, Ko as DUPLICATE_MODAL_KEY, Ms as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, Ro as MAIN_HEADER_TABS, Ss as WORKFLOW_SETTINGS_MODAL_KEY, Wc as WORKFLOW_MENU_ACTIONS, bc as EnterpriseEditionFeature, bs as WORKFLOW_HISTORY_VERSION_UNPUBLISH, fr as TIME_SAVED_NODE_TYPE, g as EVALUATIONS_DOCS_URL, h as ERROR_WORKFLOW_DOCS_URL, hs as WORKFLOW_DESCRIPTION_MODAL_KEY, is as MODAL_CONFIRM, ko as getResourcePermissions, ms as WORKFLOW_ACTIVE_MODAL_KEY, o as MAX_WORKFLOW_NAME_LENGTH, sr as STICKY_NODE_TYPE, t as AutoSaveState, v as N8N_MAIN_GITHUB_REPO_URL, w as TIME_SAVED_DOCS_URL, wc as LOADING_ANIMATION_MIN_DURATION, xs as WORKFLOW_PUBLISH_MODAL_KEY, zo as VIEWS } from "./constants-D48cSFnx.js";
+import "./merge-B0-p153C.js";
+import { r as useRootStore } from "./_baseOrderBy-DvuuRU7J.js";
+import { t as useBannersStore } from "./banners.store-CxccIpTM.js";
+import "./dateformat-BeHi9sF4.js";
+import { n as require_debounce, t as useDebounce } from "./useDebounce-C4ttil9E.js";
+import "./versions.store-BIW6cbdc.js";
+import "./dataTable.store-_wAVMcbO.js";
+import { t as useExecutionsStore } from "./executions.store-SHgwsnWe.js";
+import "./assistant.store-2i2uoZtV.js";
+import "./usePinnedData-D1DKG6vB.js";
+import "./nodeCreator.store-Dl91ajnd.js";
+import "./canvas.utils-Dv0fD5Il.js";
+import "./nodeIcon-CUi9_d-e.js";
+import { r as canvasEventBus } from "./useCanvasOperations-DVIzBTSq.js";
+import { t as useFoldersStore } from "./folders.store-D8rP_Hdz.js";
+import "./ProjectIcon-gwTM9uPG.js";
+import "./pushConnection.store-DEMBEciq.js";
+import "./NodeIcon-CXamMxe5.js";
+import "./useRunWorkflow-CBEpMo-i.js";
+import { t as useCollaborationStore } from "./collaboration.store-BbSwTk_d.js";
+import { t as TimeAgo_default } from "./TimeAgo-i_jQQBzo.js";
+import "./roles.store-eBIJuaNR.js";
+import { t as router_default } from "./router-zEaOc-tq.js";
+import "./TagsDropdown-DGbottaK.js";
+import { t as WorkflowTagsDropdown_default } from "./WorkflowTagsDropdown-C0g5t367.js";
+import "./sso.store-9EWHvrSy.js";
+import "./insights.store-BtoZsG-U.js";
+import "./insights.constants-98xWnZQu.js";
+import "./insights.utils-B0txVt0Q.js";
+import { a as MCP_DOCS_PAGE_URL, s as MCP_SETTINGS_VIEW } from "./mcp.constants-Djm5lWYR.js";
+import { t as useMcp } from "./useMcp-BL9EJIG9.js";
+import { a as useWorkflowActivate, i as getLastPublishedVersion, r as generateVersionName } from "./utils-5SA0VwN3.js";
+import "./ProjectBreadcrumb-D9hS-MYJ.js";
+import { t as FolderBreadcrumbs_default } from "./FolderBreadcrumbs-CqjobwTB.js";
+import { t as PushConnectionTracker_default } from "./PushConnectionTracker-BLfijnvC.js";
+import { t as useWorkflowSettingsCache } from "./useWorkflowsCache-Cwc7AaSS.js";
+import { t as usePushConnection } from "./usePushConnection-DbVAGHmZ.js";
+import "./aiTemplatesStarterCollection.store-DUkMK-jk.js";
+import "./readyToRun.store-D7MVH-Yc.js";
 var TabBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "TabBar",
 	props: {
@@ -72,15 +61,15 @@ var TabBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			emit("update:modelValue", tab, event);
 		}
 		return (_ctx, _cache) => {
-			return _ctx.items ? (openBlock(), createElementBlock("div", {
+			return __props.items ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass({
 					[_ctx.$style.container]: true,
 					["tab-bar-container"]: true
 				})
 			}, [createVNode(unref(N8nRadioButtons_default), {
-				"model-value": _ctx.modelValue,
-				options: _ctx.items,
+				"model-value": __props.modelValue,
+				options: __props.items,
 				"onUpdate:modelValue": onUpdateModelValue
 			}, null, 8, ["model-value", "options"])], 2)) : createCommentVNode("", true);
 		};
@@ -417,8 +406,8 @@ var IntersectionObserved_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var import_debounce = /* @__PURE__ */ __toESM(require_debounce());
-var _hoisted_1$2 = { class: "tags" };
+var import_debounce = /* @__PURE__ */ __toESM(require_debounce(), 1);
+var _hoisted_1$3 = { class: "tags" };
 var _hoisted_2$2 = ["onClick"];
 var TagsContainer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "TagsContainer",
@@ -500,11 +489,11 @@ var TagsContainer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/
 				threshold: 1,
 				class: "tags-container",
 				style: normalizeStyle(style.value),
-				enabled: _ctx.responsive,
+				enabled: __props.responsive,
 				"event-bus": unref(intersectionEventBus),
 				onObserved
 			}, {
-				default: withCtx(() => [createBaseVNode("span", _hoisted_1$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(tags.value, (tag) => {
+				default: withCtx(() => [createBaseVNode("span", _hoisted_1$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(tags.value, (tag) => {
 					return openBlock(), createElementBlock("span", {
 						key: tag.id,
 						class: normalizeClass({ clickable: !tag.hidden }),
@@ -519,13 +508,13 @@ var TagsContainer_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/
 						key: 1,
 						class: normalizeClass({ hideTag: tag.hidden }),
 						"data-id": tag.id,
-						enabled: _ctx.responsive,
+						enabled: __props.responsive,
 						"event-bus": unref(intersectionEventBus)
 					}, {
 						default: withCtx(() => [createVNode(unref(N8nTag_default), {
 							title: tag.name,
 							text: tag.name,
-							clickable: _ctx.clickable
+							clickable: __props.clickable
 						}, null, 8, [
 							"title",
 							"text",
@@ -566,11 +555,11 @@ var WorkflowTagsContainer_default = /* @__PURE__ */ defineComponent({
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(TagsContainer_default, {
-				"tag-ids": _ctx.tagIds,
+				"tag-ids": __props.tagIds,
 				"tags-by-id": tagsById.value,
-				limit: _ctx.limit,
-				clickable: _ctx.clickable,
-				responsive: _ctx.responsive,
+				limit: __props.limit,
+				clickable: __props.clickable,
+				responsive: __props.responsive,
 				onClick
 			}, null, 8, [
 				"tag-ids",
@@ -582,149 +571,6 @@ var WorkflowTagsContainer_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var HEARTBEAT_INTERVAL = 5 * TIME.MINUTE;
-const useCollaborationStore = defineStore(STORES.COLLABORATION, () => {
-	const pushStore = usePushConnectionStore();
-	const workflowsStore = useWorkflowsStore();
-	const usersStore = useUsersStore();
-	const uiStore = useUIStore();
-	const { addBeforeUnloadEventBindings, removeBeforeUnloadEventBindings, addBeforeUnloadHandler } = useBeforeUnload({ route: useRoute() });
-	const unloadTimeout = ref(null);
-	addBeforeUnloadHandler(() => {
-		notifyWorkflowClosed();
-		if (uiStore.stateIsDirty) unloadTimeout.value = setTimeout(() => notifyWorkflowOpened, 5 * TIME.SECOND);
-	});
-	const collaborators = ref([]);
-	const heartbeatTimer = ref(null);
-	const startHeartbeat = () => {
-		stopHeartbeat();
-		heartbeatTimer.value = window.setInterval(notifyWorkflowOpened, HEARTBEAT_INTERVAL);
-	};
-	const stopHeartbeat = () => {
-		if (heartbeatTimer.value !== null) {
-			clearInterval(heartbeatTimer.value);
-			heartbeatTimer.value = null;
-		}
-	};
-	const pushStoreEventListenerRemovalFn = ref(null);
-	function initialize() {
-		if (pushStoreEventListenerRemovalFn.value) return;
-		pushStoreEventListenerRemovalFn.value = pushStore.addEventListener((event) => {
-			if (event.type === "collaboratorsChanged" && event.data.workflowId === workflowsStore.workflowId) collaborators.value = event.data.collaborators;
-		});
-		addBeforeUnloadEventBindings();
-		notifyWorkflowOpened();
-		startHeartbeat();
-	}
-	function terminate() {
-		if (typeof pushStoreEventListenerRemovalFn.value === "function") {
-			pushStoreEventListenerRemovalFn.value();
-			pushStoreEventListenerRemovalFn.value = null;
-		}
-		notifyWorkflowClosed();
-		stopHeartbeat();
-		pushStore.clearQueue();
-		removeBeforeUnloadEventBindings();
-		if (unloadTimeout.value) clearTimeout(unloadTimeout.value);
-	}
-	function notifyWorkflowOpened() {
-		if (!workflowsStore.isWorkflowSaved[workflowsStore.workflowId]) return;
-		pushStore.send({
-			type: "workflowOpened",
-			workflowId: workflowsStore.workflowId
-		});
-	}
-	function notifyWorkflowClosed() {
-		if (!workflowsStore.isWorkflowSaved[workflowsStore.workflowId]) return;
-		pushStore.send({
-			type: "workflowClosed",
-			workflowId: workflowsStore.workflowId
-		});
-		collaborators.value = collaborators.value.filter(({ user }) => user.id !== usersStore.currentUserId);
-	}
-	return {
-		collaborators,
-		initialize,
-		terminate,
-		startHeartbeat,
-		stopHeartbeat
-	};
-});
-var CollaborationPane_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "CollaborationPane",
-	setup(__props) {
-		const collaborationStore = useCollaborationStore();
-		const usersStore = useUsersStore();
-		watch(useDocumentVisibility(), (visibilityState) => {
-			if (visibilityState === "hidden") collaborationStore.stopHeartbeat();
-			else collaborationStore.startHeartbeat();
-		});
-		const showUserStack = computed(() => collaborationStore.collaborators.length > 1);
-		const collaboratorsSorted = computed(() => {
-			const users = collaborationStore.collaborators.map(({ user }) => user);
-			const index = users.findIndex((user) => user.id === usersStore.currentUser?.id);
-			if (index < 1) return { defaultGroup: users };
-			const [currentUser] = users.splice(index, 1);
-			return { defaultGroup: [currentUser, ...users] };
-		});
-		const currentUserEmail = computed(() => usersStore.currentUser?.email);
-		onMounted(() => {
-			collaborationStore.initialize();
-		});
-		onBeforeUnmount(() => {
-			collaborationStore.terminate();
-		});
-		return (_ctx, _cache) => {
-			return showUserStack.value ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(`collaboration-pane-container ${_ctx.$style.container}`),
-				"data-test-id": "collaboration-pane"
-			}, [createVNode(unref(N8nUserStack_default), {
-				users: collaboratorsSorted.value,
-				"current-user-email": currentUserEmail.value
-			}, null, 8, ["users", "current-user-email"])], 2)) : createCommentVNode("", true);
-		};
-	}
-});
-var CollaborationPane_vue_vue_type_style_index_0_lang_module_default = { container: "_container_dsr9f_123" };
-var CollaborationPane_default = /* @__PURE__ */ __plugin_vue_export_helper_default(CollaborationPane_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": CollaborationPane_vue_vue_type_style_index_0_lang_module_default }]]);
-var _hoisted_1$1 = { key: 0 };
-var _hoisted_2$1 = { key: 1 };
-var WorkflowHistoryButton_default = /* @__PURE__ */ defineComponent({
-	__name: "WorkflowHistoryButton",
-	props: {
-		workflowId: {},
-		isNewWorkflow: { type: Boolean }
-	},
-	setup(__props) {
-		const locale = useI18n();
-		const props = __props;
-		const workflowHistoryRoute = computed(() => ({
-			name: VIEWS.WORKFLOW_HISTORY,
-			params: { workflowId: props.workflowId }
-		}));
-		return (_ctx, _cache) => {
-			const _component_RouterLink = resolveComponent("RouterLink");
-			return _ctx.workflowId ? (openBlock(), createBlock(unref(N8nTooltip_default), {
-				key: 0,
-				placement: "bottom"
-			}, {
-				content: withCtx(() => [_ctx.isNewWorkflow ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(unref(locale).baseText("workflowHistory.button.tooltip.empty")), 1)) : (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(unref(locale).baseText("workflowHistory.button.tooltip")), 1))]),
-				default: withCtx(() => [createVNode(_component_RouterLink, { to: workflowHistoryRoute.value }, {
-					default: withCtx(() => [createVNode(unref(N8nIconButton_default), {
-						disabled: _ctx.isNewWorkflow,
-						"data-test-id": "workflow-history-button",
-						type: "highlight",
-						icon: "history",
-						size: "medium"
-					}, null, 8, ["disabled"])]),
-					_: 1
-				}, 8, ["to"])]),
-				_: 1
-			})) : createCommentVNode("", true);
-		};
-	}
-});
 var INVALID_CHARS_REGEX = /[<>:"/\\|?*\u0000-\u001F\u007F-\u009F]/g;
 var ZERO_WIDTH_CHARS_REGEX = /[\u200B-\u200D\u2060\uFEFF]/g;
 var UNICODE_SPACES_REGEX = /[\u00A0\u2000-\u200A]/g;
@@ -763,7 +609,7 @@ var sanitizeFilename = (filename, maxLength = MAX_FILENAME_LENGTH) => {
 	if (baseName.length > maxLength) baseName = baseName.slice(0, maxLength);
 	return baseName;
 };
-var import_FileSaver_min = /* @__PURE__ */ __toESM(require_FileSaver_min());
+var import_FileSaver_min = /* @__PURE__ */ __toESM(require_FileSaver_min(), 1);
 const getWorkflowId = (propId, routeName) => {
 	return propId ?? (typeof routeName === "string" ? routeName : void 0);
 };
@@ -780,10 +626,8 @@ var ActionsDropdownMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 		currentFolder: {},
 		meta: {}
 	},
-	emits: ["workflow:saved"],
-	setup(__props, { expose: __expose, emit: __emit }) {
+	setup(__props, { expose: __expose }) {
 		const props = __props;
-		const emit = __emit;
 		const importFileRef = ref();
 		const toast = useToast();
 		const locale = useI18n();
@@ -973,7 +817,7 @@ var ActionsDropdownMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 					break;
 				case WORKFLOW_MENU_ACTIONS.DOWNLOAD: {
 					const workflowData = await workflowHelpers.getWorkflowDataToSave();
-					const { tags,...data } = workflowData;
+					const { tags, ...data } = workflowData;
 					const exportData = {
 						...data,
 						meta: {
@@ -981,7 +825,7 @@ var ActionsDropdownMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 							instanceId: rootStore.instanceId
 						},
 						tags: (tags ?? []).map((tagId) => {
-							const { usageCount,...tag } = tagsStore.tagsById[tagId];
+							const { usageCount, ...tag } = tagsStore.tagsById[tagId];
 							return tag;
 						})
 					};
@@ -1000,7 +844,6 @@ var ActionsDropdownMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 					break;
 				case WORKFLOW_MENU_ACTIONS.PUSH:
 					try {
-						emit("workflow:saved");
 						router_default.push({ query: {
 							...route.query,
 							sourceControl: "push"
@@ -1090,153 +933,97 @@ var ActionsDropdownMenu_vue_vue_type_style_index_0_lang_module_default = {
 	hiddenInput: "_hiddenInput_ntqfl_132"
 };
 var ActionsDropdownMenu_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ActionsDropdownMenu_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ActionsDropdownMenu_vue_vue_type_style_index_0_lang_module_default }]]);
-var WorkflowHeaderActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "WorkflowHeaderActions",
+var _hoisted_1$2 = { key: 0 };
+var _hoisted_2$1 = { key: 1 };
+var WorkflowHistoryButton_default = /* @__PURE__ */ defineComponent({
+	__name: "WorkflowHistoryButton",
 	props: {
-		readOnly: { type: Boolean },
-		id: {},
-		tags: {},
-		name: {},
-		meta: {},
-		active: { type: Boolean },
-		currentFolder: {},
-		isArchived: { type: Boolean },
-		isNewWorkflow: { type: Boolean },
-		workflowPermissions: {}
+		workflowId: {},
+		isNewWorkflow: { type: Boolean }
 	},
-	emits: ["workflow:deactivated", "workflow:saved"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const i18n = useI18n();
-		const uiStore = useUIStore();
-		const telemetry$1 = useTelemetry();
-		const usersStore = useUsersStore();
-		const route = useRoute();
-		const pageRedirectionHelper = usePageRedirectionHelper();
-		const $style = useCssModule();
+	setup(__props) {
+		const locale = useI18n();
 		const props = __props;
-		const emit = __emit;
-		const isWorkflowSaving = computed(() => {
-			return uiStore.isActionActive.workflowSaving;
+		const uiStore = useUIStore();
+		const isWorkflowSaving = ref(false);
+		const { debounce: debounce$1 } = useDebounce();
+		const debouncedRemoveSaveIndicator = debounce$1(() => {
+			isWorkflowSaving.value = false;
+		}, {
+			debounceTime: LOADING_ANIMATION_MIN_DURATION,
+			trailing: true
 		});
-		const actionsMenuRef = useTemplateRef("actionsMenu");
-		const importFileRef = computed(() => actionsMenuRef.value?.importFileRef);
-		const onWorkflowActiveToggle = async (value) => {
-			if (!value.active) emit("workflow:deactivated");
-		};
-		function onShareButtonClick() {
-			uiStore.openModalWithData({
-				name: WORKFLOW_SHARE_MODAL_KEY,
-				data: { id: props.id }
-			});
-			telemetry$1.track("User opened sharing modal", {
-				workflow_id: props.id,
-				user_id_sharer: usersStore.currentUser?.id,
-				sub_view: route.name === VIEWS.WORKFLOWS ? "Workflows listing" : "Workflow editor"
-			});
-		}
-		function goToUpgrade() {
-			pageRedirectionHelper.goToUpgrade("workflow_sharing", "upgrade-workflow-sharing");
-		}
-		__expose({ importFileRef });
+		watch(() => uiStore.isActionActive.workflowSaving, (value) => {
+			if (value) isWorkflowSaving.value = true;
+			else debouncedRemoveSaveIndicator();
+		});
+		const workflowHistoryRoute = computed(() => ({
+			name: VIEWS.WORKFLOW_HISTORY,
+			params: { workflowId: props.workflowId }
+		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref($style).container) }, [
-				createBaseVNode("span", { class: normalizeClass([unref($style).activator, unref($style).group]) }, [createVNode(WorkflowActivator_default, {
-					"is-archived": _ctx.isArchived,
-					"workflow-active": _ctx.active,
-					"workflow-id": _ctx.id,
-					"workflow-permissions": _ctx.workflowPermissions,
-					"onUpdate:workflowActive": onWorkflowActiveToggle
-				}, null, 8, [
-					"is-archived",
-					"workflow-active",
-					"workflow-id",
-					"workflow-permissions"
-				])], 2),
-				createVNode(EnterpriseEdition_ee_default, { features: [unref(EnterpriseEditionFeature).Sharing] }, {
-					fallback: withCtx(() => [createVNode(unref(N8nTooltip_default), null, {
-						content: withCtx(() => [createVNode(unref(I18nT), {
-							keypath: unref(uiStore).contextBasedTranslationKeys.workflows.sharing.unavailable.description.tooltip,
-							tag: "span",
-							scope: "global"
-						}, {
-							action: withCtx(() => [createBaseVNode("a", { onClick: goToUpgrade }, toDisplayString(unref(i18n).baseText(unref(uiStore).contextBasedTranslationKeys.workflows.sharing.unavailable.button)), 1)]),
-							_: 1
-						}, 8, ["keypath"])]),
-						default: withCtx(() => [createVNode(unref(N8nButton_default), {
-							type: "secondary",
-							class: normalizeClass(["mr-2xs", unref($style).disabledShareButton])
-						}, {
-							default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("workflowDetails.share")), 1)]),
-							_: 1
-						}, 8, ["class"])]),
-						_: 1
-					})]),
-					default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(unref($style).group) }, [!_ctx.isNewWorkflow ? (openBlock(), createBlock(CollaborationPane_default, { key: 0 })) : createCommentVNode("", true), createVNode(unref(N8nButton_default), {
-						type: "secondary",
-						"data-test-id": "workflow-share-button",
-						onClick: onShareButtonClick
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("workflowDetails.share")), 1)]),
-						_: 1
-					})], 2)]),
+			const _component_RouterLink = resolveComponent("RouterLink");
+			return __props.workflowId ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+				key: 0,
+				placement: "bottom",
+				"show-after": 300
+			}, {
+				content: withCtx(() => [__props.isNewWorkflow ? (openBlock(), createElementBlock("span", _hoisted_1$2, toDisplayString(unref(locale).baseText("workflowHistory.button.tooltip.empty")), 1)) : (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(unref(locale).baseText("workflowHistory.button.tooltip")), 1))]),
+				default: withCtx(() => [createVNode(_component_RouterLink, { to: workflowHistoryRoute.value }, {
+					default: withCtx(() => [createVNode(unref(N8nIconButton_default), {
+						disabled: __props.isNewWorkflow,
+						loading: isWorkflowSaving.value,
+						"data-test-id": "workflow-history-button",
+						type: "highlight",
+						icon: "history",
+						size: "medium"
+					}, null, 8, ["disabled", "loading"])]),
 					_: 1
-				}, 8, ["features"]),
-				createBaseVNode("div", { class: normalizeClass(unref($style).group) }, [
-					createVNode(SaveButton_default, {
-						type: "primary",
-						saved: !unref(uiStore).stateIsDirty && !_ctx.isNewWorkflow,
-						disabled: isWorkflowSaving.value || _ctx.readOnly || _ctx.isArchived || !_ctx.isNewWorkflow && !_ctx.workflowPermissions.update,
-						"is-saving": isWorkflowSaving.value,
-						"with-shortcut": !_ctx.readOnly && !_ctx.isArchived && _ctx.workflowPermissions.update,
-						"shortcut-tooltip": unref(i18n).baseText("saveWorkflowButton.hint"),
-						"data-test-id": "workflow-save-button",
-						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("workflow:saved"))
-					}, null, 8, [
-						"saved",
-						"disabled",
-						"is-saving",
-						"with-shortcut",
-						"shortcut-tooltip"
-					]),
-					createVNode(WorkflowHistoryButton_default, {
-						"workflow-id": props.id,
-						"is-new-workflow": _ctx.isNewWorkflow
-					}, null, 8, ["workflow-id", "is-new-workflow"]),
-					createVNode(ActionsDropdownMenu_default, {
-						id: _ctx.id,
-						ref: "actionsMenu",
-						"workflow-permissions": _ctx.workflowPermissions,
-						"is-new-workflow": _ctx.isNewWorkflow,
-						"read-only": _ctx.readOnly,
-						"is-archived": _ctx.isArchived,
-						name: _ctx.name,
-						tags: _ctx.tags,
-						"current-folder": _ctx.currentFolder,
-						meta: _ctx.meta,
-						"onWorkflow:saved": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("workflow:saved"))
-					}, null, 8, [
-						"id",
-						"workflow-permissions",
-						"is-new-workflow",
-						"read-only",
-						"is-archived",
-						"name",
-						"tags",
-						"current-folder",
-						"meta"
-					])
-				], 2)
-			], 2);
+				}, 8, ["to"])]),
+				_: 1
+			})) : createCommentVNode("", true);
 		};
 	}
 });
-var WorkflowHeaderActions_vue_vue_type_style_index_0_lang_module_default = {
-	container: "_container_uqc1z_123",
-	activator: "_activator_uqc1z_127",
-	group: "_group_uqc1z_138",
-	disabledShareButton: "_disabledShareButton_uqc1z_143"
-};
-var WorkflowHeaderActions_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowHeaderActions_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowHeaderActions_vue_vue_type_style_index_0_lang_module_default }]]);
+var CollaborationPane_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CollaborationPane",
+	setup(__props) {
+		const collaborationStore = useCollaborationStore();
+		const usersStore = useUsersStore();
+		watch(useDocumentVisibility(), (visibilityState) => {
+			if (visibilityState === "hidden") collaborationStore.stopHeartbeat();
+			else collaborationStore.startHeartbeat();
+		});
+		const showUserStack = computed(() => collaborationStore.collaborators.length > 1);
+		const collaboratorsSorted = computed(() => {
+			const users = collaborationStore.collaborators.map(({ user }) => user);
+			const index = users.findIndex((user) => user.id === usersStore.currentUser?.id);
+			if (index < 1) return { defaultGroup: users };
+			const [currentUser] = users.splice(index, 1);
+			return { defaultGroup: [currentUser, ...users] };
+		});
+		const currentUserEmail = computed(() => usersStore.currentUser?.email);
+		onMounted(() => {
+			collaborationStore.initialize();
+		});
+		onBeforeUnmount(() => {
+			collaborationStore.terminate();
+		});
+		return (_ctx, _cache) => {
+			return showUserStack.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(`collaboration-pane-container ${_ctx.$style.container}`),
+				"data-test-id": "collaboration-pane"
+			}, [createVNode(unref(N8nUserStack_default), {
+				users: collaboratorsSorted.value,
+				"current-user-email": currentUserEmail.value
+			}, null, 8, ["users", "current-user-email"])], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+var CollaborationPane_vue_vue_type_style_index_0_lang_module_default = { container: "_container_dsr9f_123" };
+var CollaborationPane_default = /* @__PURE__ */ __plugin_vue_export_helper_default(CollaborationPane_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": CollaborationPane_vue_vue_type_style_index_0_lang_module_default }]]);
+var _hoisted_1$1 = { "data-test-id": "workflow-active-version-indicator" };
 var WorkflowHeaderDraftPublishActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowHeaderDraftPublishActions",
 	props: {
@@ -1250,60 +1037,144 @@ var WorkflowHeaderDraftPublishActions_vue_vue_type_script_setup_true_lang_defaul
 		isNewWorkflow: { type: Boolean },
 		workflowPermissions: {}
 	},
-	emits: ["workflow:saved"],
 	setup(__props, { expose: __expose }) {
 		const props = __props;
 		const actionsMenuRef = useTemplateRef("actionsMenu");
-		const locale = useI18n();
+		const readOnlyForPublish = computed(() => {
+			if (props.isNewWorkflow) return props.readOnly;
+			return props.readOnly || props.isArchived || !props.workflowPermissions.update || !props.workflowPermissions.publish;
+		});
+		const shouldHidePublishButton = computed(() => {
+			return props.readOnly || props.isArchived || !props.workflowPermissions.update;
+		});
 		const uiStore = useUIStore();
 		const workflowsStore = useWorkflowsStore();
 		const i18n = useI18n();
-		const { saveCurrentWorkflow } = useWorkflowSaving({ router: useRouter() });
+		const router = useRouter();
+		const autosaveStore = useWorkflowAutosaveStore();
+		const { saveCurrentWorkflow, cancelAutoSave } = useWorkflowSaving({ router });
 		const autoSaveForPublish = ref(false);
-		const isWorkflowSaving = computed(() => {
-			return uiStore.isActionActive.workflowSaving && !autoSaveForPublish.value;
-		});
 		const importFileRef = computed(() => actionsMenuRef.value?.importFileRef);
-		const onPublishButtonClick = async () => {
-			if (uiStore.stateIsDirty || props.isNewWorkflow) {
+		const foundTriggers = computed(() => getActivatableTriggerNodes(workflowsStore.workflowTriggerNodes));
+		const containsTrigger = computed(() => {
+			return foundTriggers.value.length > 0;
+		});
+		const workflowPublishState = computed(() => {
+			const hasBeenPublished = !!workflowsStore.workflow.activeVersion;
+			const hasChanges = workflowsStore.workflow.versionId !== workflowsStore.workflow.activeVersion?.versionId || uiStore.stateIsDirty;
+			if (!hasBeenPublished) return containsTrigger.value && !workflowsStore.nodesIssuesExist ? "not-published-eligible" : "not-published-not-eligible";
+			if (!containsTrigger.value) return "published-invalid-trigger";
+			if (workflowsStore.nodesIssuesExist) return "published-node-issues";
+			return hasChanges ? "published-with-changes" : "published-no-changes";
+		});
+		const saveBeforePublish = async () => {
+			let saved = false;
+			if (autosaveStore.autoSaveState === AutoSaveState.InProgress && autosaveStore.pendingAutoSave) {
+				autoSaveForPublish.value = true;
+				try {
+					await autosaveStore.pendingAutoSave;
+					saved = true;
+				} catch {} finally {
+					autoSaveForPublish.value = false;
+				}
+			} else if (autosaveStore.autoSaveState === AutoSaveState.Scheduled) cancelAutoSave();
+			if (!saved || uiStore.stateIsDirty || props.isNewWorkflow) {
 				autoSaveForPublish.value = true;
-				const saved = await saveCurrentWorkflow({}, true);
+				saved = await saveCurrentWorkflow({}, true);
 				autoSaveForPublish.value = false;
-				if (!saved) return;
+			}
+			return saved;
+		};
+		const onPublishButtonClick = async () => {
+			if (uiStore.stateIsDirty || props.isNewWorkflow) {
+				if (!await saveBeforePublish()) return;
 			}
 			uiStore.openModalWithData({
 				name: WORKFLOW_PUBLISH_MODAL_KEY,
 				data: {}
 			});
 		};
-		const foundTriggers = computed(() => getActivatableTriggerNodes(workflowsStore.workflowTriggerNodes));
-		const containsTrigger = computed(() => {
-			return foundTriggers.value.length > 0;
-		});
-		const isWorkflowSaved = computed(() => {
-			return !uiStore.stateIsDirty && !props.isNewWorkflow;
-		});
-		const publishButtonEnabled = computed(() => {
-			if (!props.workflowPermissions.publish) return false;
-			if (!containsTrigger.value) return false;
-			if (workflowsStore.nodesIssuesExist) return false;
-			return workflowsStore.workflow.versionId && workflowsStore.workflow.versionId !== workflowsStore.workflow.activeVersion?.versionId || uiStore.stateIsDirty;
-		});
-		const publishTooltipText = computed(() => {
-			if (!props.workflowPermissions.publish) return i18n.baseText("workflows.publish.permissionDenied");
-			const wfHasAnyChanges = workflowsStore.workflow.versionId !== workflowsStore.workflow.activeVersion?.versionId;
-			if (!containsTrigger.value) return i18n.baseText("workflows.publishModal.noTriggerMessage");
-			if (workflowsStore.nodesIssuesExist) return i18n.baseText("workflowActivator.showMessage.activeChangedNodesIssuesExistTrue.title", {
-				interpolate: { count: workflowsStore.nodesWithIssues.length },
-				adjustToNumber: workflowsStore.nodesWithIssues.length
-			});
-			if (!wfHasAnyChanges && !uiStore.stateIsDirty) return i18n.baseText("workflows.publishModal.noChanges");
-			return "";
+		const publishButtonConfig = computed(() => {
+			if (!props.workflowPermissions.publish) return {
+				text: i18n.baseText("workflows.publish"),
+				enabled: false,
+				showIndicator: false,
+				indicatorClass: "",
+				tooltip: i18n.baseText("workflows.publish.permissionDenied"),
+				showVersionInfo: false
+			};
+			if (props.isNewWorkflow) return {
+				text: i18n.baseText("workflows.publish"),
+				enabled: containsTrigger.value && !workflowsStore.nodesIssuesExist,
+				showIndicator: false,
+				indicatorClass: "",
+				tooltip: !containsTrigger.value ? i18n.baseText("workflows.publishModal.noTriggerMessage") : workflowsStore.nodesIssuesExist ? i18n.baseText("workflowActivator.showMessage.activeChangedNodesIssuesExistTrue.title", {
+					interpolate: { count: workflowsStore.nodesWithIssues.length },
+					adjustToNumber: workflowsStore.nodesWithIssues.length
+				}) : "",
+				showVersionInfo: false
+			};
+			return {
+				"not-published-not-eligible": {
+					text: i18n.baseText("workflows.publish"),
+					enabled: false,
+					showIndicator: false,
+					indicatorClass: "",
+					tooltip: !containsTrigger.value ? i18n.baseText("workflows.publishModal.noTriggerMessage") : i18n.baseText("workflowActivator.showMessage.activeChangedNodesIssuesExistTrue.title", {
+						interpolate: { count: workflowsStore.nodesWithIssues.length },
+						adjustToNumber: workflowsStore.nodesWithIssues.length
+					}),
+					showVersionInfo: false
+				},
+				"not-published-eligible": {
+					text: i18n.baseText("workflows.publish"),
+					enabled: true,
+					showIndicator: false,
+					indicatorClass: "",
+					tooltip: "",
+					showVersionInfo: false
+				},
+				"published-no-changes": {
+					text: i18n.baseText("generic.published"),
+					enabled: false,
+					showIndicator: true,
+					indicatorClass: "published",
+					tooltip: "",
+					showVersionInfo: true
+				},
+				"published-with-changes": {
+					text: i18n.baseText("workflows.publish"),
+					enabled: true,
+					showIndicator: true,
+					indicatorClass: "changes",
+					tooltip: i18n.baseText("workflows.publishModal.changes"),
+					showVersionInfo: false
+				},
+				"published-node-issues": {
+					text: i18n.baseText("workflows.publish"),
+					enabled: false,
+					showIndicator: true,
+					indicatorClass: "error",
+					tooltip: i18n.baseText("workflowActivator.showMessage.activeChangedNodesIssuesExistTrue.title", {
+						interpolate: { count: workflowsStore.nodesWithIssues.length },
+						adjustToNumber: workflowsStore.nodesWithIssues.length
+					}),
+					showVersionInfo: true
+				},
+				"published-invalid-trigger": {
+					text: i18n.baseText("workflows.publish"),
+					enabled: false,
+					showIndicator: true,
+					indicatorClass: "changes",
+					tooltip: i18n.baseText("workflows.publishModal.noTriggerMessage"),
+					showVersionInfo: true
+				}
+			}[workflowPublishState.value];
 		});
 		const activeVersion = computed(() => workflowsStore.workflow.activeVersion);
 		const activeVersionName = computed(() => {
 			if (!activeVersion.value) return "";
-			return activeVersion.value.name || generateVersionName(activeVersion.value.versionId);
+			return activeVersion.value.name ?? generateVersionName(activeVersion.value.versionId);
 		});
 		const latestPublishDate = computed(() => {
 			return getLastPublishedVersion(activeVersion.value?.workflowPublishHistory ?? [])?.createdAt;
@@ -1317,78 +1188,58 @@ var WorkflowHeaderDraftPublishActions_vue_vue_type_script_setup_true_lang_defaul
 		__expose({ importFileRef });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [
-				!_ctx.isNewWorkflow ? (openBlock(), createBlock(CollaborationPane_default, { key: 0 })) : createCommentVNode("", true),
-				activeVersion.value ? (openBlock(), createElementBlock("div", {
+				!__props.isNewWorkflow ? (openBlock(), createBlock(CollaborationPane_default, { key: 0 })) : createCommentVNode("", true),
+				!shouldHidePublishButton.value ? (openBlock(), createElementBlock("div", {
 					key: 1,
-					class: normalizeClass(_ctx.$style.activeVersionIndicator),
-					"data-test-id": "workflow-active-version-indicator"
-				}, [createVNode(unref(N8nTooltip_default), null, {
-					content: withCtx(() => [
-						createTextVNode(toDisplayString(activeVersionName.value), 1),
-						_cache[2] || (_cache[2] = createBaseVNode("br", null, null, -1)),
+					class: normalizeClass(_ctx.$style.publishButtonWrapper)
+				}, [createVNode(unref(N8nTooltip_default), {
+					disabled: workflowPublishState.value === "not-published-eligible" && props.workflowPermissions.publish,
+					"show-after": 300
+				}, {
+					content: withCtx(() => [createBaseVNode("div", null, [publishButtonConfig.value.tooltip ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(publishButtonConfig.value.tooltip) + " ", 1), _cache[0] || (_cache[0] = createBaseVNode("br", null, null, -1))], 64)) : createCommentVNode("", true), activeVersion.value && publishButtonConfig.value.showVersionInfo ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+						createBaseVNode("span", _hoisted_1$1, toDisplayString(activeVersionName.value), 1),
+						_cache[1] || (_cache[1] = createBaseVNode("br", null, null, -1)),
 						createTextVNode(toDisplayString(unref(i18n).baseText("workflowHistory.item.active")) + " ", 1),
 						latestPublishDate.value ? (openBlock(), createBlock(TimeAgo_default, {
 							key: 0,
 							date: latestPublishDate.value
 						}, null, 8, ["date"])) : createCommentVNode("", true)
-					]),
-					default: withCtx(() => [createVNode(unref(N8nIcon_default), {
-						icon: "circle-check",
-						color: "success",
-						size: "xlarge",
-						class: normalizeClass(_ctx.$style.icon)
-					}, null, 8, ["class"])]),
-					_: 1
-				})], 2)) : createCommentVNode("", true),
-				!_ctx.isArchived && (_ctx.workflowPermissions.update || _ctx.workflowPermissions.publish) ? (openBlock(), createElementBlock("div", {
-					key: 2,
-					class: normalizeClass(_ctx.$style.publishButtonWrapper)
-				}, [createVNode(unref(N8nTooltip_default), { disabled: !publishTooltipText.value }, {
-					content: withCtx(() => [createTextVNode(toDisplayString(publishTooltipText.value), 1)]),
+					], 64)) : createCommentVNode("", true)])]),
 					default: withCtx(() => [createVNode(unref(N8nButton_default), {
 						loading: autoSaveForPublish.value,
-						disabled: !publishButtonEnabled.value || isWorkflowSaving.value,
+						disabled: !publishButtonConfig.value.enabled || readOnlyForPublish.value,
 						type: "secondary",
 						"data-test-id": "workflow-open-publish-modal-button",
 						onClick: onPublishButtonClick
 					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("workflows.publish")), 1)]),
+						default: withCtx(() => [createBaseVNode("div", { class: normalizeClass([_ctx.$style.flex]) }, [publishButtonConfig.value.showIndicator ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							class: normalizeClass({
+								[_ctx.$style.indicatorDot]: true,
+								[_ctx.$style.indicatorPublished]: publishButtonConfig.value.indicatorClass === "published",
+								[_ctx.$style.indicatorChanges]: publishButtonConfig.value.indicatorClass === "changes",
+								[_ctx.$style.indicatorIssues]: publishButtonConfig.value.indicatorClass === "error"
+							})
+						}, null, 2)) : createCommentVNode("", true), createBaseVNode("span", { class: normalizeClass([workflowPublishState.value === "published-no-changes" && _ctx.$style.indicatorPublishedText]) }, toDisplayString(publishButtonConfig.value.text), 3)], 2)]),
 						_: 1
 					}, 8, ["loading", "disabled"])]),
 					_: 1
 				}, 8, ["disabled"])], 2)) : createCommentVNode("", true),
-				createVNode(SaveButton_default, {
-					type: "primary",
-					saved: isWorkflowSaved.value,
-					disabled: isWorkflowSaving.value || _ctx.readOnly || _ctx.isArchived || !_ctx.isNewWorkflow && !_ctx.workflowPermissions.update,
-					"is-saving": isWorkflowSaving.value,
-					"with-shortcut": !_ctx.readOnly && !_ctx.isArchived && _ctx.workflowPermissions.update,
-					"shortcut-tooltip": unref(i18n).baseText("saveWorkflowButton.hint"),
-					"data-test-id": "workflow-save-button",
-					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("workflow:saved"))
-				}, null, 8, [
-					"saved",
-					"disabled",
-					"is-saving",
-					"with-shortcut",
-					"shortcut-tooltip"
-				]),
 				createVNode(WorkflowHistoryButton_default, {
 					"workflow-id": props.id,
-					"is-new-workflow": _ctx.isNewWorkflow
+					"is-new-workflow": __props.isNewWorkflow
 				}, null, 8, ["workflow-id", "is-new-workflow"]),
 				createVNode(ActionsDropdownMenu_default, {
-					id: _ctx.id,
+					id: __props.id,
 					ref: "actionsMenu",
-					"workflow-permissions": _ctx.workflowPermissions,
-					"is-new-workflow": _ctx.isNewWorkflow,
-					"read-only": _ctx.readOnly,
-					"is-archived": _ctx.isArchived,
-					name: _ctx.name,
-					tags: _ctx.tags,
-					"current-folder": _ctx.currentFolder,
-					meta: _ctx.meta,
-					"onWorkflow:saved": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("workflow:saved"))
+					"workflow-permissions": __props.workflowPermissions,
+					"is-new-workflow": __props.isNewWorkflow,
+					"read-only": props.readOnly,
+					"is-archived": __props.isArchived,
+					name: __props.name,
+					tags: __props.tags,
+					"current-folder": __props.currentFolder,
+					meta: __props.meta
 				}, null, 8, [
 					"id",
 					"workflow-permissions",
@@ -1405,10 +1256,16 @@ var WorkflowHeaderDraftPublishActions_vue_vue_type_script_setup_true_lang_defaul
 	}
 });
 var WorkflowHeaderDraftPublishActions_vue_vue_type_style_index_0_lang_module_default = {
-	container: "_container_p6bf9_123",
-	activeVersionIndicator: "_activeVersionIndicator_p6bf9_127",
-	icon: "_icon_p6bf9_131",
-	publishButtonWrapper: "_publishButtonWrapper_p6bf9_135"
+	container: "_container_1kudh_123",
+	activeVersionIndicator: "_activeVersionIndicator_1kudh_127",
+	icon: "_icon_1kudh_131",
+	publishButtonWrapper: "_publishButtonWrapper_1kudh_135",
+	indicatorDot: "_indicatorDot_1kudh_140",
+	indicatorPublished: "_indicatorPublished_1kudh_148",
+	indicatorPublishedText: "_indicatorPublishedText_1kudh_152",
+	indicatorChanges: "_indicatorChanges_1kudh_156",
+	indicatorIssues: "_indicatorIssues_1kudh_160",
+	flex: "_flex_1kudh_164"
 };
 var WorkflowHeaderDraftPublishActions_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowHeaderDraftPublishActions_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowHeaderDraftPublishActions_vue_vue_type_style_index_0_lang_module_default }]]);
 var _hoisted_1 = {
@@ -1430,8 +1287,7 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		isArchived: { type: Boolean },
 		description: {}
 	},
-	emits: ["workflow:deactivated"],
-	setup(__props, { emit: __emit }) {
+	setup(__props) {
 		const WORKFLOW_NAME_BP_TO_WIDTH = {
 			XS: 150,
 			SM: 200,
@@ -1440,14 +1296,13 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			XL: 1e3
 		};
 		const props = __props;
-		const emit = __emit;
 		const $style = useCssModule();
 		const settingsStore = useSettingsStore();
 		const uiStore = useUIStore();
 		const workflowsStore = useWorkflowsStore();
 		const projectsStore = useProjectsStore();
+		const collaborationStore = useCollaborationStore();
 		const foldersStore = useFoldersStore();
-		const npsSurveyStore = useNpsSurveyStore();
 		const i18n = useI18n();
 		const router = useRouter();
 		const route = useRoute();
@@ -1470,10 +1325,11 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		const isNewWorkflow = computed(() => {
 			return !workflowsStore.isWorkflowSaved[props.id];
 		});
-		const isWorkflowSaving = computed(() => {
-			return uiStore.isActionActive.workflowSaving;
-		});
 		const workflowPermissions = computed(() => getResourcePermissions(props.scopes).workflow);
+		const readOnlyActions = computed(() => {
+			if (isNewWorkflow.value) return props.readOnly;
+			return props.readOnly || props.isArchived || !workflowPermissions.value.update;
+		});
 		const workflowTagIds = computed(() => {
 			return (props.tags ?? []).map((tag) => typeof tag === "string" ? tag : tag.id);
 		});
@@ -1491,26 +1347,8 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			isTagsEditEnabled.value = false;
 			renameInput.value?.forceCancel();
 		});
-		async function onSaveButtonClick() {
-			if (isWorkflowSaving.value) return;
-			const id = getWorkflowId(props.id, route.params.name);
-			const name = props.name;
-			const tags = props.tags;
-			const wasNewWorkflow = !workflowsStore.isWorkflowSaved[props.id];
-			if (await workflowSaving.saveCurrentWorkflow({
-				id,
-				name,
-				tags
-			})) {
-				showCreateWorkflowSuccessToast(id, wasNewWorkflow);
-				await npsSurveyStore.fetchPromptsData();
-				if (route.name === VIEWS.EXECUTION_DEBUG) await router.replace({
-					name: VIEWS.WORKFLOW,
-					params: { name: props.id }
-				});
-			}
-		}
 		function onTagsEditEnable() {
+			if (readOnlyActions.value) return;
 			appliedTagIds.value = props.tags ?? [];
 			isTagsEditEnabled.value = true;
 			setTimeout(() => {
@@ -1526,6 +1364,11 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				return;
 			}
 			if (tagsSaving.value) return;
+			if (readOnlyActions.value) {
+				isTagsEditEnabled.value = false;
+				return;
+			}
+			collaborationStore.requestWriteAccess();
 			tagsSaving.value = true;
 			const saved = await workflowSaving.saveCurrentWorkflow({ tags });
 			telemetry$1.track("User edited workflow tags", {
@@ -1581,7 +1424,7 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				toast.showError(error, locale.baseText("generic.archiveWorkflowError"));
 				return;
 			}
-			uiStore.stateIsDirty = false;
+			uiStore.markStateClean();
 			toast.showMessage({
 				title: locale.baseText("mainSidebar.showMessage.handleArchive.title", { interpolate: { workflowName: props.name } }),
 				type: "success"
@@ -1614,7 +1457,7 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				toast.showError(error, locale.baseText("generic.deleteWorkflowError"));
 				return;
 			}
-			uiStore.stateIsDirty = false;
+			uiStore.markStateClean();
 			documentTitle.reset();
 			toast.showMessage({
 				title: locale.baseText("mainSidebar.showMessage.handleSelect1.title", { interpolate: { workflowName: props.name } }),
@@ -1670,6 +1513,9 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		const handleImportWorkflowFromFile = () => {
 			if (workflowHeaderActionsRef.value?.importFileRef) workflowHeaderActionsRef.value.importFileRef.click();
 		};
+		const handleWorkflowSaved = (data) => {
+			if (data.isFirstSave) showCreateWorkflowSuccessToast(props.id, true);
+		};
 		onMounted(() => {
 			nodeViewEventBus.on("importWorkflowFromFile", handleImportWorkflowFromFile);
 			nodeViewEventBus.on("archiveWorkflow", handleArchiveWorkflow);
@@ -1677,6 +1523,7 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			nodeViewEventBus.on("deleteWorkflow", handleDeleteWorkflow);
 			nodeViewEventBus.on("renameWorkflow", onNameToggle);
 			nodeViewEventBus.on("addTag", onTagsEditEnable);
+			canvasEventBus.on("saved:workflow", handleWorkflowSaved);
 		});
 		onBeforeUnmount(() => {
 			nodeViewEventBus.off("importWorkflowFromFile", handleImportWorkflowFromFile);
@@ -1685,6 +1532,7 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			nodeViewEventBus.off("deleteWorkflow", handleDeleteWorkflow);
 			nodeViewEventBus.off("renameWorkflow", onNameToggle);
 			nodeViewEventBus.off("addTag", onTagsEditEnable);
+			canvasEventBus.off("saved:workflow", handleWorkflowSaved);
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref($style).container) }, [
@@ -1706,15 +1554,15 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 						}, "/", 2)) : createCommentVNode("", true), (openBlock(), createBlock(unref(N8nInlineTextEdit_default), {
 							ref_key: "renameInput",
 							ref: renameInput,
-							key: _ctx.id,
+							key: __props.id,
 							placeholder: "Workflow name",
 							"data-test-id": "workflow-name-input",
 							class: "name",
-							"model-value": _ctx.name,
+							"model-value": __props.name,
 							"max-length": unref(128),
 							"max-width": WORKFLOW_NAME_BP_TO_WIDTH[bp],
-							"read-only": _ctx.readOnly || _ctx.isArchived || !isNewWorkflow.value && !workflowPermissions.value.update,
-							disabled: _ctx.readOnly || _ctx.isArchived || !isNewWorkflow.value && !workflowPermissions.value.update,
+							"read-only": readOnlyActions.value,
+							disabled: readOnlyActions.value,
 							"onUpdate:modelValue": onNameSubmit
 						}, null, 8, [
 							"model-value",
@@ -1727,7 +1575,7 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					}, 1032, ["current-folder"])]),
 					_: 1
 				}),
-				createBaseVNode("span", _hoisted_1, [unref(settingsStore).areTagsEnabled ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [isTagsEditEnabled.value && !(_ctx.readOnly || _ctx.isArchived) && (isNewWorkflow.value || workflowPermissions.value.update) ? (openBlock(), createBlock(WorkflowTagsDropdown_default, {
+				createBaseVNode("span", _hoisted_1, [unref(settingsStore).areTagsEnabled ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [isTagsEditEnabled.value && !readOnlyActions.value ? (openBlock(), createBlock(WorkflowTagsDropdown_default, {
 					key: 0,
 					ref: "dropdown",
 					modelValue: appliedTagIds.value,
@@ -1742,18 +1590,18 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					"modelValue",
 					"event-bus",
 					"placeholder"
-				])) : (_ctx.tags ?? []).length === 0 && !(_ctx.readOnly || _ctx.isArchived) && (isNewWorkflow.value || workflowPermissions.value.update) ? (openBlock(), createElementBlock("div", _hoisted_2, [createBaseVNode("span", {
+				])) : (__props.tags ?? []).length === 0 && !readOnlyActions.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createBaseVNode("span", {
 					class: "add-tag clickable",
 					"data-test-id": "new-tag-link",
 					onClick: onTagsEditEnable
 				}, " + " + toDisplayString(unref(i18n).baseText("workflowDetails.addTag")), 1)])) : (openBlock(), createBlock(WorkflowTagsContainer_default, {
-					key: _ctx.id,
+					key: __props.id,
 					"tag-ids": workflowTagIds.value,
 					clickable: true,
 					responsive: true,
 					"data-test-id": "workflow-tags",
 					onClick: onTagsEditEnable
-				}, null, 8, ["tag-ids"]))], 64)) : createCommentVNode("", true), createBaseVNode("span", { class: normalizeClass(unref($style)["header-controls"]) }, [_ctx.isArchived ? (openBlock(), createBlock(unref(N8nBadge_default), {
+				}, null, 8, ["tag-ids"]))], 64)) : createCommentVNode("", true), createBaseVNode("span", { class: normalizeClass(unref($style)["header-controls"]) }, [__props.isArchived ? (openBlock(), createBlock(unref(N8nBadge_default), {
 					key: 0,
 					class: "ml-3xs",
 					theme: "tertiary",
@@ -1767,18 +1615,16 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					default: withCtx(() => [!isNewWorkflow.value ? (openBlock(), createBlock(WorkflowProductionChecklist_default, {
 						key: 0,
 						workflow: unref(workflowsStore).workflow
-					}, null, 8, ["workflow"])) : createCommentVNode("", true), unref(true) ? (openBlock(), createBlock(WorkflowHeaderDraftPublishActions_default, {
-						key: 1,
-						id: _ctx.id,
+					}, null, 8, ["workflow"])) : createCommentVNode("", true), createVNode(WorkflowHeaderDraftPublishActions_default, {
+						id: __props.id,
 						ref: "workflowHeaderActions",
-						tags: _ctx.tags,
-						name: _ctx.name,
-						meta: _ctx.meta,
-						"read-only": _ctx.readOnly,
-						"is-archived": _ctx.isArchived,
+						tags: __props.tags,
+						name: __props.name,
+						meta: __props.meta,
+						"read-only": props.readOnly,
+						"is-archived": __props.isArchived,
 						"is-new-workflow": isNewWorkflow.value,
-						"workflow-permissions": workflowPermissions.value,
-						"onWorkflow:saved": onSaveButtonClick
+						"workflow-permissions": workflowPermissions.value
 					}, null, 8, [
 						"id",
 						"tags",
@@ -1788,33 +1634,7 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 						"is-archived",
 						"is-new-workflow",
 						"workflow-permissions"
-					])) : (openBlock(), createBlock(WorkflowHeaderActions_default, {
-						key: 2,
-						id: _ctx.id,
-						ref: "workflowHeaderActions",
-						name: _ctx.name,
-						tags: _ctx.tags,
-						"current-folder": _ctx.currentFolder,
-						meta: _ctx.meta,
-						"read-only": _ctx.readOnly,
-						"is-archived": _ctx.isArchived,
-						active: _ctx.active,
-						"is-new-workflow": isNewWorkflow.value,
-						"workflow-permissions": workflowPermissions.value,
-						"onWorkflow:saved": onSaveButtonClick,
-						"onWorkflow:deactivated": _cache[1] || (_cache[1] = ($event) => emit("workflow:deactivated"))
-					}, null, 8, [
-						"id",
-						"name",
-						"tags",
-						"current-folder",
-						"meta",
-						"read-only",
-						"is-archived",
-						"active",
-						"is-new-workflow",
-						"workflow-permissions"
-					]))]),
+					])]),
 					_: 1
 				})
 			], 2);
@@ -1829,7 +1649,7 @@ var WorkflowDetails_vue_vue_type_style_index_1_lang_module_default = {
 	closeNodeViewDiscovery,
 	"header-controls": "_header-controls_7bao3_145"
 };
-var WorkflowDetails_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowDetails_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowDetails_vue_vue_type_style_index_1_lang_module_default }], ["__scopeId", "data-v-22fed76c"]]);
+var WorkflowDetails_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowDetails_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowDetails_vue_vue_type_style_index_1_lang_module_default }], ["__scopeId", "data-v-d5e5e93f"]]);
 init_shared_esm_bundler();
 var vue_github_button_default = defineComponent({
 	name: "github-button",
@@ -1867,7 +1687,7 @@ var vue_github_button_default = defineComponent({
 			const _this = this;
 			__vitePreload(() => import(
 				/* webpackMode: "eager" */
-				"./buttons.esm-CT4flsfB.js"
+				"./buttons.esm-DHCtg4os.js"
 ), []).then(function(module) {
 				if (_this.$el.lastChild !== _) return;
 				module.render(_.appendChild(_this.$refs._), function(el) {
@@ -1893,6 +1713,7 @@ var MainHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		const ndvStore = useNDVStore();
 		const uiStore = useUIStore();
 		const sourceControlStore = useSourceControlStore();
+		const collaborationStore = useCollaborationStore();
 		const workflowsStore = useWorkflowsStore();
 		const executionsStore = useExecutionsStore();
 		const settingsStore = useSettingsStore();
@@ -1933,7 +1754,7 @@ var MainHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		const workflow = computed(() => workflowsStore.workflow);
 		const workflowId = computed(() => String(route.params.name || workflowsStore.workflowId));
 		const onWorkflowPage = computed(() => !!(route.meta.nodeView || route.meta.keepWorkflowAlive));
-		const readOnly = computed(() => sourceControlStore.preferences.branchReadOnly);
+		const readOnly = computed(() => sourceControlStore.preferences.branchReadOnly || collaborationStore.shouldBeReadOnly);
 		const isEnterprise = computed(() => settingsStore.isQueueModeEnabled && settingsStore.isWorkerViewAvailable);
 		const isTelemetryEnabled = computed(() => {
 			return settingsStore.isTelemetryEnabled;
@@ -2019,7 +1840,8 @@ var MainHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				const { href } = router.resolve(routeToNavigateTo);
 				window.open(href, "_blank");
 			} else if (route.name !== routeToNavigateTo.name) {
-				if (route.name === VIEWS.NEW_WORKFLOW) uiStore.stateIsDirty = dirtyState.value;
+				if (route.name === VIEWS.NEW_WORKFLOW) if (dirtyState.value) uiStore.markStateDirty();
+				else uiStore.markStateClean();
 				activeHeaderTab.value = MAIN_HEADER_TABS.WORKFLOW;
 				await router.push(routeToNavigateTo);
 			}
@@ -2147,4 +1969,12 @@ var MainHeader_vue_vue_type_style_index_0_lang_module_default = {
 	"github-button-container": "_github-button-container_4ekmy_173"
 };
 var MainHeader_default = /* @__PURE__ */ __plugin_vue_export_helper_default(MainHeader_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": MainHeader_vue_vue_type_style_index_0_lang_module_default }]]);
-export { MainHeader_default as default };
+var AppHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "AppHeader",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(MainHeader_default);
+		};
+	}
+});
+export { AppHeader_default as default };