@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/MigrationRuleDetail-BAxk1Pvl.js

@@ -0,0 +1,295 @@
+import { o as __toESM } from "./chunk-6z4oVpB-.js";
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, _ as Fragment, bt as withCtx, et as openBlock, h as withModifiers, it as renderList, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { W as useDebounceFn, rt as useI18n, s as useAsyncState } from "./core-CRbPymLT.js";
+import { $ as N8nInputLabel_default, Cn as N8nIcon_default, J as N8nSelect_default, Y as N8nOption_default, at as N8nLoading_default, bn as N8nText_default, mt as N8nLink_default, u as N8nDataTableServer_default, x as N8nTag_default, xn as N8nButton_default, yt as N8nInput_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 "./builder.store-Czk2ipDE.js";
+import "./empty-BuGRxzl4.js";
+import { 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 { r as useRootStore } from "./_baseOrderBy-N8Be_6z6.js";
+import "./dateformat-hG8NERse.js";
+import "./useDebounce-Br5_1ug-.js";
+import "./ProjectIcon-DY8gGuHX.js";
+import "./EnterpriseEdition.ee-D_rCFexM.js";
+import { t as TimeAgo_default } from "./TimeAgo-C6EN4lCs.js";
+import { t as require_orderBy } from "./orderBy-Cu9F9DU_.js";
+import "./ProjectSharing-CVUgNWAY.js";
+import { t as ResourceFiltersDropdown_default } from "./ResourceFiltersDropdown-dgyXpcEX.js";
+import { r as getReportForRule, t as SeverityTag_default } from "./SeverityTag-CX1qTTNA.js";
+var import_orderBy = /* @__PURE__ */ __toESM(require_orderBy());
+var _hoisted_1 = { class: "mb-2xs" };
+var _hoisted_2 = { class: "mb-2xl" };
+var _hoisted_3 = { style: {
+	"white-space": "nowrap",
+	"overflow": "hidden",
+	"text-overflow": "ellipsis"
+} };
+var _hoisted_4 = { key: 1 };
+var MigrationRuleDetail_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MigrationRuleDetail",
+	props: { migrationRuleId: {} },
+	setup(__props) {
+		const i18n = useI18n();
+		const props = __props;
+		const router = useRouter();
+		const { state, isLoading } = useAsyncState(async () => {
+			return await getReportForRule(useRootStore().restApiContext, props.migrationRuleId);
+		}, {
+			ruleId: "",
+			ruleTitle: "",
+			ruleDescription: "",
+			ruleSeverity: "low",
+			affectedWorkflows: [],
+			recommendations: []
+		});
+		const tableHeaders = ref([
+			{
+				title: i18n.baseText("settings.migrationReport.detail.table.name"),
+				key: "name",
+				width: 200
+			},
+			{
+				title: i18n.baseText("settings.migrationReport.detail.table.status"),
+				key: "active",
+				value: (row) => row.active ? i18n.baseText("settings.migrationReport.detail.table.active") : i18n.baseText("settings.migrationReport.detail.table.deactivated"),
+				width: 40
+			},
+			{
+				title: i18n.baseText("settings.migrationReport.detail.table.nodesAffected"),
+				key: "issues"
+			},
+			{
+				title: i18n.baseText("settings.migrationReport.detail.table.numberOfExecutions"),
+				key: "numberOfExecutions",
+				width: 40
+			},
+			{
+				title: i18n.baseText("settings.migrationReport.detail.table.lastExecuted"),
+				key: "lastExecutedAt",
+				width: 40
+			},
+			{
+				title: i18n.baseText("settings.migrationReport.detail.table.lastUpdated"),
+				key: "lastUpdatedAt",
+				width: 40
+			}
+		]);
+		function handleRowClick(_event, { item }) {
+			window.open(router.resolve({
+				name: VIEWS.WORKFLOW,
+				params: { name: item.id }
+			}).href, "_blank");
+		}
+		const sortBy = ref([{
+			id: "numberOfExecutions",
+			desc: true
+		}]);
+		const searchInput = ref("");
+		const searchQuery = ref("");
+		const statusFilter = ref("");
+		const debouncedSearch = useDebounceFn((value) => {
+			searchQuery.value = value;
+		}, 300);
+		const onSearchInput = (value) => {
+			searchInput.value = value;
+			debouncedSearch(value);
+		};
+		const statusOptions = computed(() => [
+			{
+				value: "",
+				label: i18n.baseText("settings.migrationReport.detail.filter.status.all")
+			},
+			{
+				value: "active",
+				label: i18n.baseText("settings.migrationReport.detail.filter.status.active")
+			},
+			{
+				value: "deactivated",
+				label: i18n.baseText("settings.migrationReport.detail.filter.status.deactivated")
+			}
+		]);
+		const filters = computed(() => ({
+			search: searchInput.value,
+			status: statusFilter.value
+		}));
+		const filterKeys = computed(() => ["status"]);
+		const wasJustReset = ref(false);
+		const resetFilters = () => {
+			statusFilter.value = "";
+			wasJustReset.value = true;
+		};
+		const onUpdateFilters = (newFilters) => {
+			if (wasJustReset.value) {
+				wasJustReset.value = false;
+				return;
+			}
+			statusFilter.value = newFilters.status || "";
+		};
+		const filteredWorkflows = computed(() => {
+			let workflows = state.value.affectedWorkflows;
+			if (searchQuery.value) {
+				const query = searchQuery.value.toLowerCase();
+				workflows = workflows.filter((workflow) => workflow.name.toLowerCase().includes(query));
+			}
+			if (statusFilter.value !== "") workflows = workflows.filter((workflow) => {
+				if (statusFilter.value === "active") return workflow.active;
+				else if (statusFilter.value === "deactivated") return !workflow.active;
+				return true;
+			});
+			return workflows;
+		});
+		const sortedWorkflows = computed(() => {
+			if (!sortBy.value.length) return filteredWorkflows.value;
+			return (0, import_orderBy.default)(filteredWorkflows.value, [sortBy.value[0].id], [sortBy.value[0].desc ? "desc" : "asc"]);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [
+				createVNode(unref(N8nButton_default), {
+					class: normalizeClass([_ctx.$style.backButton, "mb-xs"]),
+					type: "secondary",
+					text: "",
+					icon: "arrow-left",
+					label: unref(i18n).baseText("generic.back"),
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push({ name: unref(VIEWS).MIGRATION_REPORT }))
+				}, null, 8, ["class", "label"]),
+				unref(isLoading) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createBaseVNode("div", _hoisted_1, [createVNode(unref(N8nLoading_default), { variant: "h1" })]), createBaseVNode("div", _hoisted_2, [createVNode(unref(N8nLoading_default), {
+					variant: "p",
+					rows: 2
+				})])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(N8nText_default), {
+					tag: "h2",
+					size: "xlarge",
+					color: "text-dark",
+					class: "mb-2xs",
+					style: {
+						"display": "flex",
+						"align-items": "center",
+						"gap": "4px"
+					}
+				}, {
+					default: withCtx(() => [
+						createTextVNode(toDisplayString(unref(state).ruleTitle) + " ", 1),
+						createVNode(SeverityTag_default, { severity: unref(state).ruleSeverity }, null, 8, ["severity"]),
+						createVNode(unref(N8nTag_default), {
+							text: unref(i18n).baseText("settings.migrationReport.detail.affectedTag", { interpolate: { count: String(unref(state).affectedWorkflows.length) } }),
+							clickable: false
+						}, null, 8, ["text"])
+					]),
+					_: 1
+				}), createVNode(unref(N8nText_default), {
+					tag: "p",
+					color: "text-base",
+					class: "mb-2xl"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(state).ruleDescription) + toDisplayString(unref(state).ruleDescription.endsWith(".") ? "" : ".") + " ", 1), unref(state).ruleDocumentationUrl ? (openBlock(), createBlock(unref(N8nLink_default), {
+						key: 0,
+						theme: "text",
+						href: unref(state).ruleDocumentationUrl,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						class: normalizeClass(_ctx.$style.NoLineBreak)
+					}, {
+						default: withCtx(() => [createBaseVNode("span", { class: normalizeClass(_ctx.$style.UnderlinedText) }, toDisplayString(unref(i18n).baseText("settings.migrationReport.documentation")), 3), _cache[4] || (_cache[4] = createTextVNode(" ↗ "))]),
+						_: 1
+					}, 8, ["href", "class"])) : createCommentVNode("", true)]),
+					_: 1
+				})], 64)),
+				createBaseVNode("div", { class: normalizeClass(_ctx.$style.filterControls) }, [createVNode(unref(N8nInput_default), {
+					"model-value": filters.value.search,
+					placeholder: unref(i18n).baseText("settings.migrationReport.detail.search.placeholder"),
+					size: "small",
+					clearable: "",
+					"data-test-id": "migration-rule-search",
+					"onUpdate:modelValue": onSearchInput
+				}, {
+					prefix: withCtx(() => [createVNode(unref(N8nIcon_default), { icon: "search" })]),
+					_: 1
+				}, 8, ["model-value", "placeholder"]), createVNode(ResourceFiltersDropdown_default, {
+					keys: filterKeys.value,
+					reset: resetFilters,
+					"model-value": filters.value,
+					shareable: false,
+					"data-test-id": "migration-rule-filters",
+					"onUpdate:modelValue": onUpdateFilters
+				}, {
+					default: withCtx(() => [createVNode(unref(N8nInputLabel_default), {
+						label: unref(i18n).baseText("settings.migrationReport.detail.filter.status.label"),
+						bold: false,
+						size: "small",
+						color: "text-base",
+						class: "mb-3xs"
+					}, null, 8, ["label"]), createVNode(unref(N8nSelect_default), {
+						modelValue: statusFilter.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => statusFilter.value = $event),
+						size: "small",
+						"data-test-id": "migration-rule-status-filter"
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(statusOptions.value, (option) => {
+							return openBlock(), createBlock(unref(N8nOption_default), {
+								key: option.value,
+								value: option.value,
+								label: option.label
+							}, null, 8, ["value", "label"]);
+						}), 128))]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					_: 1
+				}, 8, ["keys", "model-value"])], 2),
+				createVNode(unref(N8nDataTableServer_default), {
+					"sort-by": sortBy.value,
+					"onUpdate:sortBy": _cache[3] || (_cache[3] = ($event) => sortBy.value = $event),
+					"items-per-page": sortedWorkflows.value.length + 1,
+					items: sortedWorkflows.value,
+					"items-length": sortedWorkflows.value.length,
+					headers: tableHeaders.value,
+					"row-props": { class: _ctx.$style.clickableRow },
+					loading: unref(isLoading),
+					"onClick:row": handleRowClick
+				}, {
+					[`item.issues`]: withCtx(({ item }) => [createBaseVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.issues, (issue, index) => {
+						return openBlock(), createElementBlock(Fragment, { key: issue.nodeId }, [createVNode(unref(N8nLink_default), {
+							theme: "text",
+							to: `/workflow/${item.id}/${issue.nodeId}`,
+							"new-window": "",
+							onClickCapture: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(issue.nodeName), 1)]),
+							_: 2
+						}, 1032, ["to"]), index < item.issues.length - 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(", ")], 64)) : createCommentVNode("", true)], 64);
+					}), 128))])]),
+					[`item.lastExecutedAt`]: withCtx(({ item }) => [item.lastExecutedAt ? (openBlock(), createBlock(TimeAgo_default, {
+						key: 0,
+						date: item.lastExecutedAt.toString()
+					}, null, 8, ["date"])) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(i18n).baseText("settings.migrationReport.detail.table.never")), 1))]),
+					[`item.lastUpdatedAt`]: withCtx(({ item }) => [createVNode(TimeAgo_default, { date: item.lastUpdatedAt.toString() }, null, 8, ["date"])]),
+					_: 2
+				}, 1032, [
+					"sort-by",
+					"items-per-page",
+					"items",
+					"items-length",
+					"headers",
+					"row-props",
+					"loading"
+				])
+			]);
+		};
+	}
+});
+var MigrationRuleDetail_vue_vue_type_style_index_0_lang_module_default = {
+	backButton: "_backButton_1kw04_2",
+	clickableRow: "_clickableRow_1kw04_6",
+	filterControls: "_filterControls_1kw04_10",
+	NoLineBreak: "_NoLineBreak_1kw04_23",
+	UnderlinedText: "_UnderlinedText_1kw04_27"
+};
+var MigrationRuleDetail_default = /* @__PURE__ */ __plugin_vue_export_helper_default(MigrationRuleDetail_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": MigrationRuleDetail_vue_vue_type_style_index_0_lang_module_default }]]);
+export { MigrationRuleDetail_default as default };

package/dist/assets/MigrationRules-IW9lZMpE.js

@@ -0,0 +1,285 @@
+import { o as __toESM } from "./chunk-6z4oVpB-.js";
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, _ as Fragment, at as renderSlot, bt as withCtx, c as useCssModule, et as openBlock, it as renderList, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n, s as useAsyncState } from "./core-CRbPymLT.js";
+import { Cn as N8nIcon_default, at as N8nLoading_default, bn as N8nText_default, ht as N8nTooltip_default, mt as N8nLink_default, xn as N8nButton_default, y as N8nTabs_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 "./empty-BuGRxzl4.js";
+import "./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 { r as useRootStore } from "./_baseOrderBy-N8Be_6z6.js";
+import { t as require_orderBy } from "./orderBy-Cu9F9DU_.js";
+import { i as refreshReport, n as getReport, t as SeverityTag_default } from "./SeverityTag-CX1qTTNA.js";
+var import_orderBy = /* @__PURE__ */ __toESM(require_orderBy());
+var EmptyTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "EmptyTab",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.NoIssuesContainer) }, [createVNode(unref(N8nText_default), {
+				tag: "h3",
+				size: "large",
+				color: "text-base",
+				class: "mb-2xs"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
+				_: 3
+			}), createVNode(unref(N8nText_default), {
+				tag: "p",
+				size: "medium",
+				color: "text-light",
+				class: "mb-2xl"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "description")]),
+				_: 3
+			})], 2);
+		};
+	}
+});
+var EmptyTab_vue_vue_type_style_index_0_lang_module_default = { NoIssuesContainer: "_NoIssuesContainer_1o8ra_2" };
+var EmptyTab_default = /* @__PURE__ */ __plugin_vue_export_helper_default(EmptyTab_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": EmptyTab_vue_vue_type_style_index_0_lang_module_default }]]);
+var _hoisted_1 = { style: {
+	"max-width": "700px",
+	"margin": "0 auto",
+	"padding-bottom": "40px"
+} };
+var MigrationRules_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "MigrationRules",
+	setup(__props) {
+		const $style = useCssModule();
+		const rootStore = useRootStore();
+		const i18n = useI18n();
+		const currentTab = ref("workflow-issues");
+		const shouldShowRefreshButton = ref(false);
+		const { state, isLoading, execute } = useAsyncState(async (refresh = false) => {
+			if (refresh) {
+				const response$1 = await refreshReport(rootStore.restApiContext);
+				if (response$1.report.workflowResults.length === 0 && response$1.report.instanceResults.length > 0) currentTab.value = "instance-issues";
+				shouldShowRefreshButton.value = response$1.shouldCache;
+				return response$1;
+			}
+			const response = await getReport(rootStore.restApiContext);
+			shouldShowRefreshButton.value = response.shouldCache;
+			return response;
+		}, void 0);
+		async function refreshReport$1() {
+			await execute(0, true);
+		}
+		const tabs = computed(() => {
+			return [{
+				label: i18n.baseText("settings.migrationReport.tabs.workflowIssues"),
+				value: "workflow-issues",
+				tag: state.value?.report.workflowResults.length ? String(state.value.report.workflowResults.length) : void 0
+			}, {
+				label: i18n.baseText("settings.migrationReport.tabs.instanceIssues"),
+				value: "instance-issues",
+				tag: state.value?.report.instanceResults.length ? String(state.value.report.instanceResults.length) : void 0
+			}];
+		});
+		const workflowTooltips = computed(() => {
+			return {
+				critical: i18n.baseText("settings.migrationReport.workflowTooltip.critical"),
+				medium: i18n.baseText("settings.migrationReport.workflowTooltip.medium"),
+				low: i18n.baseText("settings.migrationReport.workflowTooltip.low")
+			};
+		});
+		const instanceTooltips = computed(() => {
+			return {
+				critical: i18n.baseText("settings.migrationReport.instanceTooltip.critical"),
+				medium: i18n.baseText("settings.migrationReport.instanceTooltip.medium"),
+				low: i18n.baseText("settings.migrationReport.instanceTooltip.low")
+			};
+		});
+		const compatibleWorkflowsCount = computed(() => {
+			if (!state.value) return 0;
+			return state.value.totalWorkflows - state.value.report.workflowResults.reduce((acc, issue) => acc + issue.nbAffectedWorkflows, 0);
+		});
+		const severityOrder = {
+			critical: 0,
+			medium: 1,
+			low: 2
+		};
+		const sortedWorkflowResults = computed(() => {
+			if (!state.value?.report.workflowResults) return [];
+			return (0, import_orderBy.default)(state.value.report.workflowResults, [(issue) => severityOrder[issue.ruleSeverity]], ["asc"]);
+		});
+		const sortedInstanceResults = computed(() => {
+			if (!state.value?.report.instanceResults) return [];
+			return (0, import_orderBy.default)(state.value.report.instanceResults, [(issue) => severityOrder[issue.ruleSeverity]], ["asc"]);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(unref(N8nText_default), {
+					tag: "h2",
+					size: "xlarge",
+					color: "text-dark",
+					class: "mb-2xs"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.migrationReport.title")), 1)]),
+					_: 1
+				}),
+				createVNode(unref(N8nText_default), {
+					tag: "p",
+					color: "text-base",
+					class: "mb-2xl"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.migrationReport.description", { interpolate: {
+						compatibleCount: String(compatibleWorkflowsCount.value),
+						totalCount: String(unref(state)?.totalWorkflows ?? 0)
+					} })) + " ", 1), createVNode(unref(N8nLink_default), {
+						theme: "text",
+						href: "https://docs.n8n.io/2-0-breaking-changes/",
+						target: "_blank",
+						rel: "noopener noreferrer"
+					}, {
+						default: withCtx(() => [createBaseVNode("span", { class: normalizeClass(unref($style).UnderlinedText) }, toDisplayString(unref(i18n).baseText("settings.migrationReport.documentationLink")), 3), _cache[1] || (_cache[1] = createTextVNode(" ↗ "))]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				createBaseVNode("div", { class: normalizeClass(unref($style).ActionBar) }, [createVNode(unref(N8nTabs_default), {
+					modelValue: currentTab.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentTab.value = $event),
+					options: tabs.value,
+					variant: "modern"
+				}, null, 8, ["modelValue", "options"]), shouldShowRefreshButton.value ? (openBlock(), createBlock(unref(N8nButton_default), {
+					key: 0,
+					label: unref(i18n).baseText("settings.migrationReport.refreshButton"),
+					icon: "refresh-cw",
+					type: "secondary",
+					loading: unref(isLoading),
+					disabled: unref(isLoading),
+					onClick: refreshReport$1
+				}, null, 8, [
+					"label",
+					"loading",
+					"disabled"
+				])) : createCommentVNode("", true)], 2),
+				unref(isLoading) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref($style).CardContainer)
+				}, [(openBlock(), createElementBlock(Fragment, null, renderList(4, (i) => {
+					return createBaseVNode("div", {
+						key: i,
+						class: normalizeClass(unref($style).Card)
+					}, [createBaseVNode("div", null, [createVNode(unref(N8nLoading_default), {
+						variant: "p",
+						rows: 3,
+						class: normalizeClass(unref($style).PLoading)
+					}, null, 8, ["class"])]), createVNode(unref(N8nLoading_default), { variant: "button" })], 2);
+				}), 64))], 2)) : currentTab.value === "workflow-issues" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [unref(state)?.report.workflowResults.length === 0 ? (openBlock(), createBlock(EmptyTab_default, { key: 0 }, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.migrationReport.emptyWorkflowIssues.title")), 1)]),
+					description: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.migrationReport.emptyWorkflowIssues.description")), 1)]),
+					_: 1
+				})) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref($style).CardContainer)
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(sortedWorkflowResults.value, (issue) => {
+					return openBlock(), createElementBlock("div", {
+						key: issue.ruleId,
+						class: normalizeClass(unref($style).Card)
+					}, [createBaseVNode("div", null, [createBaseVNode("div", { class: normalizeClass(unref($style).CardTitleContainer) }, [createVNode(unref(N8nText_default), {
+						tag: "h3",
+						size: "medium",
+						color: "text-dark"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(issue.ruleTitle), 1)]),
+						_: 2
+					}, 1024), createVNode(unref(N8nTooltip_default), {
+						content: workflowTooltips.value[issue.ruleSeverity],
+						placement: "top",
+						enterable: false
+					}, {
+						default: withCtx(() => [createVNode(SeverityTag_default, { severity: issue.ruleSeverity }, null, 8, ["severity"])]),
+						_: 2
+					}, 1032, ["content"])], 2), createVNode(unref(N8nText_default), {
+						tag: "p",
+						color: "text-base"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(issue.ruleDescription) + toDisplayString(issue.ruleDescription.endsWith(".") ? "" : ".") + " ", 1), issue.ruleDocumentationUrl ? (openBlock(), createBlock(unref(N8nLink_default), {
+							key: 0,
+							theme: "text",
+							href: issue.ruleDocumentationUrl,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							class: normalizeClass(unref($style).NoLineBreak)
+						}, {
+							default: withCtx(() => [createBaseVNode("span", { class: normalizeClass(unref($style).UnderlinedText) }, toDisplayString(unref(i18n).baseText("settings.migrationReport.documentation")), 3), _cache[2] || (_cache[2] = createTextVNode(" ↗ "))]),
+							_: 2
+						}, 1032, ["href", "class"])) : createCommentVNode("", true)]),
+						_: 2
+					}, 1024)]), createVNode(unref(N8nLink_default), {
+						class: normalizeClass(unref($style).NoLineBreak),
+						theme: "text",
+						to: {
+							name: unref(VIEWS).MIGRATION_RULE_REPORT,
+							params: { migrationRuleId: issue.ruleId }
+						}
+					}, {
+						default: withCtx(() => [createBaseVNode("span", { class: normalizeClass(unref($style).NoLineBreak) }, [createTextVNode(toDisplayString(unref(i18n).baseText("settings.migrationReport.workflowsCount", { interpolate: { count: issue.nbAffectedWorkflows } })) + " ", 1), createVNode(unref(N8nIcon_default), {
+							icon: "chevron-right",
+							size: 24
+						})], 2)]),
+						_: 2
+					}, 1032, ["class", "to"])], 2);
+				}), 128))], 2))], 64)) : currentTab.value === "instance-issues" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [unref(state)?.report.instanceResults.length === 0 ? (openBlock(), createBlock(EmptyTab_default, { key: 0 }, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.migrationReport.emptyInstanceIssues.title")), 1)]),
+					description: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.migrationReport.emptyInstanceIssues.description")), 1)]),
+					_: 1
+				})) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref($style).CardContainer)
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(sortedInstanceResults.value, (issue) => {
+					return openBlock(), createElementBlock("div", {
+						key: issue.ruleId,
+						class: normalizeClass(unref($style).Card)
+					}, [createBaseVNode("div", null, [createBaseVNode("div", { class: normalizeClass(unref($style).CardTitleContainer) }, [createVNode(unref(N8nText_default), { tag: "h3" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(issue.ruleTitle), 1)]),
+						_: 2
+					}, 1024), createVNode(unref(N8nTooltip_default), {
+						content: instanceTooltips.value[issue.ruleSeverity],
+						placement: "top",
+						enterable: false
+					}, {
+						default: withCtx(() => [createVNode(SeverityTag_default, { severity: issue.ruleSeverity }, null, 8, ["severity"])]),
+						_: 2
+					}, 1032, ["content"])], 2), createVNode(unref(N8nText_default), {
+						tag: "p",
+						color: "text-base"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(issue.ruleDescription) + toDisplayString(issue.ruleDescription.endsWith(".") ? "" : ".") + " ", 1), issue.ruleDocumentationUrl ? (openBlock(), createBlock(unref(N8nLink_default), {
+							key: 0,
+							theme: "text",
+							href: issue.ruleDocumentationUrl,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							class: normalizeClass(unref($style).NoLineBreak)
+						}, {
+							default: withCtx(() => [createBaseVNode("span", { class: normalizeClass(unref($style).UnderlinedText) }, toDisplayString(unref(i18n).baseText("settings.migrationReport.documentation")), 3), _cache[3] || (_cache[3] = createTextVNode(" ↗ "))]),
+							_: 2
+						}, 1032, ["href", "class"])) : createCommentVNode("", true)]),
+						_: 2
+					}, 1024)])], 2);
+				}), 128))], 2))], 64)) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+var MigrationRules_vue_vue_type_style_index_0_lang_module_default = {
+	CardContainer: "_CardContainer_i8nk0_2",
+	Card: "_Card_i8nk0_2",
+	CardTitleContainer: "_CardTitleContainer_i8nk0_32",
+	NoLineBreak: "_NoLineBreak_i8nk0_39",
+	ActionBar: "_ActionBar_i8nk0_46",
+	NoIssuesContainer: "_NoIssuesContainer_i8nk0_53",
+	PLoading: "_PLoading_i8nk0_62",
+	UnderlinedText: "_UnderlinedText_i8nk0_68"
+};
+var MigrationRules_default = /* @__PURE__ */ __plugin_vue_export_helper_default(MigrationRules_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": MigrationRules_vue_vue_type_style_index_0_lang_module_default }]]);
+export { MigrationRules_default as default };