n8n-editor-ui 1.118.1 → 1.119.1

package/dist/assets/{WorkflowExecutionsView-FCkyyfKq.js → WorkflowExecutionsView-CK-2WqY7.js}

@@ -1,45 +1,46 @@
 import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, J as onBeforeUnmount, M as createVNode, P as defineComponent, Sn as toDisplayString, T as createBlock, Z as onMounted, _ as Fragment, _n as normalizeClass, _t as watch, bt as withCtx, et as openBlock, it as renderList, j as createTextVNode, ot as resolveComponent, r as TransitionGroup, w as createBaseVNode } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { gt as useI18n } from "./_MapCache-BGBKpT5S.js";
-import { Fn as N8nText_default, Ln as N8nSpinner_default, Nn as N8nHeading_default, Rn as N8nIcon_default, et as N8nLoading_default, h as N8nTags_default, ht as N8nTooltip_default, tt as N8nActionDropdown_default, zt as ElCheckbox } from "./src-Cl0xZtCE.js";
+import { gt as useI18n } from "./_MapCache-Byd-DTfo.js";
+import { In as N8nText_default, Pn as N8nHeading_default, Rn as N8nSpinner_default, Vt as ElCheckbox, et as N8nLoading_default, h as N8nTags_default, tt as N8nActionDropdown_default, vt as N8nTooltip_default, zn as N8nIcon_default } from "./src-D6S9Khji.js";
 import "./en-BYTsM8fR.js";
 import "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { b as useRouter, v as onBeforeRouteLeave, y as useRoute } from "./truncate-Dc79aML5.js";
-import "./icon-C8yfF1LY.js";
-import "./date-picker-YLC0sjSf.js";
-import "./overlay-DeoWJ8oB.js";
+import { b as useRouter, v as onBeforeRouteLeave, y as useRoute } from "./truncate-DGRsht-H.js";
+import "./icon-DhADuA9N.js";
+import "./date-picker-CVSd-BRt.js";
+import "./overlay-B8MMvNgs.js";
 import "./empty-BuGRxzl4.js";
-import "./useMessage-CVZHrsoz.js";
-import { An as useProjectsStore, X as executionRetryMessage, ic as NO_NETWORK_ERROR_CODE, o as useWorkflowsStore, or as isComponentPublicInstance, rt as useNodeTypesStore, t as useTelemetry, x as getNodeViewTab, zo as useSettingsStore } from "./useTelemetry-BxbCYDca.js";
-import { t as useToast } from "./useToast-CKD06lpn.js";
+import "./useMessage-Ceo97RRX.js";
+import { En as useProjectsStore, Ro as useSettingsStore, X as executionRetryMessage, ac as NO_NETWORK_ERROR_CODE, nr as isComponentPublicInstance, o as useWorkflowsStore, rt as useNodeTypesStore, t as useTelemetry, x as getNodeViewTab } from "./useTelemetry-EOV0Llso.js";
+import { t as useToast } from "./useToast-BlMNYwds.js";
 import "./sanitize-html-BuXr7o4T.js";
 import "./path-browserify-DsmB_HMK.js";
-import { Fs as EnterpriseEditionFeature, co as VIEWS, hr as getResourcePermissions, o as NEW_WORKFLOW_ID, s as PLACEHOLDER_EMPTY_WORKFLOW_ID, so as MAIN_HEADER_TABS } from "./constants-B1JYxPAR.js";
-import "./merge-Db6rb1_m.js";
+import { Bs as EnterpriseEditionFeature, _r as getResourcePermissions, mo as VIEWS, o as NEW_WORKFLOW_ID, po as MAIN_HEADER_TABS, s as PLACEHOLDER_EMPTY_WORKFLOW_ID } from "./constants-DvlTm3U4.js";
+import "./merge-CKEa8BM2.js";
 import "./dateformat-D7TIhVd4.js";
-import { t as useDebounce } from "./useDebounce-BRhQZVIC.js";
-import "./useExternalHooks-ChElZw8W.js";
-import "./npsSurvey.store-DTTUiGq9.js";
-import "./cloudPlan.store-x1IpiElw.js";
-import "./templates.store-pF0jvUy0.js";
-import "./focusPanel.store-Pqc2v-Ms.js";
-import { t as useWorkflowSaving } from "./useWorkflowSaving-DOwP3C1n.js";
-import { t as useExecutionsStore } from "./executions.store-DmR1JjSC.js";
-import "./usePinnedData-_-i0LUdd.js";
-import "./nodeCreator.store-DDUlc1Wi.js";
-import "./nodeIcon-CyGsA5TL.js";
-import "./useClipboard-BPg-srt1.js";
-import { t as useCanvasOperations } from "./useCanvasOperations-BxV5Dc21.js";
-import "./folders.store-x8KuYpUo.js";
-import "./versions.store-DyddKRXT.js";
-import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-Cn-LYQLi.js";
-import { a as toTime, i as toDayMonth } from "./dateFormatter-jkly8a5N.js";
-import { t as useExecutionHelpers } from "./useExecutionHelpers-5AFgT_t7.js";
-import "./TagsDropdown-B9w42ULo.js";
-import "./WorkflowTagsDropdown-C4m2b8q6.js";
-import { t as WorkflowExecutionsInfoAccordion_default } from "./WorkflowExecutionsInfoAccordion-JHl30LoQ.js";
-import "./AnnotationTagsDropdown.ee-DV_Mobmt.js";
-import { n as ExecutionsFilter_default, r as ConcurrentExecutionsHeader_default, t as ExecutionsTime_default } from "./ExecutionsTime-DQ0lKlTn.js";
+import { t as useDebounce } from "./useDebounce-BgcdaJ78.js";
+import "./useExternalHooks-SxBXYVNW.js";
+import "./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 { t as useExecutionsStore } from "./executions.store-IU9p1s46.js";
+import "./usePinnedData-Csij2qN3.js";
+import "./nodeCreator.store-DHz0Nc1Y.js";
+import "./nodeIcon-ry_JIpAT.js";
+import "./useClipboard-fRnZpGbX.js";
+import { t as useCanvasOperations } from "./useCanvasOperations-CFsSFVcO.js";
+import "./folders.store-Db975T-w.js";
+import "./versions.store-Dx98n6R_.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-C_ctyI4O.js";
+import { a as toTime, i as toDayMonth } from "./dateFormatter-BD73Za8B.js";
+import { t as useExecutionHelpers } from "./useExecutionHelpers-DrFWi6u7.js";
+import "./TagsDropdown-D6CYk5R8.js";
+import "./WorkflowTagsDropdown-CdEFZM1A.js";
+import { t as WorkflowExecutionsInfoAccordion_default } from "./WorkflowExecutionsInfoAccordion-DL5cBkbK.js";
+import "./AnnotationTagsDropdown.ee-B5SGfmxY.js";
+import { n as ExecutionsFilter_default, r as ConcurrentExecutionsHeader_default, t as ExecutionsTime_default } from "./ExecutionsTime-DwXL-TY4.js";
+import { t as useIntersectionObserver } from "./useIntersectionObserver-BkAtQAzK.js";
 var _hoisted_1$1 = { key: 2 };
 var WorkflowExecutionsCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowExecutionsCard",
@@ -135,7 +136,7 @@ var WorkflowExecutionsCard_vue_vue_type_script_setup_true_lang_default = /* @__P
 							_: 1
 						}, 8, ["class"]),
 						_cache[0] || (_cache[0] = createTextVNode(" " + toDisplayString(" ") + " ")),
-						executionUIDetails.value.name === "running" ? (openBlock(), createBlock(unref(N8nText_default), {
+						executionUIDetails.value.name === "running" && !_ctx.execution.stoppedAt ? (openBlock(), createBlock(unref(N8nText_default), {
 							key: 1,
 							color: isActive.value ? "text-dark" : "text-base",
 							size: "small",
@@ -232,32 +233,32 @@ var WorkflowExecutionsCard_vue_vue_type_script_setup_true_lang_default = /* @__P
 		};
 	}
 });
-const WorkflowExecutionsCard = "_WorkflowExecutionsCard_1dzfo_123";
-const active = "_active_1dzfo_130";
-const executionStatus = "_executionStatus_1dzfo_133";
-const executionLink = "_executionLink_1dzfo_136";
-const spinner = "_spinner_1dzfo_139";
-const running = "_running_1dzfo_139";
-const statusLabel = "_statusLabel_1dzfo_146";
-const success = "_success_1dzfo_151";
-const waiting = "_waiting_1dzfo_160";
-const error = "_error_1dzfo_166";
-const unknown = "_unknown_1dzfo_172";
-const annotation = "_annotation_1dzfo_175";
-const ratingIcon = "_ratingIcon_1dzfo_182";
-const up = "_up_1dzfo_182";
-const down = "_down_1dzfo_185";
-const icon = "_icon_1dzfo_202";
-const icons = "_icons_1dzfo_207";
-const retry = "_retry_1dzfo_215";
-const manual = "_manual_1dzfo_218";
-const showGap = "_showGap_1dzfo_226";
+const WorkflowExecutionsCard = "_WorkflowExecutionsCard_19371_123";
+const active = "_active_19371_130";
+const executionStatus = "_executionStatus_19371_133";
+const executionLink = "_executionLink_19371_136";
+const spinner = "_spinner_19371_139";
+const running = "_running_19371_139";
+const statusLabel = "_statusLabel_19371_146";
+const success = "_success_19371_151";
+const waiting = "_waiting_19371_160";
+const error = "_error_19371_166";
+const unknown = "_unknown_19371_172";
+const annotation = "_annotation_19371_175";
+const ratingIcon = "_ratingIcon_19371_182";
+const up = "_up_19371_182";
+const down = "_down_19371_185";
+const icon = "_icon_19371_202";
+const icons = "_icons_19371_207";
+const retry = "_retry_19371_215";
+const manual = "_manual_19371_218";
+const showGap = "_showGap_19371_226";
 var WorkflowExecutionsCard_vue_vue_type_style_index_0_lang_module_default = {
 	WorkflowExecutionsCard,
 	active,
 	executionStatus,
 	executionLink,
-	"new": "_new_1dzfo_139",
+	"new": "_new_19371_139",
 	spinner,
 	running,
 	statusLabel,
@@ -308,7 +309,6 @@ var WorkflowExecutionsSidebar_vue_vue_type_script_setup_true_lang_default = /* @
 		const executionsStore = useExecutionsStore();
 		const settingsStore = useSettingsStore();
 		const pageRedirectionHelper = usePageRedirectionHelper();
-		const mountedItems = ref([]);
 		const autoScrollDeps = ref({
 			activeExecutionSet: false,
 			cardsMounted: false,
@@ -317,6 +317,11 @@ var WorkflowExecutionsSidebar_vue_vue_type_script_setup_true_lang_default = /* @
 		const currentWorkflowExecutionsCardRefs = ref({});
 		const sidebarContainerRef = ref(null);
 		const executionListRef = ref(null);
+		const { observe: observeForLoadMore } = useIntersectionObserver({
+			root: executionListRef,
+			threshold: .01,
+			onIntersect: () => emit("loadMore", 20)
+		});
 		const workflowPermissions = computed(() => getResourcePermissions(props.workflow?.scopes).workflow);
 		const showConcurrencyHeader = computed(() => settingsStore.isConcurrencyEnabled && !settingsStore.isQueueModeEnabled);
 		watch(() => route, (to, from) => {
@@ -332,12 +337,15 @@ var WorkflowExecutionsSidebar_vue_vue_type_script_setup_true_lang_default = /* @
 			if (comp && isComponentPublicInstance(comp) && id) currentWorkflowExecutionsCardRefs.value[id] = comp;
 		}
 		function onItemMounted(id) {
-			mountedItems.value.push(id);
-			if (mountedItems.value.length === props.executions.length) {
+			const index = props.executions.findIndex((execution) => execution.id === id);
+			if (executionsStore.activeExecution?.id === id) {
+				autoScrollDeps.value.activeExecutionSet = true;
 				autoScrollDeps.value.cardsMounted = true;
-				checkListSize();
 			}
-			if (executionsStore.activeExecution?.id === id) autoScrollDeps.value.activeExecutionSet = true;
+			if (index === props.executions.length - 1 && !props.loading && !props.loadingMore) {
+				const cardElement = currentWorkflowExecutionsCardRefs.value[id]?.$el;
+				observeForLoadMore(cardElement);
+			}
 		}
 		function loadMore(limit = 20) {
 			if (!props.loading) {
@@ -352,21 +360,13 @@ var WorkflowExecutionsSidebar_vue_vue_type_script_setup_true_lang_default = /* @
 		}
 		function onFilterChanged(filter) {
 			autoScrollDeps.value.activeExecutionSet = false;
+			autoScrollDeps.value.cardsMounted = false;
 			autoScrollDeps.value.scroll = true;
-			mountedItems.value = [];
 			emit("filterUpdated", filter);
 		}
 		function onAutoRefreshChange(enabled) {
 			emit("update:autoRefresh", typeof enabled === "boolean" ? enabled : Boolean(enabled));
 		}
-		function checkListSize() {
-			const cards = Object.values(currentWorkflowExecutionsCardRefs.value);
-			if (sidebarContainerRef.value && cards.length) {
-				const cardElement = cards[0].$el;
-				const listCapacity = Math.ceil(sidebarContainerRef.value.clientHeight / cardElement.clientHeight);
-				if (listCapacity > props.executions.length) emit("loadMore", listCapacity - props.executions.length);
-			}
-		}
 		function scrollToActiveCard() {
 			if (executionListRef.value && executionsStore.activeExecution && currentWorkflowExecutionsCardRefs.value[executionsStore.activeExecution.id]) {
 				const cardRect = currentWorkflowExecutionsCardRefs.value[executionsStore.activeExecution.id].$el.getBoundingClientRect();
@@ -488,7 +488,7 @@ var WorkflowExecutionsSidebar_vue_vue_type_style_index_0_lang_module_default = {
 	infoAccordion: "_infoAccordion_hrgxj_172",
 	noResultsContainer: "_noResultsContainer_hrgxj_185"
 };
-var WorkflowExecutionsSidebar_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowExecutionsSidebar_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowExecutionsSidebar_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-825b098a"]]);
+var WorkflowExecutionsSidebar_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowExecutionsSidebar_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowExecutionsSidebar_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-bb8454a7"]]);
 var WorkflowExecutionsList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowExecutionsList",
 	props: {

package/dist/assets/{WorkflowExecutionsView-9RB5OO5c.css → WorkflowExecutionsView-J4lWGYW8.css}

@@ -120,73 +120,73 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._WorkflowExecutionsCard_1dzfo_123 {
-  --execution-list-item-background: var(--execution-card--color--background);
-  --execution-list-item-highlight-background: var(--color--warning--tint-1);
+._WorkflowExecutionsCard_19371_123 {
+  --execution-list-item--color--background: var(--execution-card--color--background);
+  --execution-list-item--color--background--highlight: var(--color--warning--tint-1);
   display: flex;
   flex-direction: column;
   padding-right: var(--spacing--md);
 }
-._WorkflowExecutionsCard_1dzfo_123._active_1dzfo_130 {
+._WorkflowExecutionsCard_19371_123._active_19371_130 {
   border-left: var(--spacing--4xs) var(--border-style) transparent !important;
 }
-._WorkflowExecutionsCard_1dzfo_123._active_1dzfo_130 ._executionStatus_1dzfo_133 {
+._WorkflowExecutionsCard_19371_123._active_19371_130 ._executionStatus_19371_133 {
   color: var(--color--text--shade-1) !important;
 }
-._WorkflowExecutionsCard_1dzfo_123:hover ._executionLink_1dzfo_136, ._WorkflowExecutionsCard_1dzfo_123._active_1dzfo_130 ._executionLink_1dzfo_136 {
-  --execution-list-item-background: var(--execution-card--color--background--hover);
+._WorkflowExecutionsCard_19371_123:hover ._executionLink_19371_136, ._WorkflowExecutionsCard_19371_123._active_19371_130 ._executionLink_19371_136 {
+  --execution-list-item--color--background: var(--execution-card--color--background--hover);
 }
-._WorkflowExecutionsCard_1dzfo_123._new_1dzfo_139 ._spinner_1dzfo_139, ._WorkflowExecutionsCard_1dzfo_123._running_1dzfo_139 ._spinner_1dzfo_139 {
+._WorkflowExecutionsCard_19371_123._new_19371_139 ._spinner_19371_139, ._WorkflowExecutionsCard_19371_123._running_19371_139 ._spinner_19371_139 {
   position: relative;
   top: 1px;
 }
-._WorkflowExecutionsCard_1dzfo_123._new_1dzfo_139, ._WorkflowExecutionsCard_1dzfo_123._new_1dzfo_139 ._executionLink_1dzfo_136, ._WorkflowExecutionsCard_1dzfo_123._running_1dzfo_139, ._WorkflowExecutionsCard_1dzfo_123._running_1dzfo_139 ._executionLink_1dzfo_136 {
+._WorkflowExecutionsCard_19371_123._new_19371_139, ._WorkflowExecutionsCard_19371_123._new_19371_139 ._executionLink_19371_136, ._WorkflowExecutionsCard_19371_123._running_19371_139, ._WorkflowExecutionsCard_19371_123._running_19371_139 ._executionLink_19371_136 {
   border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--running);
 }
-._WorkflowExecutionsCard_1dzfo_123._new_1dzfo_139 ._statusLabel_1dzfo_146,
-._WorkflowExecutionsCard_1dzfo_123._new_1dzfo_139 ._spinner_1dzfo_139, ._WorkflowExecutionsCard_1dzfo_123._running_1dzfo_139 ._statusLabel_1dzfo_146,
-._WorkflowExecutionsCard_1dzfo_123._running_1dzfo_139 ._spinner_1dzfo_139 {
+._WorkflowExecutionsCard_19371_123._new_19371_139 ._statusLabel_19371_146,
+._WorkflowExecutionsCard_19371_123._new_19371_139 ._spinner_19371_139, ._WorkflowExecutionsCard_19371_123._running_19371_139 ._statusLabel_19371_146,
+._WorkflowExecutionsCard_19371_123._running_19371_139 ._spinner_19371_139 {
   color: var(--color--warning);
 }
-._WorkflowExecutionsCard_1dzfo_123._success_1dzfo_151, ._WorkflowExecutionsCard_1dzfo_123._success_1dzfo_151 ._executionLink_1dzfo_136 {
+._WorkflowExecutionsCard_19371_123._success_19371_151, ._WorkflowExecutionsCard_19371_123._success_19371_151 ._executionLink_19371_136 {
   border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--success);
 }
-._WorkflowExecutionsCard_1dzfo_123._new_1dzfo_139, ._WorkflowExecutionsCard_1dzfo_123._new_1dzfo_139 ._executionLink_1dzfo_136 {
+._WorkflowExecutionsCard_19371_123._new_19371_139, ._WorkflowExecutionsCard_19371_123._new_19371_139 ._executionLink_19371_136 {
   border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--waiting);
 }
-._WorkflowExecutionsCard_1dzfo_123._new_1dzfo_139 ._statusLabel_1dzfo_146 {
+._WorkflowExecutionsCard_19371_123._new_19371_139 ._statusLabel_19371_146 {
   color: var(--execution-card--color--text--waiting);
 }
-._WorkflowExecutionsCard_1dzfo_123._waiting_1dzfo_160, ._WorkflowExecutionsCard_1dzfo_123._waiting_1dzfo_160 ._executionLink_1dzfo_136 {
+._WorkflowExecutionsCard_19371_123._waiting_19371_160, ._WorkflowExecutionsCard_19371_123._waiting_19371_160 ._executionLink_19371_136 {
   border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--waiting);
 }
-._WorkflowExecutionsCard_1dzfo_123._waiting_1dzfo_160 ._statusLabel_1dzfo_146 {
+._WorkflowExecutionsCard_19371_123._waiting_19371_160 ._statusLabel_19371_146 {
   color: var(--color--secondary);
 }
-._WorkflowExecutionsCard_1dzfo_123._error_1dzfo_166, ._WorkflowExecutionsCard_1dzfo_123._error_1dzfo_166 ._executionLink_1dzfo_136 {
+._WorkflowExecutionsCard_19371_123._error_19371_166, ._WorkflowExecutionsCard_19371_123._error_19371_166 ._executionLink_19371_136 {
   border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--error);
 }
-._WorkflowExecutionsCard_1dzfo_123._error_1dzfo_166 ._statusLabel_1dzfo_146 {
+._WorkflowExecutionsCard_19371_123._error_19371_166 ._statusLabel_19371_146 {
   color: var(--color--danger);
 }
-._WorkflowExecutionsCard_1dzfo_123._unknown_1dzfo_172, ._WorkflowExecutionsCard_1dzfo_123._unknown_1dzfo_172 ._executionLink_1dzfo_136 {
+._WorkflowExecutionsCard_19371_123._unknown_19371_172, ._WorkflowExecutionsCard_19371_123._unknown_19371_172 ._executionLink_19371_136 {
   border-left: var(--spacing--4xs) var(--border-style) var(--execution-card--border-color--unknown);
 }
-._WorkflowExecutionsCard_1dzfo_123 ._annotation_1dzfo_175 {
+._WorkflowExecutionsCard_19371_123 ._annotation_19371_175 {
   display: flex;
   flex-direction: row;
   gap: var(--spacing--3xs);
   align-items: center;
   margin: var(--spacing--4xs) 0 0;
 }
-._WorkflowExecutionsCard_1dzfo_123 ._annotation_1dzfo_175 ._ratingIcon_1dzfo_182 ._up_1dzfo_182 {
+._WorkflowExecutionsCard_19371_123 ._annotation_19371_175 ._ratingIcon_19371_182 ._up_19371_182 {
   color: var(--color--success);
 }
-._WorkflowExecutionsCard_1dzfo_123 ._annotation_1dzfo_175 ._ratingIcon_1dzfo_182 ._down_1dzfo_185 {
+._WorkflowExecutionsCard_19371_123 ._annotation_19371_175 ._ratingIcon_19371_182 ._down_19371_185 {
   color: var(--color--danger);
 }
-._executionLink_1dzfo_136 {
-  background: var(--execution-list-item-background);
+._executionLink_19371_136 {
+  background: var(--execution-list-item--color--background);
   display: flex;
   width: 100%;
   align-items: center;
@@ -198,31 +198,31 @@
   position: relative;
   left: calc(-1 * var(--spacing--4xs));
 }
-._executionLink_1dzfo_136:active ._icon_1dzfo_202,
-._executionLink_1dzfo_136:active ._statusLabel_1dzfo_146 {
+._executionLink_19371_136:active ._icon_19371_202,
+._executionLink_19371_136:active ._statusLabel_19371_146 {
   color: var(--color--text);
 }
-._icons_1dzfo_207 {
+._icons_19371_207 {
   display: flex;
   align-items: center;
 }
-._icon_1dzfo_202 {
+._icon_19371_202 {
   font-size: var(--font-size--sm);
 }
-._icon_1dzfo_202._retry_1dzfo_215 svg {
+._icon_19371_202._retry_19371_215 svg {
   color: var(--color--primary);
 }
-._icon_1dzfo_202._manual_1dzfo_218 {
+._icon_19371_202._manual_19371_218 {
   position: relative;
   top: 1px;
 }
-._icon_1dzfo_202 + ._icon_1dzfo_202 {
+._icon_19371_202 + ._icon_19371_202 {
   margin-left: var(--spacing--2xs);
 }
-._showGap_1dzfo_226 {
+._showGap_19371_226 {
   margin-bottom: var(--spacing--2xs);
 }
-._showGap_1dzfo_226 ._executionLink_1dzfo_136 {
+._showGap_19371_226 ._executionLink_19371_136 {
   border-bottom: 1px solid var(--color--foreground--shade-1);
 }/* BEM support Func
  -------------------------- */
@@ -529,11 +529,11 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.executions-sidebar[data-v-825b098a] .el-skeleton__item {
+.executions-sidebar[data-v-bb8454a7] .el-skeleton__item {
   height: 60px;
   border-radius: 0;
 }
-[data-v-825b098a] .el-checkbox {
+[data-v-bb8454a7] .el-checkbox {
   display: flex;
   align-items: center;
 }/* BEM support Func

package/dist/assets/{WorkflowHistory-BDm1H5BL.js → WorkflowHistory-Cb-ZoRBp.js}

@@ -1,28 +1,29 @@
 import { o as __toESM } from "./chunk-6z4oVpB-.js";
 import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, L as h, M as createVNode, P as defineComponent, Sn as toDisplayString, T as createBlock, Z as onMounted, _ as Fragment, _n as normalizeClass, at as renderSlot, bt as withCtx, et as openBlock, h as withModifiers, it as renderList, j as createTextVNode, ot as resolveComponent, q as onBeforeMount, vt as watchEffect, w as createBaseVNode } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { _t as I18nT, gt as useI18n } from "./_MapCache-BGBKpT5S.js";
-import { $ as N8nActionToggle_default, In as N8nButton_default, Nn as N8nHeading_default, Rn as N8nIcon_default, et as N8nLoading_default, ht as N8nTooltip_default, it as N8nBadge_default } from "./src-Cl0xZtCE.js";
+import { _t as I18nT, gt as useI18n } from "./_MapCache-Byd-DTfo.js";
+import { $ as N8nActionToggle_default, Ln as N8nButton_default, Pn as N8nHeading_default, et as N8nLoading_default, it as N8nBadge_default, vt as N8nTooltip_default, zn as N8nIcon_default } from "./src-D6S9Khji.js";
 import "./en-BYTsM8fR.js";
 import "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { b as useRouter, y as useRoute } from "./truncate-Dc79aML5.js";
-import "./icon-C8yfF1LY.js";
+import { b as useRouter, y as useRoute } from "./truncate-DGRsht-H.js";
+import "./icon-DhADuA9N.js";
 import "./empty-BuGRxzl4.js";
-import { Bo as getWorkflowHistory, Fo as getNewWorkflow, Js as useRootStore, Li as useUIStore, Vo as getWorkflowVersion, gc as defineStore, o as useWorkflowsStore, r as telemetry, zo as useSettingsStore } from "./useTelemetry-BxbCYDca.js";
-import { t as useToast } from "./useToast-CKD06lpn.js";
+import { Bo as getWorkflowVersion, Ni as useUIStore, Po as getNewWorkflow, Ro as useSettingsStore, Ys as useRootStore, o as useWorkflowsStore, r as telemetry, vc as defineStore, zo as getWorkflowHistory } from "./useTelemetry-EOV0Llso.js";
+import { t as useToast } from "./useToast-BlMNYwds.js";
 import "./sanitize-html-BuXr7o4T.js";
 import "./path-browserify-DsmB_HMK.js";
-import { Vo as WORKFLOW_HISTORY_VERSION_RESTORE, co as VIEWS, hr as getResourcePermissions } from "./constants-B1JYxPAR.js";
-import "./merge-Db6rb1_m.js";
+import { Ko as WORKFLOW_HISTORY_VERSION_RESTORE, _r as getResourcePermissions, mo as VIEWS } from "./constants-DvlTm3U4.js";
+import "./merge-CKEa8BM2.js";
 import { t as require_dateformat } from "./dateformat-D7TIhVd4.js";
-import "./useDebounce-BRhQZVIC.js";
-import "./useExternalHooks-ChElZw8W.js";
-import "./cloudPlan.store-x1IpiElw.js";
-import "./executions.store-DmR1JjSC.js";
-import "./versions.store-DyddKRXT.js";
-import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-Cn-LYQLi.js";
-import { t as require_FileSaver_min } from "./FileSaver.min-CR_3Le5x.js";
-import { t as WorkflowPreview_default } from "./WorkflowPreview-CQzIuWsu.js";
+import "./useDebounce-BgcdaJ78.js";
+import "./useExternalHooks-SxBXYVNW.js";
+import "./cloudPlan.store-DrraBpZJ.js";
+import "./executions.store-IU9p1s46.js";
+import "./versions.store-Dx98n6R_.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-C_ctyI4O.js";
+import { t as require_FileSaver_min } from "./FileSaver.min-DaytN8ae.js";
+import { t as WorkflowPreview_default } from "./WorkflowPreview-DY79uYFw.js";
+import { t as useIntersectionObserver } from "./useIntersectionObserver-BkAtQAzK.js";
 var import_dateformat = /* @__PURE__ */ __toESM(require_dateformat());
 var _hoisted_1$3 = ["datetime"];
 var _hoisted_2$1 = ["value"];
@@ -164,25 +165,15 @@ var WorkflowHistoryList_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 		const i18n = useI18n();
 		const listElement = ref(null);
 		const shouldAutoScroll = ref(true);
-		const observer = ref(null);
+		const { observe: observeForLoadMore } = useIntersectionObserver({
+			root: listElement,
+			threshold: .01,
+			onIntersect: () => emit("loadMore", {
+				take: props.requestNumberOfItems,
+				skip: props.items.length
+			})
+		});
 		const getActions = (index) => index === 0 ? props.actions.filter((action) => action.value !== "restore") : props.actions;
-		const observeElement = (element) => {
-			observer.value = new IntersectionObserver(([entry]) => {
-				if (entry.isIntersecting) {
-					observer.value?.unobserve(element);
-					observer.value?.disconnect();
-					observer.value = null;
-					emit("loadMore", {
-						take: props.requestNumberOfItems,
-						skip: props.items.length
-					});
-				}
-			}, {
-				root: listElement.value,
-				threshold: .01
-			});
-			observer.value.observe(element);
-		};
 		const onAction = ({ action, id, data }) => {
 			shouldAutoScroll.value = false;
 			emit("action", {
@@ -206,7 +197,7 @@ var WorkflowHistoryList_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 					behavior: "smooth"
 				});
 			}
-			if (index === props.items.length - 1 && props.lastReceivedItemsLength === props.requestNumberOfItems) observeElement(listElement.value?.children[index]);
+			if (index === props.items.length - 1 && props.lastReceivedItemsLength === props.requestNumberOfItems) observeForLoadMore(listElement.value?.children[index]);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("ul", {

package/dist/assets/{WorkflowOnboardingView-BZP0l2UH.js → WorkflowOnboardingView-CguOMlib.js}

@@ -1,14 +1,14 @@
 import { D as createElementBlock, P as defineComponent, Z as onMounted, et as openBlock } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { gt as useI18n } from "./_MapCache-BGBKpT5S.js";
-import { b as useRouter, y as useRoute } from "./truncate-Dc79aML5.js";
+import { gt as useI18n } from "./_MapCache-Byd-DTfo.js";
+import { b as useRouter, y as useRoute } from "./truncate-DGRsht-H.js";
 import "./empty-BuGRxzl4.js";
-import { Jn as useLoadingService, o as useWorkflowsStore } from "./useTelemetry-BxbCYDca.js";
-import { co as VIEWS } from "./constants-B1JYxPAR.js";
-import "./merge-Db6rb1_m.js";
+import { Wn as useLoadingService, o as useWorkflowsStore } from "./useTelemetry-EOV0Llso.js";
+import { mo as VIEWS } from "./constants-DvlTm3U4.js";
+import "./merge-CKEa8BM2.js";
 import "./dateformat-D7TIhVd4.js";
-import "./useDebounce-BRhQZVIC.js";
-import "./cloudPlan.store-x1IpiElw.js";
-import { t as useTemplatesStore } from "./templates.store-pF0jvUy0.js";
+import "./useDebounce-BgcdaJ78.js";
+import "./cloudPlan.store-DrraBpZJ.js";
+import { t as useTemplatesStore } from "./templates.store-COjIpQaS.js";
 var WorkflowOnboardingView_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowOnboardingView",
 	setup(__props) {

package/dist/assets/{WorkflowPreview-Bt03akXc.css → WorkflowPreview-CYpzxJej.css}

@@ -120,43 +120,43 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._container_tgopm_123 {
+._container_5lcvo_123 {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
 }
-._workflow_tgopm_130 {
+._workflow_5lcvo_130 {
   visibility: hidden;
   height: 0;
   width: 0;
 }
-._show_tgopm_136 {
+._show_5lcvo_136 {
   visibility: visible;
   height: 100%;
   width: 100%;
 }
-._openNDV_tgopm_142 {
+._openNDV_5lcvo_142 {
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
-  z-index: var(--z-index-workflow-preview-ndv);
+  z-index: var(--workflow-preview-ndv--z);
 }
-._spinner_tgopm_151 {
+._spinner_5lcvo_151 {
   color: var(--color--primary);
   position: absolute;
   top: 50% !important;
   transform: translateY(-50%);
 }
-._imageLoader_tgopm_159 {
+._imageLoader_5lcvo_159 {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
 }
-._executionPreview_tgopm_167 {
+._executionPreview_5lcvo_167 {
   height: 100%;
 }

package/dist/assets/{WorkflowPreview-CQzIuWsu.js → WorkflowPreview-DY79uYFw.js}

@@ -1,10 +1,10 @@
 import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, J as onBeforeUnmount, M as createVNode, P as defineComponent, Z as onMounted, _n as normalizeClass, _t as watch, et as openBlock, w as createBaseVNode } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { gt as useI18n } from "./_MapCache-BGBKpT5S.js";
-import { Ln as N8nSpinner_default, et as N8nLoading_default } from "./src-Cl0xZtCE.js";
+import { gt as useI18n } from "./_MapCache-Byd-DTfo.js";
+import { Rn as N8nSpinner_default, et as N8nLoading_default } from "./src-D6S9Khji.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { An as useProjectsStore } from "./useTelemetry-BxbCYDca.js";
-import { t as useToast } from "./useToast-CKD06lpn.js";
-import { t as useExecutionsStore } from "./executions.store-DmR1JjSC.js";
+import { En as useProjectsStore } from "./useTelemetry-EOV0Llso.js";
+import { t as useToast } from "./useToast-BlMNYwds.js";
+import { t as useExecutionsStore } from "./executions.store-IU9p1s46.js";
 var _hoisted_1 = ["src"];
 var WorkflowPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowPreview",
@@ -173,13 +173,13 @@ var WorkflowPreview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 	}
 });
 var WorkflowPreview_vue_vue_type_style_index_0_lang_module_default = {
-	container: "_container_tgopm_123",
-	workflow: "_workflow_tgopm_130",
-	show: "_show_tgopm_136",
-	openNDV: "_openNDV_tgopm_142",
-	spinner: "_spinner_tgopm_151",
-	imageLoader: "_imageLoader_tgopm_159",
-	executionPreview: "_executionPreview_tgopm_167"
+	container: "_container_5lcvo_123",
+	workflow: "_workflow_5lcvo_130",
+	show: "_show_5lcvo_136",
+	openNDV: "_openNDV_5lcvo_142",
+	spinner: "_spinner_5lcvo_151",
+	imageLoader: "_imageLoader_5lcvo_159",
+	executionPreview: "_executionPreview_5lcvo_167"
 };
 var WorkflowPreview_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowPreview_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowPreview_vue_vue_type_style_index_0_lang_module_default }]]);
 export { WorkflowPreview_default as t };

package/dist/assets/{WorkflowTagsDropdown-C4m2b8q6.js → WorkflowTagsDropdown-CdEFZM1A.js}

@@ -1,7 +1,6 @@
 import { C as computed, P as defineComponent, T as createBlock, et as openBlock } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { Li as useUIStore, _n as useTagsStore } from "./useTelemetry-BxbCYDca.js";
-import { Po as TAGS_MANAGER_MODAL_KEY } from "./constants-B1JYxPAR.js";
-import { t as TagsDropdown_default } from "./TagsDropdown-B9w42ULo.js";
+import { Ni as useUIStore, No as TAGS_MANAGER_MODAL_KEY, _n as useTagsStore } from "./useTelemetry-EOV0Llso.js";
+import { t as TagsDropdown_default } from "./TagsDropdown-D6CYk5R8.js";
 var WorkflowTagsDropdown_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowTagsDropdown",
 	props: {