n8n-editor-ui 1.119.1 → 1.120.0

package/dist/assets/TimeAgo-legacy-C6dJd_gm.js

@@ -0,0 +1,200 @@
+;
+(function () {
+  System.register(["./vue.runtime.esm-bundler-legacy-Bq05oSFs.js", "./_MapCache-legacy-GeIax_zP.js", "./useTelemetry-legacy-BDIroahM.js"], function (_export, _context) {
+    "use strict";
+
+    var computed, createElementBlock, defineComponent, toDisplayString, openBlock, onBeforeMount, useI18n, useRootStore, convertToHumanReadableDate, EN_US, ZH_CN, Locales, register, getLocale, SEC_ARRAY, format, _hoisted_1, TimeAgo_vue_vue_type_script_setup_true_lang_default, TimeAgo_default;
+    function en_US_default(diff, idx) {
+      if (idx === 0) return ["just now", "right now"];
+      var unit = EN_US[Math.floor(idx / 2)];
+      if (diff > 1) unit += "s";
+      return [diff + " " + unit + " ago", "in " + diff + " " + unit];
+    }
+
+    //#endregion
+    //#region ../../../node_modules/.pnpm/timeago.js@4.0.2/node_modules/timeago.js/esm/lang/zh_CN.js
+
+    function zh_CN_default(diff, idx) {
+      if (idx === 0) return ["刚刚", "片刻后"];
+      var unit = ZH_CN[~~(idx / 2)];
+      return [diff + " " + unit + "前", diff + " " + unit + "后"];
+    }
+
+    //#endregion
+    //#region ../../../node_modules/.pnpm/timeago.js@4.0.2/node_modules/timeago.js/esm/register.js
+    /**
+    * Created by hustcc on 18/5/20.
+    * Contract: i@hust.cc
+    */
+    /**
+    * All supported locales
+    */
+
+    /**
+    * format Date / string / timestamp to timestamp
+    * @param input
+    * @returns {*}
+    */
+    function toDate(input) {
+      if (input instanceof Date) return input;
+      if (!isNaN(input) || /^\d+$/.test(input)) return new Date(parseInt(input));
+      input = (input || "").trim().replace(/\.\d+/, "").replace(/-/, "/").replace(/-/, "/").replace(/(\d)T(\d)/, "$1 $2").replace(/Z/, " UTC").replace(/([+-]\d\d):?(\d\d)/, " $1$2");
+      return new Date(input);
+    }
+    /**
+    * format the diff second to *** time ago, with setting locale
+    * @param diff
+    * @param localeFunc
+    * @returns
+    */
+    function formatDiff(diff, localeFunc) {
+      /**
+      * if locale is not exist, use defaultLocale.
+      * if defaultLocale is not exist, use build-in `en`.
+      * be sure of no error when locale is not exist.
+      *
+      * If `time in`, then 1
+      * If `time ago`, then 0
+      */
+      var agoIn = diff < 0 ? 1 : 0;
+      /**
+      * Get absolute value of number (|diff| is non-negative) value of x
+      * |diff| = diff if diff is positive
+      * |diff| = -diff if diff is negative
+      * |0| = 0
+      */
+      diff = Math.abs(diff);
+      /**
+      * Time in seconds
+      */
+      var totalSec = diff;
+      /**
+      * Unit of time
+      */
+      var idx = 0;
+      for (; diff >= SEC_ARRAY[idx] && idx < SEC_ARRAY.length; idx++) diff /= SEC_ARRAY[idx];
+      /**
+      * Math.floor() is alternative of ~~
+      *
+      * The differences and bugs:
+      * Math.floor(3.7) -> 4 but ~~3.7 -> 3
+      * Math.floor(1559125440000.6) -> 1559125440000 but ~~1559125440000.6 -> 52311552
+      *
+      * More information about the performance of algebraic:
+      * https://www.youtube.com/watch?v=65-RbBwZQdU
+      */
+      diff = Math.floor(diff);
+      idx *= 2;
+      if (diff > (idx === 0 ? 9 : 1)) idx += 1;
+      return localeFunc(diff, idx, totalSec)[agoIn].replace("%s", diff.toString());
+    }
+    /**
+    * calculate the diff second between date to be formatted an now date.
+    * @param date
+    * @param relativeDate
+    * @returns {number}
+    */
+    function diffSec(date, relativeDate) {
+      return (+(relativeDate ? toDate(relativeDate) : /* @__PURE__ */new Date()) - +toDate(date)) / 1e3;
+    }
+
+    //#endregion
+    //#region ../../../node_modules/.pnpm/timeago.js@4.0.2/node_modules/timeago.js/esm/format.js
+    /**
+    * format a TDate into string
+    * @param date
+    * @param locale
+    * @param opts
+    */
+    return {
+      setters: [function (_vueRuntimeEsmBundlerLegacy003Js) {
+        computed = _vueRuntimeEsmBundlerLegacy003Js.C;
+        createElementBlock = _vueRuntimeEsmBundlerLegacy003Js.D;
+        defineComponent = _vueRuntimeEsmBundlerLegacy003Js.P;
+        toDisplayString = _vueRuntimeEsmBundlerLegacy003Js.Sn;
+        openBlock = _vueRuntimeEsmBundlerLegacy003Js.et;
+        onBeforeMount = _vueRuntimeEsmBundlerLegacy003Js.q;
+      }, function (_MapCacheLegacy005Js) {
+        useI18n = _MapCacheLegacy005Js.gt;
+      }, function (_useTelemetryLegacy00FJs) {
+        useRootStore = _useTelemetryLegacy00FJs.Qs;
+        convertToHumanReadableDate = _useTelemetryLegacy00FJs.pi;
+      }],
+      execute: function () {
+        //#region ../../../node_modules/.pnpm/timeago.js@4.0.2/node_modules/timeago.js/esm/lang/en_US.js
+        EN_US = ["second", "minute", "hour", "day", "week", "month", "year"];
+        ZH_CN = ["秒", "分钟", "小时", "天", "周", "个月", "年"];
+        Locales = {};
+        /**
+        * register a locale
+        * @param locale
+        * @param func
+        */
+        register = function (locale, func) {
+          Locales[locale] = func;
+        };
+        /**
+        * get a locale, default is en_US
+        * @param locale
+        * @returns {*}
+        */
+        getLocale = function (locale) {
+          return Locales[locale] || Locales["en_US"];
+        }; //#endregion
+        //#region ../../../node_modules/.pnpm/timeago.js@4.0.2/node_modules/timeago.js/esm/utils/date.js
+        /**
+        * Created by hustcc on 18/5/20.
+        * Contract: i@hust.cc
+        */
+        SEC_ARRAY = [60, 60, 24, 7, 365 / 7 / 12, 12];
+        format = function (date, locale, opts) {
+          return formatDiff(diffSec(date, opts && opts.relativeDate), getLocale(locale));
+        }; //#endregion
+        //#region ../../../node_modules/.pnpm/timeago.js@4.0.2/node_modules/timeago.js/esm/index.js
+        register("en_US", en_US_default);
+        register("zh_CN", zh_CN_default);
+
+        //#endregion
+        //#region src/app/components/TimeAgo.vue?vue&type=script&setup=true&lang.ts
+        _hoisted_1 = ["title"];
+        TimeAgo_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */defineComponent({
+          __name: "TimeAgo",
+          props: {
+            date: {},
+            capitalize: {
+              type: Boolean,
+              default: false
+            }
+          },
+          setup(__props) {
+            const props = __props;
+            const rootStore = useRootStore();
+            const i18n = useI18n();
+            const defaultLocale = computed(() => rootStore.defaultLocale);
+            const formatted = computed(() => {
+              const text = format(props.date, defaultLocale.value);
+              if (!props.capitalize) return text.toLowerCase();
+              return text;
+            });
+            const convertDate = computed(() => {
+              return convertToHumanReadableDate(new Date(props.date).getTime());
+            });
+            onBeforeMount(() => {
+              register(defaultLocale.value, localeFunc);
+            });
+            function localeFunc(_, index) {
+              return [[i18n.baseText("timeAgo.justNow"), i18n.baseText("timeAgo.rightNow")], [i18n.baseText("timeAgo.justNow"), i18n.baseText("timeAgo.rightNow")], [i18n.baseText("timeAgo.oneMinuteAgo"), i18n.baseText("timeAgo.inOneMinute")], [i18n.baseText("timeAgo.minutesAgo"), i18n.baseText("timeAgo.inMinutes")], [i18n.baseText("timeAgo.oneHourAgo"), i18n.baseText("timeAgo.inOneHour")], [i18n.baseText("timeAgo.hoursAgo"), i18n.baseText("timeAgo.inHours")], [i18n.baseText("timeAgo.oneDayAgo"), i18n.baseText("timeAgo.inOneDay")], [i18n.baseText("timeAgo.daysAgo"), i18n.baseText("timeAgo.inDays")], [i18n.baseText("timeAgo.oneWeekAgo"), i18n.baseText("timeAgo.inOneWeek")], [i18n.baseText("timeAgo.weeksAgo"), i18n.baseText("timeAgo.inWeeks")], [i18n.baseText("timeAgo.oneMonthAgo"), i18n.baseText("timeAgo.inOneMonth")], [i18n.baseText("timeAgo.monthsAgo"), i18n.baseText("timeAgo.inMonths")], [i18n.baseText("timeAgo.oneYearAgo"), i18n.baseText("timeAgo.inOneYear")], [i18n.baseText("timeAgo.yearsAgo"), i18n.baseText("timeAgo.inYears")]][index];
+            }
+            return (_ctx, _cache) => {
+              return openBlock(), createElementBlock("span", {
+                title: convertDate.value
+              }, toDisplayString(formatted.value), 9, _hoisted_1);
+            };
+          }
+        }); //#endregion
+        //#region src/app/components/TimeAgo.vue
+        _export("t", TimeAgo_default = TimeAgo_vue_vue_type_script_setup_true_lang_default); //#endregion
+      }
+    };
+  });
+})();

package/dist/assets/{TriggerPanel-Dx9LpA4p.js → TriggerPanel-BGFaLV08.js}

@@ -1,23 +1,24 @@
 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, P as defineComponent, Sn as toDisplayString, T as createBlock, Z as onMounted, _ as Fragment, _n as normalizeClass, _t as watch, bt as withCtx, et as openBlock, it as renderList, j as createTextVNode, k as createSlots, n as Transition, p as vShow, st as resolveDirective, w as createBaseVNode, xt as withDirectives, zt as shallowRef } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { _t as I18nT, gt as useI18n } from "./_MapCache-Byd-DTfo.js";
-import { F as N8nInfoAccordion_default, In as N8nText_default, Ln as N8nButton_default, P as N8nInfoTip_default, Pn as N8nHeading_default, Rn as N8nSpinner_default, S as N8nPulse_default, mt as N8nLink_default, vt as N8nTooltip_default, x as N8nRadioButtons_default, zn as N8nIcon_default } from "./src-D6S9Khji.js";
+import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, J as onBeforeUnmount, M as createVNode, P as defineComponent, Sn as toDisplayString, T as createBlock, Z as onMounted, _ as Fragment, _n as normalizeClass, _t as watch, bt as withCtx, et as openBlock, h as withModifiers, it as renderList, j as createTextVNode, k as createSlots, n as Transition, p as vShow, st as resolveDirective, w as createBaseVNode, xt as withDirectives, zt as shallowRef } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
+import { _t as I18nT, gt as useI18n } from "./_MapCache-Y29RpBXS.js";
+import { F as N8nInfoAccordion_default, In as N8nText_default, Ln as N8nButton_default, P as N8nInfoTip_default, Pn as N8nHeading_default, Rn as N8nSpinner_default, S as N8nPulse_default, mt as N8nLink_default, vt as N8nTooltip_default, x as N8nRadioButtons_default, zn as N8nIcon_default } from "./src-FybnR12q.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { b as useRouter, x as createEventBus } from "./truncate-DGRsht-H.js";
-import { K as parseAiContent, Ni as useUIStore, Qr as getTriggerNodeServiceName, Sn as injectWorkflowState, W as formatTokenUsageCount, a as useNDVStore, i as usePostHog, mn as useWorkflowHelpers, nt as waitingNodeTooltip, o as useWorkflowsStore, pr as isTriggerPanelObject, rt as useNodeTypesStore, t as useTelemetry, xr as CanvasNodeDirtiness, yc as storeToRefs } from "./useTelemetry-EOV0Llso.js";
-import { Ns as NDV_UI_OVERHAUL_EXPERIMENT, On as WEBHOOK_NODE_TYPE, Q as CHAT_TRIGGER_NODE_TYPE, St as FORM_TRIGGER_NODE_TYPE, ea as NodeConnectionTypes, mo as VIEWS, qo as WORKFLOW_SETTINGS_MODAL_KEY } from "./constants-DvlTm3U4.js";
-import { r as useNodeDirtiness } from "./useRunWorkflow-_-_hUnHE.js";
-import { n as useNodeType, t as usePinnedData } from "./usePinnedData-Csij2qN3.js";
-import { y as require_capitalize } from "./nodeCreator.store-DHz0Nc1Y.js";
-import { t as NodeIcon_default } from "./NodeIcon-C-rkj6sB.js";
-import { t as CopyInput_default } from "./CopyInput-DX-FL085.js";
-import { a as NodeErrorView_default, i as ViewSubExecution_default, n as RunData_default } from "./isEmpty-DrZRN4lR.js";
-import { t as NDVEmptyState_default } from "./NDVEmptyState-DdpBamQ9.js";
-import { n as NodeExecuteButton_default } from "./VirtualSchema-CUUzo795.js";
-import { n as convertToDisplayDateComponents } from "./dateFormatter-BD73Za8B.js";
-import { t as useExecutionData } from "./useExecutionData-Bk540rxU.js";
-import { c as findLogEntryById, d as getConsumedTokens, n as useLogsExecutionData, o as ConsumedTokensDetails_default, r as LogsOverviewRows_default, t as useLogsTreeExpand } from "./useLogsTreeExpand-gKLCILZL.js";
-import { n as getReferencedData, t as RunDataParsedAiContent_default } from "./RunDataParsedAiContent-Cs80jq_q.js";
+import { b as useRouter, x as createEventBus } from "./truncate-mIB0DVrK.js";
+import { K as parseAiContent, Ni as useUIStore, Qr as getTriggerNodeServiceName, Sc as storeToRefs, Sn as injectWorkflowState, W as formatTokenUsageCount, a as useNDVStore, i as usePostHog, mn as useWorkflowHelpers, nt as waitingNodeTooltip, o as useWorkflowsStore, pr as isTriggerPanelObject, rt as useNodeTypesStore, t as useTelemetry, xr as CanvasNodeDirtiness } from "./useTelemetry-CWnh4Zlh.js";
+import { On as WEBHOOK_NODE_TYPE, Ps as NDV_UI_OVERHAUL_EXPERIMENT, Q as CHAT_TRIGGER_NODE_TYPE, St as FORM_TRIGGER_NODE_TYPE, ea as NodeConnectionTypes, gs as MAX_DISPLAY_DATA_SIZE_LOGS_VIEW, mo as VIEWS, qo as WORKFLOW_SETTINGS_MODAL_KEY } from "./constants-COt-IPHd.js";
+import { r as useNodeDirtiness } from "./useRunWorkflow-C9HukKMl.js";
+import { n as useNodeType, t as usePinnedData } from "./usePinnedData-DixE-21D.js";
+import { y as require_capitalize } from "./nodeCreator.store-D147rfwl.js";
+import { t as NodeIcon_default } from "./NodeIcon-lOuyYMGN.js";
+import { t as CopyInput_default } from "./CopyInput-Bn1XwSA8.js";
+import { a as NodeErrorView_default, i as ViewSubExecution_default, n as RunData_default } from "./isEmpty-wmU6JYi-.js";
+import { t as NDVEmptyState_default } from "./NDVEmptyState-BHecevNV.js";
+import { n as NodeExecuteButton_default } from "./VirtualSchema-CQeMCJz2.js";
+import { t as require_FileSaver_min } from "./FileSaver.min-DaytN8ae.js";
+import { n as convertToDisplayDateComponents } from "./dateFormatter-DICwd3T9.js";
+import { t as useExecutionData } from "./useExecutionData-BVzhcmq6.js";
+import { c as findLogEntryById, d as getConsumedTokens, n as useLogsExecutionData, o as ConsumedTokensDetails_default, r as LogsOverviewRows_default, t as useLogsTreeExpand } from "./useLogsTreeExpand-BdGrNW1V.js";
+import { n as getReferencedData, t as RunDataParsedAiContent_default } from "./RunDataParsedAiContent-BTi5LXv5.js";
 var _hoisted_1$3 = [
 	"data-node-name",
 	"data-node-placement",
@@ -230,6 +231,7 @@ var RunInfo_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 var RunInfo_vue_vue_type_style_index_0_lang_module_default = { tooltipRow: "_tooltipRow_1uvh5_123" };
 var RunInfo_default = /* @__PURE__ */ __plugin_vue_export_helper_default(RunInfo_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": RunInfo_vue_vue_type_style_index_0_lang_module_default }]]);
 var import_capitalize = /* @__PURE__ */ __toESM(require_capitalize());
+var import_FileSaver_min = /* @__PURE__ */ __toESM(require_FileSaver_min());
 var AiRunContentBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "AiRunContentBlock",
 	props: {
@@ -238,8 +240,12 @@ var AiRunContentBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	},
 	setup(__props) {
 		const props = __props;
+		const i18n = useI18n();
 		const isExpanded = ref(getInitialExpandedState());
 		const renderType = ref("rendered");
+		const dataSize = ref(0);
+		const showData = ref(false);
+		const dataSizeInMB = computed(() => (dataSize.value / (1024 * 1024)).toFixed(1));
 		const parsedRun = computed(() => parseAiContent(props.runData.data ?? [], props.runData.type));
 		const contentParsed = computed(() => parsedRun.value.some((item) => item.parsedContent?.parsed === true));
 		function getInitialExpandedState() {
@@ -259,7 +265,29 @@ var AiRunContentBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		function onRenderTypeChange(value) {
 			renderType.value = value;
 		}
+		function updateShowData() {
+			showData.value = dataSize.value < MAX_DISPLAY_DATA_SIZE_LOGS_VIEW;
+		}
+		function refreshDataSize() {
+			showData.value = false;
+			dataSize.value = new Blob([JSON.stringify(props.runData.data)]).size;
+			updateShowData();
+		}
+		function onShowDataAnyway() {
+			showData.value = true;
+		}
+		function downloadJsonData() {
+			const fileName = props.runData.inOut === "input" ? "input_data" : "output_data";
+			(0, import_FileSaver_min.saveAs)(new Blob([JSON.stringify(props.runData.data, null, 2)], { type: "application/json" }), `${fileName}.json`);
+		}
+		onMounted(() => {
+			refreshDataSize();
+		});
+		watch(() => props.runData.data, () => {
+			refreshDataSize();
+		});
 		return (_ctx, _cache) => {
+			const _directive_n8n_html = resolveDirective("n8n-html");
 			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.block) }, [createBaseVNode("header", {
 				class: normalizeClass(_ctx.$style.blockHeader),
 				onClick: onBlockHeaderClick
@@ -291,7 +319,7 @@ var AiRunContentBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				error: _ctx.error,
 				class: normalizeClass(_ctx.$style.error),
 				"show-details": ""
-			}, null, 8, ["error", "class"])) : (openBlock(), createBlock(RunDataParsedAiContent_default, {
+			}, null, 8, ["error", "class"])) : showData.value ? (openBlock(), createBlock(RunDataParsedAiContent_default, {
 				key: 1,
 				data: _ctx.runData.data,
 				type: _ctx.runData.type,
@@ -302,19 +330,43 @@ var AiRunContentBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				"type",
 				"content",
 				"render-type"
-			]))], 2)], 2);
+			])) : (openBlock(), createElementBlock("section", {
+				key: 2,
+				class: normalizeClass(_ctx.$style.warning)
+			}, [createVNode(NDVEmptyState_default, {
+				title: unref(i18n).baseText("ndv.output.tooMuchData.title"),
+				class: normalizeClass(_ctx.$style.warningState)
+			}, {
+				default: withCtx(() => [withDirectives(createBaseVNode("span", null, null, 512), [[_directive_n8n_html, unref(i18n).baseText("ndv.output.logs.tooMuchData.message", { interpolate: {
+					size: dataSizeInMB.value,
+					inOut: _ctx.runData.inOut
+				} })]])]),
+				_: 1
+			}, 8, ["title", "class"]), createBaseVNode("div", { class: normalizeClass(_ctx.$style.warningActions) }, [createVNode(unref(N8nButton_default), {
+				outline: "",
+				size: "small",
+				label: unref(i18n).baseText("ndv.output.tooMuchData.showDataAnyway"),
+				onClick: withModifiers(onShowDataAnyway, ["stop"])
+			}, null, 8, ["label"]), createVNode(unref(N8nButton_default), {
+				size: "small",
+				label: unref(i18n).baseText("runData.downloadBinaryData"),
+				onClick: withModifiers(downloadJsonData, ["stop"])
+			}, null, 8, ["label"])], 2)], 2))], 2)], 2);
 		};
 	}
 });
 var AiRunContentBlock_vue_vue_type_style_index_0_lang_module_default = {
-	block: "_block_g7rki_123",
-	blockContent: "_blockContent_g7rki_130",
-	blockContentExpanded: "_blockContentExpanded_g7rki_134",
-	rawSwitch: "_rawSwitch_g7rki_138",
-	blockHeader: "_blockHeader_g7rki_148",
-	blockTitle: "_blockTitle_g7rki_161",
-	blockToggle: "_blockToggle_g7rki_168",
-	error: "_error_g7rki_176"
+	block: "_block_1xr6g_123",
+	blockContent: "_blockContent_1xr6g_130",
+	blockContentExpanded: "_blockContentExpanded_1xr6g_134",
+	rawSwitch: "_rawSwitch_1xr6g_138",
+	blockHeader: "_blockHeader_1xr6g_148",
+	blockTitle: "_blockTitle_1xr6g_161",
+	blockToggle: "_blockToggle_1xr6g_168",
+	error: "_error_1xr6g_176",
+	warning: "_warning_1xr6g_180",
+	warningState: "_warningState_1xr6g_189",
+	warningActions: "_warningActions_1xr6g_193"
 };
 var AiRunContentBlock_default = /* @__PURE__ */ __plugin_vue_export_helper_default(AiRunContentBlock_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": AiRunContentBlock_vue_vue_type_style_index_0_lang_module_default }]]);
 var _hoisted_1$2 = { key: 0 };

package/dist/assets/{TriggerPanel-BQveVt6Q.css → TriggerPanel-jKx3Ut66.css}

@@ -464,30 +464,30 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._block_g7rki_123 {
+._block_1xr6g_123 {
   padding: var(--spacing--sm) 0 var(--spacing--2xs) var(--spacing--2xs);
   border: 1px solid var(--color--foreground--tint-1);
   margin-top: var(--spacing--sm);
   border-radius: var(--radius);
 }
-:root ._blockContent_g7rki_130 {
+:root ._blockContent_1xr6g_130 {
   height: 0;
   overflow: hidden;
 }
-:root ._blockContent_g7rki_130._blockContentExpanded_g7rki_134 {
+:root ._blockContent_1xr6g_130._blockContentExpanded_1xr6g_134 {
   height: auto;
 }
-._rawSwitch_g7rki_138 {
+._rawSwitch_1xr6g_138 {
   opacity: 0;
   height: -moz-fit-content;
   height: fit-content;
   margin-left: auto;
   margin-right: var(--spacing--2xs);
 }
-._block_g7rki_123:hover ._rawSwitch_g7rki_138 {
+._block_1xr6g_123:hover ._rawSwitch_1xr6g_138 {
   opacity: 1;
 }
-._blockHeader_g7rki_148 {
+._blockHeader_1xr6g_148 {
   display: flex;
   gap: var(--spacing--xs);
   cursor: pointer;
@@ -496,26 +496,47 @@
   padding: var(--spacing--2xs) var(--spacing--xs);
   align-items: center;
 }
-._blockHeader_g7rki_148 * {
+._blockHeader_1xr6g_148 * {
   -webkit-user-select: none;
           user-select: none;
 }
-._blockTitle_g7rki_161 {
+._blockTitle_1xr6g_161 {
   font-size: var(--font-size--sm);
   color: var(--color--text--shade-1);
   margin: 0;
   padding-bottom: var(--spacing--4xs);
 }
-._blockToggle_g7rki_168 {
+._blockToggle_1xr6g_168 {
   border: none;
   background: none;
   padding: 0;
   color: var(--color--text);
   margin-top: calc(-1 * var(--spacing--3xs));
 }
-._error_g7rki_176 {
+._error_1xr6g_176 {
   padding: var(--spacing--sm) 0;
 }
+._warning_1xr6g_180 {
+  padding: var(--spacing--sm) var(--spacing--md);
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--spacing--sm);
+}
+._warningState_1xr6g_189 {
+  width: 100%;
+}
+._warningActions_1xr6g_193 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing--xs);
+  width: 100%;
+  align-items: center;
+}
+._warningActions_1xr6g_193 .n8n-button {
+  min-width: 9rem;
+}
 ._container_1ddvo_2 {
 	padding: 0 var(--spacing--sm) var(--spacing--sm);
 }