n8n-editor-ui 1.73.0 → 1.74.1

package/dist/assets/{useRunWorkflow-BPsvjsSm.js → useRunWorkflow-u9KNHrnZ.js}

@@ -1,42 +1,6 @@
-import { g9 as baseSlice, ga as toString, ck as getDefaultExportFromCjs, d as defineComponent, b2 as useClipboard, a as useToast, gb as useAIAssistantHelpers, bk as useNodeTypesStore, at as useNDVStore, Z as useRootStore, gc as useAssistantStore, K as useUIStore, q as computed, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, ay as withDirectives, f as createCommentVNode, i as createVNode, l as unref, gd as InlineAskAssistantButton, w as withCtx, k as createTextVNode, F as Fragment, A as renderList, g as useI18n, cw as MAX_DISPLAY_DATA_SIZE, bA as isCommunityPackageName, ge as NEW_ASSISTANT_SESSION_MODAL, m as resolveComponent, cW as resolveDirective, f$ as sanitizeHtml, bd as NodeConnectionType, gf as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, aZ as VueMarkdown, _ as _export_sfc, T as useWorkflowsStore, bz as _sfc_main$4, I as withModifiers, H as watch, B as normalizeStyle, gg as ElTree, fC as isSubNodeType, gh as PIN_DATA_NODE_TYPES_DENYLIST, bc as getNodeOutputs, gi as jsonStringify, gj as toMegaBytes, gk as stringSizeInBytes, cn as jsonParse, ak as useTelemetry, aP as useExternalHooks, fD as useDataSchema, gl as MAX_PINNED_DATA_SIZE, gm as MAX_WORKFLOW_SIZE, gn as MAX_EXPECTED_REQUEST_SIZE, bl as useNodeHelpers, a4 as useWorkflowHelpers, au as useExecutionsStore, b3 as CHAT_TRIGGER_NODE_TYPE, bf as get, go as SINGLE_WEBHOOK_TRIGGERS, aw as useLocalStorage, gp as displayForm, cO as isEmpty } from "./index-DYxqsGB9.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-7qmdZ0on.js";
-function castSlice(array, start, end) {
-  var length = array.length;
-  end = end === void 0 ? length : end;
-  return !start && end >= length ? array : baseSlice(array, start, end);
-}
-var rsAstralRange$1 = "\\ud800-\\udfff", rsComboMarksRange$1 = "\\u0300-\\u036f", reComboHalfMarksRange$1 = "\\ufe20-\\ufe2f", rsComboSymbolsRange$1 = "\\u20d0-\\u20ff", rsComboRange$1 = rsComboMarksRange$1 + reComboHalfMarksRange$1 + rsComboSymbolsRange$1, rsVarRange$1 = "\\ufe0e\\ufe0f";
-var rsZWJ$1 = "\\u200d";
-var reHasUnicode = RegExp("[" + rsZWJ$1 + rsAstralRange$1 + rsComboRange$1 + rsVarRange$1 + "]");
-function hasUnicode(string) {
-  return reHasUnicode.test(string);
-}
-function asciiToArray(string) {
-  return string.split("");
-}
-var rsAstralRange = "\\ud800-\\udfff", rsComboMarksRange = "\\u0300-\\u036f", reComboHalfMarksRange = "\\ufe20-\\ufe2f", rsComboSymbolsRange = "\\u20d0-\\u20ff", rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange, rsVarRange = "\\ufe0e\\ufe0f";
-var rsAstral = "[" + rsAstralRange + "]", rsCombo = "[" + rsComboRange + "]", rsFitz = "\\ud83c[\\udffb-\\udfff]", rsModifier = "(?:" + rsCombo + "|" + rsFitz + ")", rsNonAstral = "[^" + rsAstralRange + "]", rsRegional = "(?:\\ud83c[\\udde6-\\uddff]){2}", rsSurrPair = "[\\ud800-\\udbff][\\udc00-\\udfff]", rsZWJ = "\\u200d";
-var reOptMod = rsModifier + "?", rsOptVar = "[" + rsVarRange + "]?", rsOptJoin = "(?:" + rsZWJ + "(?:" + [rsNonAstral, rsRegional, rsSurrPair].join("|") + ")" + rsOptVar + reOptMod + ")*", rsSeq = rsOptVar + reOptMod + rsOptJoin, rsSymbol = "(?:" + [rsNonAstral + rsCombo + "?", rsCombo, rsRegional, rsSurrPair, rsAstral].join("|") + ")";
-var reUnicode = RegExp(rsFitz + "(?=" + rsFitz + ")|" + rsSymbol + rsSeq, "g");
-function unicodeToArray(string) {
-  return string.match(reUnicode) || [];
-}
-function stringToArray(string) {
-  return hasUnicode(string) ? unicodeToArray(string) : asciiToArray(string);
-}
-function createCaseFirst(methodName) {
-  return function(string) {
-    string = toString(string);
-    var strSymbols = hasUnicode(string) ? stringToArray(string) : void 0;
-    var chr = strSymbols ? strSymbols[0] : string.charAt(0);
-    var trailing = strSymbols ? castSlice(strSymbols, 1).join("") : string.slice(1);
-    return chr[methodName]() + trailing;
-  };
-}
-var upperFirst = createCaseFirst("toUpperCase");
-function capitalize(string) {
-  return upperFirst(toString(string).toLowerCase());
-}
+import { cd as getDefaultExportFromCjs, d as defineComponent, b5 as useClipboard, a as useToast, eS as useAIAssistantHelpers, bn as useNodeTypesStore, at as useNDVStore, Z as useRootStore, eT as useAssistantStore, K as useUIStore, q as computed, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, ay as withDirectives, f as createCommentVNode, i as createVNode, l as unref, eU as InlineAskAssistantButton, w as withCtx, k as createTextVNode, F as Fragment, A as renderList, g as useI18n, cm as MAX_DISPLAY_DATA_SIZE, br as isCommunityPackageName, eV as NEW_ASSISTANT_SESSION_MODAL, m as resolveComponent, cO as resolveDirective, eW as sanitizeHtml, bg as NodeConnectionType, eX as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, b0 as VueMarkdown, _ as _export_sfc, T as useWorkflowsStore, bq as _sfc_main$4, I as withModifiers, H as watch, B as normalizeStyle, eY as ElTree, bo as useNodeHelpers, a4 as useWorkflowHelpers, au as useExecutionsStore, b6 as CHAT_TRIGGER_NODE_TYPE, bi as get, eZ as SINGLE_WEBHOOK_TRIGGERS, aw as useLocalStorage, e_ as displayForm, aS as useExternalHooks, cG as isEmpty } from "./index-D0W-rAl_.js";
+import { c as capitalize } from "./usePinnedData-872bXiu-.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-COwnTHmy.js";
 var core;
 var hasRequiredCore;
 function requireCore() {
@@ -2547,19 +2511,19 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const copyToClipboard = "_copyToClipboard_30qey_1";
-const rawContent = "_rawContent_30qey_7";
-const markdown = "_markdown_30qey_11";
-const contentText = "_contentText_30qey_35";
-const block = "_block_30qey_42";
-const blockContent = "_blockContent_30qey_49";
-const blockContentExpanded = "_blockContentExpanded_30qey_53";
-const runText = "_runText_30qey_57";
-const rawSwitch = "_rawSwitch_30qey_62";
-const blockHeader = "_blockHeader_30qey_72";
-const blockTitle = "_blockTitle_30qey_85";
-const blockToggle = "_blockToggle_30qey_92";
-const error = "_error_30qey_100";
+const copyToClipboard = "_copyToClipboard_kaw5r_123";
+const rawContent = "_rawContent_kaw5r_129";
+const markdown = "_markdown_kaw5r_133";
+const contentText = "_contentText_kaw5r_157";
+const block = "_block_kaw5r_164";
+const blockContent = "_blockContent_kaw5r_171";
+const blockContentExpanded = "_blockContentExpanded_kaw5r_175";
+const runText = "_runText_kaw5r_179";
+const rawSwitch = "_rawSwitch_kaw5r_184";
+const blockHeader = "_blockHeader_kaw5r_194";
+const blockTitle = "_blockTitle_kaw5r_207";
+const blockToggle = "_blockToggle_kaw5r_214";
+const error = "_error_kaw5r_222";
 const style0$2 = {
   copyToClipboard,
   rawContent,
@@ -2700,7 +2664,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     icon: "external-link-alt",
                     size: "xsmall"
                   }),
-                  createTextVNode(" " + toDisplayString(unref(i18n).baseText("runData.openSubExecution", {
+                  createTextVNode(" " + toDisplayString(unref(i18n).baseText("runData.openSubExecutionWithId", {
                     interpolate: {
                       id: runMeta.value.subExecution?.executionId
                     }
@@ -3033,18 +2997,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const treeToggle = "_treeToggle_3d034_1";
-const leafLabel = "_leafLabel_3d034_9";
-const noData = "_noData_3d034_15";
-const empty = "_empty_3d034_23";
-const title = "_title_3d034_27";
-const tree = "_tree_3d034_1";
-const slim = "_slim_3d034_39";
-const runData = "_runData_3d034_43";
-const container = "_container_3d034_49";
-const nodeIcon = "_nodeIcon_3d034_76";
-const isSelected = "_isSelected_3d034_82";
-const treeNode = "_treeNode_3d034_86";
+const treeToggle = "_treeToggle_1qaq4_123";
+const leafLabel = "_leafLabel_1qaq4_131";
+const noData = "_noData_1qaq4_137";
+const empty = "_empty_1qaq4_145";
+const title = "_title_1qaq4_149";
+const tree = "_tree_1qaq4_123";
+const slim = "_slim_1qaq4_161";
+const runData = "_runData_1qaq4_165";
+const container = "_container_1qaq4_171";
+const nodeIcon = "_nodeIcon_1qaq4_198";
+const isSelected = "_isSelected_1qaq4_204";
+const treeNode = "_treeNode_1qaq4_208";
 const style0 = {
   treeToggle,
   leafLabel,
@@ -3063,236 +3027,6 @@ const cssModules = {
   "$style": style0
 };
 const RunDataAi = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-function useNodeType(options = {}) {
-  const nodeTypesStore = useNodeTypesStore();
-  const nodeType = computed(() => {
-    if (options.nodeType) {
-      return unref(options.nodeType);
-    }
-    const activeNode = unref(options.node);
-    if (activeNode) {
-      return nodeTypesStore.getNodeType(activeNode.type, activeNode.typeVersion);
-    }
-    return null;
-  });
-  const isSubNodeType$1 = computed(() => isSubNodeType(nodeType.value));
-  const isMultipleOutputsNodeType = computed(() => {
-    const outputs = nodeType.value?.outputs;
-    if (typeof outputs === "string") return false;
-    return (outputs ?? []).length > 1;
-  });
-  return {
-    nodeType,
-    isSubNodeType: isSubNodeType$1,
-    isMultipleOutputsNodeType
-  };
-}
-function usePinnedData(node, options = {}) {
-  const rootStore = useRootStore();
-  const workflowsStore = useWorkflowsStore();
-  const toast = useToast();
-  const i18n = useI18n();
-  const telemetry = useTelemetry();
-  const externalHooks = useExternalHooks();
-  const { getInputDataWithPinned } = useDataSchema();
-  const { isSubNodeType: isSubNodeType2, isMultipleOutputsNodeType } = useNodeType({
-    node
-  });
-  const data = computed(() => {
-    const targetNode = unref(node);
-    return targetNode ? workflowsStore.pinDataByNodeName(targetNode.name) : void 0;
-  });
-  const hasData = computed(() => {
-    const targetNode = unref(node);
-    return !!targetNode && typeof data.value !== "undefined";
-  });
-  const isValidNodeType = computed(() => {
-    const targetNode = unref(node);
-    return !!targetNode && !isSubNodeType2.value && !isMultipleOutputsNodeType.value && !PIN_DATA_NODE_TYPES_DENYLIST.includes(targetNode.type);
-  });
-  function canPinNode(checkDataEmpty = false, outputIndex) {
-    const targetNode = unref(node);
-    if (targetNode === null || PIN_DATA_NODE_TYPES_DENYLIST.includes(targetNode.type)) return false;
-    const nodeType = useNodeTypesStore().getNodeType(targetNode.type, targetNode.typeVersion);
-    const dataToPin = getInputDataWithPinned(targetNode);
-    if (!nodeType || checkDataEmpty && dataToPin.length === 0) return false;
-    const workflow = workflowsStore.getCurrentWorkflow();
-    const outputs = getNodeOutputs(workflow, targetNode, nodeType).map(
-      (output) => typeof output === "string" ? { type: output } : output
-    );
-    const mainOutputs = outputs.filter(
-      (output) => output.type === NodeConnectionType.Main && output.category !== "error"
-    );
-    let indexAcceptable = true;
-    if (outputIndex !== void 0) {
-      const output = outputs[outputIndex];
-      if (outputs[outputIndex] === void 0) return false;
-      indexAcceptable = output.type === NodeConnectionType.Main && output.category !== "error";
-    }
-    return mainOutputs.length === 1 && indexAcceptable;
-  }
-  function isValidJSON(data2) {
-    try {
-      JSON.parse(data2);
-      return true;
-    } catch (error2) {
-      const title2 = i18n.baseText("runData.editOutputInvalid");
-      const toRemove = new RegExp(/JSON\.parse:|of the JSON data/, "g");
-      const message = error2.message.replace(toRemove, "").trim();
-      const positionMatchRegEx = /at position (\d+)/;
-      const positionMatch = error2.message.match(positionMatchRegEx);
-      error2.message = message.charAt(0).toUpperCase() + message.slice(1);
-      error2.message = error2.message.replace(
-        "Unexpected token ' in JSON",
-        i18n.baseText("runData.editOutputInvalid.singleQuote")
-      );
-      if (positionMatch) {
-        const position = parseInt(positionMatch[1], 10);
-        const lineBreaksUpToPosition = (data2.slice(0, position).match(/\n/g) || []).length;
-        error2.message = error2.message.replace(
-          positionMatchRegEx,
-          i18n.baseText("runData.editOutputInvalid.atPosition", {
-            interpolate: {
-              position: `${position}`
-            }
-          })
-        );
-        error2.message = `${i18n.baseText("runData.editOutputInvalid.onLine", {
-          interpolate: {
-            line: `${lineBreaksUpToPosition + 1}`
-          }
-        })} ${error2.message}`;
-      }
-      toast.showError(error2, title2);
-      return false;
-    }
-  }
-  function getMaxPinnedDataSize() {
-    return window.maxPinnedDataSize ?? MAX_PINNED_DATA_SIZE;
-  }
-  function isValidSize(data2) {
-    const targetNode = unref(node);
-    if (!targetNode) {
-      return false;
-    }
-    if (typeof data2 === "object") data2 = JSON.stringify(data2);
-    const { pinData: currentPinData, ...workflow } = workflowsStore.getCurrentWorkflow();
-    const workflowJson = jsonStringify(workflow, { replaceCircularRefs: true });
-    const newPinData = { ...currentPinData, [targetNode.name]: data2 };
-    const newPinDataSize = workflowsStore.getPinDataSize(newPinData);
-    if (newPinDataSize > getMaxPinnedDataSize()) {
-      toast.showError(
-        new Error(
-          i18n.baseText("ndv.pinData.error.tooLarge.description", {
-            interpolate: {
-              size: toMegaBytes(newPinDataSize),
-              limit: toMegaBytes(getMaxPinnedDataSize())
-            }
-          })
-        ),
-        i18n.baseText("ndv.pinData.error.tooLarge.title")
-      );
-      return false;
-    }
-    const workflowSize = stringSizeInBytes(workflowJson) + newPinDataSize;
-    const limit = MAX_WORKFLOW_SIZE - MAX_EXPECTED_REQUEST_SIZE;
-    if (workflowSize > limit) {
-      toast.showError(
-        new Error(
-          i18n.baseText("ndv.pinData.error.tooLargeWorkflow.description", {
-            interpolate: { size: toMegaBytes(workflowSize), limit: toMegaBytes(limit) }
-          })
-        ),
-        i18n.baseText("ndv.pinData.error.tooLargeWorkflow.title")
-      );
-      return false;
-    }
-    return true;
-  }
-  function onSetDataSuccess({ source }) {
-    const targetNode = unref(node);
-    const displayMode = unref(options.displayMode);
-    const runIndex = unref(options.runIndex);
-    const telemetryPayload = {
-      pinning_source: source,
-      node_type: targetNode?.type,
-      push_ref: rootStore.pushRef,
-      data_size: stringSizeInBytes(data.value),
-      view: displayMode,
-      run_index: runIndex
-    };
-    void externalHooks.run("runData.onDataPinningSuccess", telemetryPayload);
-    telemetry.track("Ndv data pinning success", telemetryPayload);
-  }
-  function onSetDataError({
-    errorType,
-    source
-  }) {
-    const targetNode = unref(node);
-    const displayMode = unref(options.displayMode);
-    const runIndex = unref(options.runIndex);
-    telemetry.track("Ndv data pinning failure", {
-      pinning_source: source,
-      node_type: targetNode?.type,
-      push_ref: rootStore.pushRef,
-      data_size: stringSizeInBytes(data.value),
-      view: displayMode,
-      run_index: runIndex,
-      error_type: errorType
-    });
-  }
-  function setData(data2, source) {
-    const targetNode = unref(node);
-    if (!targetNode) {
-      return;
-    }
-    if (typeof data2 === "string") {
-      if (!isValidJSON(data2)) {
-        onSetDataError({ errorType: "invalid-json", source });
-        throw new Error("Invalid JSON");
-      }
-      data2 = jsonParse(data2);
-    }
-    if (!isValidSize(data2)) {
-      onSetDataError({ errorType: "data-too-large", source });
-      throw new Error("Data too large");
-    }
-    workflowsStore.pinData({ node: targetNode, data: data2 });
-    onSetDataSuccess({ source });
-  }
-  function onUnsetData({ source }) {
-    const targetNode = unref(node);
-    const runIndex = unref(options.runIndex);
-    telemetry.track("User unpinned ndv data", {
-      node_type: targetNode?.type,
-      push_ref: rootStore.pushRef,
-      run_index: runIndex,
-      source,
-      data_size: stringSizeInBytes(data.value)
-    });
-  }
-  function unsetData(source) {
-    const targetNode = unref(node);
-    if (!targetNode) {
-      return;
-    }
-    onUnsetData({ source });
-    workflowsStore.unpinData({ node: targetNode });
-  }
-  return {
-    data,
-    hasData,
-    isValidNodeType,
-    canPinNode,
-    setData,
-    onSetDataSuccess,
-    onSetDataError,
-    unsetData,
-    onUnsetData,
-    isValidJSON,
-    isValidSize
-  };
-}
 const getDirtyNodeNames = (runData2, getParametersLastUpdate) => {
   const dirtyNodeNames = Object.entries(runData2).reduce((acc, [nodeName, tasks]) => {
     if (!tasks.length) return acc;
@@ -3428,7 +3162,7 @@ function useRunWorkflow(useRunWorkflowOpts) {
       const singleWebhookTrigger = triggers.find(
         (node) => SINGLE_WEBHOOK_TRIGGERS.includes(node.type)
       );
-      if (singleWebhookTrigger && workflowsStore.isWorkflowActive) {
+      if (singleWebhookTrigger && workflowsStore.isWorkflowActive && !workflowData.pinData?.[singleWebhookTrigger.name]) {
         toast.showMessage({
           title: i18n.baseText("workflowRun.showError.deactivate"),
           message: i18n.baseText("workflowRun.showError.productionActive", {
@@ -3597,9 +3331,5 @@ export {
   HighlightJS as H,
   RunDataAi as R,
   _sfc_main$3 as _,
-  useRunWorkflow as a,
-  useNodeType as b,
-  capitalize as c,
-  upperFirst as d,
-  usePinnedData as u
+  useRunWorkflow as u
 };

package/dist/assets/{useWorkflowActivate-CIqICdFm.js → useWorkflowActivate-D8Du1iYk.js}

@@ -1,4 +1,4 @@
-import { r as ref, b as useRouter, a4 as useWorkflowHelpers, T as useWorkflowsStore, K as useUIStore, a as useToast, a2 as useNpsSurveyStore, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, aP as useExternalHooks, aI as useStorage, hs as LOCAL_STORAGE_ACTIVATION_FLAG, ht as WORKFLOW_ACTIVE_MODAL_KEY, ak as useTelemetry, g as useI18n } from "./index-DYxqsGB9.js";
+import { r as ref, b as useRouter, a4 as useWorkflowHelpers, T as useWorkflowsStore, K as useUIStore, a as useToast, a2 as useNpsSurveyStore, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, aS as useExternalHooks, aI as useStorage, g2 as LOCAL_STORAGE_ACTIVATION_FLAG, g3 as WORKFLOW_ACTIVE_MODAL_KEY, ak as useTelemetry, g as useI18n } from "./index-D0W-rAl_.js";
 function useWorkflowActivate() {
   const updatingWorkflowActivation = ref(false);
   const router = useRouter();

package/dist/index.html

@@ -16,8 +16,8 @@
 		<script>!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag onFeatureFlags reloadFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[])</script>
 
 		<title>n8n.io - Workflow Automation</title>
-		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-DYxqsGB9.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-LIwDUX8i.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-D0W-rAl_.js"></script>
+		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-B7TFhNa2.css">
 	</head>
 	<body>
 		<noscript>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n8n-editor-ui",
-  "version": "1.73.0",
+  "version": "1.74.1",
   "description": "Workflow Editor UI for n8n",
   "main": "index.js",
   "license": "SEE LICENSE IN LICENSE.md",

package/tsconfig.json

@@ -27,5 +27,6 @@
 		// TODO: remove all options below this line
 		"useUnknownInCatchVariables": false
 	},
-	"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue"]
+	"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue"],
+	"exclude": ["src/plugins/codemirror/typescript/worker/**/*.d.ts"]
 }

package/vite.config.mts

@@ -85,7 +85,11 @@ export default mergeConfig(
 		css: {
 			preprocessorOptions: {
 				scss: {
-					additionalData: '\n@use "@/n8n-theme-variables.scss" as *;\n',
+					additionalData: [
+						'',
+						'@use "@/n8n-theme-variables.scss" as *;',
+						'@use "n8n-design-system/css/mixins" as mixins;',
+					].join('\n'),
 				},
 			},
 		},
@@ -94,6 +98,9 @@ export default mergeConfig(
 			sourcemap: !!release,
 			target: browserslistToEsbuild(browsers),
 		},
+		worker: {
+			format: 'es',
+		},
 	}),
 	vitestConfig,
 );

package/dist/assets/AuthView-CvfW_aKu.css

@@ -1,42 +0,0 @@
-._ssoLogin_41af7_1 {
-  text-align: center;
-}
-._divider_41af7_5 {
-  position: relative;
-  text-transform: uppercase;
-}
-._divider_41af7_5::before {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 100%;
-  height: 1px;
-  background-color: var(--color-foreground-base);
-}
-._divider_41af7_5 span {
-  position: relative;
-  display: inline-block;
-  margin: var(--spacing-2xs) auto;
-  padding: var(--spacing-l);
-  background: var(--color-background-xlight);
-}body {
-  background-color: var(--color-background-light);
-}
-._container_1o132_5 {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  padding-top: var(--spacing-2xl);
-}
-._container_1o132_5 > * {
-  width: 352px;
-}
-._textContainer_1o132_15 {
-  text-align: center;
-}
-._formContainer_1o132_19 {
-  padding-bottom: var(--spacing-xl);
-}.el-checkbox__label span {
-  font-size: var(--font-size-2xs) !important;
-}