n8n-editor-ui 1.64.1 → 1.65.1

package/dist/assets/{index-BGyoJ6bM.css → index-DoeC8czU.css}

@@ -16889,12 +16889,6 @@ body[data-theme=dark] .hljs-tag {
   fill: var(--color-foreground-dark);
   opacity: 0.2;
 }
-/**
- * Pane
- */
-.vue-flow__pane, .vue-flow__pane.draggable {
-  cursor: default;
-}
 /**
  * Nodes
  */
@@ -16905,9 +16899,6 @@ body[data-theme=dark] .hljs-tag {
   cursor: -webkit-grabbing;
   cursor: grabbing;
 }
-.vue-flow__node.selected {
-  z-index: 1 !important;
-}
 .vue-flow__node:has(.sticky--active) {
   z-index: 1 !important;
 }
@@ -16924,8 +16915,9 @@ body[data-theme=dark] .hljs-tag {
 /**
  * Edges
  */
-.vue-flow__edges,
-.vue-flow__edge-labels {
+.vue-flow__edges:has(.selected),
+.vue-flow__edges:has(.hovered),
+.vue-flow__edge-label.selected {
   z-index: 1 !important;
 }
 .executions-list-move,
@@ -22903,10 +22895,10 @@ code[class^=language-] {
             align-items: baseline;
     gap: var(--spacing-2xs);
 }
-}._editor_9hxlz_1 {
-  height: 100%;
+}._editor-container_3iygj_1 {
+  position: relative;
 }
-._editor_9hxlz_1 > div {
+._fillHeight_3iygj_5 {
   height: 100%;
 }._modeSelector_1qpyk_1 {
   --input-background-color: initial;
@@ -23043,13 +23035,13 @@ code[class^=language-] {
   cursor: -webkit-grabbing;
   cursor: grabbing;
   border-width: 1px;
-}.readonly-code[data-v-afaf297e] {
+}.readonly-code[data-v-2555b1e7] {
   font-size: var(--font-size-xs);
 }
-.switch-input[data-v-afaf297e] {
+.switch-input[data-v-2555b1e7] {
   margin: var(--spacing-5xs) 0 var(--spacing-2xs) 0;
 }
-.parameter-value-container[data-v-afaf297e] {
+.parameter-value-container[data-v-2555b1e7] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -23057,7 +23049,7 @@ code[class^=language-] {
       -ms-flex-align: center;
           align-items: center;
 }
-.parameter-actions[data-v-afaf297e] {
+.parameter-actions[data-v-2555b1e7] {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -23065,16 +23057,16 @@ code[class^=language-] {
       -ms-flex-align: center;
           align-items: center;
 }
-.parameter-input[data-v-afaf297e] {
+.parameter-input[data-v-2555b1e7] {
   display: inline-block;
   position: relative;
 }
-.parameter-input[data-v-afaf297e] .color-input {
+.parameter-input[data-v-2555b1e7] .color-input {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-.parameter-input[data-v-afaf297e] .color-input .el-color-picker__trigger {
+.parameter-input[data-v-2555b1e7] .color-input .el-color-picker__trigger {
   border: none;
 }.ql-editor {
   padding: 6px;

package/dist/assets/{pushConnection.store-DBI9rig9.js → pushConnection.store-BKOlrr3c.js}

@@ -1,4 +1,4 @@
-import { v as createEventBus, R as defineStore, S as STORES, Z as useRootStore, m as useSettingsStore, p as computed, r as ref, W as TIME } from "./index-TQ22MZub.js";
+import { v as createEventBus, R as defineStore, S as STORES, Z as useRootStore, m as useSettingsStore, p as computed, r as ref, W as TIME } from "./index-BUjeBzRM.js";
 const globalLinkActionsEventBus = createEventBus();
 const usePushConnectionStore = defineStore(STORES.PUSH, () => {
   const rootStore = useRootStore();

package/dist/assets/{templateActions-BlnfhXAQ.js → templateActions-BTYgtgDN.js}

@@ -1,4 +1,4 @@
-import { hV as TEMPLATE_CREDENTIAL_SETUP_EXPERIMENT, eN as assert, V as VIEWS, ga as tryToParseNumber, h_ as doesNodeHaveCredentialsToFill, h$ as getNewWorkflow, i0 as replaceAllTemplateNodeCredentials, g9 as getFixedNodesList } from "./index-TQ22MZub.js";
+import { h_ as TEMPLATE_CREDENTIAL_SETUP_EXPERIMENT, eN as assert, V as VIEWS, gc as tryToParseNumber, i3 as doesNodeHaveCredentialsToFill, i4 as getNewWorkflow, i5 as replaceAllTemplateNodeCredentials, gb as getFixedNodesList } from "./index-BUjeBzRM.js";
 async function createWorkflowFromTemplate(opts) {
   const { credentialOverrides, nodeTypeProvider, rootStore, template, workflowsStore } = opts;
   const workflowData = await getNewWorkflow(rootStore.restApiContext, { name: template.name });

package/dist/assets/useBugReporting-lkBiyjPH.js

@@ -0,0 +1,38 @@
+import { ho as useDebugInfo } from "./index-BUjeBzRM.js";
+const BASE_FORUM_URL = "https://github.com/n8n-io/n8n/issues/new?labels=bug-report";
+const REPORT_TEMPLATE = `
+<!-- Please follow the template below. Skip the questions that are not relevant to you. -->
+
+## Describe the problem/error/question
+
+
+## What is the error message (if any)?
+
+
+## Please share your workflow/screenshots/recording
+
+\`\`\`
+(Select the nodes on your canvas and use the keyboard shortcuts CMD+C/CTRL+C and CMD+V/CTRL+V to copy and paste the workflow.)
+\`\`\`
+
+
+## Share the output returned by the last node
+<!-- If you need help with data transformations, please also share your expected output. -->
+
+`;
+function useBugReporting() {
+  const debugInfo = useDebugInfo();
+  const getReportingURL = () => {
+    const url = new URL(BASE_FORUM_URL);
+    const report = `${REPORT_TEMPLATE}
+${debugInfo.generateDebugInfo({ skipSensitive: true, secondaryHeader: true })}}`;
+    url.searchParams.append("body", report);
+    return url.toString();
+  };
+  return {
+    getReportingURL
+  };
+}
+export {
+  useBugReporting as u
+};

package/dist/assets/{useExecutionDebugging-rQ2a9vrr.js → useExecutionDebugging-C91tSyen.js}

@@ -1,4 +1,4 @@
-import { b as useRouter, a as useToast, T as useWorkflowsStore, m as useSettingsStore, K as useUIStore, p as computed, a8 as EnterpriseEditionFeature, bt as h, hd as sanitizeHtml, ae as MODAL_CONFIRM, V as VIEWS, Z as useRootStore, hn as isFullExecutionResponse, ho as DEBUG_PAYWALL_MODAL_KEY, ak as useTelemetry, g as useI18n, al as useMessage } from "./index-TQ22MZub.js";
+import { b as useRouter, a as useToast, T as useWorkflowsStore, m as useSettingsStore, K as useUIStore, p as computed, a7 as EnterpriseEditionFeature, bt as h, hf as sanitizeHtml, ad as MODAL_CONFIRM, V as VIEWS, Z as useRootStore, hs as isFullExecutionResponse, ht as DEBUG_PAYWALL_MODAL_KEY, aj as useTelemetry, g as useI18n, ak as useMessage } from "./index-BUjeBzRM.js";
 const useExecutionDebugging = () => {
   const telemetry = useTelemetry();
   const router = useRouter();

package/dist/assets/useNodeViewVersionSwitcher-D2zGsXPQ.js

@@ -0,0 +1,83 @@
+import { K as useUIStore, $ as useCanvasStore, r as ref, p as computed, V as VIEWS, g as useI18n, ao as useNDVStore, T as useWorkflowsStore, m as useSettingsStore, hm as refDebounced, hn as useLocalStorage, aj as useTelemetry } from "./index-BUjeBzRM.js";
+function useBeforeUnload({ route }) {
+  const uiStore = useUIStore();
+  const canvasStore = useCanvasStore();
+  const i18n = useI18n();
+  const unloadTimeout = ref(null);
+  const isDemoRoute = computed(() => route.name === VIEWS.DEMO);
+  const handlers = [];
+  function onBeforeUnload(e) {
+    if (isDemoRoute.value || window.preventNodeViewBeforeUnload) {
+      return;
+    }
+    handlers.forEach((handler) => handler());
+    if (uiStore.stateIsDirty) {
+      e.returnValue = true;
+      return true;
+    } else {
+      canvasStore.startLoading(i18n.baseText("nodeView.redirecting"));
+      return;
+    }
+  }
+  function addBeforeUnloadHandler(handler) {
+    handlers.push(handler);
+  }
+  function addBeforeUnloadEventBindings() {
+    window.addEventListener("beforeunload", onBeforeUnload);
+  }
+  function removeBeforeUnloadEventBindings() {
+    if (unloadTimeout.value) {
+      clearTimeout(unloadTimeout.value);
+    }
+    window.removeEventListener("beforeunload", onBeforeUnload);
+  }
+  return {
+    onBeforeUnload,
+    addBeforeUnloadEventBindings,
+    removeBeforeUnloadEventBindings,
+    addBeforeUnloadHandler
+  };
+}
+function useNodeViewVersionSwitcher() {
+  const ndvStore = useNDVStore();
+  const workflowsStore = useWorkflowsStore();
+  const settingsStore = useSettingsStore();
+  const telemetry = useTelemetry();
+  const isNewUser = computed(() => workflowsStore.activeWorkflows.length === 0);
+  const isNewUserDebounced = refDebounced(isNewUser, 3e3);
+  const nodeViewVersion = useLocalStorage(
+    "NodeView.version",
+    settingsStore.deploymentType === "n8n-internal" ? "2" : "1"
+  );
+  function setNodeViewSwitcherDropdownOpened(visible) {
+    if (!visible) {
+      setNodeViewSwitcherDiscovered();
+    }
+  }
+  const nodeViewSwitcherDiscovered = useLocalStorage("NodeView.switcher.discovered", false);
+  function setNodeViewSwitcherDiscovered() {
+    nodeViewSwitcherDiscovered.value = true;
+  }
+  const isNodeViewDiscoveryTooltipVisible = computed(
+    () => !ndvStore.activeNodeName && nodeViewVersion.value !== "2" && !(isNewUserDebounced.value || nodeViewSwitcherDiscovered.value)
+  );
+  function switchNodeViewVersion() {
+    const toVersion = nodeViewVersion.value === "1" ? "2" : "1";
+    telemetry.track("User switched canvas version", {
+      to_version: toVersion
+    });
+    nodeViewVersion.value = toVersion;
+  }
+  return {
+    nodeViewVersion,
+    nodeViewSwitcherDiscovered,
+    isNodeViewDiscoveryTooltipVisible,
+    setNodeViewSwitcherDropdownOpened,
+    setNodeViewSwitcherDiscovered,
+    switchNodeViewVersion
+  };
+}
+export {
+  useNodeViewVersionSwitcher as a,
+  useBeforeUnload as u
+};

package/dist/assets/{usePushConnection-Bg_ZQZs0.js → usePushConnection-CQXTn-bO.js}

@@ -1,5 +1,5 @@
-import { ig as makeRestApiRequest, R as defineStore, Z as useRootStore, d as defineComponent, c as openBlock, h as createElementBlock, k as createTextVNode, t as toDisplayString, j as createBaseVNode, A as unref, g as useI18n, a4 as useWorkflowHelpers, dl as useNodeHelpers, a as useToast, dt as useCredentialsStore, cZ as useNodeTypesStore, m as useSettingsStore, K as useUIStore, T as useWorkflowsStore, ih as useAssistantStore, r as ref, ii as parse, ij as codeNodeEditorEventBus, ag as WORKFLOW_SETTINGS_MODAL_KEY, g7 as generateNodesGraph, bt as h, er as getTriggerNodeServiceName, aF as useExternalHooks, ak as useTelemetry } from "./index-TQ22MZub.js";
-import { u as usePushConnectionStore, g as globalLinkActionsEventBus } from "./pushConnection.store-DBI9rig9.js";
+import { il as makeRestApiRequest, R as defineStore, Z as useRootStore, d as defineComponent, c as openBlock, h as createElementBlock, k as createTextVNode, t as toDisplayString, j as createBaseVNode, A as unref, g as useI18n, a4 as useWorkflowHelpers, dl as useNodeHelpers, a as useToast, dt as useCredentialsStore, cZ as useNodeTypesStore, m as useSettingsStore, K as useUIStore, T as useWorkflowsStore, im as useAssistantStore, r as ref, io as parse, ip as codeNodeEditorEventBus, af as WORKFLOW_SETTINGS_MODAL_KEY, g9 as generateNodesGraph, bt as h, er as getTriggerNodeServiceName, aF as useExternalHooks, aj as useTelemetry } from "./index-BUjeBzRM.js";
+import { u as usePushConnectionStore, g as globalLinkActionsEventBus } from "./pushConnection.store-BKOlrr3c.js";
 const GET_STATUS_ENDPOINT = "/orchestration/worker/status";
 const sendGetWorkerStatus = async (context) => {
   await makeRestApiRequest(context, "POST", GET_STATUS_ENDPOINT);

package/dist/assets/{useWorkflowActivate-DXNYJQNZ.js → useWorkflowActivate-DbL83lsy.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, aF as useExternalHooks, aA as useStorage, il as LOCAL_STORAGE_ACTIVATION_FLAG, im as WORKFLOW_ACTIVE_MODAL_KEY, ak as useTelemetry, g as useI18n } from "./index-TQ22MZub.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, aF as useExternalHooks, az as useStorage, ir as LOCAL_STORAGE_ACTIVATION_FLAG, is as WORKFLOW_ACTIVE_MODAL_KEY, aj as useTelemetry, g as useI18n } from "./index-BUjeBzRM.js";
 function useWorkflowActivate() {
   const updatingWorkflowActivation = ref(false);
   const router = useRouter();

package/dist/index.html

@@ -13,8 +13,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-TQ22MZub.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-BGyoJ6bM.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-BUjeBzRM.js"></script>
+		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-DoeC8czU.css">
 	</head>
 	<body>
 		<noscript>

package/package.json

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

package/dist/assets/CollectionParameter--dDx2Uul.js

@@ -1,4 +0,0 @@
-import { iZ as _sfc_main } from "./index-TQ22MZub.js";
-export {
-  _sfc_main as default
-};

package/dist/assets/useBeforeUnload-Db4Xtdlx.js

@@ -1,43 +0,0 @@
-import { K as useUIStore, $ as useCanvasStore, r as ref, p as computed, V as VIEWS, g as useI18n } from "./index-TQ22MZub.js";
-function useBeforeUnload({ route }) {
-  const uiStore = useUIStore();
-  const canvasStore = useCanvasStore();
-  const i18n = useI18n();
-  const unloadTimeout = ref(null);
-  const isDemoRoute = computed(() => route.name === VIEWS.DEMO);
-  const handlers = [];
-  function onBeforeUnload(e) {
-    if (isDemoRoute.value || window.preventNodeViewBeforeUnload) {
-      return;
-    }
-    handlers.forEach((handler) => handler());
-    if (uiStore.stateIsDirty) {
-      e.returnValue = true;
-      return true;
-    } else {
-      canvasStore.startLoading(i18n.baseText("nodeView.redirecting"));
-      return;
-    }
-  }
-  function addBeforeUnloadHandler(handler) {
-    handlers.push(handler);
-  }
-  function addBeforeUnloadEventBindings() {
-    window.addEventListener("beforeunload", onBeforeUnload);
-  }
-  function removeBeforeUnloadEventBindings() {
-    if (unloadTimeout.value) {
-      clearTimeout(unloadTimeout.value);
-    }
-    window.removeEventListener("beforeunload", onBeforeUnload);
-  }
-  return {
-    onBeforeUnload,
-    addBeforeUnloadEventBindings,
-    removeBeforeUnloadEventBindings,
-    addBeforeUnloadHandler
-  };
-}
-export {
-  useBeforeUnload as u
-};