n8n-editor-ui 1.91.1 → 1.93.0

package/dist/assets/{NodeDetailsView-DtvMtBqp.js → NodeDetailsView-C5_hVJzj.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, 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, dO as isCommunityPackageName, cH as NPM_PACKAGE_DOCS_BASE_URL, hN as BUILTIN_NODES_DOCS_URL, cJ 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, hO as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, hP as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, ft as MCP_TRIGGER_NODE_TYPE, fk 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, hQ as toRef, hR as tryOnScopeDispose, hS as toValue, hT as isIOS, hU as noop, hV as isObject, hW as isClient, bz as useNodeTypesStore, bA as useNodeHelpers, G as useDebounce, B as normalizeStyle, ga as TitledList, bw as getNodeInputs, hX as SWITCH_NODE_TYPE, ej as isEqual, hY as captureException, p as useSettingsStore, au as usePostHog, bR as useCredentialsStore, u as useUsersStore, a1 as useProjectsStore, dD as OPEN_AI_API_CREDENTIAL_TYPE, hZ as AI_CREDITS_EXPERIMENT, bU as useHistoryStore, ab as ProjectTypes, bx as getConnectionTypes, o as onMounted, bH as ndvEventBus, y as onBeforeUnmount, h_ as _sfc_main$h, h$ as CUSTOM_NODES_DOCS_URL, aA as withDirectives, aB as vShow, hn as _sfc_main$i, i0 as NodeCredentials, bo as get, fK as getNodeParameters, cg as deepCopy, i1 as set, i2 as unset, fz as RenameNodeCommand, hm as isINodePropertyCollectionList, i3 as isINodePropertiesList, i4 as isINodePropertyOptionsList, i5 as displayParameter, h2 as Draggable, bM as useThrottleFn, H as useUIStore, fO as useSlots, i6 as MAIN_NODE_PANEL_WIDTH, aJ as useStorage, i7 as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, x as renderSlot, ch as resolveDirective, dk as InfoTip, cM as storeToRefs, ge as useNodeDirtiness, dU as useNodeType, bq as usePinnedData, gb as CanvasNodeDirtiness, aV as createSlots, be as N8nText, i8 as waitingNodeTooltip, bG as N8nRadioButtons, ee as isPresent, i9 as truncate, gT as createStaticVNode, bX as START_NODE_TYPE, fh as MANUAL_TRIGGER_NODE_TYPE, ia as CRON_NODE_TYPE, ib as INTERVAL_NODE_TYPE, by as getNodeOutputs, ic as uniqBy, b6 as resolveDynamicComponent, aR as N8nTooltip, bE as N8nIcon, id as isTriggerPanelObject, dx as getTriggerNodeServiceName, fc as WEBHOOK_NODE_TYPE, dn as CopyInput, C as createEventBus, gd as Transition, V as VIEWS, ak as WORKFLOW_SETTINGS_MODAL_KEY, g2 as useDeviceSupport, ie as EXECUTABLE_TRIGGER_NODE_TYPES, ay as STICKY_NODE_TYPE, ig as BASE_NODE_SURVEY_URL, aa as EnterpriseEditionFeature, e0 as dataPinningEventBus, bJ as useStyles, ih as APP_MODALS_ELEMENT_ID, ai as useMessage, aj as MODAL_CONFIRM, bZ as jsonParse } from "./index-BLAboPd2.js";
-import { i as importCurlEventBus } from "./import-curl-BiXaU2jk.js";
-import { R as RunData } from "./RunData-D8Eax0cQ.js";
-import { b as convertToDisplayDateComponents } from "./dateFormatter-DbKqmK4w.js";
-import { R as RunDataAi } from "./RunDataAi-BUnCQIRN.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-CvmIpy5T.js";
-import "./FileSaver.min-CcnqpaV-.js";
-import "./useExecutionHelpers-C--m0pTQ.js";
-import "./useCanvasOperations-C0pQBHW3.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, dG as isCommunityPackageName, cO as NPM_PACKAGE_DOCS_BASE_URL, h_ as BUILTIN_NODES_DOCS_URL, cQ 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, h$ as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, i0 as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, fE as MCP_TRIGGER_NODE_TYPE, fm 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, i1 as toRef, i2 as tryOnScopeDispose, i3 as toValue, i4 as isIOS, i5 as noop, i6 as isObject, i7 as isClient, bz as useNodeTypesStore, bA as useNodeHelpers, G as useDebounce, B as normalizeStyle, gl as TitledList, bw as getNodeInputs, i8 as SWITCH_NODE_TYPE, eq as isEqual, i9 as captureException, p as useSettingsStore, au as usePostHog, bS as useCredentialsStore, u as useUsersStore, a1 as useProjectsStore, dL as OPEN_AI_API_CREDENTIAL_TYPE, ia as AI_CREDITS_EXPERIMENT, bV as useHistoryStore, ab as ProjectTypes, bx as getConnectionTypes, o as onMounted, bI as ndvEventBus, y as onBeforeUnmount, ib as _sfc_main$h, ic as CUSTOM_NODES_DOCS_URL, aA as withDirectives, aB as vShow, hA as _sfc_main$i, id as NodeCredentials, bo as get, fV as getNodeParameters, cn as deepCopy, ie as set, ig as unset, fK as RenameNodeCommand, hz as isINodePropertyCollectionList, ih as isINodePropertiesList, ii as isINodePropertyOptionsList, ij as displayParameter, hf as Draggable, bN as useThrottleFn, H as useUIStore, fZ as useSlots, ik as MAIN_NODE_PANEL_WIDTH, aJ as useStorage, il as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, x as renderSlot, co as resolveDirective, ds as InfoTip, cT as storeToRefs, gp as useNodeDirtiness, e0 as useNodeType, bq as usePinnedData, gm as CanvasNodeDirtiness, aV as createSlots, be as N8nText, im as waitingNodeTooltip, bH as N8nRadioButtons, el as isPresent, io as truncate, h4 as createStaticVNode, bZ as START_NODE_TYPE, fj as MANUAL_TRIGGER_NODE_TYPE, ip as CRON_NODE_TYPE, iq as INTERVAL_NODE_TYPE, by as getNodeOutputs, ir as uniqBy, b6 as resolveDynamicComponent, aR as N8nTooltip, bE as N8nIcon, is as isTriggerPanelObject, dB as getTriggerNodeServiceName, fd as WEBHOOK_NODE_TYPE, dv as CopyInput, C as createEventBus, go as Transition, V as VIEWS, ak as WORKFLOW_SETTINGS_MODAL_KEY, ge as useDeviceSupport, it as EXECUTABLE_TRIGGER_NODE_TYPES, ay as STICKY_NODE_TYPE, iu as BASE_NODE_SURVEY_URL, aa as EnterpriseEditionFeature, e7 as dataPinningEventBus, bK as useStyles, iv as APP_MODALS_ELEMENT_ID, ai as useMessage, aj as MODAL_CONFIRM, c0 as jsonParse } from "./index-DZ6VpjNj.js";
+import { i as importCurlEventBus } from "./import-curl-BvX_O56D.js";
+import { R as RunData } from "./RunData-b0RE2JWc.js";
+import { b as convertToDisplayDateComponents } from "./dateFormatter-BPfJSa6q.js";
+import { R as RunDataAi } from "./RunDataAi-DnWcCR_0.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-65xML23U.js";
+import "./FileSaver.min-bgn7Q9Gt.js";
+import "./useExecutionHelpers-DqwMonFW.js";
+import "./RunDataParsedAiContent-BbXv-NPD.js";
+import "./useCanvasOperations-u8oSDa_u.js";
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "NodeTitle",
   props: {
@@ -1281,6 +1282,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     );
     const node2 = computed(() => ndvStore.activeNode);
     const isTriggerNode = computed(() => !!node2.value && nodeTypesStore.isTriggerNode(node2.value.type));
+    const isToolNode = computed(() => !!node2.value && nodeTypesStore.isToolNode(node2.value.type));
     const isExecutable = computed(() => {
       if (props.nodeType && node2.value) {
         const workflowNode = currentWorkflowInstance.value.getNode(node2.value.name);
@@ -1290,7 +1292,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) && !isToolNode.value && !isTriggerNode.value) {
           return false;
         }
       }
@@ -2132,7 +2134,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-a3c6ba66"]]);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "PanelDragButton",
   props: {
@@ -2858,9 +2860,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 +2874,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 +2884,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 +2920,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 +3076,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 +3137,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 +3161,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 +3233,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"]);
     };
   }
 });
@@ -3428,9 +3433,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 +3452,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const nodeTypesStore = useNodeTypesStore();
     const ndvStore = useNDVStore();
     const workflowsStore = useWorkflowsStore();
-    const uiStore = useUIStore();
     const {
       activeNode,
       focusedMappableInput,
@@ -3495,7 +3500,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 +3515,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 +3665,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 +3843,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 +3894,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 +3912,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 +4046,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 +4419,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 +4446,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();
@@ -4471,9 +4475,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) {
@@ -4618,9 +4621,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;
@@ -4635,6 +4639,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;
     };
@@ -4727,7 +4733,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const onNodeExecute = () => {
       setTimeout(() => {
-        if (!activeNode.value || !workflowRunning.value) {
+        if (!activeNode.value || !workflowsStore.isWorkflowRunning) {
           return;
         }
         triggerWaitingWarningEnabled.value = true;
@@ -4854,6 +4860,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const setSelectedInput = (value) => {
       selectedInput.value = value;
     };
+    const handleChangeDisplayMode = (pane, mode) => {
+      ndvStore.setPanelDisplayMode({ pane, mode });
+    };
     watch(
       activeNode,
       (node2, oldNode) => {
@@ -4891,8 +4900,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,
@@ -5022,15 +5031,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, {
@@ -5046,7 +5057,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
@@ -5083,6 +5094,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")),
@@ -5092,8 +5104,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-pYP-34nS.css}

@@ -1006,7 +1006,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.node-settings[data-v-18fbbe4a] {
+.node-settings[data-v-a3c6ba66] {
   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-a3c6ba66] {
   margin-top: var(--spacing-xs);
 }
-.node-settings .header-side-menu[data-v-18fbbe4a] {
+.node-settings .header-side-menu[data-v-a3c6ba66] {
   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-a3c6ba66] {
   padding-top: var(--spacing-5xs);
 }
-.node-settings .node-is-not-valid[data-v-18fbbe4a] {
+.node-settings .node-is-not-valid[data-v-a3c6ba66] {
   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-a3c6ba66] {
   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-a3c6ba66] {
   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-a3c6ba66] {
   font-size: 0.9em;
   margin-right: -15px;
   margin-left: -15px;
 }
-.parameter-content input[data-v-18fbbe4a] {
+.parameter-content input[data-v-a3c6ba66] {
   width: calc(100% - 35px);
   padding: 5px;
 }
-.parameter-content select[data-v-18fbbe4a] {
+.parameter-content select[data-v-a3c6ba66] {
   width: calc(100% - 20px);
   padding: 5px;
 }
-.parameter-content[data-v-18fbbe4a]:before {
+.parameter-content[data-v-a3c6ba66]:before {
   display: table;
   content: " ";
   position: relative;
   box-sizing: border-box;
   clear: both;
 }
-.parameter-wrapper[data-v-18fbbe4a] {
+.parameter-wrapper[data-v-a3c6ba66] {
   padding: 0 1em;
 }
-.color-reset-button-wrapper[data-v-18fbbe4a] {
+.color-reset-button-wrapper[data-v-a3c6ba66] {
   position: relative;
 }
-.color-reset-button[data-v-18fbbe4a] {
+.color-reset-button[data-v-a3c6ba66] {
   position: absolute;
   right: 7px;
   top: -25px;
 }
-.node-version[data-v-18fbbe4a] {
+.node-version[data-v-a3c6ba66] {
   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-a3c6ba66] {
   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
  -------------------------- */