n8n-editor-ui 2.3.1 → 2.4.0

package/dist/assets/{WorkflowHistory-C7k0u5n4.js → WorkflowHistory-CD8N5qTi.js}

@@ -1,27 +1,27 @@
-import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, L as h, M as createVNode, P as defineComponent, Pt as reactive, T as createBlock, Z as onMounted, _ as Fragment, _t as watch, bt as withCtx, et as openBlock, h as withModifiers, it as renderList, j as createTextVNode, ot as resolveComponent, q as onBeforeMount, vn as normalizeClass, vt as watchEffect, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _t as useI18n, vt as I18nT } from "./_MapCache-ficiegRb.js";
-import { Sn as N8nButton_default, at as N8nLoading_default, ht as N8nTooltip_default, it as N8nActionToggle_default, lt as N8nBadge_default, mt as N8nLink_default, wn as N8nIcon_default, xn as N8nText_default, yn as N8nHeading_default } from "./src-XLGanEOK.js";
-import "./en-CF30SCh2.js";
-import "./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 { A as telemetry, Dr as useUsersStore, N as useWorkflowsStore, g as useWorkflowHistoryStore, oa as useUIStore, v as useToast } from "./builder.store-D6GyopzN.js";
-import "./empty-DUjwPfU3.js";
-import "./sanitize-html-fRP2gWb9.js";
-import "./CalendarDate-zWqgZMlk.js";
-import "./path-browserify-CJwRhuT8.js";
-import { Ao as getResourcePermissions, Bo as VIEWS, Ss as WORKFLOW_HISTORY_VERSION_UNPUBLISH, a as IS_DRAFT_PUBLISH_ENABLED, bs as WORKFLOW_HISTORY_PUBLISH_MODAL_KEY, xs as WORKFLOW_HISTORY_VERSION_RESTORE } from "./constants-DRIItkNt.js";
-import "./merge-k8vSyyXH.js";
-import { r as useRootStore } from "./_baseOrderBy-UJkFlXQy.js";
-import "./dateformat-CM9k0--B.js";
-import "./useDebounce-Bnb8W2LR.js";
-import "./executions.store-a5l7sYPn.js";
-import "./versions.store-a3DCEQMP.js";
-import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-w7WYnki8.js";
-import { t as useWorkflowActivate } from "./useWorkflowActivate-Ct_BovMQ.js";
-import { i as getLastPublishedVersion, n as formatTimestamp, r as generateVersionName, t as computeTimelineEntries } from "./utils-C2GPI2gK.js";
-import { t as WorkflowPreview_default } from "./WorkflowPreview-Cv_yCx4J.js";
-import { t as useIntersectionObserver } from "./useIntersectionObserver-DXKoRNFj.js";
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, L as h, M as createVNode, P as defineComponent, Pt as reactive, T as createBlock, Z as onMounted, _ as Fragment, _t as watch, bt as withCtx, et as openBlock, h as withModifiers, it as renderList, j as createTextVNode, ot as resolveComponent, q as onBeforeMount, vn as normalizeClass, vt as watchEffect, w as createBaseVNode } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { _t as useI18n, vt as I18nT } from "./_MapCache-DkLivSSb.js";
+import { En as N8nHeading_default, On as N8nText_default, St as N8nTooltip_default, dt as N8nLoading_default, ht as N8nBadge_default, jn as N8nIcon_default, kn as N8nButton_default, ut as N8nActionToggle_default, xt as N8nLink_default } from "./src-DpZSuyLC.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 { Pt as telemetry, br as useToast, r as useUIStore, s as useWorkflowsStore, t as useUsersStore, vr as useWorkflowHistoryStore } from "./users.store-Dh2O3NbU.js";
+import "./sanitize-html-DeDnsMgc.js";
+import "./empty-nq5-pHAR.js";
+import { bs as WORKFLOW_HISTORY_VERSION_UNPUBLISH, ko as getResourcePermissions, vs as WORKFLOW_HISTORY_PUBLISH_MODAL_KEY, zo as VIEWS } from "./constants-D48cSFnx.js";
+import "./merge-B0-p153C.js";
+import { r as useRootStore } from "./_baseOrderBy-DvuuRU7J.js";
+import "./dateformat-BeHi9sF4.js";
+import "./useDebounce-C4ttil9E.js";
+import "./versions.store-BIW6cbdc.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper--cm71zDE.js";
+import "./executions.store-SHgwsnWe.js";
+import "./pushConnection.store-DEMBEciq.js";
+import "./collaboration.store-BbSwTk_d.js";
+import { a as useWorkflowActivate, i as getLastPublishedVersion, n as formatTimestamp, r as generateVersionName, t as computeTimelineEntries } from "./utils-5SA0VwN3.js";
+import { t as WorkflowPreview_default } from "./WorkflowPreview-pbJ_UfWP.js";
+import { t as useIntersectionObserver } from "./useIntersectionObserver-CGg561I6.js";
+var _hoisted_1$2 = { key: 0 };
+var _hoisted_2$1 = { key: 1 };
+var _hoisted_3$1 = { key: 1 };
 var WorkflowHistoryListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowHistoryListItem",
 	props: {
@@ -68,11 +68,11 @@ var WorkflowHistoryListItem_vue_vue_type_script_setup_true_lang_default = /* @__
 		});
 		const authors = computed(() => {
 			const allAuthors = props.item.authors.split(", ");
-			let label$1 = allAuthors[0];
-			if (allAuthors.length > 1) label$1 = `${label$1} + ${allAuthors.length - 1}`;
+			let label = allAuthors[0];
+			if (allAuthors.length > 1) label = `${label} + ${allAuthors.length - 1}`;
 			return {
 				size: allAuthors.length,
-				label: label$1
+				label
 			};
 		});
 		const versionName = computed(() => {
@@ -85,19 +85,40 @@ var WorkflowHistoryListItem_vue_vue_type_script_setup_true_lang_default = /* @__
 			if (!lastPublishedByUser) return null;
 			return lastPublishedByUser;
 		});
-		const publishedAt = computed(() => {
-			if (!lastPublishInfo.value) return null;
-			const { date, time } = formatTimestamp(lastPublishInfo.value.createdAt);
-			return i18n.baseText("workflowHistory.item.createdAt", { interpolate: {
-				date,
-				time
-			} });
+		const versionPublishInfo = computed(() => {
+			return getLastPublishedVersion(props.item.workflowPublishHistory);
 		});
-		const publishedByUserName = computed(() => {
-			const userId = lastPublishInfo.value?.userId;
+		const getPublishedUserName = (userId) => {
 			if (!userId) return null;
 			const user = usersStore.usersById[userId];
 			return user?.fullName ?? user?.email ?? null;
+		};
+		const mainTooltipContent = computed(() => {
+			if (props.isGrouped) return null;
+			if (props.isVersionActive) return i18n.baseText("workflowHistory.item.publishedBy");
+			if (props.index === 0 && !props.isVersionActive) return i18n.baseText("workflowHistory.item.currentChanges");
+			if (versionPublishInfo.value) return `${i18n.baseText("workflowHistory.item.publishedBy")}`;
+			return formattedCreatedAt.value;
+		});
+		const mainTooltipDate = computed(() => {
+			if (props.isGrouped) return null;
+			if (props.isVersionActive && lastPublishInfo.value) return lastPublishInfo.value.createdAt;
+			if (versionPublishInfo.value) return versionPublishInfo.value.createdAt;
+			return null;
+		});
+		const mainTooltipUser = computed(() => {
+			if (props.isGrouped) return null;
+			if (props.isVersionActive && lastPublishInfo.value) return getPublishedUserName(lastPublishInfo.value.userId);
+			if (versionPublishInfo.value) return getPublishedUserName(versionPublishInfo.value.userId);
+			return null;
+		});
+		const mainTooltipFormattedDate = computed(() => {
+			if (!mainTooltipDate.value) return null;
+			const { date, time } = formatTimestamp(mainTooltipDate.value);
+			return i18n.baseText("workflowHistory.item.createdAt", { interpolate: {
+				date,
+				time
+			} });
 		});
 		const onAction = (value) => {
 			emit("action", {
@@ -128,146 +149,139 @@ var WorkflowHistoryListItem_vue_vue_type_script_setup_true_lang_default = /* @__
 			checkAuthorTruncation();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("li", {
-				ref_key: "itemElement",
-				ref: itemElement,
-				"data-test-id": "workflow-history-list-item",
-				role: "button",
-				class: normalizeClass({
-					[_ctx.$style.item]: true,
-					[_ctx.$style.selected]: props.isSelected,
-					[_ctx.$style.actionsVisible]: actionsVisible.value,
-					[_ctx.$style.grouped]: props.isGrouped
-				}),
-				onClick: onItemClick
-			}, [createBaseVNode("span", { class: normalizeClass(_ctx.$style.timelineColumn) }, [!props.isGrouped ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [props.isVersionActive ? (openBlock(), createBlock(unref(N8nIcon_default), {
-				key: 0,
-				size: "large",
-				icon: "circle-check",
-				color: "success"
-			})) : (openBlock(), createElementBlock("span", {
-				key: 1,
-				class: normalizeClass(_ctx.$style.timelineMarker)
-			}, null, 2))], 64)) : (openBlock(), createElementBlock("span", {
-				key: 1,
-				class: normalizeClass(_ctx.$style.timelineLine)
-			}, null, 2))], 2), createBaseVNode("div", { class: normalizeClass(_ctx.$style.wrapper) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [versionName.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.mainRow) }, [createVNode(unref(N8nText_default), {
-				size: "small",
-				bold: true,
-				color: "text-dark",
-				class: normalizeClass(_ctx.$style.mainLine)
+			return openBlock(), createBlock(unref(N8nTooltip_default), {
+				placement: "left",
+				disabled: !mainTooltipContent.value,
+				"show-after": 300
 			}, {
-				default: withCtx(() => [createTextVNode(toDisplayString(versionName.value), 1)]),
-				_: 1
-			}, 8, ["class"]), props.isVersionActive ? (openBlock(), createBlock(unref(N8nTooltip_default), {
-				key: 0,
-				placement: "top",
-				disabled: !publishedAt.value
-			}, {
-				content: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.tooltipContent) }, [createVNode(unref(N8nText_default), { size: "small" }, {
-					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("workflowHistory.item.publishedAtLabel")) + " " + toDisplayString(publishedAt.value), 1)]),
-					_: 1
-				}), publishedByUserName.value ? (openBlock(), createBlock(unref(N8nText_default), {
+				content: withCtx(() => [props.index === 0 && !props.isVersionActive ? (openBlock(), createElementBlock("div", _hoisted_1$2, toDisplayString(mainTooltipContent.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_2$1, [
+					createTextVNode(toDisplayString(mainTooltipContent.value) + " ", 1),
+					mainTooltipUser.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(mainTooltipUser.value), 1)], 64)) : createCommentVNode("", true),
+					mainTooltipFormattedDate.value ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(", " + mainTooltipFormattedDate.value), 1)) : createCommentVNode("", true)
+				]))]),
+				default: withCtx(() => [createBaseVNode("li", {
+					ref_key: "itemElement",
+					ref: itemElement,
+					"data-test-id": "workflow-history-list-item",
+					role: "button",
+					class: normalizeClass({
+						[_ctx.$style.item]: true,
+						[_ctx.$style.selected]: props.isSelected,
+						[_ctx.$style.actionsVisible]: actionsVisible.value,
+						[_ctx.$style.grouped]: props.isGrouped
+					}),
+					onClick: onItemClick
+				}, [createBaseVNode("span", { class: normalizeClass(_ctx.$style.timelineColumn) }, [!props.isGrouped ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [props.isVersionActive ? (openBlock(), createElementBlock("span", {
 					key: 0,
-					size: "small"
+					class: normalizeClass([_ctx.$style.timelineDot, _ctx.$style.timelineDotPublished])
+				}, null, 2)) : props.index === 0 && !props.isVersionActive ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass([_ctx.$style.timelineDot, _ctx.$style.timelineDotLatest])
+				}, null, 2)) : (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass([_ctx.$style.timelineDot, _ctx.$style.timelineDotDefault])
+				}, null, 2))], 64)) : (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(_ctx.$style.timelineLine)
+				}, null, 2))], 2), createBaseVNode("div", { class: normalizeClass(_ctx.$style.wrapper) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [versionName.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.mainRow) }, [createVNode(unref(N8nText_default), {
+					size: "small",
+					bold: true,
+					color: "text-dark",
+					class: normalizeClass(_ctx.$style.mainLine)
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(publishedByUserName.value), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(versionName.value), 1)]),
 					_: 1
-				})) : createCommentVNode("", true)], 2)]),
-				default: withCtx(() => [createVNode(unref(N8nBadge_default), {
-					size: "xsmall",
-					class: normalizeClass(_ctx.$style.publishedBadge),
-					"show-border": false
+				}, 8, ["class"])], 2), createBaseVNode("div", { class: normalizeClass(_ctx.$style.metaRow) }, [createVNode(unref(N8nTooltip_default), {
+					placement: "right-end",
+					disabled: !isAuthorElementTruncated.value,
+					"show-after": 300
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("workflowHistory.item.active")), 1)]),
+					content: withCtx(() => [createTextVNode(toDisplayString(props.item.authors), 1)]),
+					default: withCtx(() => [createVNode(unref(N8nText_default), {
+						ref_key: "authorElement",
+						ref: authorElement,
+						size: "small",
+						color: "text-base",
+						class: normalizeClass(_ctx.$style.metaItem)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(authors.value.label) + ", ", 1)]),
+						_: 1
+					}, 8, ["class"])]),
 					_: 1
-				}, 8, ["class"])]),
-				_: 1
-			}, 8, ["disabled"])) : createCommentVNode("", true)], 2), createBaseVNode("div", { class: normalizeClass(_ctx.$style.metaRow) }, [createVNode(unref(N8nTooltip_default), {
-				placement: "right-end",
-				disabled: !isAuthorElementTruncated.value
-			}, {
-				content: withCtx(() => [createTextVNode(toDisplayString(props.item.authors), 1)]),
-				default: withCtx(() => [createVNode(unref(N8nText_default), {
-					ref_key: "authorElement",
-					ref: authorElement,
+				}, 8, ["disabled"]), createVNode(unref(N8nText_default), {
+					tag: "time",
 					size: "small",
 					color: "text-base",
 					class: normalizeClass(_ctx.$style.metaItem)
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(authors.value.label) + ", ", 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(formattedCreatedAt.value), 1)]),
 					_: 1
-				}, 8, ["class"])]),
-				_: 1
-			}, 8, ["disabled"]), createVNode(unref(N8nText_default), {
-				tag: "time",
-				size: "small",
-				color: "text-base",
-				class: normalizeClass(_ctx.$style.metaItem)
-			}, {
-				default: withCtx(() => [createTextVNode(toDisplayString(formattedCreatedAt.value), 1)]),
-				_: 1
-			}, 8, ["class"])], 2)], 64)) : (openBlock(), createElementBlock("div", {
-				key: 1,
-				class: normalizeClass(_ctx.$style.unnamedRow)
-			}, [createVNode(unref(N8nTooltip_default), {
-				placement: "right-end",
-				disabled: !isAuthorElementTruncated.value
-			}, {
-				content: withCtx(() => [createTextVNode(toDisplayString(props.item.authors), 1)]),
-				default: withCtx(() => [createVNode(unref(N8nText_default), {
-					ref_key: "authorElement",
-					ref: authorElement,
+				}, 8, ["class"])], 2)], 64)) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(_ctx.$style.unnamedRow)
+				}, [createVNode(unref(N8nTooltip_default), {
+					placement: "right-end",
+					disabled: !isAuthorElementTruncated.value
+				}, {
+					content: withCtx(() => [createTextVNode(toDisplayString(props.item.authors), 1)]),
+					default: withCtx(() => [createVNode(unref(N8nText_default), {
+						ref_key: "authorElement",
+						ref: authorElement,
+						size: "small",
+						color: "text-base",
+						class: normalizeClass(_ctx.$style.unnamedAuthor)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(authors.value.label) + ", ", 1)]),
+						_: 1
+					}, 8, ["class"])]),
+					_: 1
+				}, 8, ["disabled"]), createVNode(unref(N8nText_default), {
+					tag: "time",
 					size: "small",
 					color: "text-base",
-					class: normalizeClass(_ctx.$style.unnamedAuthor)
+					class: normalizeClass(_ctx.$style.unnamedTime)
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(authors.value.label) + ", ", 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(formattedCreatedAt.value), 1)]),
 					_: 1
-				}, 8, ["class"])]),
-				_: 1
-			}, 8, ["disabled"]), createVNode(unref(N8nText_default), {
-				tag: "time",
-				size: "small",
-				color: "text-base",
-				class: normalizeClass(_ctx.$style.unnamedTime)
-			}, {
-				default: withCtx(() => [createTextVNode(toDisplayString(formattedCreatedAt.value), 1)]),
+				}, 8, ["class"])], 2))], 2), createVNode(unref(N8nActionToggle_default), {
+					class: normalizeClass(_ctx.$style.actions),
+					actions: props.actions,
+					placement: "bottom-end",
+					onAction,
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+					onVisibleChange
+				}, null, 8, ["class", "actions"])], 2)], 2)]),
 				_: 1
-			}, 8, ["class"])], 2))], 2), createVNode(unref(N8nActionToggle_default), {
-				class: normalizeClass(_ctx.$style.actions),
-				actions: props.actions,
-				placement: "bottom-end",
-				onAction,
-				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
-				onVisibleChange
-			}, null, 8, ["class", "actions"])], 2)], 2);
+			}, 8, ["disabled"]);
 		};
 	}
 });
 var WorkflowHistoryListItem_vue_vue_type_style_index_0_lang_module_default = {
-	item: "_item_18356_123",
-	grouped: "_grouped_18356_134",
-	selected: "_selected_18356_134",
-	wrapper: "_wrapper_18356_152",
-	timelineColumn: "_timelineColumn_18356_165",
-	timelineMarker: "_timelineMarker_18356_176",
-	timelineLine: "_timelineLine_18356_184",
-	content: "_content_18356_192",
-	mainRow: "_mainRow_18356_200",
-	mainLine: "_mainLine_18356_206",
-	metaRow: "_metaRow_18356_212",
-	metaItem: "_metaItem_18356_219",
-	unnamedRow: "_unnamedRow_18356_226",
-	unnamedAuthor: "_unnamedAuthor_18356_231",
-	unnamedTime: "_unnamedTime_18356_238",
-	actions: "_actions_18356_242",
-	publishedBadge: "_publishedBadge_18356_247",
-	tooltipContent: "_tooltipContent_18356_252"
+	item: "_item_n32qi_123",
+	grouped: "_grouped_n32qi_134",
+	selected: "_selected_n32qi_134",
+	wrapper: "_wrapper_n32qi_152",
+	timelineColumn: "_timelineColumn_n32qi_166",
+	timelineDot: "_timelineDot_n32qi_177",
+	timelineDotPublished: "_timelineDotPublished_n32qi_184",
+	timelineDotLatest: "_timelineDotLatest_n32qi_188",
+	timelineDotDefault: "_timelineDotDefault_n32qi_192",
+	timelineLine: "_timelineLine_n32qi_197",
+	content: "_content_n32qi_205",
+	mainRow: "_mainRow_n32qi_213",
+	mainLine: "_mainLine_n32qi_219",
+	metaRow: "_metaRow_n32qi_225",
+	metaItem: "_metaItem_n32qi_232",
+	unnamedRow: "_unnamedRow_n32qi_239",
+	unnamedAuthor: "_unnamedAuthor_n32qi_244",
+	unnamedTime: "_unnamedTime_n32qi_251",
+	actions: "_actions_n32qi_256",
+	publishedBadge: "_publishedBadge_n32qi_261"
 };
 var WorkflowHistoryListItem_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowHistoryListItem_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowHistoryListItem_vue_vue_type_style_index_0_lang_module_default }]]);
-var _hoisted_1$2 = ["aria-expanded", "onClick"];
-var _hoisted_2$1 = ["aria-label"];
+var _hoisted_1$1 = ["aria-expanded", "onClick"];
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = { "data-test-id": "prune-time-display" };
 var WorkflowHistoryList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowHistoryList",
 	props: {
@@ -276,7 +290,7 @@ var WorkflowHistoryList_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 		actions: {},
 		requestNumberOfItems: {},
 		lastReceivedItemsLength: {},
-		evaluatedPruneDays: {},
+		evaluatedPruneTimeInHours: {},
 		shouldUpgrade: { type: Boolean },
 		isListLoading: { type: Boolean },
 		activeVersionId: {}
@@ -352,6 +366,17 @@ var WorkflowHistoryList_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 				});
 			}
 		};
+		const pruneTimeDisplay = computed(() => {
+			const timeInHours = props.evaluatedPruneTimeInHours;
+			if (timeInHours < 24) {
+				const key = timeInHours === 1 ? "workflowHistory.limitHour" : "workflowHistory.limitHours";
+				return i18n.baseText(key, { interpolate: { hours: String(timeInHours) } });
+			} else {
+				const days = Math.round(timeInHours / 24);
+				const key = days === 1 ? "workflowHistory.limitDay" : "workflowHistory.limitDays";
+				return i18n.baseText(key, { interpolate: { days: String(days) } });
+			}
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("ul", {
 				ref_key: "listElement",
@@ -381,7 +406,7 @@ var WorkflowHistoryList_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 								interpolate: { count: String(entry.count) }
 							})), 1)]),
 							_: 2
-						}, 1024)], 10, _hoisted_1$2)) : createCommentVNode("", true),
+						}, 1024)], 10, _hoisted_1$1)) : createCommentVNode("", true),
 						entry.type === "group-header" && expandedGroups.has(entry.groupId) ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(entry.versions, (versionEntry) => {
 							return openBlock(), createBlock(WorkflowHistoryListItem_default, {
 								key: versionEntry.item.versionId,
@@ -448,11 +473,11 @@ var WorkflowHistoryList_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 						rows: 3,
 						class: "mb-xs"
 					})
-				], 10, _hoisted_2$1)) : createCommentVNode("", true),
+				], 10, _hoisted_2)) : createCommentVNode("", true),
 				props.shouldUpgrade ? (openBlock(), createElementBlock("li", {
 					key: 2,
 					class: normalizeClass(_ctx.$style.retention)
-				}, [createBaseVNode("span", null, toDisplayString(unref(i18n).baseText("workflowHistory.limit", { interpolate: { days: String(props.evaluatedPruneDays) } })), 1), createVNode(unref(I18nT), {
+				}, [createBaseVNode("span", _hoisted_3, toDisplayString(pruneTimeDisplay.value), 1), createVNode(unref(I18nT), {
 					keypath: "workflowHistory.upgrade",
 					tag: "span",
 					scope: "global"
@@ -477,8 +502,6 @@ var WorkflowHistoryList_vue_vue_type_style_index_0_lang_module_default = {
 	groupChevron: "_groupChevron_1dkdi_172"
 };
 var WorkflowHistoryList_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowHistoryList_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowHistoryList_vue_vue_type_style_index_0_lang_module_default }]]);
-var _hoisted_1$1 = ["datetime"];
-var _hoisted_2 = ["value"];
 var MAX_DESCRIPTION_LENGTH = 200;
 var WorkflowHistoryContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowHistoryContent",
@@ -495,10 +518,9 @@ var WorkflowHistoryContent_vue_vue_type_script_setup_true_lang_default = /* @__P
 		const i18n = useI18n();
 		const props = __props;
 		const emit = __emit;
-		const isDraftPublishEnabled = true;
 		const workflowVersionPreview = computed(() => {
 			if (!props.workflowVersion || !props.workflow) return;
-			const { pinData,...workflow } = props.workflow;
+			const { pinData, ...workflow } = props.workflow;
 			return {
 				...workflow,
 				nodes: props.workflowVersion.nodes,
@@ -558,10 +580,7 @@ var WorkflowHistoryContent_vue_vue_type_script_setup_true_lang_default = /* @__P
 			}, null, 8, ["workflow", "loading"])) : createCommentVNode("", true), props.workflowVersion ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: normalizeClass(_ctx.$style.info)
-			}, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.card) }, [unref(isDraftPublishEnabled) ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(_ctx.$style.descriptionBox)
-			}, [versionNameDisplay.value ? (openBlock(), createBlock(unref(N8nTooltip_default), {
+			}, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.card) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.descriptionBox) }, [versionNameDisplay.value ? (openBlock(), createBlock(unref(N8nTooltip_default), {
 				key: 0,
 				content: versionNameDisplay.value
 			}, {
@@ -588,14 +607,7 @@ var WorkflowHistoryContent_vue_vue_type_script_setup_true_lang_default = /* @__P
 					_: 1
 				})) : createCommentVNode("", true)]),
 				_: 1
-			})) : createCommentVNode("", true)], 2)) : (openBlock(), createElementBlock("section", {
-				key: 1,
-				class: normalizeClass(_ctx.$style.textOld)
-			}, [
-				createBaseVNode("p", null, [createBaseVNode("span", { class: normalizeClass(_ctx.$style.label) }, toDisplayString(unref(i18n).baseText("workflowHistory.content.title")) + ": ", 3), createBaseVNode("time", { datetime: props.workflowVersion.createdAt }, toDisplayString(formattedCreatedAt.value), 9, _hoisted_1$1)]),
-				createBaseVNode("p", null, [createBaseVNode("span", { class: normalizeClass(_ctx.$style.label) }, toDisplayString(unref(i18n).baseText("workflowHistory.content.editedBy")) + ": ", 3), createBaseVNode("span", null, toDisplayString(props.workflowVersion.authors), 1)]),
-				createBaseVNode("p", null, [createBaseVNode("span", { class: normalizeClass(_ctx.$style.label) }, toDisplayString(unref(i18n).baseText("workflowHistory.content.versionId")) + ": ", 3), createBaseVNode("data", { value: props.workflowVersion.versionId }, toDisplayString(props.workflowVersion.versionId), 9, _hoisted_2)])
-			], 2)), createVNode(unref(N8nActionToggle_default), {
+			})) : createCommentVNode("", true)], 2), createVNode(unref(N8nActionToggle_default), {
 				class: normalizeClass(_ctx.$style.actions),
 				actions: actions$2.value,
 				placement: "bottom-end",
@@ -620,23 +632,15 @@ var WorkflowHistoryContent_vue_vue_type_script_setup_true_lang_default = /* @__P
 	}
 });
 var WorkflowHistoryContent_vue_vue_type_style_index_0_lang_module_default = {
-	content: "_content_1m14m_123",
-	info: "_info_1m14m_133",
-	card: "_card_1m14m_141",
-	descriptionBox: "_descriptionBox_1m14m_148",
-	mainLine: "_mainLine_1m14m_160",
-	textOld: "_textOld_1m14m_167",
-	label: "_label_1m14m_202",
-	actions: "_actions_1m14m_207"
+	content: "_content_103eo_123",
+	info: "_info_103eo_133",
+	card: "_card_103eo_141",
+	descriptionBox: "_descriptionBox_103eo_148",
+	mainLine: "_mainLine_103eo_160",
+	actions: "_actions_103eo_167"
 };
 var WorkflowHistoryContent_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowHistoryContent_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowHistoryContent_vue_vue_type_style_index_0_lang_module_default }]]);
 var _hoisted_1 = { key: 0 };
-var WorkflowHistoryVersionRestoreModalActions = /* @__PURE__ */ function(WorkflowHistoryVersionRestoreModalActions$1) {
-	WorkflowHistoryVersionRestoreModalActions$1["restore"] = "restore";
-	WorkflowHistoryVersionRestoreModalActions$1["deactivateAndRestore"] = "deactivateAndRestore";
-	WorkflowHistoryVersionRestoreModalActions$1["cancel"] = "cancel";
-	return WorkflowHistoryVersionRestoreModalActions$1;
-}(WorkflowHistoryVersionRestoreModalActions || {});
 var WorkflowHistory_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowHistory",
 	setup(__props) {
@@ -684,7 +688,6 @@ var WorkflowHistory_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			value
 		})));
 		const isFirstItemShown = computed(() => workflowHistory.value[0]?.versionId === versionId.value);
-		const evaluatedPruneDays = computed(() => Math.floor(workflowHistoryStore.evaluatedPruneTime / 24));
 		const sendTelemetry = (event) => {
 			telemetry.track(event, {
 				instance_id: useRootStore().instanceId,
@@ -745,11 +748,9 @@ var WorkflowHistory_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				duration: 1e4
 			});
 		};
-		const restoreWorkflowVersion = async (id, data) => {
-			const workflow = await workflowsStore.fetchWorkflow(workflowId.value);
-			let deactivateAndRestore = false;
-			const versionIdBeforeRestore = workflow.versionId;
-			activeWorkflow.value = await workflowHistoryStore.restoreWorkflow(workflowId.value, id, deactivateAndRestore);
+		const restoreWorkflowVersion = async (id) => {
+			const versionIdBeforeRestore = (await workflowsStore.fetchWorkflow(workflowId.value)).versionId;
+			activeWorkflow.value = await workflowHistoryStore.restoreWorkflow(workflowId.value, id);
 			if (activeWorkflow.value.versionId === versionIdBeforeRestore) {
 				toast.showMessage({
 					title: i18n.baseText("workflowHistory.action.restore.alreadyRestored"),
@@ -831,7 +832,7 @@ var WorkflowHistory_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 						sendTelemetry("User cloned version");
 						break;
 					case WORKFLOW_HISTORY_ACTIONS.RESTORE:
-						await restoreWorkflowVersion(id, data);
+						await restoreWorkflowVersion(id);
 						sendTelemetry("User restored version");
 						break;
 					case WORKFLOW_HISTORY_ACTIONS.PUBLISH:
@@ -921,7 +922,7 @@ var WorkflowHistory_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					actions: actions$2.value,
 					"request-number-of-items": requestNumberOfItems.value,
 					"should-upgrade": unref(workflowHistoryStore).shouldUpgrade,
-					"evaluated-prune-days": evaluatedPruneDays.value,
+					"evaluated-prune-time-in-hours": unref(workflowHistoryStore).evaluatedPruneTime,
 					"is-list-loading": isListLoading.value,
 					"active-version-id": workflowActiveVersionId.value,
 					onAction,
@@ -935,7 +936,7 @@ var WorkflowHistory_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					"actions",
 					"request-number-of-items",
 					"should-upgrade",
-					"evaluated-prune-days",
+					"evaluated-prune-time-in-hours",
 					"is-list-loading",
 					"active-version-id"
 				])) : createCommentVNode("", true)], 2),