n8n-editor-ui 1.51.2 → 1.52.1

package/dist/assets/{MainSidebar-DVOwcBrU.js → MainSidebar-TfHsBg9D.js}

@@ -1,18 +1,18 @@
-import { I as createBaseVNode, ao as resolveComponent, J as openBlock, K as createElementBlock, $ as normalizeClass, a9 as createVNode, a as ref, f as computed, Z as defineComponent, u as unref, a8 as toDisplayString, U as createCommentVNode, a7 as createTextVNode, a4 as withCtx, V as createBlock, a0 as normalizeStyle, n as nextTick, aM as useRouter, q as onMounted, R as Fragment, ag as renderList, aB as pushScopeId, aC as popScopeId, aE as useRoute, ai as createSlots } from "./vendor-CMkNOP5U.js";
-import { _ as _export_sfc, b as createEventBus } from "./n8n-BZOg0o2s.js";
-import { N as get, O as STORES, Q as useCloudPlanStore, j as useRootStore, R as useStorage, v as useI18n, w as useTelemetry, U as useLoadingService, e as useUIStore, l as useSourceControlStore, u as useToast, r as hasPermission, G as SOURCE_CONTROL_PUSH_MODAL_KEY, X as sourceControlEventBus, Y as SOURCE_CONTROL_PULL_MODAL_KEY, n as useProjectsStore, V as VIEWS, d as useDebounce, x as useMessage, Z as useTemplatesStore, m as useWorkflowsStore, _ as useVersionsStore, a as useUsersStore, b as useSettingsStore, $ as VERSIONS_MODAL_KEY, a0 as ABOUT_MODAL_KEY, a1 as useExternalHooks } from "./index-Ei6MODY4.js";
-import { u as useUserHelpers } from "./useUserHelpers-gJvoytgS.js";
-import { d as defineStore, m as mapStores } from "./pinia-6fcdwe0b.js";
+import { d as defineComponent, r as ref, c as computed, ap as resolveComponent, o as openBlock, k as createElementBlock, g as unref, n as normalizeClass, j as createBaseVNode, i as createVNode, s as createTextVNode, t as toDisplayString, e as withCtx, a as createBlock, q as createCommentVNode, a8 as normalizeStyle, L as nextTick, aM as useRouter, N as onMounted, a3 as Fragment, ah as renderList, aB as pushScopeId, aC as popScopeId, aE as useRoute, aj as createSlots } from "./vendor-k9_XExsQ.js";
+import { b as createEventBus, _ as _export_sfc } from "./n8n-CQyDjUnA.js";
+import { O as useLoadingService, e as useUIStore, l as useSourceControlStore, u as useToast, r as hasPermission, v as useI18n, G as SOURCE_CONTROL_PUSH_MODAL_KEY, Q as sourceControlEventBus, R as SOURCE_CONTROL_PULL_MODAL_KEY, U as get, X as STORES, Y as useCloudPlanStore, j as useRootStore, Z as useStorage, w as useTelemetry, n as useProjectsStore, V as VIEWS, d as useDebounce, x as useMessage, _ as useTemplatesStore, m as useWorkflowsStore, $ as useVersionsStore, a as useUsersStore, b as useSettingsStore, a0 as VERSIONS_MODAL_KEY, a1 as ABOUT_MODAL_KEY, a2 as useExternalHooks } from "./index-D03bfPtn.js";
 import { D as DateTime } from "./luxon-0uZhUj7B.js";
+import { d as defineStore, m as mapStores } from "./pinia-C0SpIvcC.js";
+import { u as useUserHelpers } from "./useUserHelpers-DyG6WIXY.js";
 import "./esprima-next-CPsTzYsC.js";
 import "./axios-Cp0EV6RZ.js";
 import "./lodash-es-COViF6dG.js";
-import "./@vueuse/core-DjbzQ1zB.js";
+import "./@vueuse/core-zoLH-FU7.js";
 import "./uuid-sKupIUZ4.js";
 import "./flatted-D70IerrI.js";
 import "./@n8n/permissions-DSKt-Zl7.js";
-import "./dateformat-BGxyBe2P.js";
-import "./vue-i18n-ia8PeNLb.js";
+import "./dateformat-BZ7ie_ed.js";
+import "./vue-i18n-w8we4vO-.js";
 import "./@n8n/codemirror-lang-CIGGB1t0.js";
 import "./@lezer/common-CnY9etib.js";
 import "./@n8n/codemirror-lang-sql-C41WNa63.js";
@@ -23,161 +23,12 @@ import "./@jsplumb/common-s1StEx7B.js";
 import "./@jsplumb/connector-bezier-D659hq4c.js";
 import "./@jsplumb/browser-ui-BphmFVJY.js";
 import "./codemirror-lang-html-n8n-CXTCIWzP.js";
-import "./fast-json-stable-stringify-Dwd4D7iT.js";
+import "./fast-json-stable-stringify-C3l7e1Gf.js";
 import "./timeago.js-CgQus8nl.js";
-import "./qrcode.vue-DO5L5sO1.js";
+import "./qrcode.vue-Ngu3dGMl.js";
 import "./vue3-touch-events-DVOgU3fI.js";
 import "./chart.js-DiBOFLDH.js";
-const notification = "_notification_197jx_8";
-const style0$4 = {
-  "gift-icon": "_gift-icon_197jx_1",
-  notification
-};
-const _sfc_main$4 = {};
-const _hoisted_1$2 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
-const _hoisted_2$2 = [
-  _hoisted_1$2
-];
-function _sfc_render$1(_ctx, _cache) {
-  const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.$style["gift-icon"])
-  }, [
-    createVNode(_component_font_awesome_icon, { icon: "gift" }),
-    createBaseVNode("div", {
-      class: normalizeClass(_ctx.$style["notification"])
-    }, _hoisted_2$2, 2)
-  ], 2);
-}
-const cssModules$4 = {
-  "$style": style0$4
-};
-const GiftNotificationIcon = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1], ["__cssModules", cssModules$4]]);
-async function getBecomeCreatorCta(context) {
-  const response = await get(context.baseUrl, "/cta/become-creator");
-  return response;
-}
-const LOCAL_STORAGE_KEY = "N8N_BECOME_TEMPLATE_CREATOR_CTA_DISMISSED_AT";
-const RESHOW_DISMISSED_AFTER_DAYS = 30;
-const POLL_INTERVAL_IN_MS = 15 * 60 * 1e3;
-const useBecomeTemplateCreatorStore = defineStore(STORES.BECOME_TEMPLATE_CREATOR, () => {
-  const cloudPlanStore = useCloudPlanStore();
-  const rootStore = useRootStore();
-  const dismissedAt = useStorage(LOCAL_STORAGE_KEY);
-  const ctaMeetsCriteria = ref(false);
-  const monitorCtasTimer = ref(null);
-  const isDismissed = computed(() => {
-    return dismissedAt.value ? !hasEnoughTimePassedSinceDismissal(dismissedAt.value) : false;
-  });
-  const showBecomeCreatorCta = computed(() => {
-    return ctaMeetsCriteria.value && !cloudPlanStore.userIsTrialing && !isDismissed.value;
-  });
-  const dismissCta = () => {
-    dismissedAt.value = DateTime.now().toISO();
-  };
-  const fetchBecomeCreatorCta = async () => {
-    const becomeCreatorCta = await getBecomeCreatorCta(rootStore.restApiContext);
-    ctaMeetsCriteria.value = becomeCreatorCta;
-  };
-  const fetchUserCtasIfNeeded = async () => {
-    if (isDismissed.value || cloudPlanStore.userIsTrialing || ctaMeetsCriteria.value) {
-      return;
-    }
-    await fetchBecomeCreatorCta();
-  };
-  const startMonitoringCta = () => {
-    if (monitorCtasTimer.value) {
-      return;
-    }
-    setTimeout(fetchUserCtasIfNeeded, 1e3);
-    monitorCtasTimer.value = setInterval(fetchUserCtasIfNeeded, POLL_INTERVAL_IN_MS);
-  };
-  const stopMonitoringCta = () => {
-    if (!monitorCtasTimer.value) {
-      return;
-    }
-    clearInterval(monitorCtasTimer.value);
-    monitorCtasTimer.value = null;
-  };
-  return {
-    showBecomeCreatorCta,
-    dismissCta,
-    startMonitoringCta,
-    stopMonitoringCta
-  };
-});
-function hasEnoughTimePassedSinceDismissal(dismissedAt) {
-  const reshowAtTime = DateTime.fromISO(dismissedAt).plus({
-    days: RESHOW_DISMISSED_AFTER_DAYS
-  });
-  return reshowAtTime <= DateTime.now();
-}
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "BecomeTemplateCreatorCta",
-  setup(__props) {
-    const i18n = useI18n();
-    const store = useBecomeTemplateCreatorStore();
-    const telemetry = useTelemetry();
-    const onClick = () => {
-      telemetry.track("User clicked become creator CTA");
-    };
-    return (_ctx, _cache) => {
-      const _component_n8n_icon = resolveComponent("n8n-icon");
-      const _component_n8n_button = resolveComponent("n8n-button");
-      return unref(store).showBecomeCreatorCta ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(_ctx.$style.container),
-        "data-test-id": "become-template-creator-cta"
-      }, [
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.textAndCloseButton)
-        }, [
-          createBaseVNode("p", {
-            class: normalizeClass(_ctx.$style.text)
-          }, toDisplayString(unref(i18n).baseText("becomeCreator.text")), 3),
-          createBaseVNode("button", {
-            class: normalizeClass(_ctx.$style.closeButton),
-            "data-test-id": "close-become-template-creator-cta",
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(store).dismissCta())
-          }, [
-            createVNode(_component_n8n_icon, {
-              icon: "times",
-              size: "xsmall",
-              title: unref(i18n).baseText("generic.close")
-            }, null, 8, ["title"])
-          ], 2)
-        ], 2),
-        createVNode(_component_n8n_button, {
-          class: normalizeClass(_ctx.$style.becomeCreatorButton),
-          label: unref(i18n).baseText("becomeCreator.buttonText"),
-          size: "xmini",
-          type: "secondary",
-          element: "a",
-          href: "https://creators.n8n.io/hub",
-          target: "_blank",
-          onClick
-        }, null, 8, ["class", "label"])
-      ], 2)) : createCommentVNode("", true);
-    };
-  }
-});
-const container = "_container_92ffs_1";
-const textAndCloseButton = "_textAndCloseButton_92ffs_9";
-const text = "_text_92ffs_9";
-const closeButton = "_closeButton_92ffs_22";
-const becomeCreatorButton = "_becomeCreatorButton_92ffs_35";
-const style0$3 = {
-  container,
-  textAndCloseButton,
-  text,
-  closeButton,
-  becomeCreatorButton
-};
-const cssModules$3 = {
-  "$style": style0$3
-};
-const BecomeTemplateCreatorCta = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MainSidebarSourceControl",
   props: {
     isCollapsed: { type: Boolean }
@@ -350,21 +201,170 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 const sync = "_sync_15zv3_1";
 const isConnected = "_isConnected_15zv3_8";
-const collapsed = "_collapsed_15zv3_12";
+const collapsed$1 = "_collapsed_15zv3_12";
 const branchName = "_branchName_15zv3_22";
 const connected = "_connected_15zv3_32";
-const style0$2 = {
+const style0$4 = {
   sync,
   isConnected,
-  collapsed,
+  collapsed: collapsed$1,
   branchName,
   connected
 };
+const cssModules$4 = {
+  "$style": style0$4
+};
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
+const notification = "_notification_197jx_8";
+const style0$3 = {
+  "gift-icon": "_gift-icon_197jx_1",
+  notification
+};
+const _sfc_main$3 = {};
+const _hoisted_1$2 = /* @__PURE__ */ createBaseVNode("div", null, null, -1);
+const _hoisted_2$2 = [
+  _hoisted_1$2
+];
+function _sfc_render$1(_ctx, _cache) {
+  const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.$style["gift-icon"])
+  }, [
+    createVNode(_component_font_awesome_icon, { icon: "gift" }),
+    createBaseVNode("div", {
+      class: normalizeClass(_ctx.$style["notification"])
+    }, _hoisted_2$2, 2)
+  ], 2);
+}
+const cssModules$3 = {
+  "$style": style0$3
+};
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$1], ["__cssModules", cssModules$3]]);
+async function getBecomeCreatorCta(context) {
+  const response = await get(context.baseUrl, "/cta/become-creator");
+  return response;
+}
+const LOCAL_STORAGE_KEY = "N8N_BECOME_TEMPLATE_CREATOR_CTA_DISMISSED_AT";
+const RESHOW_DISMISSED_AFTER_DAYS = 30;
+const POLL_INTERVAL_IN_MS = 15 * 60 * 1e3;
+const useBecomeTemplateCreatorStore = defineStore(STORES.BECOME_TEMPLATE_CREATOR, () => {
+  const cloudPlanStore = useCloudPlanStore();
+  const rootStore = useRootStore();
+  const dismissedAt = useStorage(LOCAL_STORAGE_KEY);
+  const ctaMeetsCriteria = ref(false);
+  const monitorCtasTimer = ref(null);
+  const isDismissed = computed(() => {
+    return dismissedAt.value ? !hasEnoughTimePassedSinceDismissal(dismissedAt.value) : false;
+  });
+  const showBecomeCreatorCta = computed(() => {
+    return ctaMeetsCriteria.value && !cloudPlanStore.userIsTrialing && !isDismissed.value;
+  });
+  const dismissCta = () => {
+    dismissedAt.value = DateTime.now().toISO();
+  };
+  const fetchBecomeCreatorCta = async () => {
+    const becomeCreatorCta = await getBecomeCreatorCta(rootStore.restApiContext);
+    ctaMeetsCriteria.value = becomeCreatorCta;
+  };
+  const fetchUserCtasIfNeeded = async () => {
+    if (isDismissed.value || cloudPlanStore.userIsTrialing || ctaMeetsCriteria.value) {
+      return;
+    }
+    await fetchBecomeCreatorCta();
+  };
+  const startMonitoringCta = () => {
+    if (monitorCtasTimer.value) {
+      return;
+    }
+    setTimeout(fetchUserCtasIfNeeded, 1e3);
+    monitorCtasTimer.value = setInterval(fetchUserCtasIfNeeded, POLL_INTERVAL_IN_MS);
+  };
+  const stopMonitoringCta = () => {
+    if (!monitorCtasTimer.value) {
+      return;
+    }
+    clearInterval(monitorCtasTimer.value);
+    monitorCtasTimer.value = null;
+  };
+  return {
+    showBecomeCreatorCta,
+    dismissCta,
+    startMonitoringCta,
+    stopMonitoringCta
+  };
+});
+function hasEnoughTimePassedSinceDismissal(dismissedAt) {
+  const reshowAtTime = DateTime.fromISO(dismissedAt).plus({
+    days: RESHOW_DISMISSED_AFTER_DAYS
+  });
+  return reshowAtTime <= DateTime.now();
+}
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "BecomeTemplateCreatorCta",
+  setup(__props) {
+    const i18n = useI18n();
+    const store = useBecomeTemplateCreatorStore();
+    const telemetry = useTelemetry();
+    const onClick = () => {
+      telemetry.track("User clicked become creator CTA");
+    };
+    return (_ctx, _cache) => {
+      const _component_n8n_icon = resolveComponent("n8n-icon");
+      const _component_n8n_button = resolveComponent("n8n-button");
+      return unref(store).showBecomeCreatorCta ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(_ctx.$style.container),
+        "data-test-id": "become-template-creator-cta"
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.textAndCloseButton)
+        }, [
+          createBaseVNode("p", {
+            class: normalizeClass(_ctx.$style.text)
+          }, toDisplayString(unref(i18n).baseText("becomeCreator.text")), 3),
+          createBaseVNode("button", {
+            class: normalizeClass(_ctx.$style.closeButton),
+            "data-test-id": "close-become-template-creator-cta",
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(store).dismissCta())
+          }, [
+            createVNode(_component_n8n_icon, {
+              icon: "times",
+              size: "xsmall",
+              title: unref(i18n).baseText("generic.close")
+            }, null, 8, ["title"])
+          ], 2)
+        ], 2),
+        createVNode(_component_n8n_button, {
+          class: normalizeClass(_ctx.$style.becomeCreatorButton),
+          label: unref(i18n).baseText("becomeCreator.buttonText"),
+          size: "xmini",
+          type: "secondary",
+          element: "a",
+          href: "https://creators.n8n.io/hub",
+          target: "_blank",
+          onClick
+        }, null, 8, ["class", "label"])
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+const container = "_container_92ffs_1";
+const textAndCloseButton = "_textAndCloseButton_92ffs_9";
+const text = "_text_92ffs_9";
+const closeButton = "_closeButton_92ffs_22";
+const becomeCreatorButton = "_becomeCreatorButton_92ffs_35";
+const style0$2 = {
+  container,
+  textAndCloseButton,
+  text,
+  closeButton,
+  becomeCreatorButton
+};
 const cssModules$2 = {
   "$style": style0$2
 };
-const MainSidebarSourceControl = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
-const _withScopeId = (n) => (pushScopeId("data-v-94afe4bb"), n = n(), popScopeId(), n);
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const _withScopeId = (n) => (pushScopeId("data-v-c202d202"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = {
   key: 0,
   class: "mt-m mb-m"
@@ -490,13 +490,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayProjects.value, (project) => {
               return openBlock(), createBlock(_component_N8nMenuItem, {
                 key: project.id,
+                class: normalizeClass({
+                  [_ctx.$style.collapsed]: props.collapsed
+                }),
                 item: getProjectMenuItem(project),
                 compact: props.collapsed,
                 "handle-select": projectClicked,
                 "active-tab": unref(projectsStore).projectNavActiveId,
                 mode: "tabs",
                 "data-test-id": "project-menu-item"
-              }, null, 8, ["item", "compact", "active-tab"]);
+              }, null, 8, ["class", "item", "compact", "active-tab"]);
             }), 128))
           ]),
           _: 1
@@ -551,25 +554,27 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const projects = "_projects_7ap69_1";
-const projectItems = "_projectItems_7ap69_9";
-const upgradeLink = "_upgradeLink_7ap69_15";
+const projects = "_projects_1e7fr_1";
+const projectItems = "_projectItems_1e7fr_9";
+const upgradeLink = "_upgradeLink_1e7fr_15";
+const collapsed = "_collapsed_1e7fr_20";
 const style0$1 = {
   projects,
   projectItems,
-  upgradeLink
+  upgradeLink,
+  collapsed
 };
 const cssModules$1 = {
   "$style": style0$1
 };
-const ProjectNavigation = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-94afe4bb"]]);
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-c202d202"]]);
 const _sfc_main = defineComponent({
   name: "MainSidebar",
   components: {
-    GiftNotificationIcon,
-    MainSidebarSourceControl,
-    BecomeTemplateCreatorCta,
-    ProjectNavigation
+    GiftNotificationIcon: __unplugin_components_2,
+    MainSidebarSourceControl: __unplugin_components_3,
+    BecomeTemplateCreatorCta: __unplugin_components_1,
+    ProjectNavigation: __unplugin_components_0
   },
   setup() {
     const externalHooks = useExternalHooks();
@@ -866,11 +871,11 @@ const _hoisted_2 = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_n8n_icon = resolveComponent("n8n-icon");
-  const _component_ProjectNavigation = resolveComponent("ProjectNavigation");
-  const _component_BecomeTemplateCreatorCta = resolveComponent("BecomeTemplateCreatorCta");
-  const _component_GiftNotificationIcon = resolveComponent("GiftNotificationIcon");
+  const _component_ProjectNavigation = __unplugin_components_0;
+  const _component_BecomeTemplateCreatorCta = __unplugin_components_1;
+  const _component_GiftNotificationIcon = __unplugin_components_2;
   const _component_n8n_text = resolveComponent("n8n-text");
-  const _component_MainSidebarSourceControl = resolveComponent("MainSidebarSourceControl");
+  const _component_MainSidebarSourceControl = __unplugin_components_3;
   const _component_n8n_avatar = resolveComponent("n8n-avatar");
   const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
   const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");

package/dist/assets/{TextWithHighlights-D2q_A9ZR.js → MappingPill-BpoMMubm.js}

@@ -1,36 +1,8 @@
-import { Z as defineComponent, J as openBlock, K as createElementBlock, $ as normalizeClass, f as computed, R as Fragment, ag as renderList, a8 as toDisplayString, U as createCommentVNode, a7 as createTextVNode } from "./vendor-CMkNOP5U.js";
-import { _ as _export_sfc } from "./n8n-BZOg0o2s.js";
-const _hoisted_1$1 = ["innerHTML"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "MappingPill",
-  props: {
-    html: {},
-    canDrop: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([_ctx.$style.dragPill, _ctx.canDrop ? _ctx.$style.droppablePill : _ctx.$style.defaultPill]),
-        innerHTML: _ctx.html
-      }, null, 10, _hoisted_1$1);
-    };
-  }
-});
-const dragPill = "_dragPill_6tpc4_1";
-const droppablePill = "_droppablePill_6tpc4_19";
-const defaultPill = "_defaultPill_6tpc4_26";
-const style0$1 = {
-  dragPill,
-  droppablePill,
-  defaultPill
-};
-const cssModules$1 = {
-  "$style": style0$1
-};
-const MappingPill = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
-const _hoisted_1 = { key: 0 };
+import { d as defineComponent, c as computed, o as openBlock, k as createElementBlock, a3 as Fragment, ah as renderList, t as toDisplayString, q as createCommentVNode, n as normalizeClass, s as createTextVNode } from "./vendor-k9_XExsQ.js";
+import { _ as _export_sfc } from "./n8n-CQyDjUnA.js";
+const _hoisted_1$1 = { key: 0 };
 const _hoisted_2 = ["textContent"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "TextWithHighlights",
   props: {
     content: { type: [String, Object, Number, Boolean, null] },
@@ -56,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.search && typeof props.content === "string" ? splitTextBySearch(props.content, props.search) : [];
     });
     return (_ctx, _cache) => {
-      return parts.value.length && typeof props.content === "string" ? (openBlock(), createElementBlock("span", _hoisted_1, [
+      return parts.value.length && typeof props.content === "string" ? (openBlock(), createElementBlock("span", _hoisted_1$1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(parts.value, (part, index) => {
           return openBlock(), createElementBlock(Fragment, null, [
             part.tag === "mark" && part.content ? (openBlock(), createElementBlock("mark", {
@@ -90,14 +62,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const content = "_content_143qn_1";
 const newLine = "_newLine_143qn_1";
-const style0 = {
+const style0$1 = {
   content,
   newLine
 };
+const cssModules$1 = {
+  "$style": style0$1
+};
+const TextWithHighlights = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MappingPill",
+  props: {
+    html: {},
+    canDrop: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.dragPill, _ctx.canDrop ? _ctx.$style.droppablePill : _ctx.$style.defaultPill]),
+        innerHTML: _ctx.html
+      }, null, 10, _hoisted_1);
+    };
+  }
+});
+const dragPill = "_dragPill_6tpc4_1";
+const droppablePill = "_droppablePill_6tpc4_19";
+const defaultPill = "_defaultPill_6tpc4_26";
+const style0 = {
+  dragPill,
+  droppablePill,
+  defaultPill
+};
 const cssModules = {
   "$style": style0
 };
-const TextWithHighlights = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+const MappingPill = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
   MappingPill as M,
   TextWithHighlights as T

package/dist/assets/{TextWithHighlights-D6qDtZxR.css → MappingPill-iz5xZsMz.css}

@@ -1,4 +1,8 @@
-._dragPill_6tpc4_1 {
+:root ._content_143qn_1 ._newLine_143qn_1 {
+  font-family: var(--font-family-monospace);
+  color: var(--color-line-break);
+  padding-right: 2px;
+}._dragPill_6tpc4_1 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -40,8 +44,4 @@
   color: var(--color-primary);
   border-color: var(--color-primary-tint-1);
   background-color: var(--color-primary-tint-3);
-}:root ._content_143qn_1 ._newLine_143qn_1 {
-  font-family: var(--font-family-monospace);
-  color: var(--color-line-break);
-  padding-right: 2px;
 }

package/dist/assets/{NodeCreation-3zIPEL-K.js → NodeCreation-D6_T4MHt.js}

@@ -1,8 +1,8 @@
-const __vite__fileDeps=["assets/NodeCreator-DgPDx0jM.js","assets/vendor-CMkNOP5U.js","assets/index-Ei6MODY4.js","assets/pinia-6fcdwe0b.js","assets/axios-Cp0EV6RZ.js","assets/n8n-BZOg0o2s.js","assets/esprima-next-CPsTzYsC.js","assets/luxon-0uZhUj7B.js","assets/lodash-es-COViF6dG.js","assets/@vueuse/core-DjbzQ1zB.js","assets/uuid-sKupIUZ4.js","assets/n8n-HyitiRil.css","assets/flatted-D70IerrI.js","assets/@n8n/permissions-DSKt-Zl7.js","assets/dateformat-BGxyBe2P.js","assets/vue-i18n-ia8PeNLb.js","assets/@n8n/codemirror-lang-CIGGB1t0.js","assets/@lezer/common-CnY9etib.js","assets/@n8n/codemirror-lang-sql-C41WNa63.js","assets/prettier-_aQB57xD.js","assets/@jsplumb/util-BwtpiQ4c.js","assets/@jsplumb/core-B__RSZHf.js","assets/@jsplumb/common-s1StEx7B.js","assets/@jsplumb/connector-bezier-D659hq4c.js","assets/@jsplumb/browser-ui-BphmFVJY.js","assets/codemirror-lang-html-n8n-CXTCIWzP.js","assets/fast-json-stable-stringify-Dwd4D7iT.js","assets/timeago.js-CgQus8nl.js","assets/qrcode.vue-DO5L5sO1.js","assets/vue3-touch-events-DVOgU3fI.js","assets/chart.js-DiBOFLDH.js","assets/index-DQ-dNHi3.css","assets/NodeViewSwitcher-Dbk4xy6K.js","assets/useExecutionDebugging-Dh1s84Bo.js","assets/file-saver-EX5V8lV4.js","assets/vue-json-pretty-Smey0Oxa.js","assets/dateFormatter-Cz94F6Me.js","assets/RunDataAi-DPA8xM1m.js","assets/RunDataAi-HUzSX62R.css","assets/useWorkflowActivate-ClpGYVLf.js","assets/pushConnection.store-C_Dd7v0C.js","assets/@vue-flow/core-CjwW6FwV.js","assets/@vue-flow/background-Dvxud2mg.js","assets/@vue-flow/controls-C3soidEc.js","assets/@vue-flow/minimap-Bdd7TR2F.js","assets/@vue-flow/node-resizer-B3B5vubL.js","assets/NodeViewSwitcher-kCsKOQkF.css","assets/NodeCreator-Bz15fuWb.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
-import { e as __vitePreload, _ as _export_sfc } from "./n8n-BZOg0o2s.js";
-import { f as computed, Z as defineComponent, h as reactive, ao as resolveComponent, J as openBlock, K as createElementBlock, $ as normalizeClass, I as createBaseVNode, a9 as createVNode, a4 as withCtx, U as createCommentVNode, V as createBlock, u as unref, aR as Suspense, aP as defineAsyncComponent } from "./vendor-CMkNOP5U.js";
-import { v as useI18n, ce as NODE_CREATOR_OPEN_SOURCES, al as WEBHOOK_NODE_TYPE, bH as SCHEDULE_TRIGGER_NODE_TYPE, a2 as useNodeTypesStore, m as useWorkflowsStore, bF as TRIGGER_NODE_CREATOR_VIEW, L as STICKY_NODE_TYPE, ef as QA_CHAIN_NODE_TYPE, eg as AGENT_NODE_TYPE, eh as BASIC_CHAIN_NODE_TYPE, ei as OPEN_AI_ASSISTANT_NODE_TYPE, ej as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, bJ as MANUAL_CHAT_TRIGGER_NODE_TYPE, ag as CHAT_TRIGGER_NODE_TYPE, ak as MANUAL_TRIGGER_NODE_TYPE, ek as OPEN_AI_NODE_TYPE, c6 as SPLIT_IN_BATCHES_NODE_TYPE, ba as NO_OP_NODE_TYPE, a1 as useExternalHooks, e as useUIStore, ci as KeyboardShortcutTooltip, el as getMidCanvasPosition, em as DEFAULT_STICKY_WIDTH, en as DEFAULT_STICKY_HEIGHT } from "./index-Ei6MODY4.js";
-import { u as useNodeCreatorStore, t as transformNodeType, s as sortNodeCreateElements } from "./NodeViewSwitcher-Dbk4xy6K.js";
+const __vite__fileDeps=["assets/NodeCreator-DZw_vmPq.js","assets/vendor-k9_XExsQ.js","assets/index-D03bfPtn.js","assets/n8n-CQyDjUnA.js","assets/esprima-next-CPsTzYsC.js","assets/luxon-0uZhUj7B.js","assets/axios-Cp0EV6RZ.js","assets/lodash-es-COViF6dG.js","assets/@vueuse/core-zoLH-FU7.js","assets/uuid-sKupIUZ4.js","assets/n8n-HyitiRil.css","assets/pinia-C0SpIvcC.js","assets/flatted-D70IerrI.js","assets/@n8n/permissions-DSKt-Zl7.js","assets/dateformat-BZ7ie_ed.js","assets/vue-i18n-w8we4vO-.js","assets/@n8n/codemirror-lang-CIGGB1t0.js","assets/@lezer/common-CnY9etib.js","assets/@n8n/codemirror-lang-sql-C41WNa63.js","assets/prettier-_aQB57xD.js","assets/@jsplumb/util-BwtpiQ4c.js","assets/@jsplumb/core-B__RSZHf.js","assets/@jsplumb/common-s1StEx7B.js","assets/@jsplumb/connector-bezier-D659hq4c.js","assets/@jsplumb/browser-ui-BphmFVJY.js","assets/codemirror-lang-html-n8n-CXTCIWzP.js","assets/fast-json-stable-stringify-C3l7e1Gf.js","assets/timeago.js-CgQus8nl.js","assets/qrcode.vue-Ngu3dGMl.js","assets/vue3-touch-events-DVOgU3fI.js","assets/chart.js-DiBOFLDH.js","assets/index-C0gal3Cv.css","assets/NodeViewSwitcher-CxSiuxnX.js","assets/vue-json-pretty-A7n1L2oL.js","assets/file-saver-CLUQxR09.js","assets/dateFormatter-Bm-NazQh.js","assets/RunDataAi-BoYixabH.js","assets/RunDataAi-HUzSX62R.css","assets/useWorkflowActivate-CyFujklb.js","assets/useExecutionDebugging-C8igPfgQ.js","assets/pushConnection.store-B7KfoksT.js","assets/@vue-flow/core-CZYXcHT4.js","assets/@vue-flow/background-CTQyba98.js","assets/@vue-flow/controls-D1EndCL-.js","assets/@vue-flow/minimap--aX0pOzk.js","assets/@vue-flow/node-resizer-CiETXsr-.js","assets/NodeViewSwitcher-DPUSdIzU.css","assets/NodeCreator-Bz15fuWb.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
+import { e as __vitePreload, _ as _export_sfc } from "./n8n-CQyDjUnA.js";
+import { c as computed, d as defineComponent, G as reactive, ap as resolveComponent, o as openBlock, k as createElementBlock, n as normalizeClass, j as createBaseVNode, i as createVNode, e as withCtx, q as createCommentVNode, a as createBlock, g as unref, aR as Suspense, aP as defineAsyncComponent } from "./vendor-k9_XExsQ.js";
+import { v as useI18n, ce as NODE_CREATOR_OPEN_SOURCES, am as WEBHOOK_NODE_TYPE, bI as SCHEDULE_TRIGGER_NODE_TYPE, a3 as useNodeTypesStore, m as useWorkflowsStore, bG as TRIGGER_NODE_CREATOR_VIEW, N as STICKY_NODE_TYPE, eh as QA_CHAIN_NODE_TYPE, ei as AGENT_NODE_TYPE, ej as BASIC_CHAIN_NODE_TYPE, ek as OPEN_AI_ASSISTANT_NODE_TYPE, el as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, bK as MANUAL_CHAT_TRIGGER_NODE_TYPE, af as CHAT_TRIGGER_NODE_TYPE, al as MANUAL_TRIGGER_NODE_TYPE, em as OPEN_AI_NODE_TYPE, c7 as SPLIT_IN_BATCHES_NODE_TYPE, ba as NO_OP_NODE_TYPE, a2 as useExternalHooks, e as useUIStore, ci as KeyboardShortcutTooltip, en as getMidCanvasPosition, eo as DEFAULT_STICKY_WIDTH, ep as DEFAULT_STICKY_HEIGHT } from "./index-D03bfPtn.js";
+import { u as useNodeCreatorStore, t as transformNodeType, s as sortNodeCreateElements } from "./NodeViewSwitcher-CxSiuxnX.js";
 const useActions = () => {
   const nodeCreatorStore = useNodeCreatorStore();
   const i18n = useI18n();
@@ -234,8 +234,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
-    const NodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-DgPDx0jM.js"), true ? __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47]) : void 0)
+    const LazyNodeCreator = defineAsyncComponent(
+      async () => await __vitePreload(() => import("./NodeCreator-DZw_vmPq.js"), true ? __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -339,7 +339,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 34)) : createCommentVNode("", true),
         (openBlock(), createBlock(Suspense, null, {
           default: withCtx(() => [
-            createVNode(unref(NodeCreator), {
+            createVNode(unref(LazyNodeCreator), {
               active: _ctx.createNodeActive,
               onNodeTypeSelected: nodeTypeSelected,
               onCloseNodeCreator: closeNodeCreator