n8n-editor-ui 1.121.1 → 1.121.3-exp.0

package/dist/assets/{WorkflowsView-BQG6YYY9.js → WorkflowsView-D3BqIVmr.js}

@@ -1,20 +1,20 @@
 import { o as __toESM } from "./chunk-6z4oVpB-.js";
 import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, J as onBeforeUnmount, M as createVNode, Nt as onScopeDispose, P as defineComponent, Sn as toDisplayString, T as createBlock, Z as onMounted, _ as Fragment, _n as normalizeClass, _t as watch, at as renderSlot, bt as withCtx, et as openBlock, h as withModifiers, it as renderList, j as createTextVNode, k as createSlots, mt as useTemplateRef, ot as resolveComponent, p as vShow, w as createBaseVNode, xt as withDirectives } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
 import { gt as useI18n } from "./_MapCache-YY5H5Elo.js";
-import { Bn as N8nIcon_default, F as N8nInfoTip_default, Fn as N8nHeading_default, G as N8nSelect_default, In as N8nCallout_default, K as N8nOption_default, Ln as N8nText_default, Ot as N8nActionBox_default, Rn as N8nButton_default, X as N8nInputLabel_default, Y as N8nCheckbox_default, Z as N8nCard_default, a as N8nInlineTextEdit_default, at as N8nBadge_default, c as N8nBreadcrumbs_default, et as N8nActionToggle_default, h as N8nTags_default, ht as N8nLink_default, tt as N8nLoading_default, yt as N8nTooltip_default } from "./src-Buvkhayk.js";
+import { Bn as N8nIcon_default, F as N8nInfoTip_default, Fn as N8nHeading_default, G as N8nSelect_default, In as N8nCallout_default, K as N8nOption_default, Ln as N8nText_default, Ot as N8nActionBox_default, Rn as N8nButton_default, X as N8nInputLabel_default, Y as N8nCheckbox_default, Z as N8nCard_default, a as N8nInlineTextEdit_default, at as N8nBadge_default, c as N8nBreadcrumbs_default, et as N8nActionToggle_default, h as N8nTags_default, ht as N8nLink_default, tt as N8nLoading_default, yt as N8nTooltip_default, zn as N8nSpinner_default } from "./src-BVivsRgW.js";
 import "./en-DicIYhdb.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, x as createEventBus, y as useRoute } from "./truncate-Ck6UaU_n.js";
 import "./icon-DH_JWezv.js";
-import "./overlay-0lv-SpjZ.js";
+import "./overlay-BdWVY4Ta.js";
 import "./empty-BuGRxzl4.js";
-import { t as useMessage } from "./useMessage-DBkwvnAk.js";
+import { t as useMessage } from "./useMessage-DNQ4LcXc.js";
 import { Bo as useSettingsStore, Dn as useSourceControlStore, En as useProjectsStore, Ir as ResourceType, Ji as FOLDER_LIST_ITEM_ACTIONS, Ni as useUIStore, On as ProjectTypes, Qi as ILLEGAL_FOLDER_CHARACTERS, Tn as useDocumentTitle, Tt as getEasyAiWorkflowJson, Wi as PROJECT_MOVE_RESOURCE_MODAL, Xi as FOLDER_NAME_MAX_LENGTH, Yi as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, Zi as FOLDER_NAME_ONLY_DOTS_REGEX, _n as useTagsStore, ac as STORES, er as useUsersStore, i as usePostHog, ko as COMMUNITY_PLUS_ENROLLMENT_MODAL, o as useWorkflowsStore, rt as useNodeTypesStore, t as useTelemetry, zo as useStorage } from "./useTelemetry-BeI6sUZT.js";
 import { t as useToast } from "./useToast-BoMuAjRw.js";
 import "./sanitize-html-D_cgmpAf.js";
 import "./path-browserify-DsmB_HMK.js";
-import { Fo as DUPLICATE_MODAL_KEY, Io as EXPERIMENT_TEMPLATES_DATA_QUALITY_KEY, Lo as EXPERIMENT_TEMPLATE_RECO_V2_KEY, Na as PROJECT_ROOT, Oo as VIEWS, Ro as EXPERIMENT_TEMPLATE_RECO_V3_KEY, Xi as jsonParse, _r as getResourcePermissions, cs as WORKFLOW_SHARE_MODAL_KEY, ec as TEMPLATE_ONBOARDING_EXPERIMENT, hs as LOCAL_STORAGE_EXPERIMENTAL_DISMISSED_SUGGESTED_WORKFLOWS, nc as EnterpriseEditionFeature, qo as MODAL_CONFIRM, r as DEFAULT_WORKFLOW_PAGE_SIZE } from "./constants-pWZn2DpD.js";
+import { Fo as DUPLICATE_MODAL_KEY, Lo as EXPERIMENT_TEMPLATE_RECO_V2_KEY, Na as PROJECT_ROOT, Oo as VIEWS, Ro as EXPERIMENT_TEMPLATE_RECO_V3_KEY, Xi as jsonParse, _r as getResourcePermissions, cs as WORKFLOW_SHARE_MODAL_KEY, ec as TEMPLATE_ONBOARDING_EXPERIMENT, hs as LOCAL_STORAGE_EXPERIMENTAL_DISMISSED_SUGGESTED_WORKFLOWS, nc as EnterpriseEditionFeature, qo as MODAL_CONFIRM, r as DEFAULT_WORKFLOW_PAGE_SIZE, w as TEMPLATES_URLS } from "./constants-pWZn2DpD.js";
 import "./merge-BmJ4zzsI.js";
 import { D as defineStore } from "./useRootStore-Ab0OGVtg.js";
 import { t as require_dateformat } from "./dateformat-hG8NERse.js";
@@ -23,43 +23,44 @@ import "./useExternalHooks-C-vdU9Vl.js";
 import "./useStyles-CBQs-v7u.js";
 import "./npsSurvey.store-DwsmH-on.js";
 import { t as useCloudPlanStore } from "./cloudPlan.store-lg1jOtcz.js";
-import { a as useTemplatesDataQualityStore, i as trackTemplatesClick, n as TemplateClickSource, r as isExtraTemplateLinksExperimentEnabled, t as useTemplatesStore } from "./templates.store-DAEmxsl6.js";
+import { a as useTemplatesDataQualityStore, t as useTemplatesStore } from "./templates.store-Drb2M2pQ.js";
 import "./focusPanel.store-DhUimei-.js";
-import "./useWorkflowSaving-qGoV5lOA.js";
-import { _ as useCalloutHelpers } from "./nodeCreator.store-4mEpn6Nr.js";
+import "./useWorkflowSaving-BzwdnDFy.js";
+import { _ as useCalloutHelpers } from "./nodeCreator.store-DcR5RApG.js";
 import "./nodeIcon-B8FgLCnT.js";
-import { t as useFoldersStore } from "./folders.store-la2X2Gb7.js";
-import { t as NodeIcon_default } from "./NodeIcon-DFUa_kyU.js";
-import "./ProjectIcon-CuTzu64a.js";
-import { t as ProjectCardBadge_default } from "./ProjectCardBadge-BV2t_y2J.js";
+import { t as useFoldersStore } from "./folders.store-CzZVz1Gf.js";
+import { t as NodeIcon_default } from "./NodeIcon-Cd7TKL2d.js";
+import "./ProjectIcon-aYzoNtGE.js";
+import { t as ProjectCardBadge_default } from "./ProjectCardBadge-DakBJZqs.js";
 import { t as useUsageStore } from "./usage.store-DJVTlzt2.js";
 import { t as Draggable_default } from "./Draggable-DBoaqTvx.js";
 import "./EnterpriseEdition.ee-D0s5eVkd.js";
 import { t as TimeAgo_default } from "./TimeAgo-DgKk8iyy.js";
 import "./orderBy-CnUrwtvJ.js";
-import "./ProjectSharing-CISrmPQ6.js";
-import "./TagsDropdown-BAj_Ki3G.js";
-import { t as WorkflowTagsDropdown_default } from "./WorkflowTagsDropdown-Da987S_G.js";
+import "./ProjectSharing-BhyjpVDg.js";
+import "./TagsDropdown-DvNmJZ1q.js";
+import { t as WorkflowTagsDropdown_default } from "./WorkflowTagsDropdown-oN4-ugPE.js";
 import { t as useInsightsStore } from "./insights.store-inpERh1K.js";
 import "./insights.constants-CMJXO2Wj.js";
 import "./insights.utils-BVZ5ZyQj.js";
 import "./mcp.constants-ByOe0VK7.js";
 import { t as useMcp } from "./useMcp-CXXb428d.js";
-import { n as usePersonalizedTemplatesV2Store, t as usePersonalizedTemplatesV3Store } from "./personalizedTemplatesV3.store-_iSYAhqF.js";
-import "./useWorkflowActivate-Bnovtkqo.js";
-import "./ProjectBreadcrumb-DZ_lHJbD.js";
-import { n as FolderBreadcrumbs_default, t as WorkflowActivator_default } from "./WorkflowActivator-BSCmRMkf.js";
-import { t as useAITemplatesStarterCollectionStore } from "./aiTemplatesStarterCollection.store-DEw8sd89.js";
-import { n as useProjectPages, t as useReadyToRunStore } from "./readyToRun.store-BJHCdZ1U.js";
-import { t as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-DgcEi1ya.js";
-import "./PageViewLayout-D7xl_SIa.js";
-import { t as EmptySharedSectionActionBox_default } from "./EmptySharedSectionActionBox-BK9lDMlF.js";
-import { t as ResourcesListLayout_default } from "./ResourcesListLayout-DMpEcOxq.js";
-import "./ResourceFiltersDropdown-Dw-IZbQ4.js";
-import { t as ProjectHeader_default } from "./ProjectHeader-DVb7YjHq.js";
-import { t as useMCPStore } from "./mcp.store-gZqpCPDy.js";
-import "./smartDecimal-DAZl4HKA.js";
-import { t as InsightsSummary_default } from "./InsightsSummary-DyZKu1Ns.js";
+import { n as usePersonalizedTemplatesV2Store, t as usePersonalizedTemplatesV3Store } from "./personalizedTemplatesV3.store-DtRMnzaC.js";
+import { t as TemplateCard_default } from "./TemplateCard-ABZA9BtS.js";
+import "./useWorkflowActivate-8_7V3oUy.js";
+import "./ProjectBreadcrumb-B4Cqo1-u.js";
+import { n as FolderBreadcrumbs_default, t as WorkflowActivator_default } from "./WorkflowActivator-DRumXpS-.js";
+import { t as useAITemplatesStarterCollectionStore } from "./aiTemplatesStarterCollection.store-4U3UET8-.js";
+import { n as useProjectPages, t as useReadyToRunStore } from "./readyToRun.store-CI5mKco0.js";
+import { t as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-D9qFpNa9.js";
+import "./PageViewLayout-9cP3Zjm9.js";
+import { t as EmptySharedSectionActionBox_default } from "./EmptySharedSectionActionBox-DaJGhrMI.js";
+import { t as ResourcesListLayout_default } from "./ResourcesListLayout-B8bhsh1u.js";
+import "./ResourceFiltersDropdown-BTOtbawr.js";
+import { t as ProjectHeader_default } from "./ProjectHeader-CZtoBNY3.js";
+import { t as useMCPStore } from "./mcp.store-8LibRDus.js";
+import "./smartDecimal-BitNC0jz.js";
+import { t as InsightsSummary_default } from "./InsightsSummary-BnnnSPhe.js";
 var _hoisted_1$5 = { "data-test-id": "folder-card" };
 var _hoisted_2$1 = { key: 0 };
 var FolderCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -817,12 +818,12 @@ function useAutoScrollOnDrag(options) {
 		}
 	};
 	const step = () => {
-		const container = options.container.value;
-		if (!container || scrollStep === 0) {
+		const container$1 = options.container.value;
+		if (!container$1 || scrollStep === 0) {
 			frameId = void 0;
 			return;
 		}
-		container.scrollBy({ top: scrollStep });
+		container$1.scrollBy({ top: scrollStep });
 		frameId = requestAnimationFrame(step);
 	};
 	const startScrolling = (delta) => {
@@ -830,17 +831,17 @@ function useAutoScrollOnDrag(options) {
 		frameId ??= requestAnimationFrame(step);
 	};
 	const handlePointerMove = (event) => {
-		const container = options.container.value;
-		if (!container) {
+		const container$1 = options.container.value;
+		if (!container$1) {
 			stopScrolling();
 			return;
 		}
-		const { scrollHeight, clientHeight } = container;
+		const { scrollHeight, clientHeight } = container$1;
 		if (scrollHeight <= clientHeight) {
 			stopScrolling();
 			return;
 		}
-		const rect = container.getBoundingClientRect();
+		const rect = container$1.getBoundingClientRect();
 		const pointerY = event.clientY;
 		let direction = 0;
 		let distanceIntoEdge = 0;
@@ -876,10 +877,10 @@ function useAutoScrollOnDrag(options) {
 	const removeListeners = () => {
 		window.removeEventListener("mousemove", handlePointerMove);
 	};
-	watch([options.isActive, options.container], ([isActive, container], _prev, onCleanup) => {
+	watch([options.isActive, options.container], ([isActive, container$1], _prev, onCleanup) => {
 		removeListeners();
 		stopScrolling();
-		if (isActive && container) addListeners();
+		if (isActive && container$1) addListeners();
 		onCleanup(() => {
 			removeListeners();
 			stopScrolling();
@@ -1333,6 +1334,65 @@ var TemplateRecommendationV3_vue_vue_type_script_setup_true_lang_default = /* @_
 });
 var TemplateRecommendationV3_vue_vue_type_style_index_0_lang_module_default = { nodeCardsContainer: "_nodeCardsContainer_ufnvi_123" };
 var TemplateRecommendationV3_default = /* @__PURE__ */ __plugin_vue_export_helper_default(TemplateRecommendationV3_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": TemplateRecommendationV3_vue_vue_type_style_index_0_lang_module_default }]]);
+var TemplatesDataQualityInlineSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TemplatesDataQualityInlineSection",
+	setup(__props) {
+		const locale = useI18n();
+		const templatesStore = useTemplatesDataQualityStore();
+		const templates = ref([]);
+		const isLoadingTemplates = ref(false);
+		onMounted(async () => {
+			isLoadingTemplates.value = true;
+			try {
+				templates.value = await templatesStore.loadExperimentTemplates();
+			} finally {
+				isLoadingTemplates.value = false;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", {
+				class: normalizeClass(_ctx.$style.container),
+				"data-test-id": "templates-data-quality-inline"
+			}, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createVNode(unref(N8nText_default), {
+				tag: "h2",
+				size: "large",
+				bold: true
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("workflows.empty.startWithTemplate")), 1)]),
+				_: 1
+			}), createVNode(unref(N8nLink_default), {
+				href: unref(TEMPLATES_URLS).BASE_WEBSITE_URL,
+				class: normalizeClass(_ctx.$style.allTemplatesLink)
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("workflows.templatesDataQuality.seeMoreTemplates")), 1)]),
+				_: 1
+			}, 8, ["href", "class"])], 2), isLoadingTemplates.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(_ctx.$style.loading)
+			}, [createVNode(unref(N8nSpinner_default), { size: "small" }), createVNode(unref(N8nText_default), { size: "small" }, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("workflows.templatesDataQuality.loadingTemplates")), 1)]),
+				_: 1
+			})], 2)) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(_ctx.$style.suggestions)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(templates.value, (template, index) => {
+				return openBlock(), createBlock(TemplateCard_default, {
+					key: template.id,
+					template,
+					"tile-number": index + 1
+				}, null, 8, ["template", "tile-number"]);
+			}), 128))], 2))], 2);
+		};
+	}
+});
+var TemplatesDataQualityInlineSection_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_1ksvw_123",
+	header: "_header_1ksvw_133",
+	allTemplatesLink: "_allTemplatesLink_1ksvw_141",
+	suggestions: "_suggestions_1ksvw_145",
+	loading: "_loading_1ksvw_152"
+};
+var TemplatesDataQualityInlineSection_default = /* @__PURE__ */ __plugin_vue_export_helper_default(TemplatesDataQualityInlineSection_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": TemplatesDataQualityInlineSection_vue_vue_type_style_index_0_lang_module_default }]]);
 var EmptyStateLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "EmptyStateLayout",
 	emits: ["click:add"],
@@ -1346,6 +1406,7 @@ var EmptyStateLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const sourceControlStore = useSourceControlStore();
 		const projectPages = useProjectPages();
 		const readyToRunStore = useReadyToRunStore();
+		const templatesDataQualityStore = useTemplatesDataQualityStore();
 		const isLoadingReadyToRun = ref(false);
 		const currentUser = computed(() => usersStore.currentUser ?? {});
 		const personalProject = computed(() => projectsStore.personalProject);
@@ -1361,6 +1422,9 @@ var EmptyStateLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const showReadyToRunCard = computed(() => {
 			return isLoadingReadyToRun.value || readyToRunStore.getCardVisibility(projectPermissions.value.workflow.create, readOnlyEnv.value);
 		});
+		const showTemplatesDataQualityInline = computed(() => {
+			return templatesDataQualityStore.isFeatureEnabled() && !readOnlyEnv.value && projectPermissions.value.workflow.create;
+		});
 		const handleReadyToRunClick = async () => {
 			if (isLoadingReadyToRun.value) return;
 			isLoadingReadyToRun.value = true;
@@ -1376,82 +1440,86 @@ var EmptyStateLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			emit("click:add");
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.emptyStateLayout) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.welcome) }, [createVNode(unref(N8nHeading_default), {
-				tag: "h1",
-				size: "2xlarge",
-				class: normalizeClass(_ctx.$style.welcomeTitle)
-			}, {
-				default: withCtx(() => [createTextVNode(toDisplayString(currentUser.value.firstName ? unref(i18n).baseText("workflows.empty.heading", { interpolate: { name: currentUser.value.firstName } }) : unref(i18n).baseText("workflows.empty.heading.userNotSetup")), 1)]),
-				_: 1
-			}, 8, ["class"]), createVNode(unref(N8nText_default), {
-				size: "large",
-				color: "text-base",
-				class: normalizeClass(_ctx.$style.welcomeDescription)
-			}, {
-				default: withCtx(() => [createTextVNode(toDisplayString(emptyListDescription.value), 1)]),
-				_: 1
-			}, 8, ["class"])], 2), !readOnlyEnv.value && projectPermissions.value.workflow.create ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(_ctx.$style.actionsContainer)
-			}, [showReadyToRunCard.value ? (openBlock(), createBlock(unref(N8nCard_default), {
-				key: 0,
-				class: normalizeClass([_ctx.$style.actionCard, { [_ctx.$style.loading]: isLoadingReadyToRun.value }]),
-				hoverable: !isLoadingReadyToRun.value,
-				"data-test-id": "ready-to-run-card",
-				onClick: handleReadyToRunClick
-			}, {
-				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.cardContent) }, [createVNode(unref(N8nIcon_default), {
-					class: normalizeClass(_ctx.$style.cardIcon),
-					icon: isLoadingReadyToRun.value ? "spinner" : "sparkles",
-					color: "foreground-dark",
-					"stroke-width": 1.5,
-					spin: isLoadingReadyToRun.value
-				}, null, 8, [
-					"class",
-					"icon",
-					"spin"
-				]), createVNode(unref(N8nText_default), {
-					size: "large",
-					class: "mt-xs"
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.emptyStateLayout) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.content) }, [
+				createBaseVNode("div", { class: normalizeClass(_ctx.$style.welcome) }, [createVNode(unref(N8nHeading_default), {
+					tag: "h1",
+					size: "2xlarge",
+					class: normalizeClass(_ctx.$style.welcomeTitle)
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("workflows.empty.readyToRun")), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(currentUser.value.firstName ? unref(i18n).baseText("workflows.empty.heading", { interpolate: { name: currentUser.value.firstName } }) : unref(i18n).baseText("workflows.empty.heading.userNotSetup")), 1)]),
 					_: 1
-				})], 2)]),
-				_: 1
-			}, 8, ["class", "hoverable"])) : createCommentVNode("", true), createVNode(unref(N8nCard_default), {
-				class: normalizeClass(_ctx.$style.actionCard),
-				hoverable: "",
-				"data-test-id": "new-workflow-card",
-				onClick: addWorkflow
-			}, {
-				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.cardContent) }, [createVNode(unref(N8nIcon_default), {
-					class: normalizeClass(_ctx.$style.cardIcon),
-					icon: "file",
-					color: "foreground-dark",
-					"stroke-width": 1.5
-				}, null, 8, ["class"]), createVNode(unref(N8nText_default), {
+				}, 8, ["class"]), createVNode(unref(N8nText_default), {
 					size: "large",
-					class: "mt-xs"
+					color: "text-base",
+					class: normalizeClass(_ctx.$style.welcomeDescription)
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("workflows.empty.startFromScratch")), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(emptyListDescription.value), 1)]),
 					_: 1
-				})], 2)]),
-				_: 1
-			}, 8, ["class"])], 2)) : createCommentVNode("", true)], 2)], 2);
+				}, 8, ["class"])], 2),
+				!readOnlyEnv.value && projectPermissions.value.workflow.create ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(_ctx.$style.actionsContainer)
+				}, [showReadyToRunCard.value ? (openBlock(), createBlock(unref(N8nCard_default), {
+					key: 0,
+					class: normalizeClass([_ctx.$style.actionCard, { [_ctx.$style.loading]: isLoadingReadyToRun.value }]),
+					hoverable: !isLoadingReadyToRun.value,
+					"data-test-id": "ready-to-run-card",
+					onClick: handleReadyToRunClick
+				}, {
+					default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.cardContent) }, [createVNode(unref(N8nIcon_default), {
+						class: normalizeClass(_ctx.$style.cardIcon),
+						icon: isLoadingReadyToRun.value ? "spinner" : "sparkles",
+						color: "foreground-dark",
+						"stroke-width": 1.5,
+						spin: isLoadingReadyToRun.value
+					}, null, 8, [
+						"class",
+						"icon",
+						"spin"
+					]), createVNode(unref(N8nText_default), {
+						size: "large",
+						class: "mt-xs"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("workflows.empty.readyToRun")), 1)]),
+						_: 1
+					})], 2)]),
+					_: 1
+				}, 8, ["class", "hoverable"])) : createCommentVNode("", true), createVNode(unref(N8nCard_default), {
+					class: normalizeClass(_ctx.$style.actionCard),
+					hoverable: "",
+					"data-test-id": "new-workflow-card",
+					onClick: addWorkflow
+				}, {
+					default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.cardContent) }, [createVNode(unref(N8nIcon_default), {
+						class: normalizeClass(_ctx.$style.cardIcon),
+						icon: "file",
+						color: "foreground-dark",
+						"stroke-width": 1.5
+					}, null, 8, ["class"]), createVNode(unref(N8nText_default), {
+						size: "large",
+						class: "mt-xs"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("workflows.empty.startFromScratch")), 1)]),
+						_: 1
+					})], 2)]),
+					_: 1
+				}, 8, ["class"])], 2)) : createCommentVNode("", true),
+				showTemplatesDataQualityInline.value ? (openBlock(), createBlock(TemplatesDataQualityInlineSection_default, { key: 1 })) : createCommentVNode("", true)
+			], 2)], 2);
 		};
 	}
 });
 var EmptyStateLayout_vue_vue_type_style_index_0_lang_module_default = {
-	emptyStateLayout: "_emptyStateLayout_13c47_123",
-	content: "_content_13c47_131",
-	welcome: "_welcome_13c47_139",
-	welcomeTitle: "_welcomeTitle_13c47_143",
-	welcomeDescription: "_welcomeDescription_13c47_147",
-	actionsContainer: "_actionsContainer_13c47_151",
-	actionCard: "_actionCard_13c47_158",
-	cardIcon: "_cardIcon_13c47_171",
-	loading: "_loading_13c47_174",
-	cardContent: "_cardContent_13c47_179"
+	emptyStateLayout: "_emptyStateLayout_z9lrd_123",
+	content: "_content_z9lrd_132",
+	welcome: "_welcome_z9lrd_140",
+	welcomeTitle: "_welcomeTitle_z9lrd_144",
+	welcomeDescription: "_welcomeDescription_z9lrd_148",
+	actionsContainer: "_actionsContainer_z9lrd_152",
+	actionCard: "_actionCard_z9lrd_159",
+	cardIcon: "_cardIcon_z9lrd_172",
+	loading: "_loading_z9lrd_175",
+	cardContent: "_cardContent_z9lrd_180"
 };
 var EmptyStateLayout_default = /* @__PURE__ */ __plugin_vue_export_helper_default(EmptyStateLayout_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": EmptyStateLayout_vue_vue_type_style_index_0_lang_module_default }]]);
 var import_debounce = /* @__PURE__ */ __toESM(require_debounce());
@@ -1504,7 +1572,6 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const foldersStore = useFoldersStore();
 		const usageStore = useUsageStore();
 		const insightsStore = useInsightsStore();
-		const templatesStore = useTemplatesStore();
 		const aiStarterTemplatesStore = useAITemplatesStarterCollectionStore();
 		const personalizedTemplatesStore = usePersonalizedTemplatesStore();
 		const readyToRunWorkflowsStore = useReadyToRunWorkflowsStore();
@@ -1515,7 +1582,7 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const documentTitle = useDocumentTitle();
 		const { callDebounced } = useDebounce();
 		const projectPages = useProjectPages();
-		const loading$1 = ref(true);
+		const loading$2 = ref(true);
 		const breadcrumbsLoading = ref(false);
 		const filters = ref({
 			search: "",
@@ -1679,16 +1746,16 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const showEasyAIWorkflowCallout = computed(() => {
 			return !usersStore.isEasyAIWorkflowOnboardingDone;
 		});
-		const templatesCardEnabled = computed(() => {
-			return isExtraTemplateLinksExperimentEnabled() && settingsStore.isTemplatesEnabled;
-		});
 		const projectPermissions = computed(() => {
 			return getResourcePermissions(projectsStore.currentProject?.scopes ?? personalProject.value?.scopes);
 		});
+		const showTemplatesDataQualityInline = computed(() => {
+			return templatesDataQualityStore.isFeatureEnabled() && !readOnlyEnv.value && projectPermissions.value.workflow.create;
+		});
 		const showReadyToRunWorkflowsCallout = computed(() => {
 			const isEnabled = readyToRunWorkflowsStore.isFeatureEnabled;
 			const isDismissed = readyToRunWorkflowsStore.isCalloutDismissed;
-			return isEnabled && !isDismissed && !loading$1.value && !readOnlyEnv.value && (projectPages.isOverviewSubPage || hasPermissionToCreateFolders.value && hasPermissionToCreateWorkflows.value);
+			return isEnabled && !isDismissed && !loading$2.value && !readOnlyEnv.value && (projectPages.isOverviewSubPage || hasPermissionToCreateFolders.value && hasPermissionToCreateWorkflows.value);
 		});
 		const emptyListDescription = computed(() => {
 			if (readOnlyEnv.value) return i18n.baseText("workflows.empty.description.readOnlyEnv");
@@ -1705,20 +1772,20 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const canUserRegisterCommunityPlus = computed(() => getResourcePermissions(usersStore.currentUser?.globalScopes).community.register);
 		const showRegisteredCommunityCTA = computed(() => isSelfHostedDeployment.value && !foldersEnabled.value && canUserRegisterCommunityPlus.value);
 		const showAIStarterCollectionCallout = computed(() => {
-			return !loading$1.value && aiStarterTemplatesStore.isFeatureEnabled && !aiStarterTemplatesStore.calloutDismissed && !readOnlyEnv.value && (projectPages.isOverviewSubPage || hasPermissionToCreateFolders.value && hasPermissionToCreateWorkflows.value);
+			return !loading$2.value && aiStarterTemplatesStore.isFeatureEnabled && !aiStarterTemplatesStore.calloutDismissed && !readOnlyEnv.value && (projectPages.isOverviewSubPage || hasPermissionToCreateFolders.value && hasPermissionToCreateWorkflows.value);
 		});
 		const showPrebuiltAgentsCallout = computed(() => {
-			return !loading$1.value && calloutHelpers.isPreBuiltAgentsCalloutVisible.value && !calloutHelpers.isCalloutDismissed("preBuiltAgentsModalCallout") && !readOnlyEnv.value && (projectPages.isOverviewSubPage || hasPermissionToCreateFolders.value && hasPermissionToCreateWorkflows.value);
+			return !loading$2.value && calloutHelpers.isPreBuiltAgentsCalloutVisible.value && !calloutHelpers.isCalloutDismissed("preBuiltAgentsModalCallout") && !readOnlyEnv.value && (projectPages.isOverviewSubPage || hasPermissionToCreateFolders.value && hasPermissionToCreateWorkflows.value);
 		});
-		const showPersonalizedTemplates = computed(() => !loading$1.value && personalizedTemplatesStore.isFeatureEnabled());
+		const showPersonalizedTemplates = computed(() => !loading$2.value && personalizedTemplatesStore.isFeatureEnabled());
 		const shouldUseSimplifiedLayout = computed(() => {
-			return !loading$1.value && readyToRunStore.getSimplifiedLayoutVisibility(route);
+			return !loading$2.value && readyToRunStore.getSimplifiedLayoutVisibility(route);
 		});
 		const hasActiveCallouts = computed(() => {
 			return showPrebuiltAgentsCallout.value || showAIStarterCollectionCallout.value || showPersonalizedTemplates.value || showReadyToRunWorkflowsCallout.value;
 		});
 		watch([() => route.params?.projectId, () => route.name], async () => {
-			loading$1.value = true;
+			loading$2.value = true;
 		});
 		watch(() => route.params?.folderId, async (newVal) => {
 			currentFolderId.value = newVal;
@@ -1756,10 +1823,10 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			return projectPages.isOverviewSubPage && insightsStore.isSummaryEnabled && (workflowListResources.value.length > 0 || !personalizedTemplatesV2Store.isFeatureEnabled() && !personalizedTemplatesV3Store.isFeatureEnabled());
 		});
 		const showTemplateRecommendationV2 = computed(() => {
-			return personalizedTemplatesV2Store.isFeatureEnabled() && !loading$1.value;
+			return personalizedTemplatesV2Store.isFeatureEnabled() && !loading$2.value;
 		});
 		const showTemplateRecommendationV3 = computed(() => {
-			return personalizedTemplatesV3Store.isFeatureEnabled() && !loading$1.value;
+			return personalizedTemplatesV3Store.isFeatureEnabled() && !loading$2.value;
 		});
 		onMounted(async () => {
 			documentTitle.set(i18n.baseText("workflows.heading"));
@@ -1782,7 +1849,7 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			workflowListEventBus.off("workflow-transferred", onWorkflowTransferred);
 		});
 		const initialize = async () => {
-			loading$1.value = true;
+			loading$2.value = true;
 			await setFiltersFromQueryString();
 			currentFolderId.value = route.params.folderId;
 			const [, resourcesPage] = await Promise.all([
@@ -1794,11 +1861,11 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			]);
 			breadcrumbsLoading.value = false;
 			workflowsAndFolders.value = resourcesPage;
-			loading$1.value = false;
+			loading$2.value = false;
 		};
 		const fetchWorkflows = async () => {
 			const delayedLoading = (0, import_debounce.default)(() => {
-				loading$1.value = true;
+				loading$2.value = true;
 			}, 300);
 			const routeProjectId = route.params?.projectId;
 			const homeProjectFilter = filters.value.homeProject || void 0;
@@ -1838,7 +1905,7 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				return [];
 			} finally {
 				delayedLoading.cancel();
-				loading$1.value = false;
+				loading$2.value = false;
 				if (breadcrumbsLoading.value) breadcrumbsLoading.value = false;
 			}
 		};
@@ -1850,7 +1917,7 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const onFiltersUpdated = async () => {
 			currentPage.value = 1;
 			saveFiltersOnQueryString();
-			if (!loading$1.value) await callDebounced(fetchWorkflows, {
+			if (!loading$2.value) await callDebounced(fetchWorkflows, {
 				debounceTime: FILTERS_DEBOUNCE_TIME,
 				trailing: true
 			});
@@ -1868,7 +1935,7 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			if (payload.page) currentPage.value = payload.page;
 			if (payload.pageSize) pageSize.value = payload.pageSize;
 			if (payload.sort) currentSort.value = WORKFLOWS_SORT_MAP[payload.sort] ?? "updatedAt:desc";
-			if (!loading$1.value) await callDebounced(fetchWorkflows, {
+			if (!loading$2.value) await callDebounced(fetchWorkflows, {
 				debounceTime: FILTERS_DEBOUNCE_TIME,
 				trailing: true
 			});
@@ -1948,18 +2015,6 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			telemetry.track("User clicked add workflow button", { source: "Workflows list" });
 			trackEmptyCardClick("blank");
 		};
-		const openTemplatesRepository = async () => {
-			trackTemplatesClick(TemplateClickSource.emptyInstanceCard);
-			if (templatesStore.hasCustomTemplatesHost) {
-				await router.push({ name: VIEWS.TEMPLATES });
-				return;
-			}
-			if (templatesDataQualityStore.isFeatureEnabled()) {
-				uiStore.openModal(EXPERIMENT_TEMPLATES_DATA_QUALITY_KEY);
-				return;
-			}
-			window.open(templatesStore.websiteTemplateRepositoryURL, "_blank");
-		};
 		const trackEmptyCardClick = (option) => {
 			telemetry.track("User clicked empty page option", { option });
 		};
@@ -2172,10 +2227,10 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		};
 		const onBreadcrumbItemClick = (item) => {
 			if (item.href) {
-				loading$1.value = true;
+				loading$2.value = true;
 				router.push(item.href).then(() => {
 					currentFolderId.value = item.id;
-					loading$1.value = false;
+					loading$2.value = false;
 				}).catch((error) => {
 					toast.showError(error, i18n.baseText("folders.open.error.title"));
 				});
@@ -2624,7 +2679,7 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				initialize,
 				disabled: readOnlyEnv.value || !projectPermissions.value.workflow.create,
 				loading: false,
-				"resources-refreshing": loading$1.value,
+				"resources-refreshing": loading$2.value,
 				"custom-page-size": unref(50),
 				"total-items": unref(workflowsStore).totalWorkflowCount,
 				"dont-perform-sorting-and-filtering": true,
@@ -3022,30 +3077,13 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 								_: 1
 							})], 2)]),
 							_: 1
-						}, 8, ["class"])) : createCommentVNode("", true),
-						templatesCardEnabled.value ? (openBlock(), createBlock(unref(N8nCard_default), {
-							key: 4,
-							class: normalizeClass(_ctx.$style.emptyStateCard),
-							hoverable: "",
-							"data-test-id": "new-workflow-from-template-card",
-							onClick: openTemplatesRepository
-						}, {
-							default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.emptyStateCardContent) }, [createVNode(unref(N8nIcon_default), {
-								class: normalizeClass(_ctx.$style.emptyStateCardIcon),
-								"stroke-width": 1.5,
-								icon: "package-open",
-								color: "foreground-dark"
-							}, null, 8, ["class"]), createVNode(unref(N8nText_default), {
-								size: "large",
-								class: "mt-xs pl-2xs pr-2xs"
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("workflows.empty.startWithTemplate")), 1)]),
-								_: 1
-							})], 2)]),
-							_: 1
 						}, 8, ["class"])) : createCommentVNode("", true)
 					], 2)) : createCommentVNode("", true),
-					showTemplateRecommendationV3.value ? (openBlock(), createBlock(TemplateRecommendationV3_default, { key: 1 })) : showTemplateRecommendationV2.value ? (openBlock(), createBlock(TemplateRecommendationV2_default, { key: 2 })) : createCommentVNode("", true)
+					showTemplatesDataQualityInline.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(_ctx.$style.templatesContainer)
+					}, [createVNode(TemplatesDataQualityInlineSection_default)], 2)) : createCommentVNode("", true),
+					showTemplateRecommendationV3.value ? (openBlock(), createBlock(TemplateRecommendationV3_default, { key: 2 })) : showTemplateRecommendationV2.value ? (openBlock(), createBlock(TemplateRecommendationV2_default, { key: 3 })) : createCommentVNode("", true)
 				]))]),
 				filters: withCtx(({ setKeyValue }) => [
 					unref(settingsStore).areTagsEnabled ? (openBlock(), createElementBlock("div", _hoisted_7, [createVNode(unref(N8nInputLabel_default), {
@@ -3167,29 +3205,31 @@ var WorkflowsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		};
 	}
 });
-const actionsContainer = "_actionsContainer_7a9z2_123";
-const emptyStateCard = "_emptyStateCard_7a9z2_139";
-const emptyStateCardContent = "_emptyStateCardContent_7a9z2_152";
-const emptyStateCardIcon = "_emptyStateCardIcon_7a9z2_159";
-const dragging = "_dragging_7a9z2_192";
-const name = "_name_7a9z2_210";
+const actionsContainer = "_actionsContainer_16q3y_123";
+const templatesContainer = "_templatesContainer_16q3y_128";
+const emptyStateCard = "_emptyStateCard_16q3y_148";
+const emptyStateCardContent = "_emptyStateCardContent_16q3y_161";
+const emptyStateCardIcon = "_emptyStateCardIcon_16q3y_168";
+const dragging = "_dragging_16q3y_201";
+const name = "_name_16q3y_219";
 var WorkflowsView_vue_vue_type_style_index_0_lang_module_default = {
 	actionsContainer,
-	"easy-ai-workflow-callout": "_easy-ai-workflow-callout_7a9z2_128",
-	"callout-trailing-content": "_callout-trailing-content_7a9z2_133",
+	templatesContainer,
+	"easy-ai-workflow-callout": "_easy-ai-workflow-callout_16q3y_137",
+	"callout-trailing-content": "_callout-trailing-content_16q3y_142",
 	emptyStateCard,
 	emptyStateCardContent,
 	emptyStateCardIcon,
-	"add-folder-button": "_add-folder-button_7a9z2_166",
-	"breadcrumbs-container": "_breadcrumbs-container_7a9z2_171",
-	"breadcrumbs-loading": "_breadcrumbs-loading_7a9z2_177",
-	"empty-folder-container": "_empty-folder-container_7a9z2_183",
-	"drag-active": "_drag-active_7a9z2_187",
+	"add-folder-button": "_add-folder-button_16q3y_175",
+	"breadcrumbs-container": "_breadcrumbs-container_16q3y_180",
+	"breadcrumbs-loading": "_breadcrumbs-loading_16q3y_186",
+	"empty-folder-container": "_empty-folder-container_16q3y_192",
+	"drag-active": "_drag-active_16q3y_196",
 	dragging,
-	"drop-active": "_drop-active_7a9z2_199",
-	"path-separator": "_path-separator_7a9z2_204",
+	"drop-active": "_drop-active_16q3y_208",
+	"path-separator": "_path-separator_16q3y_213",
 	name,
-	"pointer-disabled": "_pointer-disabled_7a9z2_216"
+	"pointer-disabled": "_pointer-disabled_16q3y_225"
 };
 var WorkflowsView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowsView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowsView_vue_vue_type_style_index_0_lang_module_default }]]);
 export { WorkflowsView_default as default };