n8n-editor-ui 2.3.3 → 2.4.1

package/dist/assets/{usage.store-DI2Rilu6.js → usage.store-3GYv6IW-.js}

@@ -1,6 +1,6 @@
-import { C as computed, Pt as reactive } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { Cs as registerCommunityEdition, Ss as getLicense, Ts as requestLicenseTrial, gs as useSettingsStore, ws as renewLicense, xs as activateLicenseKey } from "./builder.store-CgMqPgnW.js";
-import { k as defineStore, r as useRootStore } from "./_baseOrderBy-DwurmLcj.js";
+import { C as computed, Pt as reactive } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { _s as renewLicense, gs as registerCommunityEdition, hs as getLicense, ls as useSettingsStore, ms as activateLicenseKey, vs as requestLicenseTrial } from "./users.store-KBMG-745.js";
+import { k as defineStore, r as useRootStore } from "./_baseOrderBy-Cy5MGJv_.js";
 var DEFAULT_PLAN_NAME = "Community";
 var DEFAULT_STATE = {
 	loading: true,

package/dist/assets/{useActions-B3Tgqfk-.js → useActions-Buaifc4L.js}

@@ -1,8 +1,8 @@
-import { C as computed } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _t as useI18n } from "./_MapCache-ficiegRb.js";
-import { $t as transformNodeType, B as PUSH_NODES_OFFSET, Kn as injectWorkflowState, N as useWorkflowsStore, Nt as useNodeTypesStore, Zt as sortNodeCreateElements, b as useExternalHooks, gr as useCanvasStore } from "./builder.store-CgMqPgnW.js";
-import { At as TRIGGER_NODE_CREATOR_VIEW, Bn as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, Ga as NodeConnectionTypes, Kn as QA_CHAIN_NODE_TYPE, Lt as BASIC_CHAIN_NODE_TYPE, Q as AI_CATEGORY_LANGUAGE_MODELS, Qa as CHAIN_LLM_LANGCHAIN_NODE_TYPE, Rn as NO_OP_NODE_TYPE, St as NODE_CREATOR_OPEN_SOURCES, Tn as MANUAL_TRIGGER_NODE_TYPE, Vn as OPEN_AI_NODE_TYPE, Zn as SCHEDULE_TRIGGER_NODE_TYPE, hr as WEBHOOK_NODE_TYPE, ir as SPLIT_IN_BATCHES_NODE_TYPE, jt as AGENT_NODE_TYPE, sr as STICKY_NODE_TYPE, zn as OPEN_AI_ASSISTANT_NODE_TYPE, zt as CHAT_TRIGGER_NODE_TYPE } from "./constants-B5yiZflE.js";
-import { t as useNodeCreatorStore } from "./nodeCreator.store-CXJtK_5o.js";
+import { C as computed } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { _t as useI18n } from "./_MapCache-DkLivSSb.js";
+import { C as useNodeTypesStore, It as injectWorkflowState, Sr as useExternalHooks, V as transformNodeType, bn as PUSH_NODES_OFFSET, pr as useCanvasStore, s as useWorkflowsStore, z as sortNodeCreateElements } from "./users.store-KBMG-745.js";
+import { At as AGENT_NODE_TYPE, Bn as OPEN_AI_NODE_TYPE, Gn as QA_CHAIN_NODE_TYPE, It as BASIC_CHAIN_NODE_TYPE, Ln as NO_OP_NODE_TYPE, Q as AI_CATEGORY_LANGUAGE_MODELS, Rn as OPEN_AI_ASSISTANT_NODE_TYPE, Rt as CHAT_TRIGGER_NODE_TYPE, St as NODE_CREATOR_OPEN_SOURCES, Wa as NodeConnectionTypes, Xn as SCHEDULE_TRIGGER_NODE_TYPE, Za as CHAIN_LLM_LANGCHAIN_NODE_TYPE, hr as WEBHOOK_NODE_TYPE, ir as SPLIT_IN_BATCHES_NODE_TYPE, kt as TRIGGER_NODE_CREATOR_VIEW, sr as STICKY_NODE_TYPE, wn as MANUAL_TRIGGER_NODE_TYPE, zn as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE } from "./constants-CRdXn3zB.js";
+import { t as useNodeCreatorStore } from "./nodeCreator.store-BL_XgPCV.js";
 const useActions = () => {
 	const workflowState = injectWorkflowState();
 	const nodeCreatorStore = useNodeCreatorStore();

package/dist/assets/useBugReporting-D6SXeO6B.js

@@ -0,0 +1,130 @@
+import { mt as useDeviceSupport } from "./src-DpZSuyLC.js";
+import { ls as useSettingsStore } from "./users.store-KBMG-745.js";
+import { r as useRootStore } from "./_baseOrderBy-Cy5MGJv_.js";
+function useDebugInfo() {
+	const settingsStore = useSettingsStore();
+	const rootStore = useRootStore();
+	const { isTouchDevice, userAgent } = useDeviceSupport();
+	const coreInfo = (skipSensitive) => {
+		const info = {
+			n8nVersion: rootStore.versionCli,
+			platform: settingsStore.isDocker && settingsStore.deploymentType === "cloud" ? "docker (cloud)" : settingsStore.isDocker ? "docker (self-hosted)" : "npm",
+			nodeJsVersion: settingsStore.nodeJsVersion,
+			nodeEnv: settingsStore.nodeEnv,
+			database: settingsStore.databaseType === "postgresdb" ? "postgres" : settingsStore.databaseType === "mysqldb" ? "mysql" : settingsStore.databaseType,
+			executionMode: settingsStore.isQueueModeEnabled ? settingsStore.isMultiMain ? "scaling (multi-main)" : "scaling (single-main)" : "regular",
+			concurrency: settingsStore.settings.concurrency,
+			license: settingsStore.isCommunityPlan || !settingsStore.settings.license ? "community" : settingsStore.settings.license.environment === "production" ? "enterprise (production)" : "enterprise (sandbox)"
+		};
+		if (!skipSensitive) return {
+			...info,
+			consumerId: !skipSensitive ? settingsStore.consumerId : void 0
+		};
+		return info;
+	};
+	const storageInfo = () => {
+		return {
+			success: settingsStore.saveDataSuccessExecution,
+			error: settingsStore.saveDataErrorExecution,
+			progress: settingsStore.saveDataProgressExecution,
+			manual: settingsStore.saveManualExecutions,
+			binaryMode: settingsStore.binaryDataMode === "default" ? "memory" : settingsStore.binaryDataMode
+		};
+	};
+	const pruningInfo = () => {
+		if (!settingsStore.pruning?.isEnabled) return { enabled: false };
+		return {
+			enabled: true,
+			maxAge: `${settingsStore.pruning?.maxAge} hours`,
+			maxCount: `${settingsStore.pruning?.maxCount} executions`
+		};
+	};
+	const securityInfo = () => {
+		const info = {};
+		if (!settingsStore.security.blockFileAccessToN8nFiles) info.blockFileAccessToN8nFiles = false;
+		if (!settingsStore.security.secureCookie) info.secureCookie = false;
+		if (Object.keys(info).length === 0) return;
+		return info;
+	};
+	const client = () => {
+		return {
+			userAgent,
+			isTouchDevice
+		};
+	};
+	const gatherDebugInfo = (skipSensitive) => {
+		const debugInfo = {
+			core: coreInfo(skipSensitive),
+			storage: storageInfo(),
+			pruning: pruningInfo(),
+			client: client()
+		};
+		const security = securityInfo();
+		if (security) debugInfo.security = security;
+		return debugInfo;
+	};
+	const toMarkdown = (debugInfo, { secondaryHeader }) => {
+		const extraLevel = secondaryHeader ? "#" : "";
+		let markdown = `${extraLevel}# Debug info\n\n`;
+		for (const sectionKey in debugInfo) {
+			markdown += `${extraLevel}## ${sectionKey}\n\n`;
+			const section = debugInfo[sectionKey];
+			if (!section) continue;
+			for (const itemKey in section) {
+				const itemValue = section[itemKey];
+				markdown += `- ${itemKey}: ${itemValue}\n`;
+			}
+			markdown += "\n";
+		}
+		return markdown;
+	};
+	const appendTimestamp = (markdown) => {
+		return `${markdown}Generated at: ${(/* @__PURE__ */ new Date()).toISOString()}`;
+	};
+	const generateDebugInfo = ({ skipSensitive, secondaryHeader } = {}) => {
+		return appendTimestamp(toMarkdown(gatherDebugInfo(skipSensitive), { secondaryHeader }));
+	};
+	return { generateDebugInfo };
+}
+const EXTERNAL_LINKS = {
+	QUICKSTART_VIDEO: "https://www.youtube.com/watch?v=4cQWJViybAQ",
+	DOCUMENTATION: "https://docs.n8n.io?utm_source=n8n_app&utm_medium=app_sidebar",
+	FORUM: "https://community.n8n.io?utm_source=n8n_app&utm_medium=app_sidebar",
+	COURSES: "https://docs.n8n.io/courses/"
+};
+var BASE_FORUM_URL = "https://github.com/n8n-io/n8n/issues/new?labels=bug-report";
+var REPORT_TEMPLATE = `
+<!-- Please follow the template below. Skip the questions that are not relevant to you. -->
+
+## Describe the problem/error/question
+
+
+## What is the error message (if any)?
+
+
+## Please share your workflow/screenshots/recording
+
+\`\`\`
+(Select the nodes on your canvas and use the keyboard shortcuts CMD+C/CTRL+C and CMD+V/CTRL+V to copy and paste the workflow.)
+⚠️ WARNING ⚠️ If you have sensitive data in your workflow (like API keys), please remove it before sharing.
+\`\`\`
+
+
+## Share the output returned by the last node
+<!-- If you need help with data transformations, please also share your expected output. -->
+
+`;
+function useBugReporting() {
+	const debugInfo = useDebugInfo();
+	const getReportingURL = () => {
+		const url = new URL(BASE_FORUM_URL);
+		const report = `${REPORT_TEMPLATE}\n${debugInfo.generateDebugInfo({
+			skipSensitive: true,
+			secondaryHeader: true
+		})}}`;
+		url.searchParams.append("body", report);
+		return url.toString();
+	};
+	return { getReportingURL };
+}
+export { EXTERNAL_LINKS as n, useDebugInfo as r, useBugReporting as t };

package/dist/assets/useCalloutHelpers-Cwtyxtsm.js

@@ -0,0 +1,80 @@
+import { C as computed } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { v as useRoute, y as useRouter } from "./truncate-BrM_9cme.js";
+import { C as useNodeTypesStore, G as getSampleWorkflowByTemplateId, H as SampleTemplates, K as getTutorialTemplates, Mt as useTelemetry, W as getRagStarterWorkflowJson, ps as updateCurrentUserSettings, q as isTutorialTemplateId, s as useWorkflowsStore, t as useUsersStore, zt as useProjectsStore } from "./users.store-KBMG-745.js";
+import { zo as VIEWS } from "./constants-CRdXn3zB.js";
+import { r as useRootStore } from "./_baseOrderBy-Cy5MGJv_.js";
+function useCalloutHelpers() {
+	const route = useRoute();
+	const router = useRouter();
+	const telemetry = useTelemetry();
+	const rootStore = useRootStore();
+	const workflowsStore = useWorkflowsStore();
+	const usersStore = useUsersStore();
+	const nodeTypesStore = useNodeTypesStore();
+	const projectsStore = useProjectsStore();
+	const isRagStarterCalloutVisible = computed(() => {
+		const template = getRagStarterWorkflowJson();
+		const routeTemplateId = route.query.templateId;
+		const workflowObject = workflowsStore.workflowObject;
+		const workflow = workflowsStore.getWorkflowById(workflowObject.id);
+		if ((routeTemplateId ?? workflow?.meta?.templateId) === template.meta.templateId) return false;
+		return true;
+	});
+	const getTutorialTemplatesNodeCreatorItems = () => {
+		return getTutorialTemplates().map((template) => {
+			return {
+				key: template.template.meta.templateId,
+				type: "openTemplate",
+				properties: {
+					templateId: template.template.meta.templateId,
+					title: template.name,
+					description: template.description,
+					nodes: template.nodes.flatMap((node) => {
+						const nodeType = nodeTypesStore.getNodeType(node.name, node.version);
+						if (!nodeType) return [];
+						return nodeType;
+					})
+				}
+			};
+		});
+	};
+	const openSampleWorkflowTemplate = (templateId, options) => {
+		if (templateId === SampleTemplates.RagStarterTemplate) telemetry.track("User clicked on RAG callout", { node_type: options.telemetry.nodeType ?? null });
+		else if (isTutorialTemplateId(templateId)) telemetry.track("User inserted tutorial template", {
+			template: templateId,
+			source: options.telemetry.source,
+			node_type: options.telemetry.nodeType ?? null,
+			section: options.telemetry.section ?? null
+		});
+		const template = getSampleWorkflowByTemplateId(templateId);
+		if (!template) return;
+		const { href } = router.resolve({
+			name: VIEWS.TEMPLATE_IMPORT,
+			params: { id: template.meta.templateId },
+			query: {
+				fromJson: "true",
+				parentFolderId: route.params.folderId,
+				projectId: projectsStore.currentProjectId
+			}
+		});
+		window.open(href, "_blank");
+	};
+	const isCalloutDismissed = (callout) => {
+		return usersStore.isCalloutDismissed(callout);
+	};
+	const dismissCallout = async (callout) => {
+		usersStore.setCalloutDismissed(callout);
+		await updateCurrentUserSettings(rootStore.restApiContext, { dismissedCallouts: {
+			...usersStore.currentUser?.settings?.dismissedCallouts,
+			[callout]: true
+		} });
+	};
+	return {
+		openSampleWorkflowTemplate,
+		getTutorialTemplatesNodeCreatorItems,
+		isRagStarterCalloutVisible,
+		isCalloutDismissed,
+		dismissCallout
+	};
+}
+export { useCalloutHelpers as t };

package/dist/assets/{useCanvasOperations-BttAaAbZ.js → useCanvasOperations-DY9_Vcrs.js}

@@ -1,14 +1,15 @@
-import { o as __toESM, t as __commonJSMin } from "./chunk-6z4oVpB-.js";
-import { C as computed, G as nextTick, It as ref, zt as shallowRef } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { M as useLocalStorage, S as useClipboard, _t as useI18n } from "./_MapCache-ficiegRb.js";
-import { T as createEventBus, v as useRoute, y as useRouter } from "./truncate-B1HVeveJ.js";
-import { B as PUSH_NODES_OFFSET, Gi as isPresent, Gn as useNodeHelpers, H as doRectsOverlap, I as CONFIGURATION_NODE_SIZE, J as getNewNodePosition, Kn as injectWorkflowState, L as DEFAULT_NODE_SIZE, M as useNDVStore, N as useWorkflowsStore, Nt as useNodeTypesStore, O as useTelemetry, P as CONFIGURABLE_NODE_SIZE, Qr as AddNodeCommand, R as DEFAULT_VIEWPORT_BOUNDARIES, Rn as useWorkflowHelpers, U as generateOffsets, Ur as isValidNodeConnectionType, Vn as useTagsStore, X as getNodesGroupSize, Xi as tryToParseNumber, Xn as useProjectsStore, Xr as useHistoryStore, Yr as CanvasNodeRenderType, Zr as AddConnectionCommand, ai as RenameNodeCommand, b as useExternalHooks, c as useTemplatesStore, fs as v4_default, gn as useCredentialsStore, gr as useCanvasStore, gs as useSettingsStore, ii as RemoveNodeCommand, j as usePostHog, kt as getExecutionErrorToastConfiguration, ni as MoveNodeCommand, oa as useUIStore, oi as ReplaceNodeParametersCommand, qn as useWorkflowState, qr as CanvasConnectionMode, r as useFocusPanelStore, ri as RemoveConnectionCommand, v as useToast, xn as useDataSchema, xt as isChatNode, z as GRID_SIZE } from "./builder.store-CgMqPgnW.js";
-import { $i as getNodeInputs, Bo as VIEWS, Da as isCommunityPackageName, Dn as MCP_TRIGGER_NODE_TYPE, Ea as deepCopy, Fs as LOCAL_STORAGE_LOGS_PANEL_DETAILS_PANEL, Ga as NodeConnectionTypes, Is as LOCAL_STORAGE_LOGS_PANEL_DETAILS_PANEL_SUB_NODE, Ls as LOCAL_STORAGE_LOGS_PANEL_OPEN, Oi as require__baseUniq, Qi as getConnectionTypes, Rs as LOCAL_STORAGE_LOGS_SYNC_SELECTION, Sc as EnterpriseEditionFeature, Yi as generateNodesGraph, ea as getNodeOutputs, hr as WEBHOOK_NODE_TYPE, lc as CANVAS_ZOOMED_VIEW_EXPERIMENT, oa as getSubworkflowId, pc as NDV_IN_FOCUS_PANEL_EXPERIMENT, pr as UPDATE_WEBHOOK_ID_NODE_TYPES, sr as STICKY_NODE_TYPE, ta as getNodeParameters, un as FORM_TRIGGER_NODE_TYPE, yi as require_cloneDeep } from "./constants-B5yiZflE.js";
-import { k as defineStore, r as useRootStore } from "./_baseOrderBy-DwurmLcj.js";
-import { t as useExecutionsStore } from "./executions.store-BjQUzT_w.js";
-import { t as usePinnedData } from "./usePinnedData-B88__knO.js";
-import { a as mapCanvasConnectionToLegacyConnection, l as parseCanvasConnectionHandleString, o as mapLegacyConnectionToCanvasConnection, r as createCanvasConnectionHandleString, s as mapLegacyConnectionsToCanvasConnections, t as useNodeCreatorStore } from "./nodeCreator.store-CXJtK_5o.js";
-import { t as useFoldersStore } from "./folders.store-BqKf5TBS.js";
+import { o as __toESM, t as __commonJSMin } from "./chunk-r2Y0G7H8.js";
+import { C as computed, G as nextTick, It as ref, zt as shallowRef } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { M as useLocalStorage, S as useClipboard, _t as useI18n } from "./_MapCache-DkLivSSb.js";
+import { T as createEventBus, v as useRoute, y as useRouter } from "./truncate-BrM_9cme.js";
+import { $i as tryToParseNumber, $r as useHistoryStore, An as getNodesGroupSize, C as useNodeTypesStore, Cn as generateOffsets, Dr as v4_default, Dt as useTagsStore, Ft as useNDVStore, It as injectWorkflowState, Ji as isPresent, Kr as isValidNodeConnectionType, Lt as useWorkflowState, Mt as useTelemetry, On as getNewNodePosition, Qr as CanvasNodeRenderType, Sn as doRectsOverlap, Sr as useExternalHooks, Xr as CanvasConnectionMode, _n as DEFAULT_NODE_SIZE, ai as MoveNodeCommand, bn as PUSH_NODES_OFFSET, br as useToast, ci as RenameNodeCommand, cn as useFocusPanelStore, d as isChatNode, ei as AddConnectionCommand, gn as CONFIGURATION_NODE_SIZE, jt as useNodeHelpers, li as ReplaceNodeParametersCommand, ls as useSettingsStore, mn as CONFIGURABLE_NODE_SIZE, nt as useCredentialsStore, oi as RemoveConnectionCommand, pn as useTemplatesStore, pr as useCanvasStore, r as useUIStore, s as useWorkflowsStore, si as RemoveNodeCommand, st as useDataSchema, ti as AddNodeCommand, vn as DEFAULT_VIEWPORT_BOUNDARIES, wr as usePostHog, wt as useWorkflowHelpers, y as getExecutionErrorToastConfiguration, yn as GRID_SIZE, zt as useProjectsStore } from "./users.store-KBMG-745.js";
+import { $i as getNodeParameters, Ea as isCommunityPackageName, En as MCP_TRIGGER_NODE_TYPE, Fs as LOCAL_STORAGE_LOGS_PANEL_OPEN, Is as LOCAL_STORAGE_LOGS_SYNC_SELECTION, Ns as LOCAL_STORAGE_LOGS_PANEL_DETAILS_PANEL, Oi as require__baseUniq, Ps as LOCAL_STORAGE_LOGS_PANEL_DETAILS_PANEL_SUB_NODE, Qi as getNodeOutputs, Ta as deepCopy, Wa as NodeConnectionTypes, Xi as getConnectionTypes, Zi as getNodeInputs, bc as EnterpriseEditionFeature, dc as NDV_IN_FOCUS_PANEL_EXPERIMENT, hr as WEBHOOK_NODE_TYPE, ia as getSubworkflowId, ln as FORM_TRIGGER_NODE_TYPE, pr as UPDATE_WEBHOOK_ID_NODE_TYPES, qi as generateNodesGraph, sc as CANVAS_ZOOMED_VIEW_EXPERIMENT, sr as STICKY_NODE_TYPE, yi as require_cloneDeep, zo as VIEWS } from "./constants-CRdXn3zB.js";
+import { k as defineStore, r as useRootStore } from "./_baseOrderBy-Cy5MGJv_.js";
+import { t as useExecutionsStore } from "./executions.store-D1BMCixf.js";
+import { t as usePinnedData } from "./usePinnedData-BFTyeyJG.js";
+import { t as useNodeCreatorStore } from "./nodeCreator.store-BL_XgPCV.js";
+import { a as mapLegacyConnectionToCanvasConnection, c as parseCanvasConnectionHandleString, i as mapCanvasConnectionToLegacyConnection, n as createCanvasConnectionHandleString, o as mapLegacyConnectionsToCanvasConnections } from "./canvas.utils-6yT3qDz5.js";
+import { t as useFoldersStore } from "./folders.store-DHmLGEYl.js";
 function useUniqueNodeName() {
 	function numberSuffixedNames() {
 		return useNodeTypesStore().allNodeTypes.reduce((acc, nodeType) => {
@@ -296,8 +297,8 @@ function useParentFolder() {
 	};
 	return { fetchAndSetParentFolder };
 }
-var import_cloneDeep = /* @__PURE__ */ __toESM(require_cloneDeep());
-var import_uniq = /* @__PURE__ */ __toESM(require_uniq());
+var import_cloneDeep = /* @__PURE__ */ __toESM(require_cloneDeep(), 1);
+var import_uniq = /* @__PURE__ */ __toESM(require_uniq(), 1);
 function useCanvasOperations() {
 	const rootStore = useRootStore();
 	const workflowsStore = useWorkflowsStore();
@@ -486,7 +487,7 @@ function useCanvasOperations() {
 	}
 	function revertDeleteNode(node) {
 		workflowsStore.addNode(node);
-		uiStore.stateIsDirty = true;
+		uiStore.markStateDirty();
 	}
 	function trackDeleteNode(id) {
 		const node = workflowsStore.getNodeById(id);
@@ -607,7 +608,7 @@ function useCanvasOperations() {
 			outputs: []
 		};
 	}
-	async function addNodes(nodes, { viewport,...options } = {}) {
+	async function addNodes(nodes, { viewport, ...options } = {}) {
 		let insertPosition = options.position;
 		let lastAddedNode;
 		const addedNodes = [];
@@ -621,7 +622,7 @@ function useCanvasOperations() {
 		await loadNodeTypesProperties(nodesWithTypeVersion);
 		if (options.trackHistory && options.trackBulk) historyStore.startRecordingUndo();
 		for (const [index, nodeAddData] of nodesWithTypeVersion.entries()) {
-			const { isAutoAdd, openDetail: openNDV, actionName, positionOffset,...node } = nodeAddData;
+			const { isAutoAdd, openDetail: openNDV, actionName, positionOffset, ...node } = nodeAddData;
 			const rawPosition = node.position ?? insertPosition;
 			const position = rawPosition && positionOffset ? [rawPosition[0] + positionOffset[0], rawPosition[1] + positionOffset[1]] : rawPosition;
 			const nodeTypeDescription = requireNodeTypeDescription(node.type, node.typeVersion);
@@ -647,7 +648,7 @@ function useCanvasOperations() {
 		}
 		if (lastAddedNode) updatePositionForNodeWithMultipleInputs(lastAddedNode);
 		if (options.trackHistory && options.trackBulk) historyStore.stopRecordingUndo();
-		if (!options.keepPristine) uiStore.stateIsDirty = true;
+		if (!options.keepPristine) uiStore.markStateDirty();
 		return addedNodes;
 	}
 	function updatePositionForNodeWithMultipleInputs(node) {
@@ -675,7 +676,7 @@ function useCanvasOperations() {
 		if (options.trackHistory) historyStore.pushCommandToUndo(new AddNodeCommand(nodeData, Date.now()));
 		if (!options.isAutoAdd) createConnectionToLastInteractedWithNode(nodeData, options);
 		nextTick(() => {
-			if (!options.keepPristine) uiStore.stateIsDirty = true;
+			if (!options.keepPristine) uiStore.markStateDirty();
 			workflowsStore.setNodePristine(nodeData.name, true);
 			nodeHelpers.matchCredentials(nodeData);
 			nodeHelpers.updateNodeParameterIssues(nodeData);
@@ -1026,7 +1027,7 @@ function useCanvasOperations() {
 			nodeHelpers.updateNodeInputIssues(sourceNode);
 			nodeHelpers.updateNodeInputIssues(targetNode);
 		});
-		if (!keepPristine) uiStore.stateIsDirty = true;
+		if (!keepPristine) uiStore.markStateDirty();
 	}
 	function revertCreateConnection(connection) {
 		const sourceNodeName = connection[0].node;
@@ -1166,7 +1167,7 @@ function useCanvasOperations() {
 			keepPristine
 		});
 		if (trackBulk && trackHistory) historyStore.stopRecordingUndo();
-		if (!keepPristine) uiStore.stateIsDirty = true;
+		if (!keepPristine) uiStore.markStateDirty();
 	}
 	function resetWorkspace() {
 		nodeCreatorStore.setNodeCreatorState({ createNodeActive: false });
@@ -1180,7 +1181,7 @@ function useCanvasOperations() {
 		workflowState.setActiveExecutionId(void 0);
 		workflowsStore.lastSuccessfulExecution = null;
 		uiStore.resetLastInteractedWith();
-		uiStore.stateIsDirty = false;
+		uiStore.markStateClean();
 		executionsStore.activeExecution = null;
 		nodeHelpers.credentialsUpdated.value = false;
 	}
@@ -1296,14 +1297,17 @@ function useCanvasOperations() {
 		await addNodes(Object.values(tempWorkflow.nodes), {
 			trackBulk: false,
 			trackHistory,
-			viewport
+			viewport,
+			keepPristine: true
 		});
 		await addConnections(mapLegacyConnectionsToCanvasConnections(tempWorkflow.connectionsBySourceNode, Object.values(tempWorkflow.nodes)), {
 			trackBulk: false,
-			trackHistory
+			trackHistory,
+			keepPristine: true
 		});
 		if (trackBulk && trackHistory) historyStore.stopRecordingUndo();
-		uiStore.stateIsDirty = setStateDirty;
+		if (setStateDirty) uiStore.markStateDirty();
+		else uiStore.markStateClean();
 		return {
 			nodes: Object.values(tempWorkflow.nodes),
 			connections: tempWorkflow.connectionsBySourceNode
@@ -1402,7 +1406,7 @@ function useCanvasOperations() {
 			if (tag) accu.push(tag.id);
 			return accu;
 		}, []);
-		workflowsStore.addWorkflowTagIds(tagIds);
+		workflowState.addWorkflowTagIds(tagIds);
 	}
 	async function fetchWorkflowDataFromUrl(url) {
 		let workflowData;
@@ -1507,13 +1511,13 @@ function useCanvasOperations() {
 		}
 		await initializeWorkspace(data.workflowData);
 		workflowState.setWorkflowExecutionData(data);
-		if (!["manual", "evaluation"].includes(data.mode)) workflowsStore.setWorkflowPinData({});
+		if (!["manual", "evaluation"].includes(data.mode)) workflowState.setWorkflowPinData({});
 		if (nodeId) {
 			const node = workflowsStore.getNodeById(nodeId);
 			if (node) ndvStore.setActiveNodeName(node.name, "other");
 			else toast.showError(/* @__PURE__ */ new Error(`Node with id "${nodeId}" could not be found!`), i18n.baseText("nodeView.showError.openExecution.node"));
 		}
-		uiStore.stateIsDirty = false;
+		uiStore.markStateClean();
 		return data;
 	}
 	function startChat(source) {
@@ -1535,7 +1539,7 @@ function useCanvasOperations() {
 		if (workflow.connections) workflowsStore.setConnections(workflow.connections);
 		await addNodes(convertedNodes ?? []);
 		await workflowState.getNewWorkflowDataAndMakeShareable(name, projectsStore.currentProjectId);
-		workflowsStore.addToWorkflowMetadata({ templateId: `${id}` });
+		workflowState.addToWorkflowMetadata({ templateId: `${id}` });
 	}
 	function tryToOpenSubworkflowInNewTab(nodeId) {
 		const node = workflowsStore.getNodeById(nodeId);
@@ -1563,10 +1567,10 @@ function useCanvasOperations() {
 			trackHistory,
 			trackBulk: false
 		});
-		uiStore.stateIsDirty = true;
+		uiStore.markStateDirty();
 		if (trackHistory && trackBulk) historyStore.stopRecordingUndo();
 	}
-	async function addNodesAndConnections(nodes, addedConnections, { trackBulk = true, trackHistory = true,...options }) {
+	async function addNodesAndConnections(nodes, addedConnections, { trackBulk = true, trackHistory = true, ...options }) {
 		if (trackHistory && trackBulk) historyStore.startRecordingUndo();
 		const addedNodes = await addNodes(nodes, {
 			...options,
@@ -1656,7 +1660,7 @@ function useCanvasOperations() {
 			workflow: data.workflow
 		});
 		if (typeof route.params.name === "string") workflowState.setWorkflowId(route.params.name);
-		uiStore.stateIsDirty = true;
+		uiStore.markStateDirty();
 		canvasStore.stopLoading();
 		externalHooks.run("template.open", {
 			templateId,
@@ -1694,7 +1698,7 @@ function useCanvasOperations() {
 			name: workflow.name,
 			workflow
 		});
-		uiStore.stateIsDirty = true;
+		uiStore.markStateDirty();
 		canvasStore.stopLoading();
 		fitView();
 	}

package/dist/assets/{useClipboard-CurFa2Dj.js → useClipboard-B8OKhRbY.js}

@@ -1,6 +1,6 @@
-import { It as ref, J as onBeforeUnmount, Z as onMounted, z as inject } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { S as useClipboard, at as useThrottleFn } from "./_MapCache-ficiegRb.js";
-import { rc as PopOutWindowKey } from "./constants-B5yiZflE.js";
+import { It as ref, J as onBeforeUnmount, Z as onMounted, z as inject } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { S as useClipboard, at as useThrottleFn } from "./_MapCache-DkLivSSb.js";
+import { tc as PopOutWindowKey } from "./constants-CRdXn3zB.js";
 function useClipboard$1({ onPaste: onPasteFn = () => {} } = {}) {
 	const { copy, copied, isSupported, text } = useClipboard({
 		navigator: inject(PopOutWindowKey, ref())?.value?.navigator ?? window.navigator,

package/dist/assets/{useCredentialResolvers-CJPbKnJV.js → useCredentialResolvers-CCUEZ5V2.js}

@@ -1,8 +1,8 @@
-import { It as ref } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _t as useI18n } from "./_MapCache-ficiegRb.js";
-import { dc as getCredentialResolverTypes, fc as getCredentialResolvers, lc as deleteCredentialResolver, m as useMessage, oa as useUIStore, v as useToast } from "./builder.store-CgMqPgnW.js";
-import { Ko as CREDENTIAL_RESOLVER_EDIT_MODAL_KEY, as as MODAL_CONFIRM } from "./constants-B5yiZflE.js";
-import { r as useRootStore } from "./_baseOrderBy-DwurmLcj.js";
+import { It as ref } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { _t as useI18n } from "./_MapCache-DkLivSSb.js";
+import { br as useToast, gr as useMessage, ic as getCredentialResolvers, r as useUIStore, rc as getCredentialResolverTypes, tc as deleteCredentialResolver } from "./users.store-KBMG-745.js";
+import { Go as CREDENTIAL_RESOLVER_EDIT_MODAL_KEY, is as MODAL_CONFIRM } from "./constants-CRdXn3zB.js";
+import { r as useRootStore } from "./_baseOrderBy-Cy5MGJv_.js";
 function useCredentialResolvers() {
 	const rootStore = useRootStore();
 	const uiStore = useUIStore();

package/dist/assets/{useCustomAgent-tUoLIUar.css → useCustomAgent-D8Sw5vcC.css}

@@ -120,36 +120,59 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._component_1rkhd_123 .el-popper {
-  /* Enforce via text truncation instead */
-  max-width: unset !important;
+._component_1dq81_123 {
+  z-index: var(--floating-ui--z);
+  width: auto !important;
 }
-._dropdownButton_1rkhd_128 {
+._dropdownButton_1dq81_128 {
   display: flex;
   align-items: center;
   gap: var(--spacing--xs);
+  width: -moz-fit-content;
+  width: fit-content;
   /* disable underline */
   text-decoration: none !important;
 }
-._credentialsMissingIcon_1rkhd_136 {
+._credentialsMissingIcon_1dq81_137 {
   display: inline-block;
   margin-bottom: -1px;
 }
-._selected_1rkhd_141 {
+._selected_1dq81_142 {
   display: flex;
   flex-direction: column;
   align-items: start;
   gap: var(--spacing--4xs);
 }
-._icon_1rkhd_148 {
+._icon_1dq81_149 {
   flex-shrink: 0;
   margin-block: -4px;
 }
-._menuIcon_1rkhd_153 {
+._infoIcon_1dq81_154,
+._menuIcon_1dq81_155 {
   flex-shrink: 0;
 }
-._avatarIcon_1rkhd_157 {
+._infoIcon_1dq81_154 {
+  margin-inline: var(--spacing--5xs);
+}
+._avatarIcon_1dq81_163 {
   margin-right: var(--spacing--2xs);
+}
+._tooltip_1dq81_167 {
+  /* higher than dropdown submenu */
+  z-index: 1000999 !important;
+}
+._flattenedLabel_1dq81_172 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing--4xs);
+  overflow: hidden;
+  flex-grow: 1;
+  white-space: nowrap;
+}
+._separator_1dq81_181 {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
 }/* BEM support Func
  -------------------------- */
 /* Transition