n8n-editor-ui 1.95.2 → 1.96.0

package/dist/assets/{NodeDetailsView-BtWGMS7Y.css → NodeDetailsView-6JHPI3t-.css}

@@ -421,23 +421,23 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.webhooks[data-v-56323fca] {
+.webhooks[data-v-906699cc] {
   padding-bottom: var(--spacing-xs);
   margin: var(--spacing-xs) 0;
   border-bottom: 1px solid var(--color-text-lighter);
 }
-.webhooks .headline[data-v-56323fca] {
+.webhooks .headline[data-v-906699cc] {
   color: var(--color-primary);
   font-weight: var(--font-weight-bold);
   font-size: var(--font-size-2xs);
 }
-.http-field[data-v-56323fca] {
+.http-field[data-v-906699cc] {
   position: absolute;
   width: 50px;
   display: inline-block;
   top: calc(50% - 8px);
 }
-.http-method[data-v-56323fca] {
+.http-method[data-v-906699cc] {
   background-color: var(--color-foreground-xdark);
   width: 40px;
   height: 16px;
@@ -449,37 +449,37 @@
   font-weight: var(--font-weight-bold);
   color: var(--color-foreground-xlight);
 }
-.minimize-icon[data-v-56323fca] {
+.minimize-icon[data-v-906699cc] {
   font-size: 1.3em;
   margin-right: 0.5em;
 }
-.mode-selection-headline[data-v-56323fca] {
+.mode-selection-headline[data-v-906699cc] {
   line-height: 1.8em;
 }
-.node-webhooks[data-v-56323fca] {
+.node-webhooks[data-v-906699cc] {
   margin-left: 1em;
 }
-.url-field[data-v-56323fca] {
+.url-field[data-v-906699cc] {
   display: inline-block;
   width: calc(100% - 60px);
   margin-left: 55px;
 }
-.url-field-full-width[data-v-56323fca] {
+.url-field-full-width[data-v-906699cc] {
   display: inline-block;
   margin: 5px 10px;
 }
-.url-selection[data-v-56323fca] {
+.url-selection[data-v-906699cc] {
   margin-top: var(--spacing-xs);
 }
-.minimize-button[data-v-56323fca] {
+.minimize-button[data-v-906699cc] {
   display: inline-block;
   transition-duration: 0.5s;
   transition-property: transform;
 }
-.expanded .minimize-button[data-v-56323fca] {
+.expanded .minimize-button[data-v-906699cc] {
   transform: rotate(90deg);
 }
-.webhook-url[data-v-56323fca] {
+.webhook-url[data-v-906699cc] {
   position: relative;
   top: 0;
   width: 100%;
@@ -492,7 +492,7 @@
   direction: ltr;
   word-break: break-all;
 }
-.webhook-wrapper[data-v-56323fca] {
+.webhook-wrapper[data-v-906699cc] {
   line-height: 1.5;
   position: relative;
   margin-top: var(--spacing-xs);
@@ -1006,7 +1006,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.node-settings[data-v-e2263c2a] {
+.node-settings[data-v-f247a28e] {
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -1014,19 +1014,19 @@
   height: 100%;
   width: 100%;
 }
-.node-settings .no-parameters[data-v-e2263c2a] {
+.node-settings .no-parameters[data-v-f247a28e] {
   margin-top: var(--spacing-xs);
 }
-.node-settings .header-side-menu[data-v-e2263c2a] {
+.node-settings .header-side-menu[data-v-f247a28e] {
   padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-s);
   font-size: var(--font-size-l);
   display: flex;
   justify-content: space-between;
 }
-.node-settings .header-side-menu .node-name[data-v-e2263c2a] {
+.node-settings .header-side-menu .node-name[data-v-f247a28e] {
   padding-top: var(--spacing-5xs);
 }
-.node-settings .node-is-not-valid[data-v-e2263c2a] {
+.node-settings .node-is-not-valid[data-v-f247a28e] {
   height: 75%;
   padding: 10px;
   display: flex;
@@ -1036,54 +1036,54 @@
   text-align: center;
   line-height: var(--font-line-height-regular);
 }
-.node-settings .node-parameters-wrapper[data-v-e2263c2a] {
+.node-settings .node-parameters-wrapper[data-v-f247a28e] {
   overflow-y: auto;
   padding: 0 var(--spacing-m) var(--spacing-l) var(--spacing-m);
   flex-grow: 1;
 }
-.node-settings.dragging[data-v-e2263c2a] {
+.node-settings.dragging[data-v-f247a28e] {
   border-color: var(--color-primary);
   box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
 }
-.parameter-content[data-v-e2263c2a] {
+.parameter-content[data-v-f247a28e] {
   font-size: 0.9em;
   margin-right: -15px;
   margin-left: -15px;
 }
-.parameter-content input[data-v-e2263c2a] {
+.parameter-content input[data-v-f247a28e] {
   width: calc(100% - 35px);
   padding: 5px;
 }
-.parameter-content select[data-v-e2263c2a] {
+.parameter-content select[data-v-f247a28e] {
   width: calc(100% - 20px);
   padding: 5px;
 }
-.parameter-content[data-v-e2263c2a]:before {
+.parameter-content[data-v-f247a28e]:before {
   display: table;
   content: " ";
   position: relative;
   box-sizing: border-box;
   clear: both;
 }
-.parameter-wrapper[data-v-e2263c2a] {
+.parameter-wrapper[data-v-f247a28e] {
   padding: 0 1em;
 }
-.color-reset-button-wrapper[data-v-e2263c2a] {
+.color-reset-button-wrapper[data-v-f247a28e] {
   position: relative;
 }
-.color-reset-button[data-v-e2263c2a] {
+.color-reset-button[data-v-f247a28e] {
   position: absolute;
   right: 7px;
   top: -25px;
 }
-.node-version[data-v-e2263c2a] {
+.node-version[data-v-f247a28e] {
   border-top: var(--border-base);
   font-size: var(--font-size-xs);
   font-size: var(--font-size-2xs);
   padding: var(--spacing-xs) 0 var(--spacing-2xs) 0;
   color: var(--color-text-light);
 }
-.parameter-value input.expression[data-v-e2263c2a] {
+.parameter-value input.expression[data-v-f247a28e] {
   border-style: dashed;
   border-color: #ff9600;
   display: inline-block;
@@ -2576,12 +2576,12 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.fade-enter-active[data-v-d43aa3b1],
-.fade-leave-active[data-v-d43aa3b1] {
+.fade-enter-active[data-v-bf6d9e5c],
+.fade-leave-active[data-v-bf6d9e5c] {
   transition: opacity 200ms;
 }
-.fade-enter[data-v-d43aa3b1],
-.fade-leave-to[data-v-d43aa3b1] {
+.fade-enter[data-v-bf6d9e5c],
+.fade-leave-to[data-v-bf6d9e5c] {
   opacity: 0;
 }/* BEM support Func
  -------------------------- */

package/dist/assets/{NodeView-U4YkXSfU.css → NodeView-BdvXMmMp.css}

@@ -4497,12 +4497,12 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-.minimap-enter-active[data-v-e5ff5571],
-.minimap-leave-active[data-v-e5ff5571] {
+.minimap-enter-active[data-v-ff688b7e],
+.minimap-leave-active[data-v-ff688b7e] {
   transition: opacity 0.3s ease;
 }
-.minimap-enter-from[data-v-e5ff5571],
-.minimap-leave-to[data-v-e5ff5571] {
+.minimap-enter-from[data-v-ff688b7e],
+.minimap-leave-to[data-v-ff688b7e] {
   opacity: 0;
 }/* BEM support Func
  -------------------------- */

package/dist/assets/{NodeView-CvKozVnV.js → NodeView-DKOoBDwT.js}

@@ -1,11 +1,11 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-Cc0NdFhH.js","assets/index-yHq_9MHK.js","assets/index-DH8MNLw5.css","assets/NodeCreation-RKvezEeg.css","assets/NodeDetailsView-B9Fh0Dl2.js","assets/import-curl-Dlras8xY.js","assets/RunData-fnv6lb8C.js","assets/FileSaver.min-BXNSdnef.js","assets/useExecutionHelpers-CV0xvJ9R.js","assets/RunData-CE5FsU6k.css","assets/RunDataAi-CNLso3N1.js","assets/RunDataParsedAiContent-CW7ypFU2.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/RunDataAi-D9VLFXIf.css","assets/useWorkflowActivate-B1fEJW3D.js","assets/NodeDetailsView-BtWGMS7Y.css","assets/SetupWorkflowCredentialsButton-DDCGrXlU.js"])))=>i.map(i=>d[i]);
-import { d as defineComponent, h as resolveComponent, e as createBlock, g as openBlock, _ as _export_sfc$1, i as createElementBlock, k as createBaseVNode, bX as PanelPosition, bY as useVueFlow, bL as toRef, w as withCtx, x as renderSlot, f as createCommentVNode, F as Fragment, j as createVNode, b7 as resolveDynamicComponent, m as unref, bZ as _sfc_main$H, q as computed, c as useI18n, bQ as KeyboardShortcutTooltip, n as normalizeClass, by as NodeConnectionTypes, b_ as getBezierPath, b$ as getSmoothStepPath, c0 as Position, b1 as inject, c1 as CanvasKey, Y as useCssModule, c2 as parseCanvasConnectionHandleString, r as ref, o as onMounted, D as renderList, c3 as _sfc_main$d$1, B as normalizeStyle, H as useUIStore, bz as useNodeTypesStore, Q as useWorkflowsStore, a0 as useSourceControlStore, a7 as getResourcePermissions, c4 as isNodeWithWorkflowSelector, c5 as getSubworkflowId, c6 as isPresent, X as watch, c7 as getMousePosition, ay as STICKY_NODE_TYPE, bl as usePinnedData, c8 as NOT_DUPLICATABLE_NODE_TYPES, c9 as isExecutable, ca as Teleport, bR as useStyles, bS as N8nActionDropdown, cb as getDefaultExportFromCjs, cc as NODE_SIZE, cd as CanvasNodeRenderType, ce as GRID_SIZE, bU as useThrottleFn, cf as getRectOfNodes, bc as onUnmounted, cg as useActiveElement, ch as useDeviceSupport, ci as useEventListener, cj as onKeyDown, ck as onKeyUp, cl as useSlots, cm as useAttrs, cn as getBoundsofRects, a$ as watchEffect, t as toDisplayString, co as getConnectedEdges, b5 as normalizeProps, b8 as mergeProps, bi as provide, aq as h, aV as createSlots, cp as isValidNodeConnectionType, cq as _sfc_main$3$1, cr as CanvasNodeKey, cs as CanvasConnectionMode, ct as mergeModels, cu as useModel, y as onBeforeUnmount, bA as useNodeHelpers, cv as TitledList, aR as N8nTooltip, l as createTextVNode, cw as CanvasNodeDirtiness, bH as _sfc_main$I, b3 as withModifiers, cx as NodeId, cy as useGetPointerPosition, cz as clamp, cA as useNodeCreatorStore, ah as nodeViewEventBus, cB as NODE_CREATOR_OPEN_SOURCES, cC as useBuilderStore, be as withKeys, cD as CanvasNodeHandleKey, aA as withDirectives, aB as vShow, cE as Transition$1, cF as _sfc_main$f$1, b as useRouter, aY as useLogsStore, bB as useRunWorkflow, cG as useCanvasOperations, cH as CHAT_TRIGGER_NODE_TYPE, bh as N8nButton, cI as insertSpacersBetweenEndpoints, cJ as createCanvasConnectionHandleString, C as createEventBus, cK as isEqual, p as useSettingsStore, z as nextTick, cL as _sfc_main$1$4, cM as MarkerType, cN as Suspense, b6 as guardReactiveProps, cO as updateViewportToContainNodes, cP as useNodeDirtiness, cQ as CUSTOM_API_CALL_KEY, cR as mapLegacyEndpointsToCanvasConnectionPort, bv as getNodeInputs, bx as getNodeOutputs, cS as getTriggerNodeServiceName, cT as sanitizeHtml, cU as WAIT_NODE_TYPE, cV as SEND_AND_WAIT_OPERATION, cW as FORM_NODE_TYPE, cX as WAIT_INDEFINITELY, cY as checkOverlap, cZ as SIMULATE_NODE_TYPE, c_ as SIMULATE_TRIGGER_NODE_TYPE, c$ as mapLegacyConnectionsToCanvasConnections, d0 as getNodeIconSource, d1 as refThrottled, d2 as reactive, R as useRoute, a as useToast, a4 as useDocumentTitle, a5 as useWorkflowHelpers, d3 as useCredentialsStore, d4 as useEnvironmentsStore, d5 as useExternalSecretsStore, Z as useRootStore, at as useExecutionsStore, $ as useCanvasStore, a3 as useNpsSurveyStore, d6 as useHistoryStore, a1 as useProjectsStore, u as useUsersStore, E as useTagsStore, P as usePushConnectionStore, as as useNDVStore, aN as useTemplatesStore, a2 as useFoldersStore, d7 as useAgentRequestStore, bg as useClipboard, S as PLACEHOLDER_EMPTY_WORKFLOW_ID, d8 as NEW_WORKFLOW_ID, V as VIEWS, d9 as START_NODE_TYPE, da as getNodeViewTab, s as MAIN_HEADER_TABS, db as VALID_WORKFLOW_IMPORT_URL_REGEX, ai as useMessage, aj as MODAL_CONFIRM, dc as jsonParse, dd as MANUAL_CHAT_TRIGGER_NODE_TYPE, de as EVALUATION_TRIGGER_NODE_TYPE, df as getBounds, dg as onBeforeRouteLeave, az as onBeforeMount, ak as WORKFLOW_SETTINGS_MODAL_KEY, aP as useExternalHooks, dh as onActivated, di as onDeactivated, dj as defineAsyncComponent, dk as N8nCallout, ao as __vitePreload, aa as EnterpriseEditionFeature, dl as EVALUATION_NODE_TYPE, ag as useTelemetry, dm as tryToParseNumber, aF as sourceControlEventBus, dn as getNodesWithNormalizedPosition, dp as needsAgentInput, dq as FROM_AI_PARAMETERS_MODAL_KEY, dr as historyBus, ds as DRAG_EVENT_DATA_KEY } from "./index-yHq_9MHK.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-BjgA0KBu.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-DeAtI2kq.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-Bjelqp3f.js";
-import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-C-Dw5dJK.js";
-import { u as useClearExecutionButtonVisible, c as canvasEventBus } from "./canvas-ak0Yge56.js";
-import { u as useWorkflowSaving } from "./useWorkflowSaving-DvqGBgRP.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-BzbZjItH.js","assets/index-C0NL0neN.js","assets/index-B4xpaMaK.css","assets/NodeCreation-RKvezEeg.css","assets/NodeDetailsView-3E8dQGdv.js","assets/import-curl-siE1BenB.js","assets/RunData-aaG8y8uW.js","assets/FileSaver.min-DX76qmEC.js","assets/useExecutionHelpers-Bl3D8hoc.js","assets/RunData-XsmLcFYS.css","assets/RunDataAi-Cu9RjIe5.js","assets/RunDataParsedAiContent-BYSyMg3C.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/RunDataAi-D9VLFXIf.css","assets/useWorkflowActivate-Dmagygkf.js","assets/NodeDetailsView-6JHPI3t-.css","assets/SetupWorkflowCredentialsButton-mCv9f-vy.js"])))=>i.map(i=>d[i]);
+import { A as defineComponent, C as resolveComponent, $ as createBlock, H as openBlock, av as _export_sfc$1, G as createElementBlock, L as createBaseVNode, ho as PanelPosition, hp as useVueFlow, cp as toRef, K as withCtx, I as renderSlot, an as createCommentVNode, aN as Fragment, J as createVNode, dj as resolveDynamicComponent, Q as unref, hq as _sfc_main$H, c as computed, b as useI18n, cc as KeyboardShortcutTooltip, aF as normalizeClass, S as NodeConnectionTypes, hr as getBezierPath, hs as getSmoothStepPath, ht as Position, h0 as inject, hu as CanvasKey, bC as useCssModule, hv as parseCanvasConnectionHandleString, r as ref, ac as onMounted, aO as renderList, hw as _sfc_main$d$1, bg as normalizeStyle, u as useUIStore, aq as useNodeTypesStore, e as useWorkflowsStore, ao as useSourceControlStore, bt as getResourcePermissions, hx as isNodeWithWorkflowSelector, hy as getSubworkflowId, fJ as isPresent, ae as watch, hz as getMousePosition, c7 as STICKY_NODE_TYPE, cZ as usePinnedData, hA as NOT_DUPLICATABLE_NODE_TYPES, hB as isExecutable, hC as Teleport, gu as useStyles, hm as N8nActionDropdown, cX as getDefaultExportFromCjs, gF as NODE_SIZE, hD as CanvasNodeRenderType, hE as GRID_SIZE, cb as useThrottleFn, hF as getRectOfNodes, bf as onUnmounted, hG as useActiveElement, gr as useDeviceSupport, hH as useEventListener, hI as onKeyDown, hJ as onKeyUp, ea as useSlots, hK as useAttrs, hL as getBoundsofRects, dn as watchEffect, O as toDisplayString, hM as getConnectedEdges, dB as normalizeProps, bA as mergeProps, h5 as provide, n as h, aW as createSlots, hN as isValidNodeConnectionType, hO as _sfc_main$3$1, hP as CanvasConnectionMode, hQ as CanvasNodeKey, bh as mergeModels, bi as useModel, ad as onBeforeUnmount, cY as useNodeHelpers, f_ as TitledList, bj as N8nTooltip, N as createTextVNode, gj as CanvasNodeDirtiness, d9 as _sfc_main$I, aH as withModifiers, hR as useGetPointerPosition, hS as clamp, hT as NodeId, bT as useNodeCreatorStore, f1 as nodeViewEventBus, ca as NODE_CREATOR_OPEN_SOURCES, gZ as useBuilderStore, eM as withKeys, hU as CanvasNodeHandleKey, R as withDirectives, aY as vShow, gq as Transition$1, hV as _sfc_main$f$1, j as useRouter, dl as useLogsStore, eG as useRunWorkflow, ap as useCanvasOperations, bW as CHAT_TRIGGER_NODE_TYPE, b9 as N8nButton, hW as insertSpacersBetweenEndpoints, hX as createCanvasConnectionHandleString, T as createEventBus, fN as isEqual, l as useSettingsStore, cv as nextTick, hY as _sfc_main$1$4, hZ as MarkerType, b6 as Suspense, ed as guardReactiveProps, h_ as updateViewportToContainNodes, gi as useNodeDirtiness, gI as CUSTOM_API_CALL_KEY, h$ as mapLegacyEndpointsToCanvasConnectionPort, f$ as getNodeInputs, fK as getNodeOutputs, eC as getTriggerNodeServiceName, s as sanitizeHtml, i0 as WAIT_NODE_TYPE, gU as SEND_AND_WAIT_OPERATION, i1 as FORM_NODE_TYPE, e4 as WAIT_INDEFINITELY, i2 as checkOverlap, i3 as SIMULATE_NODE_TYPE, i4 as SIMULATE_TRIGGER_NODE_TYPE, i5 as mapLegacyConnectionsToCanvasConnections, gO as getNodeIconSource, i6 as refThrottled, a7 as reactive, a6 as useRoute, k as useToast, aJ as useDocumentTitle, f as useWorkflowHelpers, bm as useCredentialsStore, cT as useEnvironmentsStore, co as useExternalSecretsStore, p as useRootStore, a$ as useExecutionsStore, a as useCanvasStore, d as useNpsSurveyStore, g3 as useHistoryStore, cK as useProjectsStore, al as useUsersStore, dZ as useTagsStore, B as usePushConnectionStore, b0 as useNDVStore, au as useTemplatesStore, dS as useFoldersStore, i7 as useAgentRequestStore, i8 as useWorkflowExtraction, aS as useClipboard, P as PLACEHOLDER_EMPTY_WORKFLOW_ID, dP as NEW_WORKFLOW_ID, V as VIEWS, ar as START_NODE_TYPE, dN as getNodeViewTab, dO as MAIN_HEADER_TABS, i9 as VALID_WORKFLOW_IMPORT_URL_REGEX, g as useMessage, i as MODAL_CONFIRM, fo as jsonParse, ia as MANUAL_CHAT_TRIGGER_NODE_TYPE, eF as EVALUATION_TRIGGER_NODE_TYPE, ib as getBounds, dM as onBeforeRouteLeave, b3 as onBeforeMount, aI as WORKFLOW_SETTINGS_MODAL_KEY, U as useExternalHooks, ic as onActivated, id as onDeactivated, bP as defineAsyncComponent, ej as N8nCallout, bQ as __vitePreload, E as EnterpriseEditionFeature, ie as EVALUATION_NODE_TYPE, o as useTelemetry, w as tryToParseNumber, eo as sourceControlEventBus, z as getNodesWithNormalizedPosition, ig as historyBus, ih as needsAgentInput, ii as FROM_AI_PARAMETERS_MODAL_KEY, gC as DRAG_EVENT_DATA_KEY } from "./index-C0NL0neN.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-CSuZV2We.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-Ch5Hf0on.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-NSNiO03-.js";
+import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-zrdqJwVh.js";
+import { u as useClearExecutionButtonVisible, c as canvasEventBus } from "./canvas-zHARW7_y.js";
+import { u as useWorkflowSaving } from "./useWorkflowSaving-AnoiossA.js";
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "CanvasChatButton",
   props: {
@@ -594,6 +594,15 @@ const useContextMenu = (onAction = () => {
         disabled: nodes.length === 0
       }
     ];
+    const extractionActions = [
+      {
+        id: "extract_sub_workflow",
+        divided: true,
+        label: i18n.baseText("contextMenu.extract", { adjustToNumber: nodes.length }),
+        shortcut: { altKey: true, keys: ["X"] },
+        disabled: isReadOnly.value
+      }
+    ];
     const layoutActions = [
       {
         id: "tidy_up",
@@ -647,6 +656,7 @@ const useContextMenu = (onAction = () => {
           disabled: isReadOnly.value || !nodes.every(canDuplicateNode)
         },
         ...layoutActions,
+        ...extractionActions,
         ...selectionActions,
         {
           id: "delete",
@@ -11618,7 +11628,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     keyBindings: { type: Boolean, default: true },
     loading: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "update:node:position", "update:nodes:position", "update:node:activated", "update:node:deactivated", "update:node:enabled", "update:node:selected", "update:node:name", "update:node:parameters", "update:node:inputs", "update:node:outputs", "update:logs-open", "update:logs:input-open", "update:logs:output-open", "update:has-range-selection", "click:node", "click:node:add", "run:node", "delete:node", "create:node", "create:sticky", "delete:nodes", "update:nodes:enabled", "copy:nodes", "duplicate:nodes", "update:nodes:pin", "cut:nodes", "delete:connection", "create:connection:start", "create:connection", "create:connection:end", "create:connection:cancelled", "click:connection:add", "click:pane", "run:workflow", "save:workflow", "create:workflow", "drag-and-drop", "tidy-up", "viewport:change", "selection:end", "open:sub-workflow", "start-chat"],
+  emits: ["update:modelValue", "update:node:position", "update:nodes:position", "update:node:activated", "update:node:deactivated", "update:node:enabled", "update:node:selected", "update:node:name", "update:node:parameters", "update:node:inputs", "update:node:outputs", "update:logs-open", "update:logs:input-open", "update:logs:output-open", "update:has-range-selection", "click:node", "click:node:add", "run:node", "delete:node", "create:node", "create:sticky", "delete:nodes", "update:nodes:enabled", "copy:nodes", "duplicate:nodes", "update:nodes:pin", "cut:nodes", "delete:connection", "create:connection:start", "create:connection", "create:connection:end", "create:connection:cancelled", "click:connection:add", "click:pane", "run:workflow", "save:workflow", "create:workflow", "drag-and-drop", "tidy-up", "viewport:change", "selection:end", "open:sub-workflow", "start-chat", "extract-workflow"],
   setup(__props, { emit: __emit }) {
     const $style = useCssModule();
     const emit = __emit;
@@ -11770,6 +11780,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         ctrl_enter: () => emit("run:workflow"),
         ctrl_s: () => emit("save:workflow"),
         shift_alt_t: async () => await onTidyUp({ source: "keyboard-shortcut" }),
+        alt_x: emitWithSelectedNodes((ids) => emit("extract-workflow", ids)),
         c: () => emit("start-chat")
       };
       return fullKeymap;
@@ -12045,6 +12056,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           return props.eventBus.emit("nodes:action", { ids: nodeIds, action: "update:sticky:color" });
         case "tidy_up":
           return await onTidyUp({ source: "context-menu" });
+        case "extract_sub_workflow":
+          return emit("extract-workflow", nodeIds);
         case "open_sub_workflow": {
           return emit("open:sub-workflow", nodeIds[0]);
         }
@@ -12277,7 +12290,7 @@ const style0$2 = {
 const cssModules$2 = {
   "$style": style0$2
 };
-const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModules", cssModules$2], ["__scopeId", "data-v-e5ff5571"]]);
+const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModules", cssModules$2], ["__scopeId", "data-v-ff688b7e"]]);
 function useCanvasMapping({
   nodes,
   connections,
@@ -12471,7 +12484,7 @@ function useCanvasMapping({
         if ("eventTriggerDescription" in nodeTypeDescription) {
           const nodeName = i18n.shortNodeType(nodeTypeDescription.name);
           const { eventTriggerDescription } = nodeTypeDescription;
-          acc[node2.id] = i18n.nodeText().eventTriggerDescription(nodeName, eventTriggerDescription ?? "");
+          acc[node2.id] = i18n.nodeText(nodeTypeDescription.name).eventTriggerDescription(nodeName, eventTriggerDescription ?? "");
         } else {
           acc[node2.id] = i18n.baseText("node.waitingForYouToCreateAnEventIn", {
             interpolate: {
@@ -12491,7 +12504,8 @@ function useCanvasMapping({
   );
   const nodeExecutionStatusById = computed(
     () => nodes.value.reduce((acc, node2) => {
-      acc[node2.id] = workflowsStore.getWorkflowRunData?.[node2.name]?.filter(Boolean)[0]?.executionStatus ?? "new";
+      const tasks = workflowsStore.getWorkflowRunData?.[node2.name] ?? [];
+      acc[node2.id] = tasks.at(-1)?.executionStatus ?? "new";
       return acc;
     }, {})
   );
@@ -12551,8 +12565,11 @@ function useCanvasMapping({
         acc[node2.id] = true;
       } else if (nodePinnedDataById.value[node2.id]) {
         acc[node2.id] = false;
+      } else if (node2.issues && nodeHelpers.nodeIssuesToString(node2.issues, node2).length) {
+        acc[node2.id] = true;
       } else {
-        acc[node2.id] = nodeIssuesById.value[node2.id].length > 0;
+        const tasks = workflowsStore.getWorkflowRunData?.[node2.name] ?? [];
+        acc[node2.id] = Boolean(tasks.at(-1)?.error);
       }
       return acc;
     }, {})
@@ -12878,7 +12895,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       const _component_N8nButton = resolveComponent("N8nButton");
       return openBlock(), createBlock(KeyboardShortcutTooltip, {
         label: label2.value,
-        shortcut: { metaKey: true, keys: ["↵"] }
+        shortcut: { metaKey: true, keys: ["↵"] },
+        disabled: _ctx.executing
       }, {
         default: withCtx(() => [
           createVNode(_component_N8nButton, {
@@ -12895,7 +12913,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           }, null, 8, ["loading", "label", "disabled"])
         ]),
         _: 1
-      }, 8, ["label"]);
+      }, 8, ["label", "disabled"]);
     };
   }
 });
@@ -13041,13 +13059,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-Cc0NdFhH.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-BzbZjItH.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-B9Fh0Dl2.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsView-3E8dQGdv.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15]) : void 0)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-DDCGrXlU.js"), true ? __vite__mapDeps([16,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-mCv9f-vy.js"), true ? __vite__mapDeps([16,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -13096,6 +13114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       revertUpdateNodePosition,
       renameNode,
       revertRenameNode,
+      revertReplaceNodeParameters,
       setNodeActive,
       setNodeSelected,
       toggleNodesDisabled,
@@ -13131,6 +13150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       lastClickPosition,
       startChat
     } = useCanvasOperations({ router });
+    const { extractWorkflow } = useWorkflowExtraction();
     const { applyExecutionData } = useExecutionDebugging();
     useClipboard({ onPaste: onClipboardPaste });
     const isLoading = ref(true);
@@ -13418,6 +13438,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onTidyUp(event) {
       tidyUp(event);
     }
+    function onExtractWorkflow(nodeIds) {
+      void extractWorkflow(nodeIds);
+    }
     function onUpdateNodesPosition(events) {
       updateNodesPosition(events, { trackHistory: true });
     }
@@ -13616,6 +13639,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }) {
       await revertRenameNode(currentName, newName);
     }
+    async function onRevertReplaceNodeParameters({
+      nodeId,
+      currentProperties,
+      newProperties
+    }) {
+      await revertReplaceNodeParameters(nodeId, currentProperties, newProperties);
+    }
     function onUpdateNodeParameters(id2, parameters) {
       setNodeParameters(id2, parameters);
     }
@@ -13979,6 +14009,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       historyBus.on("revertAddConnection", onRevertCreateConnection);
       historyBus.on("revertRemoveConnection", onRevertDeleteConnection);
       historyBus.on("revertRenameNode", onRevertRenameNode);
+      historyBus.on("revertReplaceNodeParameters", onRevertReplaceNodeParameters);
       historyBus.on("enableNodeToggle", onRevertToggleNodeDisabled);
     }
     function removeUndoRedoEventBindings() {
@@ -13988,6 +14019,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       historyBus.off("revertAddConnection", onRevertCreateConnection);
       historyBus.off("revertRemoveConnection", onRevertDeleteConnection);
       historyBus.off("revertRenameNode", onRevertRenameNode);
+      historyBus.off("revertReplaceNodeParameters", onRevertReplaceNodeParameters);
       historyBus.off("enableNodeToggle", onRevertToggleNodeDisabled);
     }
     async function onSourceControlPull() {
@@ -14409,6 +14441,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onSelection:end": onSelectionEnd,
         onDragAndDrop,
         onTidyUp,
+        onExtractWorkflow,
         onStartChat: _cache[4] || (_cache[4] = ($event) => unref(startChat)())
       }, {
         default: withCtx(() => [

package/dist/assets/{ProjectCardBadge-bSiwmeA8.js → ProjectCardBadge-BjW5HB2j.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, b as useRouter, q as computed, c as useI18n, h as resolveComponent, e as createBlock, g as openBlock, m as unref, V as VIEWS, ab as ProjectTypes, gg as splitName, g4 as ResourceType, bN as resolveDirective, i as createElementBlock, b8 as mergeProps, j as createVNode, x as renderSlot, w as withCtx, f as createCommentVNode, n as normalizeClass, aA as withDirectives, eQ as ProjectIcon, k as createBaseVNode, l as createTextVNode, t as toDisplayString, _ as _export_sfc } from "./index-yHq_9MHK.js";
+import { A as defineComponent, j as useRouter, c as computed, b as useI18n, C as resolveComponent, $ as createBlock, H as openBlock, Q as unref, V as VIEWS, bx as ProjectTypes, by as splitName, bz as ResourceType, F as resolveDirective, G as createElementBlock, bA as mergeProps, J as createVNode, I as renderSlot, K as withCtx, an as createCommentVNode, aF as normalizeClass, R as withDirectives, bB as ProjectIcon, L as createBaseVNode, N as createTextVNode, O as toDisplayString, av as _export_sfc } from "./index-C0NL0neN.js";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "EmptySharedSectionActionBox",
   props: {
@@ -47,19 +47,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const i18n = useI18n();
+    const isShared = computed(() => {
+      return "sharedWithProjects" in props.resource && props.resource.sharedWithProjects?.length;
+    });
     const projectState = computed(() => {
       if (props.resource.homeProject && props.personalProject && props.resource.homeProject.id === props.personalProject.id || !props.resource.homeProject) {
-        if (props.resource.sharedWithProjects?.length) {
+        if (isShared.value) {
           return "shared-owned";
         }
         return "owned";
       } else if (props.resource.homeProject?.type !== ProjectTypes.Team) {
-        if (props.resource.sharedWithProjects?.length) {
+        if (isShared.value) {
           return "shared-personal";
         }
         return "personal";
       } else if (props.resource.homeProject?.type === ProjectTypes.Team) {
-        if (props.resource.sharedWithProjects?.length) {
+        if (isShared.value) {
           return "shared-team";
         }
         return "team";
@@ -67,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return "unknown";
     });
     const numberOfMembersInHomeTeamProject = computed(
-      () => props.resource.sharedWithProjects?.length ?? 0
+      () => "sharedWithProjects" in props.resource ? props.resource.sharedWithProjects?.length ?? 0 : 0
     );
     const badgeText = computed(() => {
       if (projectState.value === "owned" || projectState.value === "shared-owned") {

package/dist/assets/{ProjectHeader-CXCEIwvg.js → ProjectHeader-C0pfCUSY.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, R as useRoute, r as ref, q as computed, V as VIEWS, c as useI18n, X as watch, h as resolveComponent, e as createBlock, g as openBlock, i as createElementBlock, n as normalizeClass, x as renderSlot, j as createVNode, m as unref, gh as N8nActionToggle, w as withCtx, aT as _sfc_main$3, _ as _export_sfc, b as useRouter, a1 as useProjectsStore, a0 as useSourceControlStore, p as useSettingsStore, ab as ProjectTypes, a7 as getResourcePermissions, k as createBaseVNode, f as createCommentVNode, eQ as ProjectIcon, l as createTextVNode, t as toDisplayString, bh as N8nButton, b8 as mergeProps, aR as N8nTooltip } from "./index-yHq_9MHK.js";
-import { u as useProjectPages } from "./useProjectPages-B2uri9MQ.js";
+import { A as defineComponent, a6 as useRoute, r as ref, c as computed, V as VIEWS, b as useI18n, ae as watch, C as resolveComponent, $ as createBlock, H as openBlock, G as createElementBlock, aF as normalizeClass, I as renderSlot, J as createVNode, Q as unref, dc as N8nActionToggle, K as withCtx, a_ as _sfc_main$3, av as _export_sfc, j as useRouter, cK as useProjectsStore, ao as useSourceControlStore, l as useSettingsStore, bx as ProjectTypes, bt as getResourcePermissions, L as createBaseVNode, an as createCommentVNode, bB as ProjectIcon, N as createTextVNode, O as toDisplayString, b9 as N8nButton, bA as mergeProps, bj as N8nTooltip } from "./index-C0NL0neN.js";
+import { u as useProjectPages } from "./useProjectPages-BLJMaAOf.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectTabs",
   props: {