n8n-editor-ui 1.90.1 → 1.92.0

package/dist/assets/{NodeDetailsView-cO3Ci9jH.js → NodeDetailsView-D4O9dKTA.js}

@@ -1,12 +1,13 @@
-import { d as defineComponent, r as ref, q as computed, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, bB as _sfc_main$g, w as withCtx, H as withKeys, J as withModifiers, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, e as createBlock, f as createCommentVNode, z as nextTick, _ as _export_sfc, au as useNDVStore, U as useWorkflowsStore, dF as isCommunityPackageName, cC as NPM_PACKAGE_DOCS_BASE_URL, hF as BUILTIN_NODES_DOCS_URL, cE as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aR as useExternalHooks, ai as useTelemetry, bl as NodeConnectionTypes, b as useRouter, be as useClipboard, a7 as useWorkflowHelpers, a as useToast, hG as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, hH as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, fk as MCP_TRIGGER_NODE_TYPE, fb as FORM_TRIGGER_NODE_TYPE, bj as CHAT_TRIGGER_NODE_TYPE, I as watch, F as Fragment, D as renderList, G as onClickOutside, as as h, hI as toRef, hJ as tryOnScopeDispose, hK as toValue, hL as isIOS, hM as noop, hN as isObject, hO as isClient, by as useNodeTypesStore, bz as useNodeHelpers, K as useDebounce, g7 as nodeIssuesToString, B as normalizeStyle, g2 as TitledList, bv as getNodeInputs, hP as SWITCH_NODE_TYPE, eb as isEqual, hQ as captureException, p as useSettingsStore, aw as usePostHog, bN as useCredentialsStore, u as useUsersStore, a4 as useProjectsStore, dx as OPEN_AI_API_CREDENTIAL_TYPE, hR as AI_CREDITS_EXPERIMENT, bQ as useHistoryStore, ad as ProjectTypes, bw as getConnectionTypes, o as onMounted, hS as ndvEventBus, y as onBeforeUnmount, hT as _sfc_main$h, hU as CUSTOM_NODES_DOCS_URL, aC as withDirectives, aD as vShow, hf as _sfc_main$i, hV as NodeCredentials, bn as get, fB as getNodeParameters, cb as deepCopy, hW as set, hX as unset, fq as RenameNodeCommand, he as isINodePropertyCollectionList, hY as isINodePropertiesList, hZ as isINodePropertyOptionsList, h_ as displayParameter, gZ as Draggable, fU as useThrottleFn, L as useUIStore, fF as useSlots, h$ as MAIN_NODE_PANEL_WIDTH, aL as useStorage, i0 as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, x as renderSlot, cc as resolveDirective, df as InfoTip, cH as storeToRefs, g6 as useNodeDirtiness, dL as useNodeType, bp as usePinnedData, g3 as CanvasNodeDirtiness, aW as createSlots, bd as N8nText, i1 as waitingNodeTooltip, bF as N8nRadioButtons, e5 as isPresent, i2 as truncate, gN as createStaticVNode, bT as START_NODE_TYPE, f8 as MANUAL_TRIGGER_NODE_TYPE, i3 as CRON_NODE_TYPE, i4 as INTERVAL_NODE_TYPE, bx as getNodeOutputs, bG as uniqBy, b6 as resolveDynamicComponent, aS as N8nTooltip, bD as N8nIcon, i5 as isTriggerPanelObject, ds as getTriggerNodeServiceName, f3 as WEBHOOK_NODE_TYPE, di as CopyInput, C as createEventBus, g5 as Transition, V as VIEWS, am as WORKFLOW_SETTINGS_MODAL_KEY, fW as useDeviceSupport, i6 as EXECUTABLE_TRIGGER_NODE_TYPES, aA as STICKY_NODE_TYPE, i7 as BASE_NODE_SURVEY_URL, ac as EnterpriseEditionFeature, dT as dataPinningEventBus, bI as useStyles, i8 as APP_MODALS_ELEMENT_ID, ak as useMessage, al as MODAL_CONFIRM, bV as jsonParse } from "./index-BpdkKRP4.js";
-import { i as importCurlEventBus } from "./import-curl-CAszzwx1.js";
-import { R as RunData } from "./RunData-Ds-U68nr.js";
-import { b as convertToDisplayDateComponents } from "./dateFormatter-CZI1kGYK.js";
-import { R as RunDataAi } from "./RunDataAi-DdK11EHU.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-pZ62ib_C.js";
-import "./FileSaver.min-Cm0u4qyc.js";
-import "./useExecutionHelpers-DN5HqPqY.js";
-import "./useCanvasOperations-D6VFiC3b.js";
+import { d as defineComponent, r as ref, q as computed, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, bC as _sfc_main$g, w as withCtx, bd as withKeys, b2 as withModifiers, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, e as createBlock, f as createCommentVNode, z as nextTick, _ as _export_sfc, as as useNDVStore, Q as useWorkflowsStore, dT as isCommunityPackageName, cM as NPM_PACKAGE_DOCS_BASE_URL, hS as BUILTIN_NODES_DOCS_URL, cO as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aP as useExternalHooks, ag as useTelemetry, bm as NodeConnectionTypes, b as useRouter, bf as useClipboard, a5 as useWorkflowHelpers, a as useToast, hT as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, hU as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, fz as MCP_TRIGGER_NODE_TYPE, fq as FORM_TRIGGER_NODE_TYPE, bk as CHAT_TRIGGER_NODE_TYPE, X as watch, F as Fragment, D as renderList, aQ as onClickOutside, aq as h, hV as toRef, hW as tryOnScopeDispose, hX as toValue, hY as isIOS, hZ as noop, h_ as isObject, h$ as isClient, bz as useNodeTypesStore, bA as useNodeHelpers, G as useDebounce, B as normalizeStyle, gf as TitledList, bw as getNodeInputs, i0 as SWITCH_NODE_TYPE, ep as isEqual, i1 as captureException, p as useSettingsStore, au as usePostHog, bR as useCredentialsStore, u as useUsersStore, a1 as useProjectsStore, dI as OPEN_AI_API_CREDENTIAL_TYPE, i2 as AI_CREDITS_EXPERIMENT, bU as useHistoryStore, ab as ProjectTypes, bx as getConnectionTypes, o as onMounted, bH as ndvEventBus, y as onBeforeUnmount, i3 as _sfc_main$h, i4 as CUSTOM_NODES_DOCS_URL, aA as withDirectives, aB as vShow, hs as _sfc_main$i, i5 as NodeCredentials, bo as get, fQ as getNodeParameters, cl as deepCopy, i6 as set, i7 as unset, fF as RenameNodeCommand, hr as isINodePropertyCollectionList, i8 as isINodePropertiesList, i9 as isINodePropertyOptionsList, ia as displayParameter, h7 as Draggable, bM as useThrottleFn, H as useUIStore, fU as useSlots, ib as MAIN_NODE_PANEL_WIDTH, aJ as useStorage, ic as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, x as renderSlot, cm as resolveDirective, dq as InfoTip, cR as storeToRefs, gj as useNodeDirtiness, d_ as useNodeType, bq as usePinnedData, gg as CanvasNodeDirtiness, aV as createSlots, be as N8nText, id as waitingNodeTooltip, bG as N8nRadioButtons, ek as isPresent, ie as truncate, gY as createStaticVNode, bY as START_NODE_TYPE, fn as MANUAL_TRIGGER_NODE_TYPE, ig as CRON_NODE_TYPE, ih as INTERVAL_NODE_TYPE, by as getNodeOutputs, ii as uniqBy, b6 as resolveDynamicComponent, aR as N8nTooltip, bE as N8nIcon, ij as isTriggerPanelObject, dz as getTriggerNodeServiceName, fi as WEBHOOK_NODE_TYPE, dt as CopyInput, C as createEventBus, gi as Transition, V as VIEWS, ak as WORKFLOW_SETTINGS_MODAL_KEY, g8 as useDeviceSupport, ik as EXECUTABLE_TRIGGER_NODE_TYPES, ay as STICKY_NODE_TYPE, il as BASE_NODE_SURVEY_URL, aa as EnterpriseEditionFeature, e6 as dataPinningEventBus, bJ as useStyles, im as APP_MODALS_ELEMENT_ID, ai as useMessage, aj as MODAL_CONFIRM, b_ as jsonParse } from "./index-B6eunbxp.js";
+import { i as importCurlEventBus } from "./import-curl-BpxkGYMX.js";
+import { R as RunData } from "./RunData-Bx47sNQp.js";
+import { b as convertToDisplayDateComponents } from "./dateFormatter-C8N5khiG.js";
+import { R as RunDataAi } from "./RunDataAi-DOac7nwD.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-DFqvrpj6.js";
+import "./FileSaver.min-BzAtcQXX.js";
+import "./useExecutionHelpers-DIvhViMz.js";
+import "./RunDataParsedAiContent-D6MNLmT3.js";
+import "./useCanvasOperations-DaP5jKbH.js";
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "NodeTitle",
   props: {
@@ -776,7 +777,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           const matchedNodeType = nodeTypesStore.getNodeType(node2.type);
           if (matchedNodeType) {
             const issues = nodeHelpers.getNodeIssues(matchedNodeType, node2, workflow.value);
-            const stringifiedIssues = issues ? nodeIssuesToString(issues, node2) : "";
+            const stringifiedIssues = issues ? nodeHelpers.nodeIssuesToString(issues, node2) : "";
             return { node: node2, nodeType: matchedNodeType, issues: stringifiedIssues };
           }
         }
@@ -1281,6 +1282,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     );
     const node2 = computed(() => ndvStore.activeNode);
     const isTriggerNode = computed(() => !!node2.value && nodeTypesStore.isTriggerNode(node2.value.type));
+    const isNodesAsToolNode = computed(
+      () => !!node2.value && nodeTypesStore.isNodesAsToolNode(node2.value.type)
+    );
     const isExecutable = computed(() => {
       if (props.nodeType && node2.value) {
         const workflowNode = currentWorkflowInstance.value.getNode(node2.value.name);
@@ -1290,7 +1294,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           props.nodeType
         );
         const inputNames = getConnectionTypes(inputs);
-        if (!inputNames.includes(NodeConnectionTypes.Main) && !isTriggerNode.value) {
+        if (!inputNames.includes(NodeConnectionTypes.Main) && !isNodesAsToolNode.value && !isTriggerNode.value) {
           return false;
         }
       }
@@ -2132,7 +2136,7 @@ const style0$8 = {
 const cssModules$9 = {
   "$style": style0$8
 };
-const NodeSettings = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$9], ["__scopeId", "data-v-18fbbe4a"]]);
+const NodeSettings = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$9], ["__scopeId", "data-v-3636ca77"]]);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "PanelDragButton",
   props: {
@@ -2858,9 +2862,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     pushRef: {},
     blockUI: { type: Boolean, default: false },
     isProductionExecutionPreview: { type: Boolean, default: false },
-    isPaneActive: { type: Boolean, default: false }
+    isPaneActive: { type: Boolean, default: false },
+    displayMode: {}
   },
-  emits: ["linkRun", "unlinkRun", "runChange", "activatePane", "tableMounted", "itemHover", "search", "openSettings"],
+  emits: ["linkRun", "unlinkRun", "runChange", "activatePane", "tableMounted", "itemHover", "search", "openSettings", "displayModeChange"],
   setup(__props, { emit: __emit }) {
     const OUTPUT_TYPE = {
       REGULAR: "regular",
@@ -2871,7 +2876,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const ndvStore = useNDVStore();
     const nodeTypesStore = useNodeTypesStore();
     const workflowsStore = useWorkflowsStore();
-    const uiStore = useUIStore();
     const telemetry = useTelemetry();
     const i18n = useI18n();
     const { activeNode } = storeToRefs(ndvStore);
@@ -2882,7 +2886,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     });
     const pinnedData = usePinnedData(activeNode, {
       runIndex: props.runIndex,
-      displayMode: ndvStore.outputPanelDisplayMode
+      displayMode: props.displayMode
     });
     const outputMode = ref(OUTPUT_TYPE.REGULAR);
     const outputTypes = ref([
@@ -2918,7 +2922,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const isNodeRunning = computed(() => {
       return workflowRunning.value && !!node2.value && workflowsStore.isNodeExecuting(node2.value.name);
     });
-    const workflowRunning = computed(() => uiStore.isActionActive.workflowRunning);
+    const workflowRunning = computed(() => workflowsStore.isWorkflowRunning);
     const workflowExecution = computed(() => {
       return workflowsStore.getWorkflowExecution;
     });
@@ -3074,13 +3078,16 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         "pane-type": "output",
         "data-output-type": outputMode.value,
         "callout-message": allToolsWereUnusedNotice.value,
+        "display-mode": _ctx.displayMode,
+        "disable-ai-content": true,
         onActivatePane: activatePane,
         onRunChange: onRunIndexChange,
         onLinkRun,
         onUnlinkRun,
         onTableMounted: _cache[1] || (_cache[1] = ($event) => emit("tableMounted", $event)),
         onItemHover: _cache[2] || (_cache[2] = ($event) => emit("itemHover", $event)),
-        onSearch: _cache[3] || (_cache[3] = ($event) => emit("search", $event))
+        onSearch: _cache[3] || (_cache[3] = ($event) => emit("search", $event)),
+        onDisplayModeChange: _cache[4] || (_cache[4] = ($event) => emit("displayModeChange", $event))
       }, createSlots({
         header: withCtx(() => [
           createBaseVNode("div", {
@@ -3132,7 +3139,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   key: 0,
                   onClick: insertTestData
                 }, [
-                  _cache[4] || (_cache[4] = createBaseVNode("br", null, null, -1)),
+                  _cache[5] || (_cache[5] = createBaseVNode("br", null, null, -1)),
                   createTextVNode(" " + toDisplayString(unref(i18n).baseText("generic.or")) + " ", 1),
                   createVNode(unref(N8nText), {
                     tag: "a",
@@ -3156,7 +3163,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             color: "text-dark",
             size: "large"
           }, {
-            default: withCtx(() => _cache[5] || (_cache[5] = [
+            default: withCtx(() => _cache[6] || (_cache[6] = [
               createTextVNode("Waiting for input")
             ])),
             _: 1
@@ -3228,7 +3235,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["class", "node", "workflow", "run-index", "linked-runs", "can-link-runs", "too-much-data-title", "no-data-in-branch-message", "is-executing", "executing-message", "push-ref", "block-u-i", "is-production-execution-preview", "is-pane-active", "hide-pagination", "data-output-type", "callout-message"]);
+      ]), 1032, ["class", "node", "workflow", "run-index", "linked-runs", "can-link-runs", "too-much-data-title", "no-data-in-branch-message", "is-executing", "executing-message", "push-ref", "block-u-i", "is-production-execution-preview", "is-pane-active", "hide-pagination", "data-output-type", "callout-message", "display-mode"]);
     };
   }
 });
@@ -3273,7 +3280,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return nodeTypesStore.getNodeType(node2.type, node2.typeVersion);
     });
     const inputNodes = computed(
-      () => props.nodes.map((node2) => {
+      () => props.nodes?.map((node2) => {
         const fullNode = workflowsStore.getNodeByName(node2.name);
         if (!fullNode) return null;
         return {
@@ -3281,7 +3288,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           type: nodeTypesStore.getNodeType(fullNode.type, fullNode.typeVersion),
           depth: node2.depth
         };
-      }).filter(isPresent)
+      }).filter(isPresent) ?? []
     );
     const activeNode = computed(() => ndvStore.activeNode);
     const activeNodeType = computed(() => {
@@ -3428,9 +3435,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     linkedRuns: { type: Boolean },
     readOnly: { type: Boolean, default: false },
     isProductionExecutionPreview: { type: Boolean, default: false },
-    isPaneActive: { type: Boolean, default: false }
+    isPaneActive: { type: Boolean, default: false },
+    displayMode: {}
   },
-  emits: ["itemHover", "tableMounted", "linkRun", "unlinkRun", "runChange", "search", "changeInputNode", "execute", "activatePane"],
+  emits: ["itemHover", "tableMounted", "linkRun", "unlinkRun", "runChange", "search", "changeInputNode", "execute", "activatePane", "displayModeChange"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -3446,7 +3454,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const nodeTypesStore = useNodeTypesStore();
     const ndvStore = useNDVStore();
     const workflowsStore = useWorkflowsStore();
-    const uiStore = useUIStore();
     const {
       activeNode,
       focusedMappableInput,
@@ -3495,7 +3502,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return true;
     });
     const isExecutingPrevious = computed(() => {
-      if (!workflowRunning.value) {
+      if (!workflowsStore.isWorkflowRunning) {
         return false;
       }
       const triggeredNode = workflowsStore.executedNode;
@@ -3510,7 +3517,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
-    const workflowRunning = computed(() => uiStore.isActionActive.workflowRunning);
     const rootNodesParents = computed(() => {
       if (!rootNode.value) return [];
       return props.workflow.getParentNodesByDepth(rootNode.value);
@@ -3661,15 +3667,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         "distance-from-active": currentNodeDepth.value,
         "is-production-execution-preview": _ctx.isProductionExecutionPreview,
         "is-pane-active": _ctx.isPaneActive,
+        "display-mode": _ctx.displayMode,
         "pane-type": "input",
         "data-test-id": "ndv-input-panel",
+        "disable-ai-content": true,
         onActivatePane: activatePane,
         onItemHover,
         onLinkRun,
         onUnlinkRun,
         onRunChange: onRunIndexChange,
         onTableMounted,
-        onSearch
+        onSearch,
+        onDisplayModeChange: _cache[1] || (_cache[1] = ($event) => emit("displayModeChange", $event))
       }, createSlots({
         header: withCtx(() => [
           createBaseVNode("div", {
@@ -3836,7 +3845,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             color: "text-dark",
             size: "large"
           }, {
-            default: withCtx(() => _cache[2] || (_cache[2] = [
+            default: withCtx(() => _cache[3] || (_cache[3] = [
               createTextVNode("Waiting for input")
             ])),
             _: 1
@@ -3887,7 +3896,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           name: "before-data",
           fn: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent("style"), null, {
-              default: withCtx(() => _cache[1] || (_cache[1] = [
+              default: withCtx(() => _cache[2] || (_cache[2] = [
                 createTextVNode("button.linkRun { display: none }")
               ])),
               _: 1
@@ -3905,7 +3914,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["class", "node", "nodes", "workflow", "run-index", "linked-runs", "can-link-runs", "too-much-data-title", "no-data-in-branch-message", "is-executing", "executing-message", "push-ref", "override-outputs", "mapping-enabled", "distance-from-active", "is-production-execution-preview", "is-pane-active"]);
+      ]), 1032, ["class", "node", "nodes", "workflow", "run-index", "linked-runs", "can-link-runs", "too-much-data-title", "no-data-in-branch-message", "is-executing", "executing-message", "push-ref", "override-outputs", "mapping-enabled", "distance-from-active", "is-production-execution-preview", "is-pane-active", "display-mode"]);
     };
   }
 });
@@ -4039,9 +4048,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const executedNode = workflowsStore.executedNode;
       return !!node2.value && !node2.value.disabled && isWebhookBasedNode.value && waitingOnWebhook && (!executedNode || executedNode === props.nodeName);
     });
-    const workflowRunning = computed(() => {
-      return uiStore.isActionActive.workflowRunning;
-    });
+    const workflowRunning = computed(() => workflowsStore.isWorkflowRunning);
     const isActivelyPolling = computed(() => {
       const triggeredNode = workflowsStore.executedNode;
       return workflowRunning.value && isPollingNode.value && props.nodeName === triggeredNode;
@@ -4414,7 +4421,7 @@ const style0 = {
 const cssModules$1 = {
   "$style": style0
 };
-const TriggerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-e575e8c9"]]);
+const TriggerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-d43aa3b1"]]);
 const _hoisted_1 = {
   key: 0,
   ref: "container",
@@ -4441,7 +4448,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const pinnedData = usePinnedData(activeNode);
     const workflowActivate = useWorkflowActivate();
     const nodeTypesStore = useNodeTypesStore();
-    const uiStore = useUIStore();
     const workflowsStore = useWorkflowsStore();
     const settingsStore = useSettingsStore();
     const deviceSupport = useDeviceSupport();
@@ -4452,9 +4458,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const settingsEventBus = createEventBus();
     const redrawRequired = ref(false);
     const runInputIndex = ref(-1);
-    const runOutputIndex = ref(-1);
-    const isLinkingEnabled = ref(true);
+    const runOutputIndex = computed(() => ndvStore.output.run ?? -1);
     const selectedInput = ref();
+    const isLinkingEnabled = ref(true);
     const triggerWaitingWarningEnabled = ref(false);
     const isDragging = ref(false);
     const mainPanelPosition = ref(0);
@@ -4471,9 +4477,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return null;
     });
-    const workflowRunning = computed(() => uiStore.isActionActive.workflowRunning);
     const showTriggerWaitingWarning = computed(
-      () => triggerWaitingWarningEnabled.value && !!activeNodeType.value && !activeNodeType.value.group.includes("trigger") && workflowRunning.value && workflowsStore.executionWaitingForWebhook
+      () => triggerWaitingWarningEnabled.value && !!activeNodeType.value && !activeNodeType.value.group.includes("trigger") && workflowsStore.isWorkflowRunning && workflowsStore.executionWaitingForWebhook
     );
     const workflowRunData = computed(() => {
       if (workflowExecution.value === null) {
@@ -4487,18 +4492,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const parentNodes = computed(() => {
       if (activeNode.value) {
-        return props.workflowObject.getParentNodesByDepth(activeNode.value.name, 1).map(({ name }) => name) || [];
-      } else {
-        return [];
+        return props.workflowObject.getParentNodesByDepth(activeNode.value.name, 1);
       }
+      return [];
     });
     const parentNode = computed(() => {
-      for (const parentNodeName of parentNodes.value) {
-        if (workflowsStore?.pinnedWorkflowData?.[parentNodeName]) {
-          return parentNodeName;
+      for (const parent of parentNodes.value) {
+        if (workflowsStore?.pinnedWorkflowData?.[parent.name]) {
+          return parent;
         }
-        if (workflowRunData.value?.[parentNodeName]) {
-          return parentNodeName;
+        if (workflowRunData.value?.[parent.name]) {
+          return parent;
         }
       }
       return parentNodes.value[0];
@@ -4517,7 +4521,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         )?.[0];
         return connectedOutputNode;
       }
-      return selectedInput.value || parentNode.value;
+      return selectedInput.value ?? parentNode.value?.name;
     });
     const inputNode = computed(() => {
       if (inputNodeName.value) {
@@ -4593,12 +4597,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return 0;
     });
+    const connectedCurrentNodeOutputs = computed(() => {
+      return parentNodes.value.find(({ name }) => name === inputNodeName.value)?.indicies;
+    });
     const inputRun = computed(() => {
       if (isLinkingEnabled.value && maxOutputRun.value === maxInputRun.value) {
         return outputRun.value;
       }
-      if (runInputIndex.value === -1) {
-        return maxInputRun.value;
+      const currentInputNodeName = inputNodeName.value;
+      if (runInputIndex.value === -1 && currentInputNodeName) {
+        return connectedCurrentNodeOutputs.value?.map(
+          (outputIndex) => nodeHelpers.getLastRunIndexWithData(currentInputNodeName, outputIndex)
+        ).find((runIndex) => runIndex !== -1) ?? maxInputRun.value;
       }
       return Math.min(runInputIndex.value, maxInputRun.value);
     });
@@ -4613,9 +4623,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return `${BASE_NODE_SURVEY_URL}${activeNodeType.value.name}`;
     });
     const outputPanelEditMode = computed(() => ndvStore.outputPanelEditMode);
-    const isWorkflowRunning = computed(() => uiStore.isActionActive.workflowRunning);
     const isExecutionWaitingForWebhook = computed(() => workflowsStore.executionWaitingForWebhook);
-    const blockUi = computed(() => isWorkflowRunning.value || isExecutionWaitingForWebhook.value);
+    const blockUi = computed(
+      () => workflowsStore.isWorkflowRunning || isExecutionWaitingForWebhook.value
+    );
     const foreignCredentials = computed(() => {
       const credentials = activeNode.value?.credentials;
       const usedCredentials = workflowsStore.usedCredentials;
@@ -4630,6 +4641,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return foreignCredentialsArray;
     });
     const hasForeignCredential = computed(() => foreignCredentials.value.length > 0);
+    const inputPanelDisplayMode = computed(() => ndvStore.inputPanelDisplayMode);
+    const outputPanelDisplayMode = computed(() => ndvStore.outputPanelDisplayMode);
     const setIsTooltipVisible = ({ isTooltipVisible }) => {
       pinDataDiscoveryTooltipVisible.value = isTooltipVisible;
     };
@@ -4722,7 +4735,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const onNodeExecute = () => {
       setTimeout(() => {
-        if (!activeNode.value || !workflowRunning.value) {
+        if (!activeNode.value || !workflowsStore.isWorkflowRunning) {
           return;
         }
         triggerWaitingWarningEnabled.value = true;
@@ -4740,7 +4753,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const onLinkRunToInput = () => {
-      runOutputIndex.value = runInputIndex.value;
+      ndvStore.setOutputRunIndex(runInputIndex.value);
       isLinkingEnabled.value = true;
       trackLinking("input");
     };
@@ -4801,13 +4814,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const onRunOutputIndexChange = (run) => {
-      runOutputIndex.value = run;
+      ndvStore.setOutputRunIndex(run);
       trackRunChange(run, "output");
     };
     const onRunInputIndexChange = (run) => {
       runInputIndex.value = run;
       if (linked.value) {
-        runOutputIndex.value = run;
+        ndvStore.setOutputRunIndex(run);
       }
       trackRunChange(run, "input");
     };
@@ -4846,6 +4859,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const unregisterKeyboardListener = () => {
       document.removeEventListener("keydown", onKeyDown, true);
     };
+    const setSelectedInput = (value) => {
+      selectedInput.value = value;
+    };
+    const handleChangeDisplayMode = (pane, mode) => {
+      ndvStore.setPanelDisplayMode({ pane, mode });
+    };
     watch(
       activeNode,
       (node2, oldNode) => {
@@ -4856,7 +4875,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         if (node2 && node2.name !== oldNode?.name && !isActiveStickyNode.value) {
           runInputIndex.value = -1;
-          runOutputIndex.value = -1;
+          ndvStore.setOutputRunIndex(-1);
           isLinkingEnabled.value = true;
           selectedInput.value = void 0;
           triggerWaitingWarningEnabled.value = false;
@@ -4883,8 +4902,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 parameters_pane_position: mainPanelPosition.value,
                 input_first_connector_runs: maxInputRun.value,
                 output_first_connector_runs: maxOutputRun.value,
-                selected_view_inputs: isTriggerNode.value ? "trigger" : ndvStore.inputPanelDisplayMode,
-                selected_view_outputs: ndvStore.outputPanelDisplayMode,
+                selected_view_inputs: isTriggerNode.value ? "trigger" : inputPanelDisplayMode.value,
+                selected_view_outputs: outputPanelDisplayMode.value,
                 input_connectors: parentNodes.value.length,
                 output_connectors: outgoingConnections?.main?.length,
                 input_displayed_run_index: inputRun.value,
@@ -4903,7 +4922,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     watch(maxOutputRun, () => {
-      runOutputIndex.value = -1;
+      ndvStore.setOutputRunIndex(-1);
     });
     watch(maxInputRun, () => {
       runInputIndex.value = -1;
@@ -4920,9 +4939,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onMounted(() => {
       dataPinningEventBus.on("data-pinning-discovery", setIsTooltipVisible);
+      ndvEventBus.on("updateInputNodeName", setSelectedInput);
     });
     onBeforeUnmount(() => {
       dataPinningEventBus.off("data-pinning-discovery", setIsTooltipVisible);
+      ndvEventBus.off("updateInputNodeName", setSelectedInput);
       unregisterKeyboardListener();
     });
     return (_ctx, _cache) => {
@@ -5012,15 +5033,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "block-u-i": blockUi.value && isTriggerNode.value && !isExecutableTriggerNode.value,
                   "is-production-execution-preview": _ctx.isProductionExecutionPreview,
                   "is-pane-active": isOutputPaneActive.value,
+                  "display-mode": outputPanelDisplayMode.value,
                   onActivatePane: activateOutputPane,
                   onLinkRun: onLinkRunToOutput,
-                  onUnlinkRun: _cache[1] || (_cache[1] = () => onUnlinkRun("output")),
+                  onUnlinkRun: _cache[2] || (_cache[2] = () => onUnlinkRun("output")),
                   onRunChange: onRunOutputIndexChange,
                   onOpenSettings: openSettings,
                   onTableMounted: onOutputTableMounted,
                   onItemHover: onOutputItemHover,
-                  onSearch
-                }, 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"])
+                  onSearch,
+                  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"])
               ]),
               main: withCtx(() => [
                 createVNode(NodeSettings, {
@@ -5036,7 +5059,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onValueChanged: valueChanged,
                   onExecute: onNodeExecute,
                   onStopExecution,
-                  onRedrawRequired: _cache[2] || (_cache[2] = ($event) => redrawRequired.value = true),
+                  onRedrawRequired: _cache[4] || (_cache[4] = ($event) => redrawRequired.value = true),
                   onActivate: onWorkflowActivate,
                   onSwitchSelectedNode,
                   onOpenConnectionNodeCreator
@@ -5073,6 +5096,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "read-only": _ctx.readOnly || hasForeignCredential.value,
                     "is-production-execution-preview": _ctx.isProductionExecutionPreview,
                     "is-pane-active": isInputPaneActive.value,
+                    "display-mode": inputPanelDisplayMode.value,
                     onActivatePane: activateInputPane,
                     onLinkRun: onLinkRunToInput,
                     onUnlinkRun: _cache[0] || (_cache[0] = () => onUnlinkRun("input")),
@@ -5082,8 +5106,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onExecute: onNodeExecute,
                     onTableMounted: onInputTableMounted,
                     onItemHover: onInputItemHover,
-                    onSearch
-                  }, null, 8, ["workflow", "can-link-runs", "run-index", "linked-runs", "current-node-name", "push-ref", "read-only", "is-production-execution-preview", "is-pane-active"])) : createCommentVNode("", true)
+                    onSearch,
+                    onDisplayModeChange: _cache[1] || (_cache[1] = ($event) => handleChangeDisplayMode("input", $event))
+                  }, null, 8, ["workflow", "can-link-runs", "run-index", "linked-runs", "current-node-name", "push-ref", "read-only", "is-production-execution-preview", "is-pane-active", "display-mode"])) : createCommentVNode("", true)
                 ]),
                 key: "0"
               } : void 0

package/dist/assets/{NodeDetailsView-CGgV4Pn_.css → NodeDetailsView-DsFLtbxi.css}

@@ -1006,7 +1006,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.node-settings[data-v-18fbbe4a] {
+.node-settings[data-v-3636ca77] {
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -1014,19 +1014,19 @@
   height: 100%;
   width: 100%;
 }
-.node-settings .no-parameters[data-v-18fbbe4a] {
+.node-settings .no-parameters[data-v-3636ca77] {
   margin-top: var(--spacing-xs);
 }
-.node-settings .header-side-menu[data-v-18fbbe4a] {
+.node-settings .header-side-menu[data-v-3636ca77] {
   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-18fbbe4a] {
+.node-settings .header-side-menu .node-name[data-v-3636ca77] {
   padding-top: var(--spacing-5xs);
 }
-.node-settings .node-is-not-valid[data-v-18fbbe4a] {
+.node-settings .node-is-not-valid[data-v-3636ca77] {
   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-18fbbe4a] {
+.node-settings .node-parameters-wrapper[data-v-3636ca77] {
   overflow-y: auto;
   padding: 0 var(--spacing-m) var(--spacing-l) var(--spacing-m);
   flex-grow: 1;
 }
-.node-settings.dragging[data-v-18fbbe4a] {
+.node-settings.dragging[data-v-3636ca77] {
   border-color: var(--color-primary);
   box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
 }
-.parameter-content[data-v-18fbbe4a] {
+.parameter-content[data-v-3636ca77] {
   font-size: 0.9em;
   margin-right: -15px;
   margin-left: -15px;
 }
-.parameter-content input[data-v-18fbbe4a] {
+.parameter-content input[data-v-3636ca77] {
   width: calc(100% - 35px);
   padding: 5px;
 }
-.parameter-content select[data-v-18fbbe4a] {
+.parameter-content select[data-v-3636ca77] {
   width: calc(100% - 20px);
   padding: 5px;
 }
-.parameter-content[data-v-18fbbe4a]:before {
+.parameter-content[data-v-3636ca77]:before {
   display: table;
   content: " ";
   position: relative;
   box-sizing: border-box;
   clear: both;
 }
-.parameter-wrapper[data-v-18fbbe4a] {
+.parameter-wrapper[data-v-3636ca77] {
   padding: 0 1em;
 }
-.color-reset-button-wrapper[data-v-18fbbe4a] {
+.color-reset-button-wrapper[data-v-3636ca77] {
   position: relative;
 }
-.color-reset-button[data-v-18fbbe4a] {
+.color-reset-button[data-v-3636ca77] {
   position: absolute;
   right: 7px;
   top: -25px;
 }
-.node-version[data-v-18fbbe4a] {
+.node-version[data-v-3636ca77] {
   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-18fbbe4a] {
+.parameter-value input.expression[data-v-3636ca77] {
   border-style: dashed;
   border-color: #ff9600;
   display: inline-block;
@@ -2576,12 +2576,12 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.fade-enter-active[data-v-e575e8c9],
-.fade-leave-active[data-v-e575e8c9] {
+.fade-enter-active[data-v-d43aa3b1],
+.fade-leave-active[data-v-d43aa3b1] {
   transition: opacity 200ms;
 }
-.fade-enter[data-v-e575e8c9],
-.fade-leave-to[data-v-e575e8c9] {
+.fade-enter[data-v-d43aa3b1],
+.fade-leave-to[data-v-d43aa3b1] {
   opacity: 0;
 }/* BEM support Func
  -------------------------- */