n8n-editor-ui 1.119.1 → 1.120.0

package/dist/assets/LogsPanel-legacy-BjVvE6Y0.js

@@ -0,0 +1,16 @@
+;
+(function () {
+  System.register(["./vue.runtime.esm-bundler-legacy-Bq05oSFs.js", "./_MapCache-legacy-GeIax_zP.js", "./src-legacy-CpFWWEWr.js", "./en-legacy-Bgme8Vbm.js", "./preload-helper-legacy-CXRjoQ0T.js", "./_plugin-vue_export-helper-legacy-DZMI5HPp.js", "./truncate-legacy-B1qmzcuB.js", "./icon-legacy-CdX_ytdJ.js", "./overlay-legacy-CIUzKIyX.js", "./empty-legacy-DnVUoqbC.js", "./useMessage-legacy-DST2kUuY.js", "./useTelemetry-legacy-BDIroahM.js", "./useToast-legacy-B7FuM_6n.js", "./sanitize-html-legacy-DfOUEbdf.js", "./path-browserify-legacy-DJbEMZcd.js", "./constants-legacy-DiqA0Pu_.js", "./merge-legacy-qdjRv-L4.js", "./assistant.store-legacy-BM5rx1Eo.js", "./dateformat-legacy-Xt1X-tys.js", "./useDebounce-legacy-G9H-ixfO.js", "./useExternalHooks-legacy-CtWM2ToU.js", "./chatPanel.store-legacy-BKAXbpla.js", "./npsSurvey.store-legacy-BbzLkX9z.js", "./cloudPlan.store-legacy-BpTKyznI.js", "./templates.store-legacy-ofk_8E3C.js", "./focusPanel.store-legacy-DwBTeIg0.js", "./useWorkflowSaving-legacy-C5sOlXzQ.js", "./retry-legacy-CkXCWkMV.js", "./executions.store-legacy-b_Dcfsqp.js", "./useRunWorkflow-legacy-C7-J9SJI.js", "./usePinnedData-legacy-BsjuUA_c.js", "./nodeCreator.store-legacy-DTmylsCF.js", "./nodeIcon-legacy-BV5Z8WOV.js", "./useClipboard-legacy-C5rVUk4S.js", "./useCanvasOperations-legacy-CuiWyxvs.js", "./LogsPanel-legacy-BjPVIpZg.js", "./folders.store-legacy-DpbE1pFn.js", "./NodeIcon-legacy-DG2J9mhW.js", "./KeyboardShortcutTooltip-legacy-DFhofumE.js", "./isEmpty-legacy-MFqoebb1.js", "./NDVEmptyState-legacy-MP5RoBw5.js", "./externalSecrets.ee.store-legacy-DaQgDltD.js", "./uniqBy-legacy-Zm0uD9jw.js", "./schemaPreview.store-legacy-CVGvdvdr.js", "./FileSaver.min-legacy-BTN44Z38.js", "./vue-json-pretty-legacy-Dk5EQofb.js", "./RunDataHtml-legacy-DopSvQCJ.js", "./dateFormatter-legacy-DQcBot5g.js", "./useExecutionHelpers-legacy-CE3q6ePz.js", "./useKeybindings-legacy-B9KbjAsp.js", "./core-legacy-BVoFM47F.js", "./VueMarkdown-legacy-C7HrPz2N.js", "./xml-legacy-Cyrxa7r6.js", "./AnimatedSpinner-legacy-a37yY0a9.js", "./useLogsTreeExpand-legacy-DXkemvCE.js", "./core-legacy-De470jmW.js"], function (_export, _context) {
+    "use strict";
+
+    var LogsPanel_default;
+    return {
+      setters: [function (_vueRuntimeEsmBundlerLegacy003Js) {}, function (_MapCacheLegacy005Js) {}, function (_srcLegacy007Js) {}, function (_enLegacy00bJs) {}, function (_preloadHelperLegacy00dJs) {}, function (_pluginVue_exportHelperLegacy00fJs) {}, function (_truncateLegacy00hJs) {}, function (_iconLegacy00lJs) {}, function (_overlayLegacy00pJs) {}, function (_emptyLegacy00tJs) {}, function (_useMessageLegacy00vJs) {}, function (_useTelemetryLegacy00FJs) {}, function (_useToastLegacy00HJs) {}, function (_sanitizeHtmlLegacy00JJs) {}, function (_pathBrowserifyLegacy00LJs) {}, function (_constantsLegacy00NJs) {}, function (_mergeLegacy00PJs) {}, function (_assistantStoreLegacy00RJs) {}, function (_dateformatLegacy00TJs) {}, function (_useDebounceLegacy00VJs) {}, function (_useExternalHooksLegacy00XJs) {}, function (_chatPanelStoreLegacy00ZJs) {}, function (_npsSurveyStoreLegacy011Js) {}, function (_cloudPlanStoreLegacy013Js) {}, function (_templatesStoreLegacy015Js) {}, function (_focusPanelStoreLegacy017Js) {}, function (_useWorkflowSavingLegacy019Js) {}, function (_retryLegacy01bJs) {}, function (_executionsStoreLegacy01dJs) {}, function (_useRunWorkflowLegacy01fJs) {}, function (_usePinnedDataLegacy01hJs) {}, function (_nodeCreatorStoreLegacy01jJs) {}, function (_nodeIconLegacy01lJs) {}, function (_useClipboardLegacy01nJs) {}, function (_useCanvasOperationsLegacy01pJs) {}, function (_LogsPanelLegacy01rJs) {
+        LogsPanel_default = _LogsPanelLegacy01rJs.t;
+      }, function (_foldersStoreLegacy01tJs) {}, function (_NodeIconLegacy01vJs) {}, function (_KeyboardShortcutTooltipLegacy01xJs) {}, function (_isEmptyLegacy01TJs) {}, function (_NDVEmptyStateLegacy01VJs) {}, function (_externalSecretsEeStoreLegacy01ZJs) {}, function (_uniqByLegacy01$Js) {}, function (_schemaPreviewStoreLegacy02lJs) {}, function (_FileSaverMinLegacy02rJs) {}, function (_vueJsonPrettyLegacy02tJs) {}, function (_RunDataHtmlLegacy02vJs) {}, function (_dateFormatterLegacy02zJs) {}, function (_useExecutionHelpersLegacy02BJs) {}, function (_useKeybindingsLegacy03tJs) {}, function (_coreLegacy03FJs) {}, function (_VueMarkdownLegacy04LJs) {}, function (_xmlLegacy04TJs) {}, function (_AnimatedSpinnerLegacy051Js) {}, function (_useLogsTreeExpandLegacy06fJs) {}, function (_coreLegacy06hJs) {}],
+      execute: function () {
+        _export("default", LogsPanel_default);
+      }
+    };
+  });
+})();

package/dist/assets/{MainHeader-M-D-hY8c.js → MainHeader-CsSHhx5_.js}

@@ -1,60 +1,61 @@
 import { o as __toESM } from "./chunk-6z4oVpB-.js";
 import { $t as hasOwn, C as computed, 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, Sn as toDisplayString, T as createBlock, Z as onMounted, _ as Fragment, _n as normalizeClass, _t as watch, at as renderSlot, 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, w as createBaseVNode, xt as withDirectives, yn as normalizeStyle } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { _t as I18nT, gt as useI18n, j as useLocalStorage, w as useDocumentVisibility } from "./_MapCache-Byd-DTfo.js";
-import { Bt as ElTag, Ln as N8nButton_default, Tt as N8nIconButton_default, _ as SuggestedActions_default, a as N8nInlineTextEdit_default, f as N8nUserStack_default, it as N8nBadge_default, mt as N8nLink_default, tt as N8nActionDropdown_default, vt as N8nTooltip_default, x as N8nRadioButtons_default, zn as N8nIcon_default } from "./src-D6S9Khji.js";
+import { _t as I18nT, gt as useI18n, j as useLocalStorage, w as useDocumentVisibility } from "./_MapCache-Y29RpBXS.js";
+import { Bt as ElTag, C as N8nPopoverReka_default, Ct as N8nInput_default, Ln as N8nButton_default, Tt as N8nIconButton_default, Y as N8nInputLabel_default, _ as SuggestedActions_default, a as N8nInlineTextEdit_default, f as N8nUserStack_default, it as N8nBadge_default, mt as N8nLink_default, tt as N8nActionDropdown_default, vt as N8nTooltip_default, x as N8nRadioButtons_default, zn as N8nIcon_default } from "./src-FybnR12q.js";
 import "./en-BYTsM8fR.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 { b as useRouter, x as createEventBus, y as useRoute } from "./truncate-DGRsht-H.js";
-import "./icon-DhADuA9N.js";
-import "./overlay-B8MMvNgs.js";
-import "./empty-BuGRxzl4.js";
-import { t as useMessage } from "./useMessage-Ceo97RRX.js";
-import { Dn as useSourceControlStore, Ei as nodeViewEventBus, En as useProjectsStore, Gn as hasPermission, Ir as ResourceType, Ni as useUIStore, On as ProjectTypes, Ro as useSettingsStore, Tn as useDocumentTitle, Wi as PROJECT_MOVE_RESOURCE_MODAL, Ys as useRootStore, _n as useTagsStore, a as useNDVStore, at as useEvaluationStore, bc as STORES, er as useUsersStore, mn as useWorkflowHelpers, o as useWorkflowsStore, rt as useNodeTypesStore, t as useTelemetry, vc as defineStore } from "./useTelemetry-EOV0Llso.js";
-import { i as getBannerRowHeight, t as useToast } from "./useToast-BlMNYwds.js";
-import "./sanitize-html-BuXr7o4T.js";
-import "./path-browserify-DsmB_HMK.js";
-import { Bs as EnterpriseEditionFeature, Jo as WORKFLOW_SHARE_MODAL_KEY, Js as TIME, No as MODAL_CONFIRM, Oo as IMPORT_WORKFLOW_URL_MODAL_KEY, T as TIME_SAVED_DOCS_URL, Uo as WORKFLOW_ACTIVE_MODAL_KEY, _ as EVALUATIONS_DOCS_URL, _r as getResourcePermissions, a as MAX_WORKFLOW_NAME_LENGTH, g as ERROR_WORKFLOW_DOCS_URL, lc as WORKFLOW_MENU_ACTIONS, mo as VIEWS, po as MAIN_HEADER_TABS, qo as WORKFLOW_SETTINGS_MODAL_KEY, rs as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, s as PLACEHOLDER_EMPTY_WORKFLOW_ID, xn as STICKY_NODE_TYPE, xo as DUPLICATE_MODAL_KEY, y as N8N_MAIN_GITHUB_REPO_URL } from "./constants-DvlTm3U4.js";
-import "./merge-CKEa8BM2.js";
-import "./assistant.store-DvuxtpS4.js";
+import { b as useRouter, x as createEventBus, y as useRoute } from "./truncate-mIB0DVrK.js";
+import "./icon-OKik-N-d.js";
+import "./overlay-DZyfhUVh.js";
+import "./empty-RTEMfF4N.js";
+import { t as useMessage } from "./useMessage-Dtn5nLnt.js";
+import { Bo as useSettingsStore, Cc as STORES, Dn as useSourceControlStore, Ei as nodeViewEventBus, En as useProjectsStore, Gn as hasPermission, Ir as ResourceType, Ni as useUIStore, On as ProjectTypes, Qs as useRootStore, Tn as useDocumentTitle, Wi as PROJECT_MOVE_RESOURCE_MODAL, _n as useTagsStore, a as useNDVStore, at as useEvaluationStore, er as useUsersStore, mn as useWorkflowHelpers, o as useWorkflowsStore, rt as useNodeTypesStore, t as useTelemetry, xc as defineStore } from "./useTelemetry-CWnh4Zlh.js";
+import { i as getBannerRowHeight, t as useToast } from "./useToast-BxclFB6W.js";
+import "./sanitize-html-Cfxibw1n.js";
+import "./path-browserify-CTmc1OxV.js";
+import { Hs as EnterpriseEditionFeature, Jo as WORKFLOW_SHARE_MODAL_KEY, No as MODAL_CONFIRM, Oo as IMPORT_WORKFLOW_URL_MODAL_KEY, T as TIME_SAVED_DOCS_URL, Uo as WORKFLOW_ACTIVE_MODAL_KEY, Xs as TIME, _ as EVALUATIONS_DOCS_URL, _r as getResourcePermissions, a as MAX_WORKFLOW_NAME_LENGTH, dc as WORKFLOW_MENU_ACTIONS, g as ERROR_WORKFLOW_DOCS_URL, mo as VIEWS, po as MAIN_HEADER_TABS, qo as WORKFLOW_SETTINGS_MODAL_KEY, rs as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, s as PLACEHOLDER_EMPTY_WORKFLOW_ID, wa as WEBHOOK_NODE_TYPE, xn as STICKY_NODE_TYPE, xo as DUPLICATE_MODAL_KEY, y as N8N_MAIN_GITHUB_REPO_URL } from "./constants-COt-IPHd.js";
+import "./merge-B2-guEpy.js";
+import "./assistant.store-CxWBk3OU.js";
 import "./dateformat-D7TIhVd4.js";
-import { n as require_debounce, t as useDebounce } from "./useDebounce-BgcdaJ78.js";
-import "./useExternalHooks-SxBXYVNW.js";
-import { t as useNpsSurveyStore } from "./npsSurvey.store-BTpA4Bdf.js";
-import "./cloudPlan.store-DrraBpZJ.js";
-import "./templates.store-COjIpQaS.js";
-import "./focusPanel.store-BJpwjMIG.js";
-import { t as useWorkflowSaving } from "./useWorkflowSaving-CWyt929n.js";
+import { n as require_debounce, t as useDebounce } from "./useDebounce-CETVIuiZ.js";
+import "./useExternalHooks-q8smeo6K.js";
+import { t as useNpsSurveyStore } from "./npsSurvey.store-afUgQwnO.js";
+import "./cloudPlan.store-oTKMV1Bw.js";
+import "./templates.store-BFnRGJH7.js";
+import "./focusPanel.store-DX5ouusK.js";
+import { t as useWorkflowSaving } from "./useWorkflowSaving-DSJgdRoP.js";
 import "./retry-sDkwzrPY.js";
-import { t as useExecutionsStore } from "./executions.store-IU9p1s46.js";
-import { i as usePushConnectionStore } from "./useRunWorkflow-_-_hUnHE.js";
-import "./usePinnedData-Csij2qN3.js";
-import "./nodeCreator.store-DHz0Nc1Y.js";
-import "./nodeIcon-ry_JIpAT.js";
-import "./useClipboard-fRnZpGbX.js";
-import "./useCanvasOperations-CFsSFVcO.js";
-import { t as useFoldersStore } from "./folders.store-Db975T-w.js";
-import "./KeyboardShortcutTooltip-y1pBqAge.js";
-import "./versions.store-Dx98n6R_.js";
-import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-C_ctyI4O.js";
-import { t as useBannersStore } from "./banners.store-BQPwuqhn.js";
-import "./ProjectIcon-DqKjDNbR.js";
-import "./schemaPreview.store-BVhugjbw.js";
+import { t as useExecutionsStore } from "./executions.store-CLBytlL8.js";
+import { i as usePushConnectionStore } from "./useRunWorkflow-C9HukKMl.js";
+import "./usePinnedData-DixE-21D.js";
+import "./nodeCreator.store-D147rfwl.js";
+import "./nodeIcon-C5u0jQvj.js";
+import "./useClipboard-CfXsW13v.js";
+import "./useCanvasOperations-DzLHi0LA.js";
+import { t as useFoldersStore } from "./folders.store-ReN2UdkF.js";
+import "./KeyboardShortcutTooltip-BYhbaXL9.js";
+import "./versions.store-Dh42EsAx.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-50R23u-V.js";
+import { t as useBannersStore } from "./banners.store-DtwO0jVD.js";
+import "./ProjectIcon-CfC5ZMJ_.js";
+import "./schemaPreview.store-CpV1sUpD.js";
 import { t as require_FileSaver_min } from "./FileSaver.min-DaytN8ae.js";
-import { t as EnterpriseEdition_ee_default } from "./EnterpriseEdition.ee-BoNEV-MB.js";
-import { t as SaveButton_default } from "./SaveButton-D1iDaopV.js";
-import "./TagsDropdown-D6CYk5R8.js";
-import { t as WorkflowTagsDropdown_default } from "./WorkflowTagsDropdown-CdEFZM1A.js";
-import { r as MCP_DOCS_PAGE_URL, t as useMcp } from "./useMcp-_gyuyL1x.js";
-import "./useWorkflowActivate-OfPMIBJ5.js";
-import "./ProjectBreadcrumb-scGlGqYf.js";
-import { n as FolderBreadcrumbs_default, t as WorkflowActivator_default } from "./WorkflowActivator-k3HTYXbc.js";
-import { t as useBeforeUnload } from "./useBeforeUnload-BPhnlPrH.js";
-import { t as PushConnectionTracker_default } from "./PushConnectionTracker-ByNVqY0h.js";
-import { t as useWorkflowSettingsCache } from "./useWorkflowsCache-BSXTJC8C.js";
-import { t as usePushConnection } from "./usePushConnection-XZibrqm8.js";
-import "./readyToRunWorkflows.store-C23cIyhu.js";
-import "./readyToRunWorkflowsV2.store-BxZUJyXQ.js";
+import { t as EnterpriseEdition_ee_default } from "./EnterpriseEdition.ee-BLnkG_vb.js";
+import { t as SaveButton_default } from "./SaveButton-DMlAg6iF.js";
+import "./TagsDropdown-BGeOVful.js";
+import { t as WorkflowTagsDropdown_default } from "./WorkflowTagsDropdown-CxVnfj8H.js";
+import { n as MCP_DOCS_PAGE_URL } from "./mcp.constants-BCNosk1p.js";
+import { t as useMcp } from "./useMcp-CZmhzw91.js";
+import "./useWorkflowActivate-Cmog1_-j.js";
+import "./ProjectBreadcrumb-CVitESde.js";
+import { n as FolderBreadcrumbs_default, t as WorkflowActivator_default } from "./WorkflowActivator-B_HRrCra.js";
+import { t as useBeforeUnload } from "./useBeforeUnload-Wtg7mRCZ.js";
+import { t as PushConnectionTracker_default } from "./PushConnectionTracker-BRETfc_U.js";
+import { t as useWorkflowSettingsCache } from "./useWorkflowsCache-DKCw8FH2.js";
+import { t as usePushConnection } from "./usePushConnection-C_hAm9wG.js";
+import "./readyToRunWorkflows.store-B8_GmfI4.js";
+import "./readyToRunWorkflowsV2.store-CuI-qJ95.js";
 var TabBar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "TabBar",
 	props: {
@@ -334,7 +335,7 @@ var WorkflowProductionChecklist_default = /* @__PURE__ */ defineComponent({
 			return sourceControlStore.preferences.branchReadOnly;
 		});
 		const isMcpAvailable = computed(() => {
-			return settingsStore.isModuleActive("mcp") && isEligibleForMcpAccess(props.workflow);
+			return settingsStore.isModuleActive("mcp") && settingsStore.moduleSettings.mcp?.mcpAccessEnabled && isEligibleForMcpAccess(props.workflow);
 		});
 		const availableActions = computed(() => {
 			if (!props.workflow.active || workflowsCache.isCacheLoading.value) return [];
@@ -742,12 +743,179 @@ const sanitizeFilename = (filename, maxLength = MAX_FILENAME_LENGTH) => {
 	return baseName;
 };
 var import_FileSaver_min = /* @__PURE__ */ __toESM(require_FileSaver_min());
+var WorkflowDescriptionPopover_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "WorkflowDescriptionPopover",
+	props: {
+		workflowId: {},
+		workflowDescription: { default: "" }
+	},
+	setup(__props) {
+		const props = __props;
+		const i18n = useI18n();
+		const toast = useToast();
+		const telemetry = useTelemetry();
+		const settingsStore = useSettingsStore();
+		const workflowStore = useWorkflowsStore();
+		const uiStore = useUIStore();
+		const descriptionValue = ref(props.workflowDescription);
+		const popoverOpen = ref(false);
+		const descriptionInput = useTemplateRef("descriptionInput");
+		const isSaving = ref(false);
+		const lastSavedDescription = ref(props.workflowDescription);
+		const normalizedCurrentValue = computed(() => (descriptionValue.value ?? "").trim());
+		const normalizedLastSaved = computed(() => (lastSavedDescription.value ?? "").trim());
+		const canSave = computed(() => normalizedCurrentValue.value !== normalizedLastSaved.value);
+		const isMcpEnabled = computed(() => settingsStore.isModuleActive("mcp") && settingsStore.moduleSettings.mcp?.mcpAccessEnabled);
+		const hasWebhooks = computed(() => {
+			const workflow = workflowStore.workflow;
+			if (!workflow) return false;
+			return workflow.nodes.some((node) => !node.disabled && node.type === "n8n-nodes-base.webhook");
+		});
+		const textareaTip = computed(() => {
+			const baseTooltip = i18n.baseText("workflow.description.tooltip");
+			if (!isMcpEnabled.value) return i18n.baseText("workflow.description.tooltip");
+			return `${baseTooltip}. ${i18n.baseText("workflow.description.placeholder.mcp")}.\n${hasWebhooks.value ? i18n.baseText("workflow.description.placeholder.mcp.webhook") : ""}`;
+		});
+		const saveDescription = async () => {
+			isSaving.value = true;
+			uiStore.addActiveAction("workflowSaving");
+			try {
+				await workflowStore.saveWorkflowDescription(props.workflowId, normalizedCurrentValue.value ?? null);
+				lastSavedDescription.value = descriptionValue.value;
+				uiStore.stateIsDirty = false;
+				telemetry.track("User set workflow description", {
+					workflow_id: props.workflowId,
+					description: normalizedCurrentValue.value ?? null
+				});
+			} catch (error) {
+				toast.showError(error, i18n.baseText("workflow.description.error.title"));
+				descriptionValue.value = lastSavedDescription.value;
+			} finally {
+				isSaving.value = false;
+				uiStore.removeActiveAction("workflowSaving");
+			}
+		};
+		const handlePopoverOpenChange = async (open) => {
+			popoverOpen.value = open;
+			if (open) {
+				await nextTick();
+				descriptionInput.value?.focus();
+			} else await saveDescription();
+		};
+		const handleKeyDown = async (event) => {
+			if (event.key === "Escape") {
+				event.preventDefault();
+				event.stopPropagation();
+				await cancel();
+			}
+			if (event.key === "Enter" && !event.shiftKey) {
+				if (!canSave.value) return;
+				event.preventDefault();
+				event.stopPropagation();
+				await save();
+			}
+		};
+		const cancel = async () => {
+			descriptionValue.value = lastSavedDescription.value;
+			uiStore.stateIsDirty = false;
+			popoverOpen.value = false;
+		};
+		const save = async () => {
+			await saveDescription();
+			popoverOpen.value = false;
+		};
+		watch(() => props.workflowDescription, (newValue) => {
+			descriptionValue.value = newValue;
+			lastSavedDescription.value = newValue;
+		});
+		watch(descriptionValue, (newValue) => {
+			if ((newValue ?? "").trim() !== normalizedLastSaved.value) uiStore.stateIsDirty = true;
+			else uiStore.stateIsDirty = false;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nTooltip_default), {
+				disabled: popoverOpen.value,
+				content: unref(i18n).baseText("workflow.description.tooltip")
+			}, {
+				default: withCtx(() => [createBaseVNode("div", {
+					class: normalizeClass(_ctx.$style["description-popover-wrapper"]),
+					"data-test-id": "workflow-description-popover"
+				}, [createVNode(unref(N8nPopoverReka_default), {
+					id: "workflow-description-popover",
+					open: popoverOpen.value,
+					"onUpdate:open": handlePopoverOpenChange
+				}, {
+					trigger: withCtx(() => [createVNode(unref(N8nIconButton_default), {
+						class: normalizeClass({
+							[_ctx.$style["description-button"]]: true,
+							[_ctx.$style.active]: popoverOpen.value
+						}),
+						square: true,
+						"data-test-id": "workflow-description-button",
+						icon: "notebook-pen",
+						type: "tertiary",
+						size: "small",
+						"aria-label": unref(i18n).baseText("workflow.description.tooltip")
+					}, null, 8, ["class", "aria-label"])]),
+					content: withCtx(() => [createBaseVNode("div", {
+						class: normalizeClass(_ctx.$style["description-edit-content"]),
+						"data-test-id": "workflow-description-edit-content"
+					}, [createVNode(unref(N8nInputLabel_default), {
+						label: unref(i18n).baseText("generic.description"),
+						"tooltip-text": textareaTip.value
+					}, {
+						default: withCtx(() => [createVNode(unref(N8nInput_default), {
+							ref_key: "descriptionInput",
+							ref: descriptionInput,
+							modelValue: descriptionValue.value,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => descriptionValue.value = $event),
+							placeholder: textareaTip.value,
+							rows: 6,
+							"data-test-id": "workflow-description-input",
+							type: "textarea",
+							onKeydown: handleKeyDown
+						}, null, 8, ["modelValue", "placeholder"])]),
+						_: 1
+					}, 8, ["label", "tooltip-text"])], 2), createBaseVNode("footer", { class: normalizeClass(_ctx.$style["popover-footer"]) }, [createVNode(unref(N8nButton_default), {
+						label: unref(i18n).baseText("generic.cancel"),
+						size: "small",
+						disabled: isSaving.value,
+						type: "tertiary",
+						"data-test-id": "workflow-description-cancel-button",
+						onClick: cancel
+					}, null, 8, ["label", "disabled"]), createVNode(unref(N8nButton_default), {
+						label: unref(i18n).baseText("generic.unsavedWork.confirmMessage.confirmButtonText"),
+						size: "small",
+						loading: isSaving.value,
+						disabled: !canSave.value || isSaving.value,
+						type: "primary",
+						"data-test-id": "workflow-description-save-button",
+						onClick: save
+					}, null, 8, [
+						"label",
+						"loading",
+						"disabled"
+					])], 2)]),
+					_: 1
+				}, 8, ["open"])], 2)]),
+				_: 1
+			}, 8, ["disabled", "content"]);
+		};
+	}
+});
+const active = "_active_wp41v_128";
+var WorkflowDescriptionPopover_vue_vue_type_style_index_0_lang_module_default = {
+	"description-button": "_description-button_wp41v_123",
+	active,
+	"description-edit-content": "_description-edit-content_wp41v_138",
+	"popover-footer": "_popover-footer_wp41v_145"
+};
+var WorkflowDescriptionPopover_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowDescriptionPopover_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowDescriptionPopover_vue_vue_type_style_index_0_lang_module_default }]]);
 var _hoisted_1 = {
 	class: "tags",
 	"data-test-id": "workflow-tags-container"
 };
 var _hoisted_2 = { key: 1 };
-var _hoisted_3 = { class: "archived" };
 var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowDetails",
 	props: {
@@ -759,7 +927,8 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		scopes: {},
 		active: { type: Boolean },
 		currentFolder: {},
-		isArchived: { type: Boolean }
+		isArchived: { type: Boolean },
+		description: {}
 	},
 	emits: ["workflow:deactivated"],
 	setup(__props, { emit: __emit }) {
@@ -1296,7 +1465,7 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					responsive: true,
 					"data-test-id": "workflow-tags",
 					onClick: onTagsEditEnable
-				}, null, 8, ["tag-ids"]))], 64)) : createCommentVNode("", true), createBaseVNode("span", _hoisted_3, [_ctx.isArchived ? (openBlock(), createBlock(unref(N8nBadge_default), {
+				}, null, 8, ["tag-ids"]))], 64)) : createCommentVNode("", true), createBaseVNode("span", { class: normalizeClass(unref($style)["header-controls"]) }, [_ctx.isArchived ? (openBlock(), createBlock(unref(N8nBadge_default), {
 					key: 0,
 					class: "ml-3xs",
 					theme: "tertiary",
@@ -1305,7 +1474,11 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("workflows.item.archived")), 1)]),
 					_: 1
-				})) : createCommentVNode("", true)])]),
+				})) : !props.readOnly && workflowPermissions.value.update ? (openBlock(), createBlock(WorkflowDescriptionPopover_default, {
+					key: 1,
+					"workflow-id": props.id,
+					"workflow-description": props.description
+				}, null, 8, ["workflow-id", "workflow-description"])) : createCommentVNode("", true)], 2)]),
 				createVNode(PushConnectionTracker_default, { class: "actions" }, {
 					default: withCtx(() => [
 						!isNewWorkflow.value ? (openBlock(), createBlock(WorkflowProductionChecklist_default, {
@@ -1397,22 +1570,23 @@ var WorkflowDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		};
 	}
 });
-const container$1 = "_container_fimkf_123";
-const group = "_group_fimkf_138";
-const hiddenInput = "_hiddenInput_fimkf_143";
-const deleteItem = "_deleteItem_fimkf_147";
-const disabledShareButton = "_disabledShareButton_fimkf_151";
-const closeNodeViewDiscovery = "_closeNodeViewDiscovery_fimkf_155";
+const container$1 = "_container_177kb_123";
+const group = "_group_177kb_138";
+const hiddenInput = "_hiddenInput_177kb_143";
+const deleteItem = "_deleteItem_177kb_147";
+const disabledShareButton = "_disabledShareButton_177kb_151";
+const closeNodeViewDiscovery = "_closeNodeViewDiscovery_177kb_155";
 var WorkflowDetails_vue_vue_type_style_index_1_lang_module_default = {
 	container: container$1,
-	"path-separator": "_path-separator_fimkf_132",
+	"path-separator": "_path-separator_177kb_132",
 	group,
 	hiddenInput,
 	deleteItem,
 	disabledShareButton,
-	closeNodeViewDiscovery
+	closeNodeViewDiscovery,
+	"header-controls": "_header-controls_177kb_162"
 };
-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-51681533"]]);
+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-efdec302"]]);
 init_shared_esm_bundler();
 var vue_github_button_default = defineComponent({
 	name: "github-button",
@@ -1450,7 +1624,7 @@ var vue_github_button_default = defineComponent({
 			const _this = this;
 			__vitePreload(() => import(
 				/* webpackMode: "eager" */
-				"./buttons.esm-Euf82NbC.js"
+				"./buttons.esm-CT4flsfB.js"
 ), []).then(function(module) {
 				if (_this.$el.lastChild !== _) return;
 				module.render(_.appendChild(_this.$refs._), function(el) {
@@ -1677,6 +1851,7 @@ var MainHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				"read-only": readOnly.value,
 				"current-folder": parentFolderForBreadcrumbs.value,
 				"is-archived": workflow.value.isArchived,
+				description: workflow.value.description,
 				"onWorkflow:deactivated": onWorkflowDeactivated
 			}, null, 8, [
 				"id",
@@ -1687,7 +1862,8 @@ var MainHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				"active",
 				"read-only",
 				"current-folder",
-				"is-archived"
+				"is-archived",
+				"description"
 			])) : createCommentVNode("", true), showGitHubButton.value ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: normalizeClass([_ctx.$style["github-button"], "hidden-sm-and-down"])