n8n-editor-ui 1.106.3 → 1.107.1

package/dist/assets/{NodeDetailsViewV2-LzYZcnv5.css → NodeDetailsViewV2-Bn1PbAPe.css}

@@ -301,7 +301,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._backdrop_vt26y_123 {
+._backdrop_2bzlu_123 {
   position: absolute;
   z-index: var(--z-index-ndv);
   top: 0;
@@ -310,7 +310,7 @@
   bottom: 0;
   background-color: var(--color-ndv-overlay-background);
 }
-._dialog_vt26y_133 {
+._dialog_2bzlu_133 {
   position: absolute;
   z-index: var(--z-index-ndv);
   width: calc(100% - var(--spacing-2xl));
@@ -323,7 +323,7 @@
   margin: 0;
   display: flex;
 }
-._container_vt26y_147 {
+._container_2bzlu_147 {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
@@ -333,48 +333,44 @@
   color: var(--color-text-base);
   min-width: 0;
 }
-._main_vt26y_158 {
-  width: 0;
+._main_2bzlu_158 {
+  width: 100%;
   flex-grow: 1;
   display: flex;
   align-items: stretch;
+  height: 100%;
+  min-height: 0;
+  position: relative;
 }
-._column_vt26y_165 {
+._column_2bzlu_168 {
   min-width: 0;
 }
-._column_vt26y_165 + ._column_vt26y_165 {
+._column_2bzlu_168 + ._column_2bzlu_168 {
   border-left: var(--border-base);
 }
-._column_vt26y_165:first-child > div {
+._column_2bzlu_168:first-child > div {
   border-bottom-left-radius: var(--border-radius-large);
 }
-._column_vt26y_165:last-child {
+._column_2bzlu_168:last-child {
   border-bottom-right-radius: var(--border-radius-large);
 }
-._input_vt26y_178,
-._output_vt26y_179 {
+._input_2bzlu_181,
+._output_2bzlu_182 {
   min-width: 280px;
 }
-._dataColumn_vt26y_183 {
+._dataColumn_2bzlu_186 {
   overflow-x: auto;
 }
-._header_vt26y_187 {
+._header_2bzlu_190 {
   border-bottom: var(--border-base);
   border-top-left-radius: var(--border-radius-large);
   border-top-right-radius: var(--border-radius-large);
 }
-._main_vt26y_158 {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  min-height: 0;
-  position: relative;
-}
-._settings_vt26y_201 {
+._settings_2bzlu_196 {
   overflow: hidden;
   flex-grow: 1;
 }
-._draggable_vt26y_206 {
+._draggable_2bzlu_201 {
   --draggable-height: 22px;
   position: absolute;
   top: calc(-1 * var(--draggable-height));

package/dist/assets/{NodeDetailsViewV2-CVLb9jZL.js → NodeDetailsViewV2-zTI7VLUX.js}

@@ -1,16 +1,16 @@
-import { d as defineComponent, x as computed, c as useI18n, h as createElementBlock, g as openBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, e as createBlock, f as createCommentVNode, bT as NodeIcon, at as InlineRename, l as unref, a2 as N8nLink, w as withCtx, p as N8nText, k as createTextVNode, t as toDisplayString, N as N8nIcon, $ as N8nTooltip, a0 as _sfc_main$3, _ as _export_sfc, r as ref, he as LOCAL_STORAGE_NDV_PANEL_WIDTH, hf as toValue, g2 as useElementSize, ab as watch, bW as toRef, dc as jsonParse, f$ as Draggable, hg as FontAwesomeIcon, aP as useNDVStore, bF as useNodeHelpers, el as storeToRefs, bD as usePinnedData, bK as useNodeTypesStore, T as useUIStore, a5 as useWorkflowsStore, cA as useDeviceSupport, cd as useStyles, as as useTemplateRef, hh as useNodeDocsUrl, gV as getNodeOutputs, bs as NodeConnectionTypes, bL as START_NODE_TYPE, gW as EXECUTABLE_TRIGGER_NODE_TYPES, aT as STICKY_NODE_TYPE, cq as useKeybindings, o as onMounted, gY as dataPinningEventBus, I as onBeforeUnmount, P as normalizeStyle, hi as getNodeIconSource, g_ as InputPanel, gZ as NodeSettings, Q as createEventBus, cc as N8nResizeWrapper, g$ as APP_MODALS_ELEMENT_ID, hj as Teleport, aA as useTelemetry, aC as useMessage, aD as MODAL_CONFIRM, bg as useExternalHooks } from "./index-DJu2gb_4.js";
-import { _ as __unplugin_components_0, T as TriggerPanel, O as OutputPanel } from "./TriggerPanel-CRLzika6.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-G9wdzjX4.js";
-import "./RunDataParsedAiContent-DNxDdAFA.js";
-import "./VueMarkdown-BXoAxQ2V.js";
-import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-BNkO3XxQ.js";
-import "./NodeView-CFpi2pKv.js";
-import "./global-link-actions-BLMbNlby.js";
-import "./useExecutionDebugging-D0j03ZAv.js";
-import "./useBeforeUnload-hEveYtYY.js";
-import "./canvas-BAegJxph.js";
-import "./readyToRunWorkflows.store-bkk9BfbV.js";
-import "./InfoAccordion-MlURVMcX.js";
+import { d as defineComponent, x as computed, c as useI18n, h as createElementBlock, g as openBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, e as createBlock, f as createCommentVNode, c0 as NodeIcon, aI as InlineRename, l as unref, C as N8nLink, w as withCtx, p as N8nText, k as createTextVNode, t as toDisplayString, N as N8nIcon, a4 as N8nTooltip, a5 as _sfc_main$3, _ as _export_sfc, r as ref, hr as LOCAL_STORAGE_NDV_PANEL_WIDTH, hs as toValue, gd as useElementSize, af as watch, c3 as toRef, dk as jsonParse, g9 as Draggable, ht as FontAwesomeIcon, a_ as useNDVStore, bQ as useNodeHelpers, er as storeToRefs, bO as usePinnedData, ah as useNodeTypesStore, Z as useUIStore, a9 as useWorkflowsStore, cJ as useDeviceSupport, cm as useStyles, aH as useTemplateRef, hu as useNodeDocsUrl, h6 as getNodeOutputs, bD as NodeConnectionTypes, bV as START_NODE_TYPE, h7 as EXECUTABLE_TRIGGER_NODE_TYPES, b2 as STICKY_NODE_TYPE, cz as useKeybindings, o as onMounted, h9 as dataPinningEventBus, P as onBeforeUnmount, U as normalizeStyle, hv as getNodeIconSource, hb as InputPanel, ha as NodeSettings, W as createEventBus, cl as N8nResizeWrapper, hc as APP_MODALS_ELEMENT_ID, hw as Teleport, ap as useTelemetry, aq as useMessage, ar as MODAL_CONFIRM, br as useExternalHooks } from "./index-CxleUtlq.js";
+import { _ as __unplugin_components_0, T as TriggerPanel, O as OutputPanel } from "./TriggerPanel-BTLbaSMz.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-DrpskU4R.js";
+import "./RunDataParsedAiContent-qSEryFRl.js";
+import "./core-lMJc92pa.js";
+import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-BW0CieDo.js";
+import "./NodeView-CFuNDv8s.js";
+import "./global-link-actions-D18bp17X.js";
+import "./useExecutionDebugging-Bd_2vpLq.js";
+import "./useBeforeUnload-D0WL7mpb.js";
+import "./canvas-DenCY4AJ.js";
+import "./readyToRunWorkflows.store-Dz_KLa8_.js";
+import "./InfoAccordion-BoIzf-yz.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "NDVHeader",
   props: {
@@ -905,7 +905,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onActivate: onWorkflowActivate
                 }, null, 8, ["node-name", "push-ref", "class"])) : !isTriggerNode.value ? (openBlock(), createBlock(InputPanel, {
                   key: 1,
-                  workflow: _ctx.workflowObject,
+                  "workflow-object": _ctx.workflowObject,
                   "can-link-runs": canLinkRuns.value,
                   "run-index": inputRun.value,
                   "linked-runs": linked.value,
@@ -930,7 +930,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onItemHover: onInputItemHover,
                   onSearch,
                   onDisplayModeChange: _cache[1] || (_cache[1] = ($event) => handleChangeDisplayMode("input", $event))
-                }, null, 8, ["workflow", "can-link-runs", "run-index", "linked-runs", "active-node-name", "current-node-name", "push-ref", "read-only", "is-production-execution-preview", "is-pane-active", "display-mode", "class", "is-mapping-onboarded", "focused-mappable-input"])) : createCommentVNode("", true)
+                }, null, 8, ["workflow-object", "can-link-runs", "run-index", "linked-runs", "active-node-name", "current-node-name", "push-ref", "read-only", "is-production-execution-preview", "is-pane-active", "display-mode", "class", "is-mapping-onboarded", "focused-mappable-input"])) : createCommentVNode("", true)
               ], 6)) : createCommentVNode("", true),
               createVNode(_component_N8nResizeWrapper, {
                 width: unref(panelWidthPixels).main,
@@ -986,7 +986,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createVNode(OutputPanel, {
                   "data-test-id": "output-panel",
-                  workflow: _ctx.workflowObject,
+                  "workflow-object": _ctx.workflowObject,
                   "can-link-runs": canLinkRuns.value,
                   "run-index": outputRun.value,
                   "linked-runs": linked.value,
@@ -1007,7 +1007,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onSearch,
                   onExecute: onNodeExecute,
                   onDisplayModeChange: _cache[3] || (_cache[3] = ($event) => handleChangeDisplayMode("output", $event))
-                }, null, 8, ["workflow", "can-link-runs", "run-index", "linked-runs", "push-ref", "is-read-only", "block-u-i", "is-production-execution-preview", "is-pane-active", "display-mode", "class"])
+                }, null, 8, ["workflow-object", "can-link-runs", "run-index", "linked-runs", "push-ref", "is-read-only", "block-u-i", "is-production-execution-preview", "is-pane-active", "display-mode", "class"])
               ], 6)
             ], 2)
           ], 2)
@@ -1016,17 +1016,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const backdrop = "_backdrop_vt26y_123";
-const dialog = "_dialog_vt26y_133";
-const container = "_container_vt26y_147";
-const main = "_main_vt26y_158";
-const column = "_column_vt26y_165";
-const input = "_input_vt26y_178";
-const output = "_output_vt26y_179";
-const dataColumn = "_dataColumn_vt26y_183";
-const header = "_header_vt26y_187";
-const settings = "_settings_vt26y_201";
-const draggable = "_draggable_vt26y_206";
+const backdrop = "_backdrop_2bzlu_123";
+const dialog = "_dialog_2bzlu_133";
+const container = "_container_2bzlu_147";
+const main = "_main_2bzlu_158";
+const column = "_column_2bzlu_168";
+const input = "_input_2bzlu_181";
+const output = "_output_2bzlu_182";
+const dataColumn = "_dataColumn_2bzlu_186";
+const header = "_header_2bzlu_190";
+const settings = "_settings_2bzlu_196";
+const draggable = "_draggable_2bzlu_201";
 const style0 = {
   backdrop,
   dialog,

package/dist/assets/{NodeView-CFpi2pKv.js → NodeView-CFuNDv8s.js}

@@ -1,10 +1,10 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-DfOnzJmi.js","assets/index-DJu2gb_4.js","assets/index-B09aakje.css","assets/NodeCreation-CxN6JIS_.css","assets/NodeDetailsView-DzhT36su.js","assets/TriggerPanel-CRLzika6.js","assets/RunDataParsedAiContent-DNxDdAFA.js","assets/VueMarkdown-BXoAxQ2V.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-BNkO3XxQ.js","assets/InfoAccordion-MlURVMcX.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-gMtmEr6n.css","assets/useWorkflowActivate-G9wdzjX4.js","assets/global-link-actions-BLMbNlby.js","assets/useExecutionDebugging-D0j03ZAv.js","assets/useBeforeUnload-hEveYtYY.js","assets/canvas-BAegJxph.js","assets/readyToRunWorkflows.store-bkk9BfbV.js","assets/NodeDetailsView-Cam4nPwL.css","assets/NodeDetailsViewV2-CVLb9jZL.js","assets/NodeDetailsViewV2-LzYZcnv5.css","assets/SetupWorkflowCredentialsButton-DrvkXjx2.js"])))=>i.map(i=>d[i]);
-import { d as defineComponent, x as computed, r as ref, aP as useNDVStore, ab as watch, h as createElementBlock, g as openBlock, n as normalizeClass, e as createBlock, f as createCommentVNode, l as unref, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, cs as _sfc_main$a, i as createVNode, a0 as _sfc_main$b, _ as _export_sfc, Q as createEventBus, ac as useCssModule, v as useSettingsStore, ct as useVueFlow, bW as toRef, cu as useCanvasMapping, cv as refThrottled, j as createBaseVNode, J as renderSlot, cw as Canvas, D as mergeProps, a5 as useWorkflowsStore, bF as useNodeHelpers, cx as useFocusPanelStore, bK as useNodeTypesStore, cy as useNodeSettingsParameters, cz as useEnvironmentsStore, cA as useDeviceSupport, S as useDebounce, cB as HTML_NODE_TYPE, cC as isValueExpression, cD as isResourceLocatorValue, cE as AI_TRANSFORM_NODE_TYPE, cF as useResolvedExpression, cf as useThrottleFn, bS as withModifiers, cG as _sfc_main$c, N as N8nIcon, cH as InfoTip, c as useI18n, cI as __unplugin_components_2, cJ as __unplugin_components_3, F as Fragment, cK as __unplugin_components_4, cL as __unplugin_components_5, cM as __unplugin_components_6, cN as __unplugin_components_7, cO as __unplugin_components_8, cP as __unplugin_components_9, cQ as N8nInput, H as N8nRadioButtons, P as normalizeStyle, cd as useStyles, cc as N8nResizeWrapper, cR as getParameterTypeOption, cS as htmlEditorEventBus, cT as parseFromExpression, cU as isValidParameterOption, cV as formatAsExpression, aA as useTelemetry, K as nextTick, cW as hasFocusOnInput, cX as isFocusableEl, br as isChatNode, cY as truncateBeforeLast, q as N8nButton, a1 as I18nT, cb as KeyboardShortcutTooltip, bT as NodeIcon, ay as N8nActionDropdown, cZ as reactive, o as onMounted, c2 as onUnmounted, c_ as _sfc_main$d, c$ as useI18n$1, b as useRouter, a6 as useRoute, a as useToast, aj as useDocumentTitle, al as useWorkflowHelpers, ak as useWorkflowSaving, T as useUIStore, af as useSourceControlStore, d0 as useNodeCreatorStore, d1 as useCredentialsStore, d2 as useExternalSecretsStore, ad as useRootStore, aQ as useExecutionsStore, ae as useCanvasStore, ai as useNpsSurveyStore, d3 as useHistoryStore, ag as useProjectsStore, u as useUsersStore, R as useTagsStore, a4 as usePushConnectionStore, be as useTemplatesStore, d4 as useBuilderStore, ah as useFoldersStore, d5 as usePostHog, d6 as useAgentRequestStore, bE as useLogsStore, bG as useRunWorkflow, bJ as useCanvasOperations, d7 as useWorkflowExtraction, c5 as useClipboard, a7 as PLACEHOLDER_EMPTY_WORKFLOW_ID, d8 as NEW_WORKFLOW_ID, V as VIEWS, d9 as NDV_UI_OVERHAUL_EXPERIMENT, bL as START_NODE_TYPE, da as getNodeViewTab, G as MAIN_HEADER_TABS, db as VALID_WORKFLOW_IMPORT_URL_REGEX, aC as useMessage, aD as MODAL_CONFIRM, dc as jsonParse, an as getResourcePermissions, bB as CHAT_TRIGGER_NODE_TYPE, bA as MANUAL_CHAT_TRIGGER_NODE_TYPE, dd as EVALUATION_TRIGGER_NODE_TYPE, de as getBounds, df as onBeforeRouteLeave, aU as onBeforeMount, aE as WORKFLOW_SETTINGS_MODAL_KEY, bg as useExternalHooks, dg as onActivated, dh as onDeactivated, I as onBeforeUnmount, di as Suspense, dj as defineAsyncComponent, dk as N8nCallout, aL as __vitePreload, aq as EnterpriseEditionFeature, dl as NODE_CREATOR_OPEN_SOURCES, dm as EVALUATION_NODE_TYPE, dn as getEasyAiWorkflowJson, dp as getRagStarterWorkflowJson, dq as tryToParseNumber, aB as nodeViewEventBus, bs as NodeConnectionTypes, dr as createCanvasConnectionHandleString, ds as isValidNodeConnectionType, dt as CanvasConnectionMode, b4 as sourceControlEventBus, du as getNodesWithNormalizedPosition, aN as h, dv as CanvasNodeRenderType, aT as STICKY_NODE_TYPE, dw as needsAgentInput, dx as FROM_AI_PARAMETERS_MODAL_KEY, dy as historyBus, dz as DRAG_EVENT_DATA_KEY } from "./index-DJu2gb_4.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-BLMbNlby.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-D0j03ZAv.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-hEveYtYY.js";
-import { c as canvasEventBus } from "./canvas-BAegJxph.js";
-import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-bkk9BfbV.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-DqXKrY6w.js","assets/index-CxleUtlq.js","assets/index-BFyMw9-0.css","assets/NodeCreation-CxN6JIS_.css","assets/NodeDetailsView-BLAGih5E.js","assets/TriggerPanel-BTLbaSMz.js","assets/RunDataParsedAiContent-qSEryFRl.js","assets/core-lMJc92pa.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-BW0CieDo.js","assets/InfoAccordion-BoIzf-yz.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DmVMaaLr.css","assets/useWorkflowActivate-DrpskU4R.js","assets/global-link-actions-D18bp17X.js","assets/useExecutionDebugging-Bd_2vpLq.js","assets/useBeforeUnload-D0WL7mpb.js","assets/canvas-DenCY4AJ.js","assets/readyToRunWorkflows.store-Dz_KLa8_.js","assets/NodeDetailsView-CjdovDgq.css","assets/NodeDetailsViewV2-zTI7VLUX.js","assets/NodeDetailsViewV2-Bn1PbAPe.css","assets/SetupWorkflowCredentialsButton-D_e5xPYq.js"])))=>i.map(i=>d[i]);
+import { d as defineComponent, x as computed, r as ref, a_ as useNDVStore, af as watch, h as createElementBlock, g as openBlock, n as normalizeClass, e as createBlock, f as createCommentVNode, l as unref, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, cB as _sfc_main$a, i as createVNode, a5 as _sfc_main$b, _ as _export_sfc, W as createEventBus, as as useCssModule, v as useSettingsStore, cC as useVueFlow, c3 as toRef, cD as useCanvasMapping, cE as refThrottled, j as createBaseVNode, Q as renderSlot, cF as Canvas, K as mergeProps, a9 as useWorkflowsStore, bQ as useNodeHelpers, cG as useFocusPanelStore, ah as useNodeTypesStore, cH as useNodeSettingsParameters, cI as useEnvironmentsStore, cJ as useDeviceSupport, cK as HTML_NODE_TYPE, cL as isValueExpression, cM as isResourceLocatorValue, cN as AI_TRANSFORM_NODE_TYPE, cO as useResolvedExpression, co as useThrottleFn, B as withModifiers, cP as _sfc_main$c, N as N8nIcon, cQ as InfoTip, c as useI18n, cR as __unplugin_components_2, cS as __unplugin_components_3, F as Fragment, cT as __unplugin_components_4, cU as __unplugin_components_5, cV as __unplugin_components_6, cW as __unplugin_components_7, cX as __unplugin_components_8, cY as __unplugin_components_9, cZ as N8nInput, O as N8nRadioButtons, U as normalizeStyle, cm as useStyles, cl as N8nResizeWrapper, c_ as getParameterTypeOption, c$ as htmlEditorEventBus, d0 as parseFromExpression, d1 as isValidParameterOption, d2 as formatAsExpression, ap as useTelemetry, R as nextTick, d3 as hasFocusOnInput, d4 as isFocusableEl, bC as isChatNode, d5 as truncateBeforeLast, q as N8nButton, a6 as I18nT, ck as KeyboardShortcutTooltip, c0 as NodeIcon, aN as N8nActionDropdown, d6 as reactive, o as onMounted, cb as onUnmounted, d7 as _sfc_main$d, D as useI18n$1, b as useRouter, aa as useRoute, a as useToast, ay as useDocumentTitle, aA as useWorkflowHelpers, az as useWorkflowSaving, Z as useUIStore, aj as useSourceControlStore, d8 as useNodeCreatorStore, d9 as useCredentialsStore, da as useExternalSecretsStore, at as useRootStore, a$ as useExecutionsStore, au as useCanvasStore, ax as useNpsSurveyStore, db as useHistoryStore, av as useProjectsStore, u as useUsersStore, X as useTagsStore, a8 as usePushConnectionStore, bp as useTemplatesStore, dc as useBuilderStore, aw as useFoldersStore, dd as usePostHog, de as useAgentRequestStore, bP as useLogsStore, bR as useRunWorkflow, bU as useCanvasOperations, df as useWorkflowExtraction, ce as useClipboard, ab as PLACEHOLDER_EMPTY_WORKFLOW_ID, dg as NEW_WORKFLOW_ID, V as VIEWS, dh as NDV_UI_OVERHAUL_EXPERIMENT, bV as START_NODE_TYPE, di as getNodeViewTab, L as MAIN_HEADER_TABS, dj as VALID_WORKFLOW_IMPORT_URL_REGEX, aq as useMessage, ar as MODAL_CONFIRM, dk as jsonParse, aC as getResourcePermissions, bM as CHAT_TRIGGER_NODE_TYPE, bL as MANUAL_CHAT_TRIGGER_NODE_TYPE, dl as EVALUATION_TRIGGER_NODE_TYPE, dm as getBounds, dn as onBeforeRouteLeave, b3 as onBeforeMount, ao as WORKFLOW_SETTINGS_MODAL_KEY, br as useExternalHooks, dp as onActivated, dq as onDeactivated, P as onBeforeUnmount, dr as Suspense, ds as defineAsyncComponent, z as N8nCallout, aW as __vitePreload, aF as EnterpriseEditionFeature, dt as NODE_CREATOR_OPEN_SOURCES, du as EVALUATION_NODE_TYPE, dv as getSampleWorkflowByTemplateId, dw as tryToParseNumber, aP as nodeViewEventBus, bD as NodeConnectionTypes, dx as createCanvasConnectionHandleString, dy as isValidNodeConnectionType, dz as CanvasConnectionMode, bf as sourceControlEventBus, dA as getNodesWithNormalizedPosition, aY as h, dB as CanvasNodeRenderType, b2 as STICKY_NODE_TYPE, dC as needsAgentInput, dD as FROM_AI_PARAMETERS_MODAL_KEY, dE as historyBus, dF as DRAG_EVENT_DATA_KEY } from "./index-CxleUtlq.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-D18bp17X.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-Bd_2vpLq.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-D0WL7mpb.js";
+import { c as canvasEventBus } from "./canvas-DenCY4AJ.js";
+import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-Dz_KLa8_.js";
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ExperimentalNodeDetailsDrawer",
   props: {
@@ -120,6 +120,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         "data-test-id": "canvas-wrapper"
       }, [
         createBaseVNode("div", {
+          id: "canvas",
           class: normalizeClass(unref($style).canvas)
         }, [
           workflow.value ? (openBlock(), createBlock(Canvas, mergeProps({
@@ -198,12 +199,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const nodeSettingsParameters = useNodeSettingsParameters();
     const environmentsStore = useEnvironmentsStore();
     const deviceSupport = useDeviceSupport();
-    const { debounce } = useDebounce();
     const styles = useStyles();
     const focusedNodeParameter = computed(() => focusPanelStore.focusedNodeParameters[0]);
     const resolvedParameter = computed(
       () => focusedNodeParameter.value && focusPanelStore.isRichParameter(focusedNodeParameter.value) ? focusedNodeParameter.value : void 0
     );
+    const inputValue = ref("");
     const focusPanelActive = computed(() => focusPanelStore.focusPanelActive);
     const focusPanelWidth = computed(() => focusPanelStore.focusPanelWidth);
     const isDisabled = computed(() => {
@@ -242,7 +243,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const { workflowRunData } = useExecutionData({ node });
     const hasNodeRun = computed(() => {
       if (!node.value) return true;
-      const parentNode = workflowsStore.getCurrentWorkflow().getParentNodes(node.value.name, "main", 1)[0];
+      const parentNode = workflowsStore.workflowObject.getParentNodes(node.value.name, "main", 1)[0];
       return Boolean(
         parentNode && workflowRunData.value && Object.prototype.hasOwnProperty.bind(workflowRunData.value)(parentNode)
       );
@@ -373,7 +374,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         focusPanelStore.focusedNodeParametersInTelemetryFormat[0]
       );
     }
-    const valueChangedDebounced = debounce(valueChanged, { debounceTime: 0 });
+    function onInputChange(val) {
+      inputValue.value = val;
+      valueChanged(val);
+    }
     function focusWithDelay() {
       setTimeout(() => {
         void setFocus();
@@ -408,6 +412,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
+    watch(
+      () => resolvedParameter.value,
+      (newValue) => {
+        if (newValue) {
+          const value = newValue.value;
+          if (typeof value === "string" && value !== inputValue.value) {
+            inputValue.value = value;
+          }
+        }
+      },
+      { immediate: true }
+    );
     function onResize(event) {
       focusPanelStore.updateWidth(event.width);
     }
@@ -427,7 +443,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return focusPanelActive.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.wrapper),
-        onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {
+        onKeydown: _cache[9] || (_cache[9] = withModifiers(() => {
         }, ["stop"]))
       }, [
         createVNode(unref(N8nResizeWrapper), {
@@ -546,93 +562,115 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                       key: 1,
                       ref_key: "inputField",
                       ref: inputField,
-                      "model-value": resolvedParameter.value.value,
+                      modelValue: inputValue.value,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
                       class: normalizeClass(_ctx.$style.editor),
                       "is-read-only": isReadOnly.value,
                       path: resolvedParameter.value.parameterPath,
                       "data-test-id": "expression-modal-input",
                       "target-node-parameter-context": targetNodeParameterContext.value,
-                      onChange: _cache[0] || (_cache[0] = ($event) => unref(valueChangedDebounced)($event.value))
-                    }, null, 8, ["model-value", "class", "is-read-only", "path", "target-node-parameter-context"])) : ["json", "string"].includes(resolvedParameter.value.parameter.type) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                      onChange: _cache[1] || (_cache[1] = ($event) => onInputChange($event.value))
+                    }, null, 8, ["modelValue", "class", "is-read-only", "path", "target-node-parameter-context"])) : ["json", "string"].includes(resolvedParameter.value.parameter.type) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                       editorType.value === "codeNodeEditor" ? (openBlock(), createBlock(_component_CodeNodeEditor, {
                         key: 0,
                         id: resolvedParameter.value.parameterPath,
                         ref_key: "inputField",
                         ref: inputField,
+                        modelValue: inputValue.value,
+                        "onUpdate:modelValue": [
+                          _cache[2] || (_cache[2] = ($event) => inputValue.value = $event),
+                          onInputChange
+                        ],
                         class: normalizeClass(_ctx.$style.heightFull),
                         mode: codeEditorMode.value,
-                        "model-value": resolvedParameter.value.value,
                         "default-value": resolvedParameter.value.parameter.default,
                         language: editorLanguage.value,
                         "is-read-only": isReadOnly.value,
                         "target-node-parameter-context": targetNodeParameterContext.value,
                         "fill-parent": "",
-                        "disable-ask-ai": true,
-                        "onUpdate:modelValue": unref(valueChangedDebounced)
-                      }, null, 8, ["id", "class", "mode", "model-value", "default-value", "language", "is-read-only", "target-node-parameter-context", "onUpdate:modelValue"])) : editorType.value === "htmlEditor" ? (openBlock(), createBlock(_component_HtmlEditor, {
+                        "disable-ask-ai": true
+                      }, null, 8, ["id", "modelValue", "class", "mode", "default-value", "language", "is-read-only", "target-node-parameter-context"])) : editorType.value === "htmlEditor" ? (openBlock(), createBlock(_component_HtmlEditor, {
                         key: 1,
                         ref_key: "inputField",
                         ref: inputField,
-                        "model-value": resolvedParameter.value.value,
+                        modelValue: inputValue.value,
+                        "onUpdate:modelValue": [
+                          _cache[3] || (_cache[3] = ($event) => inputValue.value = $event),
+                          onInputChange
+                        ],
                         "is-read-only": isReadOnly.value,
                         rows: editorRows.value,
                         "disable-expression-coloring": !isHtmlNode.value,
                         "disable-expression-completions": !isHtmlNode.value,
                         fullscreen: "",
-                        "target-node-parameter-context": targetNodeParameterContext.value,
-                        "onUpdate:modelValue": unref(valueChangedDebounced)
-                      }, null, 8, ["model-value", "is-read-only", "rows", "disable-expression-coloring", "disable-expression-completions", "target-node-parameter-context", "onUpdate:modelValue"])) : editorType.value === "cssEditor" ? (openBlock(), createBlock(_component_CssEditor, {
+                        "target-node-parameter-context": targetNodeParameterContext.value
+                      }, null, 8, ["modelValue", "is-read-only", "rows", "disable-expression-coloring", "disable-expression-completions", "target-node-parameter-context"])) : editorType.value === "cssEditor" ? (openBlock(), createBlock(_component_CssEditor, {
                         key: 2,
                         ref_key: "inputField",
                         ref: inputField,
-                        "model-value": resolvedParameter.value.value,
+                        modelValue: inputValue.value,
+                        "onUpdate:modelValue": [
+                          _cache[4] || (_cache[4] = ($event) => inputValue.value = $event),
+                          onInputChange
+                        ],
                         "is-read-only": isReadOnly.value,
                         rows: editorRows.value,
                         fullscreen: "",
-                        "target-node-parameter-context": targetNodeParameterContext.value,
-                        "onUpdate:modelValue": unref(valueChangedDebounced)
-                      }, null, 8, ["model-value", "is-read-only", "rows", "target-node-parameter-context", "onUpdate:modelValue"])) : editorType.value === "sqlEditor" ? (openBlock(), createBlock(_component_SqlEditor, {
+                        "target-node-parameter-context": targetNodeParameterContext.value
+                      }, null, 8, ["modelValue", "is-read-only", "rows", "target-node-parameter-context"])) : editorType.value === "sqlEditor" ? (openBlock(), createBlock(_component_SqlEditor, {
                         key: 3,
                         ref_key: "inputField",
                         ref: inputField,
-                        "model-value": resolvedParameter.value.value,
+                        modelValue: inputValue.value,
+                        "onUpdate:modelValue": [
+                          _cache[5] || (_cache[5] = ($event) => inputValue.value = $event),
+                          onInputChange
+                        ],
                         dialect: getTypeOption("sqlDialect"),
                         "is-read-only": isReadOnly.value,
                         rows: editorRows.value,
                         fullscreen: "",
-                        "target-node-parameter-context": targetNodeParameterContext.value,
-                        "onUpdate:modelValue": unref(valueChangedDebounced)
-                      }, null, 8, ["model-value", "dialect", "is-read-only", "rows", "target-node-parameter-context", "onUpdate:modelValue"])) : editorType.value === "jsEditor" ? (openBlock(), createBlock(_component_JsEditor, {
+                        "target-node-parameter-context": targetNodeParameterContext.value
+                      }, null, 8, ["modelValue", "dialect", "is-read-only", "rows", "target-node-parameter-context"])) : editorType.value === "jsEditor" ? (openBlock(), createBlock(_component_JsEditor, {
                         key: 4,
                         ref_key: "inputField",
                         ref: inputField,
-                        "model-value": resolvedParameter.value.value,
+                        modelValue: inputValue.value,
+                        "onUpdate:modelValue": [
+                          _cache[6] || (_cache[6] = ($event) => inputValue.value = $event),
+                          onInputChange
+                        ],
                         "is-read-only": isReadOnly.value,
                         rows: editorRows.value,
                         "posthog-capture": shouldCaptureForPosthog.value,
-                        "fill-parent": "",
-                        "onUpdate:modelValue": unref(valueChangedDebounced)
-                      }, null, 8, ["model-value", "is-read-only", "rows", "posthog-capture", "onUpdate:modelValue"])) : resolvedParameter.value.parameter.type === "json" ? (openBlock(), createBlock(_component_JsonEditor, {
+                        "fill-parent": ""
+                      }, null, 8, ["modelValue", "is-read-only", "rows", "posthog-capture"])) : resolvedParameter.value.parameter.type === "json" ? (openBlock(), createBlock(_component_JsonEditor, {
                         key: 5,
                         ref_key: "inputField",
                         ref: inputField,
-                        "model-value": resolvedParameter.value.value,
+                        modelValue: inputValue.value,
+                        "onUpdate:modelValue": [
+                          _cache[7] || (_cache[7] = ($event) => inputValue.value = $event),
+                          onInputChange
+                        ],
                         "is-read-only": isReadOnly.value,
                         rows: editorRows.value,
                         fullscreen: "",
-                        "fill-parent": "",
-                        "onUpdate:modelValue": unref(valueChangedDebounced)
-                      }, null, 8, ["model-value", "is-read-only", "rows", "onUpdate:modelValue"])) : (openBlock(), createBlock(unref(N8nInput), {
+                        "fill-parent": ""
+                      }, null, 8, ["modelValue", "is-read-only", "rows"])) : (openBlock(), createBlock(unref(N8nInput), {
                         key: 6,
                         ref_key: "inputField",
                         ref: inputField,
-                        "model-value": resolvedParameter.value.value,
+                        modelValue: inputValue.value,
+                        "onUpdate:modelValue": [
+                          _cache[8] || (_cache[8] = ($event) => inputValue.value = $event),
+                          onInputChange
+                        ],
                         class: normalizeClass(_ctx.$style.editor),
                         readonly: isReadOnly.value,
                         type: "textarea",
-                        resize: "none",
-                        "onUpdate:modelValue": unref(valueChangedDebounced)
-                      }, null, 8, ["model-value", "class", "readonly", "onUpdate:modelValue"]))
+                        resize: "none"
+                      }, null, 8, ["modelValue", "class", "readonly"]))
                     ], 64)) : createCommentVNode("", true)
                   ], 2)) : createCommentVNode("", true)
                 ], 2)
@@ -786,7 +824,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         const [bX, bY] = b.position;
         return aY === bY ? aX - bX : aY - bY;
       }).map((node) => ({
-        label: truncateBeforeLast(node.name, 25),
+        label: truncateBeforeLast(node.name, 50),
         disabled: !!node.disabled || props.executing,
         id: node.name,
         checked: props.selectedTriggerNodeName === node.name
@@ -873,6 +911,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             items: actions.value,
             disabled: _ctx.disabled,
             placement: "top",
+            "extra-popper-class": _ctx.$style.menuPopper,
             onSelect: _cache[3] || (_cache[3] = ($event) => emit("selectTriggerNode", $event))
           }, {
             activator: withCtx(() => [
@@ -916,23 +955,24 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               ], 2)
             ]),
             _: 1
-          }, 8, ["class", "items", "disabled"])
+          }, 8, ["class", "items", "disabled", "extra-popper-class"])
         ], 64)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const component = "_component_p52lz_123";
-const split = "_split_p52lz_129";
-const button = "_button_p52lz_129";
-const divider = "_divider_p52lz_137";
-const chevron = "_chevron_p52lz_142";
-const menu = "_menu_p52lz_148";
-const menuItem = "_menuItem_p52lz_152";
-const disabled = "_disabled_p52lz_158";
-const menuIcon = "_menuIcon_p52lz_158";
-const buttonContent = "_buttonContent_p52lz_162";
-const subText = "_subText_p52lz_169";
+const component = "_component_3izac_123";
+const split = "_split_3izac_129";
+const button = "_button_3izac_129";
+const divider = "_divider_3izac_137";
+const chevron = "_chevron_3izac_142";
+const menu = "_menu_3izac_148";
+const menuPopper = "_menuPopper_3izac_152";
+const menuItem = "_menuItem_3izac_156";
+const disabled = "_disabled_3izac_162";
+const menuIcon = "_menuIcon_3izac_162";
+const buttonContent = "_buttonContent_3izac_166";
+const subText = "_subText_3izac_173";
 const style0$2 = {
   component,
   split,
@@ -940,6 +980,7 @@ const style0$2 = {
   divider,
   chevron,
   menu,
+  menuPopper,
   menuItem,
   disabled,
   menuIcon,
@@ -1149,16 +1190,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-DfOnzJmi.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-DqXKrY6w.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-DzhT36su.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsView-BLAGih5E.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]) : void 0)
     );
     const LazyNodeDetailsViewV2 = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsViewV2-CVLb9jZL.js"), true ? __vite__mapDeps([20,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,21]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsViewV2-zTI7VLUX.js"), true ? __vite__mapDeps([20,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,21]) : void 0)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-DrvkXjx2.js"), true ? __vite__mapDeps([22,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-D_e5xPYq.js"), true ? __vite__mapDeps([22,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -1342,25 +1383,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (isBlankRedirect.value) {
         isBlankRedirect.value = false;
       } else if (route.name === VIEWS.TEMPLATE_IMPORT) {
-        const templateId = route.params.id;
         const loadWorkflowFromJSON = route.query.fromJson === "true";
+        const templateId = route.params.id;
+        if (!templateId) {
+          return;
+        }
         if (loadWorkflowFromJSON) {
-          const easyAiWorkflowJson = getEasyAiWorkflowJson();
-          const ragStarterWorkflowJson = getRagStarterWorkflowJson();
-          switch (templateId) {
-            case easyAiWorkflowJson.meta.templateId:
-              await openTemplateFromWorkflowJSON(easyAiWorkflowJson);
-              break;
-            case ragStarterWorkflowJson.meta.templateId:
-              await openTemplateFromWorkflowJSON(ragStarterWorkflowJson);
-              break;
-            default:
-              toast.showError(
-                new Error(i18n.baseText("nodeView.couldntLoadWorkflow.invalidWorkflowObject")),
-                i18n.baseText("nodeView.couldntImportWorkflow")
-              );
-              await router.replace({ name: VIEWS.NEW_WORKFLOW });
+          const workflow = getSampleWorkflowByTemplateId(templateId.toString());
+          if (!workflow) {
+            toast.showError(
+              new Error(i18n.baseText("nodeView.couldntLoadWorkflow.invalidWorkflowObject")),
+              i18n.baseText("nodeView.couldntImportWorkflow")
+            );
+            await router.replace({ name: VIEWS.NEW_WORKFLOW });
+            return;
           }
+          await openTemplateFromWorkflowJSON(workflow);
         } else {
           await openWorkflowTemplate(templateId.toString());
         }
@@ -1509,7 +1547,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         name: VIEWS.NEW_WORKFLOW,
         query: { templateId, parentFolderId }
       });
-      await importTemplate({ id: templateId, name: workflow.name, workflow });
+      await importTemplate({
+        id: templateId,
+        name: workflow.name,
+        workflow
+      });
       uiStore.stateIsDirty = true;
       canvasStore.stopLoading();
       fitView();