@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/WorkflowActivator-BINnz0f7.js

@@ -0,0 +1,362 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, J as onBeforeUnmount, L as h, M as createVNode, P as defineComponent, T as createBlock, _t as watch, at as renderSlot, bt as withCtx, et as openBlock, j as createTextVNode, k as createSlots, st as resolveDirective, vn as normalizeClass, w as createBaseVNode, xt as withDirectives } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { Cn as N8nIcon_default, Tt as ElSwitch, bn as N8nText_default, d as N8nBreadcrumbs_default, ht as N8nTooltip_default, it as N8nActionToggle_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { $n as ProjectTypes, P as useWorkflowsStore, Zn as useProjectsStore, _n as useCredentialsStore, aa as useUIStore, mi as getActivatableTriggerNodes, y as useToast, zn as useWorkflowHelpers } from "./builder.store-Czk2ipDE.js";
+import { co as OPEN_AI_API_CREDENTIAL_TYPE, fs as WORKFLOW_ACTIVATION_CONFLICTING_WEBHOOK_MODAL_KEY } from "./constants-C8OH4tTq.js";
+import { t as useFoldersStore } from "./folders.store-yAFj-5Vl.js";
+import { t as useWorkflowActivate } from "./useWorkflowActivate-DeSmDXjI.js";
+import { t as WorkflowActivationErrorMessage_default } from "./WorkflowActivationErrorMessage-CGrfPi9O.js";
+import { t as ProjectBreadcrumb_default } from "./ProjectBreadcrumb-C_XiY7sc.js";
+var _hoisted_1$1 = { key: 2 };
+var FolderBreadcrumbs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "FolderBreadcrumbs",
+	props: {
+		currentFolder: { default: null },
+		actions: { default: () => [] },
+		hiddenItemsTrigger: { default: "click" },
+		currentFolderAsLink: {
+			type: Boolean,
+			default: false
+		},
+		visibleLevels: { default: 1 }
+	},
+	emits: [
+		"itemSelected",
+		"action",
+		"itemDrop",
+		"projectDrop"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const i18n = useI18n();
+		const projectsStore = useProjectsStore();
+		const foldersStore = useFoldersStore();
+		const hiddenBreadcrumbsItemsAsync = ref(new Promise(() => {}));
+		const visibleIds = ref(/* @__PURE__ */ new Set());
+		const isSharedContext = computed(() => projectsStore.projectNavActiveId === "shared");
+		const currentProject = computed(() => {
+			if (isSharedContext.value) return;
+			return projectsStore.currentProject ?? projectsStore.personalProject ?? void 0;
+		});
+		const projectName = computed(() => {
+			if (!currentProject.value) return isSharedContext.value ? i18n.baseText("projects.menu.shared") : "";
+			if (currentProject.value.type === ProjectTypes.Personal) return i18n.baseText("projects.menu.personal");
+			return currentProject.value.name;
+		});
+		const isDragging = computed(() => {
+			return foldersStore.draggedElement !== null;
+		});
+		const hasMoreItems = computed(() => {
+			return visibleBreadcrumbsItems.value[0]?.parentFolder !== void 0;
+		});
+		const visibleBreadcrumbsItems = computed(() => {
+			visibleIds.value.clear();
+			if (!props.currentFolder || isSharedContext.value) return [];
+			const items = [];
+			const parent = props.visibleLevels === 2 ? foldersStore.getCachedFolder(props.currentFolder.parentFolder ?? "") : null;
+			if (parent) {
+				items.push({
+					id: parent.id,
+					label: parent.name,
+					href: `/projects/${currentProject.value?.id}/folders/${parent.id}/workflows`,
+					parentFolder: parent.parentFolder
+				});
+				visibleIds.value.add(parent.id);
+			}
+			items.push({
+				id: props.currentFolder.id,
+				label: props.currentFolder.name,
+				parentFolder: props.currentFolder.parentFolder,
+				href: props.currentFolderAsLink ? `/projects/${currentProject.value?.id}/folders/${props.currentFolder.id}/workflows` : void 0
+			});
+			if (currentProject.value) visibleIds.value.add(currentProject.value.id);
+			visibleIds.value.add(props.currentFolder.id);
+			return items;
+		});
+		const fetchHiddenBreadCrumbsItems = async () => {
+			if (!projectName.value || !props.currentFolder?.parentFolder || isSharedContext.value || !currentProject.value) hiddenBreadcrumbsItemsAsync.value = Promise.resolve([]);
+			else try {
+				const filtered = (await foldersStore.getHiddenBreadcrumbsItems({
+					id: currentProject.value.id,
+					name: projectName.value
+				}, props.currentFolder.parentFolder, { addLinks: true })).filter((item) => !visibleIds.value.has(item.id));
+				hiddenBreadcrumbsItemsAsync.value = Promise.resolve(filtered);
+			} catch (error) {
+				hiddenBreadcrumbsItemsAsync.value = Promise.resolve([]);
+			}
+		};
+		const onItemSelect = (item) => {
+			emit("itemSelected", item);
+		};
+		const onAction = (action) => {
+			emit("action", action);
+		};
+		const onProjectDrop = () => {
+			if (!currentProject.value?.name) return;
+			emit("projectDrop", currentProject.value.id, currentProject.value.name);
+		};
+		const onProjectHover = () => {
+			if (!isDragging.value || !currentProject.value?.name) return;
+			foldersStore.activeDropTarget = {
+				type: "project",
+				id: currentProject.value?.id,
+				name: currentProject.value?.name
+			};
+		};
+		const onItemHover = (item) => {
+			if (!isDragging.value) return;
+			foldersStore.activeDropTarget = {
+				type: "folder",
+				id: item.id,
+				name: item.label
+			};
+		};
+		watch(() => props.currentFolder?.parentFolder, () => {
+			hiddenBreadcrumbsItemsAsync.value = new Promise(() => {});
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			hiddenBreadcrumbsItemsAsync.value = Promise.resolve([]);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass({
+					[_ctx.$style.container]: true,
+					[_ctx.$style["dragging"]]: isDragging.value
+				}),
+				"data-test-id": "folder-breadcrumbs"
+			}, [visibleBreadcrumbsItems.value.length ? (openBlock(), createBlock(unref(N8nBreadcrumbs_default), {
+				key: 0,
+				"drag-active": isDragging.value,
+				"onUpdate:dragActive": _cache[0] || (_cache[0] = ($event) => isDragging.value = $event),
+				items: visibleBreadcrumbsItems.value,
+				"highlight-last-item": false,
+				"path-truncated": hasMoreItems.value,
+				"hidden-items": hasMoreItems.value ? hiddenBreadcrumbsItemsAsync.value : void 0,
+				"hidden-items-trigger": props.hiddenItemsTrigger,
+				onTooltipOpened: fetchHiddenBreadCrumbsItems,
+				onItemSelected: onItemSelect,
+				onItemHover,
+				onItemDrop: _cache[1] || (_cache[1] = ($event) => emit("itemDrop", $event))
+			}, createSlots({
+				append: withCtx(() => [renderSlot(_ctx.$slots, "append")]),
+				_: 2
+			}, [currentProject.value ? {
+				name: "prepend",
+				fn: withCtx(() => [createVNode(ProjectBreadcrumb_default, {
+					"current-project": currentProject.value,
+					"is-dragging": isDragging.value,
+					onProjectDrop,
+					onProjectHover
+				}, null, 8, ["current-project", "is-dragging"])]),
+				key: "0"
+			} : void 0]), 1032, [
+				"drag-active",
+				"items",
+				"path-truncated",
+				"hidden-items",
+				"hidden-items-trigger"
+			])) : currentProject.value || isSharedContext.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(_ctx.$style["home-project"])
+			}, [createVNode(ProjectBreadcrumb_default, {
+				"current-project": currentProject.value,
+				"is-shared": isSharedContext.value,
+				"is-dragging": isDragging.value,
+				onProjectDrop,
+				onProjectHover
+			}, null, 8, [
+				"current-project",
+				"is-shared",
+				"is-dragging"
+			]), renderSlot(_ctx.$slots, "append")], 2)) : (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "append")])), visibleBreadcrumbsItems.value && _ctx.actions?.length ? (openBlock(), createBlock(unref(N8nActionToggle_default), {
+				key: 3,
+				actions: _ctx.actions,
+				class: normalizeClass(_ctx.$style["action-toggle"]),
+				theme: "dark",
+				"data-test-id": "folder-breadcrumbs-actions",
+				onAction
+			}, null, 8, ["actions", "class"])) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+var FolderBreadcrumbs_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_1hwuc_123",
+	"home-project": "_home-project_1hwuc_128",
+	"action-toggle": "_action-toggle_1hwuc_133"
+};
+var FolderBreadcrumbs_default = /* @__PURE__ */ __plugin_vue_export_helper_default(FolderBreadcrumbs_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": FolderBreadcrumbs_vue_vue_type_style_index_0_lang_module_default }]]);
+var _hoisted_1 = { class: "workflow-activator" };
+var _hoisted_2 = {
+	key: 0,
+	class: "could-not-be-started"
+};
+var WorkflowActivator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "WorkflowActivator",
+	props: {
+		isArchived: { type: Boolean },
+		workflowActive: { type: Boolean },
+		workflowId: {},
+		workflowPermissions: {}
+	},
+	emits: ["update:workflowActive"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { showMessage } = useToast();
+		const workflowActivate = useWorkflowActivate();
+		const uiStore = useUIStore();
+		const workflowHelpers = useWorkflowHelpers();
+		const i18n = useI18n();
+		const workflowsStore = useWorkflowsStore();
+		const credentialsStore = useCredentialsStore();
+		const isWorkflowActive = computed(() => {
+			return workflowsStore.activeWorkflows.includes(props.workflowId);
+		});
+		const couldNotBeStarted = computed(() => {
+			return props.workflowActive && isWorkflowActive.value !== props.workflowActive;
+		});
+		const getActiveColor = computed(() => {
+			if (couldNotBeStarted.value) return "#ff4949";
+			return "#13ce66";
+		});
+		const isCurrentWorkflow = computed(() => {
+			return workflowsStore.workflowId === props.workflowId;
+		});
+		const foundTriggers = computed(() => getActivatableTriggerNodes(workflowsStore.workflowTriggerNodes));
+		const containsTrigger = computed(() => {
+			return foundTriggers.value.length > 0;
+		});
+		const isNewWorkflow = computed(() => {
+			return !workflowsStore.isWorkflowSaved[props.workflowId];
+		});
+		const disabled = computed(() => {
+			if (props.isArchived) return true;
+			if (isNewWorkflow.value || isCurrentWorkflow.value) return !props.workflowActive && !containsTrigger.value;
+			return false;
+		});
+		function findManagedOpenAiCredentialId(usedCredentials) {
+			return Object.keys(usedCredentials).find((credentialId) => {
+				const credential = credentialsStore.state.credentials[credentialId];
+				return credential.isManaged && credential.type === "openAiApi";
+			});
+		}
+		function hasActiveNodeUsingCredential(nodes, credentialId) {
+			return nodes.some((node) => node?.credentials?.["openAiApi"]?.id === credentialId && !node.disabled);
+		}
+		const shouldShowFreeAiCreditsWarning = computed(() => {
+			const usedCredentials = workflowsStore?.usedCredentials;
+			if (!usedCredentials) return false;
+			const managedOpenAiCredentialId = findManagedOpenAiCredentialId(usedCredentials);
+			if (!managedOpenAiCredentialId) return false;
+			return hasActiveNodeUsingCredential(workflowsStore.allNodes, managedOpenAiCredentialId);
+		});
+		async function activeChanged(newActiveState) {
+			const boolValue = typeof newActiveState === "boolean" ? newActiveState : Boolean(newActiveState);
+			if (!isWorkflowActive.value) {
+				const conflictData = await workflowHelpers.checkConflictingWebhooks(props.workflowId);
+				if (conflictData) {
+					const { trigger, conflict } = conflictData;
+					const conflictingWorkflow = await workflowsStore.fetchWorkflow(conflict.workflowId);
+					uiStore.openModalWithData({
+						name: WORKFLOW_ACTIVATION_CONFLICTING_WEBHOOK_MODAL_KEY,
+						data: {
+							triggerType: trigger.type,
+							workflowName: conflictingWorkflow.name,
+							...conflict
+						}
+					});
+					return;
+				}
+			}
+			const newState = await workflowActivate.updateWorkflowActivation(props.workflowId, boolValue);
+			emit("update:workflowActive", {
+				id: props.workflowId,
+				active: newState
+			});
+		}
+		async function displayActivationError() {
+			let errorMessage;
+			try {
+				const errorData = await workflowsStore.getActivationError(props.workflowId);
+				if (errorData === void 0) errorMessage = i18n.baseText("workflowActivator.showMessage.displayActivationError.message.errorDataUndefined");
+				else errorMessage = h(WorkflowActivationErrorMessage_default, { message: errorData });
+			} catch (error) {
+				errorMessage = i18n.baseText("workflowActivator.showMessage.displayActivationError.message.catchBlock");
+			}
+			showMessage({
+				title: i18n.baseText("workflowActivator.showMessage.displayActivationError.title"),
+				message: errorMessage,
+				type: "warning",
+				duration: 0
+			});
+		}
+		watch(() => props.workflowActive, (workflowActive) => {
+			if (workflowActive && shouldShowFreeAiCreditsWarning.value) showMessage({
+				title: i18n.baseText("freeAi.credits.showWarning.workflow.activation.title"),
+				message: i18n.baseText("freeAi.credits.showWarning.workflow.activation.description"),
+				type: "warning",
+				duration: 0
+			});
+		});
+		return (_ctx, _cache) => {
+			const _directive_loading = resolveDirective("loading");
+			const _directive_n8n_html = resolveDirective("n8n-html");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createBaseVNode("div", {
+					class: normalizeClass(_ctx.$style.activeStatusText),
+					"data-test-id": "workflow-activator-status"
+				}, [_ctx.workflowActive ? (openBlock(), createBlock(unref(N8nText_default), {
+					key: 0,
+					color: couldNotBeStarted.value ? "danger" : "success",
+					size: "small",
+					bold: ""
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("workflowActivator.active")), 1)]),
+					_: 1
+				}, 8, ["color"])) : (openBlock(), createBlock(unref(N8nText_default), {
+					key: 1,
+					color: "text-base",
+					size: "small",
+					bold: ""
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("workflowActivator.inactive")), 1)]),
+					_: 1
+				}))], 2),
+				createVNode(unref(N8nTooltip_default), {
+					disabled: !disabled.value,
+					placement: "bottom"
+				}, {
+					content: withCtx(() => [createBaseVNode("div", null, toDisplayString(unref(i18n).baseText(_ctx.isArchived ? "workflowActivator.thisWorkflowIsArchived" : "workflowActivator.thisWorkflowHasNoTriggerNodes")), 1)]),
+					default: withCtx(() => [withDirectives(createVNode(unref(ElSwitch), {
+						"model-value": _ctx.workflowActive,
+						title: _ctx.workflowActive ? unref(i18n).baseText("workflowActivator.deactivateWorkflow") : unref(i18n).baseText("workflowActivator.activateWorkflow"),
+						disabled: disabled.value || unref(workflowActivate).updatingWorkflowActivation.value || !isNewWorkflow.value && !_ctx.workflowPermissions.publish,
+						"active-color": getActiveColor.value,
+						"inactive-color": "#8899AA",
+						"data-test-id": "workflow-activate-switch",
+						"onUpdate:modelValue": activeChanged
+					}, null, 8, [
+						"model-value",
+						"title",
+						"disabled",
+						"active-color"
+					]), [[_directive_loading, unref(workflowActivate).updatingWorkflowActivation.value]])]),
+					_: 1
+				}, 8, ["disabled"]),
+				couldNotBeStarted.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(N8nTooltip_default), { placement: "top" }, {
+					content: withCtx(() => [withDirectives(createBaseVNode("div", { onClick: displayActivationError }, null, 512), [[_directive_n8n_html, unref(i18n).baseText("workflowActivator.theWorkflowIsSetToBeActiveBut")]])]),
+					default: withCtx(() => [createVNode(unref(N8nIcon_default), {
+						icon: "triangle-alert",
+						onClick: displayActivationError
+					})]),
+					_: 1
+				})])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+var WorkflowActivator_vue_vue_type_style_index_0_lang_module_default = { activeStatusText: "_activeStatusText_1xmgg_123" };
+var WorkflowActivator_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowActivator_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowActivator_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-4a5c7230"]]);
+export { FolderBreadcrumbs_default as n, WorkflowActivator_default as t };

package/dist/assets/WorkflowExecutionsInfoAccordion-Dg37yEfT.js

@@ -0,0 +1,166 @@
+import { C as computed, Cn as toDisplayString, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, Z as onMounted, _t as watch, bt as withCtx, et as openBlock, h as withModifiers, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { ht as N8nTooltip_default, mt as N8nLink_default, z as N8nInfoAccordion_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { P as useWorkflowsStore, aa as useUIStore, g as useNpsSurveyStore, ms as useSettingsStore, n as useWorkflowSaving } from "./builder.store-Czk2ipDE.js";
+import { _ as useRoute, v as useRouter } from "./get-BcEmeOxn.js";
+import { wa as deepCopy, xs as WORKFLOW_SETTINGS_MODAL_KEY } from "./constants-C8OH4tTq.js";
+var _hoisted_1 = { class: "mt-2xs" };
+var WorkflowExecutionsInfoAccordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "WorkflowExecutionsInfoAccordion",
+	props: { initiallyExpanded: {
+		type: Boolean,
+		default: false
+	} },
+	setup(__props) {
+		const props = __props;
+		const i18n = useI18n();
+		const router = useRouter();
+		const route = useRoute();
+		const workflowSaving = useWorkflowSaving({ router });
+		const locale = useI18n();
+		const settingsStore = useSettingsStore();
+		const uiStore = useUIStore();
+		const workflowsStore = useWorkflowsStore();
+		const npsSurveyStore = useNpsSurveyStore();
+		const defaultValues = ref({
+			saveFailedExecutions: "all",
+			saveSuccessfulExecutions: "all",
+			saveManualExecutions: false
+		});
+		const workflowSaveSettings = ref({
+			saveFailedExecutions: false,
+			saveSuccessfulExecutions: false,
+			saveTestExecutions: false
+		});
+		const accordionItems = computed(() => [{
+			id: "productionExecutions",
+			label: locale.baseText("executionsLandingPage.emptyState.accordion.productionExecutions"),
+			icon: productionExecutionsIcon.value.icon,
+			iconColor: productionExecutionsIcon.value.color,
+			tooltip: productionExecutionsStatus.value === "unknown" ? locale.baseText("executionsLandingPage.emptyState.accordion.productionExecutionsWarningTooltip") : null
+		}, {
+			id: "manualExecutions",
+			label: locale.baseText("executionsLandingPage.emptyState.accordion.testExecutions"),
+			icon: workflowSaveSettings.value.saveTestExecutions ? "check" : "x",
+			iconColor: workflowSaveSettings.value.saveTestExecutions ? "success" : "danger"
+		}]);
+		const shouldExpandAccordion = computed(() => {
+			if (!props.initiallyExpanded) return false;
+			return !workflowSaveSettings.value.saveFailedExecutions || !workflowSaveSettings.value.saveSuccessfulExecutions || !workflowSaveSettings.value.saveTestExecutions;
+		});
+		const productionExecutionsIcon = computed(() => {
+			if (productionExecutionsStatus.value === "saving") return {
+				icon: "check",
+				color: "success"
+			};
+			else if (productionExecutionsStatus.value === "not-saving") return {
+				icon: "x",
+				color: "danger"
+			};
+			return {
+				icon: "triangle-alert",
+				color: "warning"
+			};
+		});
+		const productionExecutionsStatus = computed(() => {
+			if (workflowSaveSettings.value.saveSuccessfulExecutions === workflowSaveSettings.value.saveFailedExecutions) {
+				if (workflowSaveSettings.value.saveSuccessfulExecutions) return "saving";
+				return "not-saving";
+			} else return "unknown";
+		});
+		const workflowSettings = computed(() => deepCopy(workflowsStore.workflowSettings));
+		const accordionIcon = computed(() => {
+			if (!workflowSaveSettings.value.saveTestExecutions || productionExecutionsStatus.value !== "saving") return {
+				icon: "triangle-alert",
+				color: "warning"
+			};
+		});
+		const currentWorkflowId = computed(() => workflowsStore.workflowId);
+		const workflowName = computed(() => workflowsStore.workflowName);
+		const currentWorkflowTagIds = computed(() => workflowsStore.workflowTags);
+		watch(workflowSettings, (newSettings) => {
+			updateSettings(newSettings);
+		});
+		onMounted(() => {
+			defaultValues.value.saveFailedExecutions = settingsStore.saveDataErrorExecution;
+			defaultValues.value.saveSuccessfulExecutions = settingsStore.saveDataSuccessExecution;
+			defaultValues.value.saveManualExecutions = settingsStore.saveManualExecutions;
+			updateSettings(workflowSettings.value);
+		});
+		function updateSettings(wfSettings) {
+			workflowSaveSettings.value.saveFailedExecutions = wfSettings.saveDataErrorExecution === void 0 ? defaultValues.value.saveFailedExecutions === "all" : wfSettings.saveDataErrorExecution === "all";
+			workflowSaveSettings.value.saveSuccessfulExecutions = wfSettings.saveDataSuccessExecution === void 0 ? defaultValues.value.saveSuccessfulExecutions === "all" : wfSettings.saveDataSuccessExecution === "all";
+			workflowSaveSettings.value.saveTestExecutions = wfSettings.saveManualExecutions === void 0 ? defaultValues.value.saveManualExecutions : wfSettings.saveManualExecutions;
+		}
+		function onAccordionClick(event) {
+			if (event.target instanceof HTMLAnchorElement) {
+				event.preventDefault();
+				uiStore.openModal(WORKFLOW_SETTINGS_MODAL_KEY);
+			}
+		}
+		function onItemTooltipClick(item, event) {
+			if (item === "productionExecutions" && event.target instanceof HTMLAnchorElement) {
+				event.preventDefault();
+				uiStore.openModal(WORKFLOW_SETTINGS_MODAL_KEY);
+			}
+		}
+		function openWorkflowSettings() {
+			uiStore.openModal(WORKFLOW_SETTINGS_MODAL_KEY);
+		}
+		async function onSaveWorkflowClick() {
+			let currentId = void 0;
+			if (currentWorkflowId.value) currentId = currentWorkflowId.value;
+			else if (route.params.name) {
+				const routeName = route.params.name;
+				currentId = Array.isArray(routeName) ? routeName[0] : routeName;
+			}
+			if (!currentId) return;
+			if (await workflowSaving.saveCurrentWorkflow({
+				id: currentId,
+				name: workflowName.value,
+				tags: currentWorkflowTagIds.value
+			})) await npsSurveyStore.fetchPromptsData();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nInfoAccordion_default), {
+				class: normalizeClass([_ctx.$style.accordion, "mt-2xl"]),
+				title: unref(i18n).baseText("executionsLandingPage.emptyState.accordion.title"),
+				items: accordionItems.value,
+				"initially-expanded": shouldExpandAccordion.value,
+				"header-icon": accordionIcon.value,
+				"onClick:body": onAccordionClick,
+				onTooltipClick: onItemTooltipClick
+			}, {
+				customContent: withCtx(() => [createBaseVNode("footer", _hoisted_1, [createTextVNode(toDisplayString(unref(i18n).baseText("executionsLandingPage.emptyState.accordion.footer")) + " ", 1), createVNode(unref(N8nTooltip_default), { disabled: unref(workflowsStore).isWorkflowSaved[currentWorkflowId.value] }, {
+					content: withCtx(() => [createBaseVNode("div", null, [createVNode(unref(N8nLink_default), { onClick: withModifiers(onSaveWorkflowClick, ["prevent"]) }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("executionsLandingPage.emptyState.accordion.footer.tooltipLink")), 1)]),
+						_: 1
+					}), createTextVNode(" " + toDisplayString(unref(i18n).baseText("executionsLandingPage.emptyState.accordion.footer.tooltipText")), 1)])]),
+					default: withCtx(() => [createVNode(unref(N8nLink_default), {
+						class: normalizeClass({ [_ctx.$style.disabled]: !unref(workflowsStore).isWorkflowSaved[currentWorkflowId.value] }),
+						size: "small",
+						onClick: withModifiers(openWorkflowSettings, ["prevent"])
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("executionsLandingPage.emptyState.accordion.footer.settingsLink")), 1)]),
+						_: 1
+					}, 8, ["class"])]),
+					_: 1
+				}, 8, ["disabled"])])]),
+				_: 1
+			}, 8, [
+				"class",
+				"title",
+				"items",
+				"initially-expanded",
+				"header-icon"
+			]);
+		};
+	}
+});
+var WorkflowExecutionsInfoAccordion_vue_vue_type_style_index_0_lang_module_default = {
+	accordion: "_accordion_1yhpp_123",
+	disabled: "_disabled_1yhpp_151"
+};
+var WorkflowExecutionsInfoAccordion_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowExecutionsInfoAccordion_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowExecutionsInfoAccordion_vue_vue_type_style_index_0_lang_module_default }]]);
+export { WorkflowExecutionsInfoAccordion_default as t };

package/dist/assets/WorkflowExecutionsLandingPage-V2wdubhK.js

@@ -0,0 +1,93 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, bt as withCtx, et as openBlock, j as createTextVNode, vn as normalizeClass } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { bn as N8nText_default, vn as N8nHeading_default, xn as N8nButton_default } from "./src-jviYSG25.js";
+import "./en-CF30SCh2.js";
+import "./preload-helper-dyVz7ck7.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import "./truncate-C0KYt7i3.js";
+import { P as useWorkflowsStore, aa as useUIStore } from "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import { _ as useRoute, v as useRouter } from "./get-BcEmeOxn.js";
+import "./sanitize-html-CbW56HUN.js";
+import "./CalendarDate-DgQUMbNo.js";
+import "./path-browserify-RUt2u7iT.js";
+import "./_MapCache-CcdIl4Ae.js";
+import { Ro as VIEWS } from "./constants-C8OH4tTq.js";
+import "./merge-DhuTk1HM.js";
+import "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import { t as WorkflowExecutionsInfoAccordion_default } from "./WorkflowExecutionsInfoAccordion-Dg37yEfT.js";
+var _hoisted_1 = {
+	key: 0,
+	"data-test-id": "workflow-execution-no-trigger-content"
+};
+var _hoisted_2 = {
+	key: 1,
+	"data-test-id": "workflow-execution-no-content"
+};
+var WorkflowExecutionsLandingPage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "WorkflowExecutionsLandingPage",
+	setup(__props) {
+		const router = useRouter();
+		const route = useRoute();
+		const locale = useI18n();
+		const uiStore = useUIStore();
+		const workflowsStore = useWorkflowsStore();
+		const executionCount = computed(() => workflowsStore.currentWorkflowExecutions.length);
+		const containsTrigger = computed(() => workflowsStore.workflowTriggerNodes.length > 0);
+		function onSetupFirstStep() {
+			const workflowId = workflowsStore.workflowId || route.params.name;
+			uiStore.addFirstStepOnLoad = true;
+			router.push({
+				name: VIEWS.WORKFLOW,
+				params: { name: workflowId },
+				query: { ...route.query }
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["workflow-executions-container", _ctx.$style.container]) }, [executionCount.value === 0 ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass([_ctx.$style.messageContainer, _ctx.$style.noExecutionsMessage])
+			}, [!containsTrigger.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(unref(N8nHeading_default), {
+					tag: "h2",
+					size: "xlarge",
+					color: "text-dark",
+					class: "mb-2xs"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("executionsLandingPage.emptyState.noTrigger.heading")), 1)]),
+					_: 1
+				}),
+				createVNode(unref(N8nText_default), { size: "medium" }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("executionsLandingPage.emptyState.message")), 1)]),
+					_: 1
+				}),
+				createVNode(unref(N8nButton_default), {
+					class: "mt-l",
+					type: "tertiary",
+					size: "large",
+					onClick: onSetupFirstStep
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("executionsLandingPage.emptyState.noTrigger.buttonText")), 1)]),
+					_: 1
+				})
+			])) : (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(N8nHeading_default), {
+				tag: "h2",
+				size: "xlarge",
+				color: "text-dark",
+				class: "mb-2xs"
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("executionsLandingPage.emptyState.heading")), 1)]),
+				_: 1
+			}), createVNode(WorkflowExecutionsInfoAccordion_default)]))], 2)) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+var WorkflowExecutionsLandingPage_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_1ofdn_123",
+	messageContainer: "_messageContainer_1ofdn_133",
+	icon: "_icon_1ofdn_144"
+};
+var WorkflowExecutionsLandingPage_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowExecutionsLandingPage_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowExecutionsLandingPage_vue_vue_type_style_index_0_lang_module_default }]]);
+export { WorkflowExecutionsLandingPage_default as default };