n8n-editor-ui 2.1.1 → 2.2.0

package/dist/assets/{MainHeader-CfOHJ5AX.js → MainHeader-Dtf7ohow.js}

@@ -1,73 +1,65 @@
 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 { _t as I18nT, gt as useI18n, j as useLocalStorage, w as useDocumentVisibility } from "./_MapCache-BXj4WgHo.js";
-import { Gn as N8nIcon_default, T as N8nRadioButtons_default, Un as N8nButton_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, x as N8nTag_default, xt as N8nIconButton_default } from "./src-RwnQoRPP.js";
-import "./en-b3uD8cvU.js";
+import { M as useLocalStorage, _t as useI18n, vt as I18nT, w as useDocumentVisibility } from "./_MapCache-0zNxISSG.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-DTY1hJHs.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, b as useRouter, y as useRoute } from "./truncate-BmR9EyjG.js";
-import "./overlay-Bil1NnPh.js";
+import { T as createEventBus, b as useRouter, y as useRoute } from "./truncate-ByNK2lRy.js";
+import { $i as nodeViewEventBus, A as telemetry, Dr as useUsersStore, Ft as useEvaluationStore, M as useNDVStore, N as useWorkflowsStore, Nt as useNodeTypesStore, O as useTelemetry, Qn as ProjectTypes, Rn as useWorkflowHelpers, S as getBannerRowHeight, Tc as STORES, Vn as useTagsStore, Xn as useProjectsStore, Yn as useDocumentTitle, Zn as useSourceControlStore, _ as require_FileSaver_min, _a as PROJECT_MOVE_RESOURCE_MODAL, h as useNpsSurveyStore, hi as getActivatableTriggerNodes, hs as useSettingsStore, li as ResourceType, m as useMessage, n as useWorkflowSaving, oa as useUIStore, v as useToast, vr as hasPermission } from "./builder.store-YujiPssa.js";
 import "./empty-BuGRxzl4.js";
-import { t as useMessage } from "./useMessage-DIJ5qCTv.js";
-import { $o as useSettingsStore, $r as getActivatableTriggerNodes, Cc as STORES, Fn as useSourceControlStore, In as ProjectTypes, Li as nodeViewEventBus, Nn as useDocumentTitle, Pn as useProjectsStore, Sn as useWorkflowHelpers, Tn as useTagsStore, Wi as useUIStore, _ as useNDVStore, _t as useNodeTypesStore, dr as useUsersStore, h as telemetry, n as useToast, nr as hasPermission, o as getBannerRowHeight, p as useTelemetry, qr as ResourceType, ta as PROJECT_MOVE_RESOURCE_MODAL, v as useWorkflowsStore, yt as useEvaluationStore } from "./builder.store--AJ05qsa.js";
-import "./sanitize-html-Cft-jOcY.js";
-import "./CalendarDate-B-JEhNYg.js";
-import "./path-browserify-BgjP7RyT.js";
-import { Bo as MAIN_HEADER_TABS, Cs as WORKFLOW_HISTORY_VERSION_UNPUBLISH, E as TIME_SAVED_DOCS_URL, Es as WORKFLOW_SHARE_MODAL_KEY, Is as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, Mc as TIME, Ts as WORKFLOW_SETTINGS_MODAL_KEY, Vo as VIEWS, Yo as DUPLICATE_MODAL_KEY, _ as ERROR_WORKFLOW_DOCS_URL, _s as WORKFLOW_ACTIVE_MODAL_KEY, a as IS_DRAFT_PUBLISH_ENABLED, b as N8N_MAIN_GITHUB_REPO_URL, c as PLACEHOLDER_EMPTY_WORKFLOW_ID, hr as TIME_SAVED_NODE_TYPE, jo as getResourcePermissions, ns as IMPORT_WORKFLOW_URL_MODAL_KEY, o as MAX_WORKFLOW_NAME_LENGTH, qc as WORKFLOW_MENU_ACTIONS, ss as MODAL_CONFIRM, ur as STICKY_NODE_TYPE, v as EVALUATIONS_DOCS_URL, vs as WORKFLOW_DESCRIPTION_MODAL_KEY, wc as EnterpriseEditionFeature, ws as WORKFLOW_PUBLISH_MODAL_KEY } from "./constants-B6Jp7SZD.js";
-import "./merge-BfSiz1ty.js";
-import { k as defineStore, r as useRootStore } from "./_baseOrderBy-GjkKJVvF.js";
-import "./dateformat-hG8NERse.js";
-import { n as require_debounce, t as useDebounce } from "./useDebounce-Cisb25yt.js";
-import "./assistant.store-C0GxcpwT.js";
-import { t as useNpsSurveyStore } from "./npsSurvey.store-DF2xZcCA.js";
-import "./cloudPlan.store-Dad6qPdn.js";
-import "./templates.store-C3DEfML8.js";
-import "./focusPanel.store-C5r79FXL.js";
-import { t as useWorkflowSaving } from "./useWorkflowSaving-B1uc1ePR.js";
-import "./retry-CMAFrhVi.js";
-import { t as useExecutionsStore } from "./executions.store-Di5hWapE.js";
-import { i as usePushConnectionStore } from "./useRunWorkflow-nBr2MJkO.js";
-import "./usePinnedData-B3-uxBtk.js";
-import "./nodeCreator.store-CPxLvRpA.js";
-import "./nodeIcon-CwI12n1T.js";
-import "./useClipboard-DvY5RseI.js";
-import "./useCanvasOperations-Biw6mnUM.js";
-import { t as useFoldersStore } from "./folders.store-CHmc_cIa.js";
-import "./NodeIcon-CWyPkrTk.js";
-import "./KeyboardShortcutTooltip-BSbSC7ko.js";
-import "./versions.store-BIIVPCEy.js";
-import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-D0ob2A1J.js";
-import { t as useBannersStore } from "./banners.store-COEGRZB2.js";
-import "./dataTable.store-DjA0BZm0.js";
-import "./ProjectIcon-Biy_-Ssg.js";
-import "./schemaPreview.store-Do_fvTej.js";
-import { t as require_FileSaver_min } from "./FileSaver.min--9uV1QmK.js";
-import { t as EnterpriseEdition_ee_default } from "./EnterpriseEdition.ee-CZml4Gcj.js";
-import { t as TimeAgo_default } from "./TimeAgo-DxwwBGgJ.js";
-import "./roles.store-CfxqweOK.js";
-import { t as SaveButton_default } from "./SaveButton-CKB6EQNE.js";
-import { t as router_default } from "./router-WNnUej-x.js";
-import "./TagsDropdown-CKHFeXgu.js";
-import { t as WorkflowTagsDropdown_default } from "./WorkflowTagsDropdown-Dp6YkEZ3.js";
-import "./sso.store-BfZ0zC0E.js";
-import "./insights.store-CUBXm-KC.js";
-import "./insights.constants-B7y0cvTb.js";
-import "./insights.utils-Dc4VSauh.js";
-import { a as MCP_SETTINGS_VIEW, r as MCP_DOCS_PAGE_URL } from "./mcp.constants-svQUbNx5.js";
-import "./constants-qk3hx0l8.js";
-import "./useRecentResources-C_Rg8cei.js";
-import { t as useMcp } from "./useMcp-1Dma_uQx.js";
-import { t as useWorkflowActivate } from "./useWorkflowActivate-B3DYQS1P.js";
-import "./WorkflowActivationErrorMessage-CQe9ZG_g.js";
-import { n as generateVersionName, r as getLastPublishedVersion } from "./utils-BLHsa_NJ.js";
-import "./ProjectBreadcrumb-3cTfM8kZ.js";
-import { n as FolderBreadcrumbs_default, t as WorkflowActivator_default } from "./WorkflowActivator-CQk3zJa2.js";
-import { t as PushConnectionTracker_default } from "./PushConnectionTracker-ClSwVP7t.js";
-import { t as useWorkflowSettingsCache } from "./useWorkflowsCache-BNSc43ak.js";
-import { t as useBeforeUnload } from "./useBeforeUnload-DpKXUfN8.js";
-import { t as usePushConnection } from "./usePushConnection-BA2hhsGP.js";
-import "./aiTemplatesStarterCollection.store-Ca9czXOC.js";
-import "./readyToRun.store-2jju4pRU.js";
+import "./sanitize-html-Cc45ZKm8.js";
+import "./CalendarDate-zWqgZMlk.js";
+import "./path-browserify-BtCDmZ3_.js";
+import { Dc as TIME, Go as DUPLICATE_MODAL_KEY, Hc as WORKFLOW_MENU_ACTIONS, Lo as MAIN_HEADER_TABS, Oo as getResourcePermissions, Qo as IMPORT_WORKFLOW_URL_MODAL_KEY, Ro as VIEWS, Ss as WORKFLOW_SHARE_MODAL_KEY, a as IS_DRAFT_PUBLISH_ENABLED, bs as WORKFLOW_PUBLISH_MODAL_KEY, fr as TIME_SAVED_NODE_TYPE, g as EVALUATIONS_DOCS_URL, h as ERROR_WORKFLOW_DOCS_URL, js as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, ms as WORKFLOW_DESCRIPTION_MODAL_KEY, o as MAX_WORKFLOW_NAME_LENGTH, ps as WORKFLOW_ACTIVE_MODAL_KEY, rs as MODAL_CONFIRM, sr as STICKY_NODE_TYPE, v as N8N_MAIN_GITHUB_REPO_URL, w as TIME_SAVED_DOCS_URL, xs as WORKFLOW_SETTINGS_MODAL_KEY, yc as EnterpriseEditionFeature, ys as WORKFLOW_HISTORY_VERSION_UNPUBLISH } from "./constants-D52YoOSp.js";
+import "./merge-BmWPLD5Q.js";
+import { k as defineStore, r as useRootStore } from "./_baseOrderBy-CesQfsb9.js";
+import "./dateformat-CM9k0--B.js";
+import { n as require_debounce, t as useDebounce } from "./useDebounce-DGSOfe85.js";
+import "./assistant.store-Cn9sEjYD.js";
+import "./retry-dP46utx2.js";
+import { t as useExecutionsStore } from "./executions.store-Dodf4hZt.js";
+import { i as usePushConnectionStore } from "./useRunWorkflow-CJgkc0Iq.js";
+import "./usePinnedData-Dztv0dCp.js";
+import "./nodeCreator.store-CnQC3Thy.js";
+import "./nodeIcon-Bcr-G7rB.js";
+import "./useClipboard-CqFyEHaX.js";
+import "./useCanvasOperations-BQyHvbXi.js";
+import { t as useFoldersStore } from "./folders.store-Bld2a-oS.js";
+import "./NodeIcon-DL6ucXJC.js";
+import "./KeyboardShortcutTooltip-srIzApSu.js";
+import "./versions.store-qQUmfjg3.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-TzgTKFxt.js";
+import { t as useBannersStore } from "./banners.store-CRNqMmnn.js";
+import "./dataTable.store-CUsh5p9b.js";
+import "./ProjectIcon-CEp8nyYM.js";
+import "./schemaPreview.store-D6CQiOeI.js";
+import { t as EnterpriseEdition_ee_default } from "./EnterpriseEdition.ee-_BSL-rxT.js";
+import { t as TimeAgo_default } from "./TimeAgo-BpAJIqal.js";
+import "./roles.store-pbRRxt0E.js";
+import { t as SaveButton_default } from "./SaveButton-DdOVpjST.js";
+import { t as router_default } from "./router-nTea-Urj.js";
+import "./TagsDropdown-CuT_jHbX.js";
+import { t as WorkflowTagsDropdown_default } from "./WorkflowTagsDropdown-ChfpozQB.js";
+import "./sso.store-Di00dtDC.js";
+import "./insights.store-CwovPTtG.js";
+import "./insights.constants-C8GITe6H.js";
+import "./insights.utils-BjffJfoC.js";
+import { a as MCP_DOCS_PAGE_URL, s as MCP_SETTINGS_VIEW } from "./mcp.constants-DQPD3Ntp.js";
+import "./constants-DLTaaipl.js";
+import "./useRecentResources-fniP3oOE.js";
+import { t as useMcp } from "./useMcp-CtPU_6al.js";
+import { t as useWorkflowActivate } from "./useWorkflowActivate-DocAQ9u8.js";
+import "./WorkflowActivationErrorMessage-D9ktIWO1.js";
+import { i as getLastPublishedVersion, r as generateVersionName } from "./utils-C2GPI2gK.js";
+import "./ProjectBreadcrumb-FtcudW_2.js";
+import { n as FolderBreadcrumbs_default, t as WorkflowActivator_default } from "./WorkflowActivator-Cj1x_nLm.js";
+import { t as PushConnectionTracker_default } from "./PushConnectionTracker-CYhR1yeo.js";
+import { t as useWorkflowSettingsCache } from "./useWorkflowsCache-BXhjK2ZF.js";
+import { t as useBeforeUnload } from "./useBeforeUnload-CQAM_lAW.js";
+import { t as usePushConnection } from "./usePushConnection-Ce3EppRV.js";
+import "./aiTemplatesStarterCollection.store-Bz4IH9Sr.js";
+import "./readyToRun.store-BRvUlRSD.js";
 var TabBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "TabBar",
 	props: {
@@ -637,19 +629,17 @@ const useCollaborationStore = defineStore(STORES.COLLABORATION, () => {
 		if (unloadTimeout.value) clearTimeout(unloadTimeout.value);
 	}
 	function notifyWorkflowOpened() {
-		const { workflowId } = workflowsStore;
-		if (workflowId === "__EMPTY__") return;
+		if (!workflowsStore.isWorkflowSaved[workflowsStore.workflowId]) return;
 		pushStore.send({
 			type: "workflowOpened",
-			workflowId
+			workflowId: workflowsStore.workflowId
 		});
 	}
 	function notifyWorkflowClosed() {
-		const { workflowId } = workflowsStore;
-		if (workflowId === "__EMPTY__") return;
+		if (!workflowsStore.isWorkflowSaved[workflowsStore.workflowId]) return;
 		pushStore.send({
 			type: "workflowClosed",
-			workflowId
+			workflowId: workflowsStore.workflowId
 		});
 		collaborators.value = collaborators.value.filter(({ user }) => user.id !== usersStore.currentUserId);
 	}
@@ -716,7 +706,10 @@ var WorkflowHistoryButton_default = /* @__PURE__ */ defineComponent({
 		}));
 		return (_ctx, _cache) => {
 			const _component_RouterLink = resolveComponent("RouterLink");
-			return openBlock(), createBlock(unref(N8nTooltip_default), { placement: "bottom" }, {
+			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), {
@@ -729,7 +722,7 @@ var WorkflowHistoryButton_default = /* @__PURE__ */ defineComponent({
 					_: 1
 				}, 8, ["to"])]),
 				_: 1
-			});
+			})) : createCommentVNode("", true);
 		};
 	}
 });
@@ -773,10 +766,7 @@ var sanitizeFilename = (filename, maxLength = MAX_FILENAME_LENGTH) => {
 };
 var import_FileSaver_min = /* @__PURE__ */ __toESM(require_FileSaver_min());
 const getWorkflowId = (propId, routeName) => {
-	let id = void 0;
-	if (propId !== "__EMPTY__") id = propId;
-	else if (routeName && routeName !== "new") id = routeName;
-	return id;
+	return propId ?? (typeof routeName === "string" ? routeName : void 0);
 };
 var ActionsDropdownMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ActionsDropdownMenu",
@@ -900,7 +890,7 @@ var ActionsDropdownMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 				label: locale.baseText("generic.settings"),
 				disabled: !onWorkflowPage.value || props.isNewWorkflow
 			});
-			if (activeVersion.value && props.workflowPermissions.update && !props.readOnly) actions.push({
+			if (activeVersion.value && props.workflowPermissions.publish && !props.readOnly) actions.push({
 				id: WORKFLOW_MENU_ACTIONS.UNPUBLISH,
 				label: locale.baseText("menuActions.unpublish"),
 				disabled: !onWorkflowPage.value
@@ -1295,11 +1285,13 @@ var WorkflowHeaderDraftPublishActions_vue_vue_type_script_setup_true_lang_defaul
 			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", {
@@ -1349,7 +1341,7 @@ var WorkflowHeaderDraftPublishActions_vue_vue_type_script_setup_true_lang_defaul
 					}, null, 8, ["class"])]),
 					_: 1
 				})], 2)) : createCommentVNode("", true),
-				!_ctx.isArchived && _ctx.workflowPermissions.update ? (openBlock(), createElementBlock("div", {
+				!_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 }, {
@@ -1477,7 +1469,7 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			return curr.reduce((acc, val) => acc || !set.has(val), false);
 		};
 		const isNewWorkflow = computed(() => {
-			return !props.id || props.id === "__EMPTY__" || props.id === "new";
+			return !workflowsStore.isWorkflowSaved[props.id];
 		});
 		const isWorkflowSaving = computed(() => {
 			return uiStore.isActionActive.workflowSaving;
@@ -1505,12 +1497,13 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			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);
+				showCreateWorkflowSuccessToast(id, wasNewWorkflow);
 				await npsSurveyStore.fetchPromptsData();
 				if (route.name === VIEWS.EXECUTION_DEBUG) await router.replace({
 					name: VIEWS.WORKFLOW,
@@ -1567,8 +1560,9 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			}
 			uiStore.addActiveAction("workflowSaving");
 			const id = getWorkflowId(props.id, route.params.name);
+			const wasNewWorkflow = !workflowsStore.isWorkflowSaved[props.id];
 			if (await workflowSaving.saveCurrentWorkflow({ name })) {
-				showCreateWorkflowSuccessToast(id);
+				showCreateWorkflowSuccessToast(id, wasNewWorkflow);
 				documentTitle.setDocumentTitle(newName, "IDLE");
 			}
 			uiStore.removeActiveAction("workflowSaving");
@@ -1659,8 +1653,9 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				toastMessage: locale.baseText("workflows.create.project.toast.text", { interpolate: { projectName } })
 			};
 		}
-		function showCreateWorkflowSuccessToast(id) {
-			if (!(!id || ["new", "__EMPTY__"].includes(id))) return;
+		function showCreateWorkflowSuccessToast(id, wasNewWorkflow) {
+			if (!id) return;
+			if (!(wasNewWorkflow ?? false)) return;
 			const { title, toastMessage } = getToastContent();
 			toast.showMessage({
 				title,
@@ -1835,7 +1830,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-521bf022"]]);
+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"]]);
 init_shared_esm_bundler();
 var vue_github_button_default = defineComponent({
 	name: "github-button",
@@ -1873,7 +1868,7 @@ var vue_github_button_default = defineComponent({
 			const _this = this;
 			__vitePreload(() => import(
 				/* webpackMode: "eager" */
-				"./buttons.esm-CZxEX89d.js"
+				"./buttons.esm-CT4flsfB.js"
 ), []).then(function(module) {
 				if (_this.$el.lastChild !== _) return;
 				module.render(_.appendChild(_this.$refs._), function(el) {
@@ -1937,7 +1932,7 @@ var MainHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		const activeNode = computed(() => ndvStore.activeNode);
 		const hideMenuBar = computed(() => Boolean(activeNode.value && activeNode.value.type !== "n8n-nodes-base.stickyNote"));
 		const workflow = computed(() => workflowsStore.workflow);
-		const workflowId = computed(() => String(router.currentRoute.value.params.name || workflowsStore.workflowId));
+		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 isEnterprise = computed(() => settingsStore.isQueueModeEnabled && settingsStore.isWorkerViewAvailable);
@@ -1992,7 +1987,7 @@ var MainHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				const matchingTab = routeTabMapping.find(({ routes }) => routes.includes(to.name));
 				if (matchingTab) activeHeaderTab.value = matchingTab.tab;
 			}
-			if (to.params.name !== "new" && typeof to.params.name === "string") workflowToReturnTo.value = to.params.name;
+			if (typeof to.params.name === "string") workflowToReturnTo.value = to.params.name;
 			if (from?.name === VIEWS.EXECUTION_PREVIEW && to.params.name === from.params.name && typeof from.params.executionId === "string") executionToReturnTo.value = from.params.executionId;
 		}
 		function onTabSelected(tab, event) {
@@ -2012,15 +2007,15 @@ var MainHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		}
 		async function navigateToWorkflowView(openInNewTab) {
 			let routeToNavigateTo;
-			if (![
-				"",
-				"new",
-				"__EMPTY__"
-			].includes(workflowToReturnTo.value)) routeToNavigateTo = {
+			if (workflowToReturnTo.value && workflowToReturnTo.value !== "") routeToNavigateTo = {
 				name: VIEWS.WORKFLOW,
-				params: { name: workflowToReturnTo.value }
+				params: { name: workflowToReturnTo.value },
+				query: route.query
+			};
+			else routeToNavigateTo = {
+				name: VIEWS.NEW_WORKFLOW,
+				query: route.query
 			};
-			else routeToNavigateTo = { name: VIEWS.NEW_WORKFLOW };
 			if (openInNewTab) {
 				const { href } = router.resolve(routeToNavigateTo);
 				window.open(href, "_blank");
@@ -2031,17 +2026,18 @@ var MainHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			}
 		}
 		async function navigateToExecutionsView(openInNewTab) {
-			const routeWorkflowId = workflowId.value === "__EMPTY__" ? "new" : workflowId.value;
 			const executionToReturnToValue = executionsStore.activeExecution?.id || executionToReturnTo.value;
 			const routeToNavigateTo = executionToReturnToValue ? {
 				name: VIEWS.EXECUTION_PREVIEW,
 				params: {
-					name: routeWorkflowId,
+					name: workflowId.value,
 					executionId: executionToReturnToValue
-				}
+				},
+				query: route.query
 			} : {
 				name: VIEWS.EXECUTION_HOME,
-				params: { name: routeWorkflowId }
+				params: { name: workflowId.value },
+				query: route.query
 			};
 			if (openInNewTab) {
 				const { href } = router.resolve(routeToNavigateTo);
@@ -2054,10 +2050,10 @@ var MainHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			}
 		}
 		async function navigateToEvaluationsView(openInNewTab) {
-			const routeWorkflowId = workflowId.value === "__EMPTY__" ? "new" : workflowId.value;
 			const routeToNavigateTo = {
 				name: VIEWS.EVALUATION_EDIT,
-				params: { name: routeWorkflowId }
+				params: { name: workflowId.value },
+				query: route.query
 			};
 			if (openInNewTab) {
 				const { href } = router.resolve(routeToNavigateTo);