n8n-editor-ui 1.101.0 → 1.102.0

package/dist/assets/{RunData-DG20AzLo.js → RunData-D3xzjO33.js}

@@ -1,15 +1,14 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-CJmmTtEp.js","assets/index-7S5ADieN.js","assets/index-BzamKJpD.css","assets/useExecutionHelpers-BfF56crp.js","assets/RunDataTable-CykHIwNT.css","assets/RunDataJson-7okRLIES.js","assets/FileSaver.min-C5wzcK59.js","assets/useKeybindings-CV0VsjNP.js","assets/useKeybindings-BUK7Ngh6.css","assets/RunDataJson-BH9HLoGC.css","assets/RunDataParsedAiContent-DRO1Bjsh.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/RunDataSearch-D5eQUWvi.js","assets/RunDataSearch-R6qtl0Jf.css"])))=>i.map(i=>d[i]);
-import { gf as hasKey, d as defineComponent, i as createElementBlock, g as openBlock, j as createVNode, k as createBaseVNode, m as unref, p as N8nText, w as withCtx, l as createTextVNode, t as toDisplayString, c as useI18n, bP as formatTokenUsageCount, bQ as getDefaultExportFromCjs, r as ref, gg as MarkdownIt, x as computed, aJ as h, gh as requireVue, gi as sanitizeHtml, gj as sanitizeHtmlExports, _ as _export_sfc, a3 as useWorkflowsStore, o as onMounted, ey as jsonParse, gk as base64DecodeUTF8, e as createBlock, n as normalizeClass, bI as useNodeHelpers, f as createCommentVNode, q as N8nButton, bV as withModifiers, c8 as useClipboard, a as useToast, gl as useAIAssistantHelpers, bN as useNodeTypesStore, aL as useNDVStore, ab as useRootStore, g6 as useAssistantStore, S as useUIStore, gm as MAX_DISPLAY_DATA_SIZE, c$ as isCommunityPackageName, h as resolveComponent, ca as resolveDirective, aT as withDirectives, gn as InlineAskAssistantButton, Z as N8nTooltip, $ as _sfc_main$b, F as Fragment, y as renderList, go as NEW_ASSISTANT_SESSION_MODAL, e9 as sanitizeHtml$1, a0 as N8nLink, aW as N8nIcon, a9 as watch, H as N8nRadioButtons, bh as createSlots, fd as N8nSelect, fe as _sfc_main$c, ad as useSourceControlStore, g7 as useSchemaPreviewStore, a4 as useRoute, bZ as toRef, bG as usePinnedData, gp as useNodeType, fp as storeToRefs, gq as TRIMMED_TASK_DATA_CONNECTIONS_KEY, bw as NodeConnectionTypes, gr as executionDataToJson, gs as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, gt as CORE_NODES_CATEGORY, gu as computedAsync, gv as parseAiContent, cr as ndvEventBus, ax as useTelemetry, I as onBeforeUnmount, b6 as useStorage, gw as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, gx as dataPinningEventBus, gy as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, gz as searchInObject, dD as getConnectionTypes, gA as isObject, gB as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, gC as HTML_NODE_TYPE, J as renderSlot, dk as N8nCallout, gD as DATA_PINNING_DOCS_URL, aU as vShow, e2 as Suspense, eE as defineAsyncComponent, c0 as normalizeProps, D as mergeProps, d3 as N8nTabs, c1 as guardReactiveProps, eP as _sfc_main$d, gE as JsonEditor, f1 as InfoTip, gF as DATA_EDITING_DOCS_URL, aH as __vitePreload, e7 as getNodeOutputs, gG as getGenericHints, gH as clearJsonKey, gI as TEST_PIN_DATA, bf as useExternalHooks, cD as isPresent, gJ as isEmpty, dq as isEqual } from "./index-7S5ADieN.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-C5wzcK59.js";
-import { N as N8nBlockUi } from "./useKeybindings-CV0VsjNP.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-BfF56crp.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-6rCOQNCX.js","assets/index-V0GOmfo8.js","assets/index-C66_v3sX.css","assets/useExecutionHelpers-DvBwGIzz.js","assets/RunDataTable-CTBtmQIs.css","assets/RunDataJson-D5YFtOcJ.js","assets/FileSaver.min-CeGSkamF.js","assets/useKeybindings-CduQ2pi5.js","assets/useKeybindings-BUK7Ngh6.css","assets/RunDataJson-BH9HLoGC.css","assets/RunDataParsedAiContent-BYISiW-I.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/RunDataSearch-oo3_BoLt.js","assets/RunDataSearch-2eEalFoi.css"])))=>i.map(i=>d[i]);
+import { ge as hasKey, d as defineComponent, h as createElementBlock, g as openBlock, i as createVNode, j as createBaseVNode, l as unref, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, c as useI18n, bI as formatTokenUsageCount, bJ as getDefaultExportFromCjs, r as ref, gf as MarkdownIt, x as computed, aK as h, gg as requireVue, gh as sanitizeHtml, gi as sanitizeHtmlExports, _ as _export_sfc, a4 as useWorkflowsStore, o as onMounted, et as jsonParse, gj as base64DecodeUTF8, e as createBlock, n as normalizeClass, bB as useNodeHelpers, f as createCommentVNode, q as N8nButton, bO as withModifiers, c2 as useClipboard, a as useToast, gk as useAIAssistantHelpers, bG as useNodeTypesStore, aM as useNDVStore, ac as useRootStore, g4 as useAssistantStore, T as useUIStore, gl as MAX_DISPLAY_DATA_SIZE, cY as isCommunityPackageName, c4 as resolveDirective, aU as withDirectives, gm as InlineAskAssistantButton, $ as N8nTooltip, a0 as _sfc_main$b, N as N8nIcon, F as Fragment, y as renderList, gn as NEW_ASSISTANT_SESSION_MODAL, e4 as sanitizeHtml$1, a1 as N8nLink, aa as watch, H as N8nRadioButtons, bh as createSlots, O as resolveComponent, f7 as N8nSelect, f8 as _sfc_main$c, ae as useSourceControlStore, g5 as useSchemaPreviewStore, aO as usePostHog, a5 as useRoute, bT as toRef, bz as usePinnedData, go as useNodeType, fn as storeToRefs, gp as TRIMMED_TASK_DATA_CONNECTIONS_KEY, bo as NodeConnectionTypes, gq as executionDataToJson, gr as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, gs as CORE_NODES_CATEGORY, dy as NDV_UI_OVERHAUL_EXPERIMENT, gt as computedAsync, gu as parseAiContent, cm as ndvEventBus, ay as useTelemetry, I as onBeforeUnmount, b6 as useStorage, gv as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, gw as dataPinningEventBus, gx as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, gy as searchInObject, gz as getConnectionTypes, gA as RUN_DATA_DEFAULT_PAGE_SIZE, gB as isObject, gC as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, gD as HTML_NODE_TYPE, J as renderSlot, dg as N8nCallout, gE as DATA_PINNING_DOCS_URL, aV as vShow, dZ as Suspense, ez as defineAsyncComponent, bW as normalizeProps, D as mergeProps, d0 as N8nTabs, bX as guardReactiveProps, eK as _sfc_main$d, gF as JsonEditor, eX as InfoTip, gG as DATA_EDITING_DOCS_URL, aI as __vitePreload, e2 as getNodeOutputs, gH as getGenericHints, gI as clearJsonKey, gJ as TEST_PIN_DATA, bf as useExternalHooks, cy as isPresent, gK as isEmpty, dk as isEqual } from "./index-V0GOmfo8.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-CeGSkamF.js";
+import { N as N8nBlockUi } from "./useKeybindings-CduQ2pi5.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-DvBwGIzz.js";
 function responseHasSubworkflowData(response) {
-  return ["executionId", "workflowId"].every(
-    (x) => hasKey(response, x) && typeof response[x] === "string"
-  );
+  return ["executionId", "workflowId"].every((x) => hasKey(response, x) && typeof response[x] === "string");
 }
 function parseErrorResponseWorkflowMetadata(response) {
-  if (!responseHasSubworkflowData(response)) return void 0;
+  if (!responseHasSubworkflowData(response))
+    return void 0;
   return {
     subExecution: {
       executionId: response.executionId,
@@ -2615,7 +2614,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_n8n_button = N8nButton;
       const _component_n8n_tooltip = N8nTooltip;
-      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+      const _component_n8n_icon = N8nIcon;
       const _directive_n8n_html = resolveDirective("n8n-html");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["node-error-view", props.compact ? "node-error-view_compact" : ""])
@@ -2655,9 +2654,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createBaseVNode("div", _hoisted_9$1, [
                   createVNode(unref(_sfc_main$b), {
-                    icon: "copy",
+                    icon: "files",
                     type: "secondary",
-                    size: "mini",
+                    size: "small",
                     text: true,
                     "transparent-background": "transparent",
                     onClick: copyErrorDetails
@@ -2670,9 +2669,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", _hoisted_10, [
             "httpCode" in _ctx.error && _ctx.error.httpCode || prepareRawMessages.value.length || _ctx.error?.context?.data || _ctx.error.extra ? (openBlock(), createElementBlock("details", _hoisted_11, [
               createBaseVNode("summary", _hoisted_12, [
-                createVNode(_component_font_awesome_icon, {
+                createVNode(_component_n8n_icon, {
                   class: "node-error-view__details-icon",
-                  icon: "angle-right"
+                  icon: "chevron-right"
                 }),
                 createTextVNode(" " + toDisplayString(unref(i18n).baseText("nodeErrorView.details.from", {
                   interpolate: { node: `${nodeDefaultName.value}` }
@@ -2725,9 +2724,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true),
             createBaseVNode("details", _hoisted_29, [
               createBaseVNode("summary", _hoisted_30, [
-                createVNode(_component_font_awesome_icon, {
+                createVNode(_component_n8n_icon, {
                   class: "node-error-view__details-icon",
-                  icon: "angle-right"
+                  icon: "chevron-right"
                 }),
                 createTextVNode(" " + toDisplayString(unref(i18n).baseText("nodeErrorView.details.info")), 1)
               ]),
@@ -2861,7 +2860,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.pinDataButton),
             type: "tertiary",
             active: props.pinnedData.hasData.value,
-            icon: "thumbtack",
+            icon: "pin",
             disabled: props.disabled,
             "data-test-id": "ndv-pin-data",
             onClick: _cache[0] || (_cache[0] = ($event) => emit("togglePinData"))
@@ -2923,7 +2922,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(trackOpeningRelatedExecution)(_ctx.taskMetadata, _ctx.displayMode), ["stop"]))
       }, [
         createVNode(_component_N8nIcon, {
-          icon: "external-link-alt",
+          icon: "external-link",
           size: "xsmall"
         }),
         createTextVNode(" " + toDisplayString(getExecutionLinkLabel(_ctx.taskMetadata)), 1)
@@ -3060,7 +3059,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               size: "small"
             })) : option.value === "html" ? (openBlock(), createBlock(unref(N8nIcon), {
               key: 4,
-              icon: "html",
+              icon: "file-code",
               size: "small"
             })) : option.value === "ai" ? (openBlock(), createBlock(unref(N8nIcon), {
               key: 5,
@@ -3189,27 +3188,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     compact: { type: Boolean, default: false },
     tableHeaderBgColor: { default: "base" },
     disableHoverHighlight: { type: Boolean, default: false },
-    disableAiContent: { type: Boolean, default: false }
+    disableAiContent: { type: Boolean, default: false },
+    collapsingTableColumnName: {}
   },
-  emits: ["search", "runChange", "itemHover", "linkRun", "unlinkRun", "activatePane", "tableMounted", "displayModeChange"],
+  emits: ["search", "runChange", "itemHover", "linkRun", "unlinkRun", "activatePane", "tableMounted", "displayModeChange", "collapsingTableColumnChanged"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const LazyRunDataTable = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataTable-CJmmTtEp.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataTable-6rCOQNCX.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
     );
     const LazyRunDataJson = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataJson-7okRLIES.js"), true ? __vite__mapDeps([5,1,2,6,7,8,3,9]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataJson-D5YFtOcJ.js"), true ? __vite__mapDeps([5,1,2,6,7,8,3,9]) : void 0)
     );
     const LazyRunDataSchema = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./index-7S5ADieN.js").then((n) => n.j5), true ? __vite__mapDeps([1,2]) : void 0)
+      async () => await __vitePreload(() => import("./index-V0GOmfo8.js").then((n) => n.j5), true ? __vite__mapDeps([1,2]) : void 0)
     );
     const LazyRunDataHtml = defineAsyncComponent(
       async () => await __vitePreload(() => Promise.resolve().then(() => RunDataHtml$1), true ? void 0 : void 0)
     );
     const LazyRunDataAi = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataParsedAiContent-DRO1Bjsh.js"), true ? __vite__mapDeps([10,1,2,6,7,8,3,11]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataParsedAiContent-BYISiW-I.js"), true ? __vite__mapDeps([10,1,2,6,7,8,3,11]) : void 0)
     );
     const LazyRunDataSearch = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataSearch-D5eQUWvi.js"), true ? __vite__mapDeps([12,1,2,13]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataSearch-oo3_BoLt.js"), true ? __vite__mapDeps([12,1,2,13]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -3233,6 +3233,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const rootStore = useRootStore();
     const uiStore = useUIStore();
     const schemaPreviewStore = useSchemaPreviewStore();
+    const posthogStore = usePostHog();
     const toast = useToast();
     const route = useRoute();
     const nodeHelpers = useNodeHelpers();
@@ -3332,7 +3333,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return 0;
       }
       const runData = workflowRunData.value;
-      if (runData === null || !runData.hasOwnProperty(node.value.name)) {
+      if (!runData?.hasOwnProperty(node.value.name)) {
         return 0;
       }
       if (runData[node.value.name].length < props.runIndex) {
@@ -3352,7 +3353,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return 0;
       }
       const runData = workflowRunData.value;
-      if (runData === null || !runData.hasOwnProperty(node.value.name)) {
+      if (!runData?.hasOwnProperty(node.value.name)) {
         return 0;
       }
       if (runData[node.value.name].length) {
@@ -3498,6 +3499,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isSchemaPreviewEnabled = computed(
       () => props.paneType === "input" && !(nodeType.value?.codex?.categories ?? []).some((category) => category === CORE_NODES_CATEGORY)
     );
+    const isNDVV2 = computed(
+      () => posthogStore.isVariantEnabled(
+        NDV_UI_OVERHAUL_EXPERIMENT.name,
+        NDV_UI_OVERHAUL_EXPERIMENT.variant
+      )
+    );
     const hasPreviewSchema = computedAsync(async () => {
       if (!isSchemaPreviewEnabled.value || props.nodes.length === 0) return false;
       const nodes = props.nodes.filter((n) => n.depth === 1).map((n) => workflowsStore.getNodeByName(n.name)).filter(isPresent);
@@ -3603,18 +3610,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const error = workflowRunData.value?.[node.value.name]?.[props.runIndex]?.error;
         const errorsToTrack = ["unknown error"];
         if (error && errorsToTrack.some((e) => error.message?.toLowerCase().includes(e))) {
-          telemetry.track(
-            "User encountered an error",
-            {
-              node: node.value.type,
-              errorMessage: error.message,
-              nodeVersion: node.value.typeVersion,
-              n8nVersion: rootStore.versionCli
-            },
-            {
-              withPostHog: true
-            }
-          );
+          telemetry.track("User encountered an error", {
+            node: node.value.type,
+            errorMessage: error.message,
+            nodeVersion: node.value.typeVersion,
+            n8nVersion: rootStore.versionCli
+          });
         }
       }
     });
@@ -4002,6 +4003,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } else if (props.displayMode === "binary") {
         emit("displayModeChange", "schema");
       }
+      if (isNDVV2.value) {
+        pageSize.value = RUN_DATA_DEFAULT_PAGE_SIZE;
+      }
     }
     function closeBinaryDataDisplay() {
       binaryDataDisplayVisible.value = false;
@@ -4104,13 +4108,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_i18n_t = resolveComponent("i18n-t");
       const _directive_n8n_html = resolveDirective("n8n-html");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["run-data", _ctx.$style.container, props.compact ? _ctx.$style.compact : ""]),
+        class: normalizeClass([
+          "run-data",
+          _ctx.$style.container,
+          { [_ctx.$style["ndv-v2"]]: isNDVV2.value, [_ctx.$style.compact]: _ctx.compact }
+        ]),
         onMouseover: activatePane
       }, [
         !isPaneTypeInput.value && unref(pinnedData).hasData.value && !editMode2.value.enabled && !_ctx.isProductionExecutionPreview ? (openBlock(), createBlock(unref(N8nCallout), {
           key: 0,
           theme: "secondary",
-          icon: "thumbtack",
+          icon: "pin",
           class: normalizeClass(_ctx.$style.pinnedDataCallout),
           "data-test-id": "ndv-pinned-data-callout"
         }, {
@@ -4166,7 +4174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           withDirectives(createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.displayModes),
             "data-test-id": "run-data-pane-header",
-            onClick: _cache[4] || (_cache[4] = withModifiers(() => {
+            onClick: _cache[5] || (_cache[5] = withModifiers(() => {
             }, ["stop"]))
           }, [
             (openBlock(), createBlock(Suspense, null, {
@@ -4184,6 +4192,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })),
+            _ctx.displayMode === "table" && _ctx.collapsingTableColumnName !== null ? (openBlock(), createBlock(unref(_sfc_main$b), {
+              key: 0,
+              class: normalizeClass(_ctx.$style.resetCollapseButton),
+              text: "",
+              icon: "chevrons-up-down",
+              size: "xmini",
+              type: "tertiary",
+              onClick: _cache[2] || (_cache[2] = ($event) => emit("collapsingTableColumnChanged", null))
+            }, null, 8, ["class"])) : createCommentVNode("", true),
             withDirectives(createVNode(_sfc_main$2, {
               class: normalizeClass(_ctx.$style.displayModeSelect),
               compact: props.compact,
@@ -4199,21 +4216,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 unref(hasPreviewSchema) || hasNodeRun.value && (inputData.value.length || binaryData.value.length || search2.value || hasMultipleInputNodes.value) && !editMode2.value.enabled
               ]
             ]),
-            props.compact ? (openBlock(), createBlock(RunDataItemCount, normalizeProps(mergeProps({ key: 0 }, itemsCountProps.value)), null, 16)) : createCommentVNode("", true),
+            props.compact ? (openBlock(), createBlock(RunDataItemCount, normalizeProps(mergeProps({ key: 1 }, itemsCountProps.value)), null, 16)) : createCommentVNode("", true),
             !props.disableEdit && canPinData.value && !isReadOnlyRoute.value && !readOnlyEnv.value ? withDirectives((openBlock(), createBlock(unref(_sfc_main$b), {
-              key: 1,
+              key: 2,
               title: unref(i18n).baseText("runData.editOutput"),
               circle: false,
               disabled: node.value?.disabled,
-              icon: "pencil-alt",
+              icon: "pencil",
               type: "tertiary",
               "data-test-id": "ndv-edit-pinned-data",
-              onClick: _cache[2] || (_cache[2] = ($event) => enterEditMode({ origin: "editIconButton" }))
+              onClick: _cache[3] || (_cache[3] = ($event) => enterEditMode({ origin: "editIconButton" }))
             }, null, 8, ["title", "disabled"])), [
               [vShow, !editMode2.value.enabled]
             ]) : createCommentVNode("", true),
             showPinButton.value ? (openBlock(), createBlock(RunDataPinButton, {
-              key: 2,
+              key: 3,
               disabled: pinButtonDisabled.value,
               "tooltip-contents-visibility": {
                 binaryDataTooltipContent: !!binaryData.value?.length,
@@ -4221,10 +4238,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               },
               "data-pinning-docs-url": unref(DATA_PINNING_DOCS_URL),
               "pinned-data": unref(pinnedData),
-              onTogglePinData: _cache[3] || (_cache[3] = ($event) => onTogglePinData({ source: "pin-icon-click" }))
+              onTogglePinData: _cache[4] || (_cache[4] = ($event) => onTogglePinData({ source: "pin-icon-click" }))
             }, null, 8, ["disabled", "tooltip-contents-visibility", "data-pinning-docs-url", "pinned-data"])) : createCommentVNode("", true),
             !props.disableEdit ? withDirectives((openBlock(), createElementBlock("div", {
-              key: 3,
+              key: 4,
               class: normalizeClass(_ctx.$style.editModeActions)
             }, [
               createVNode(unref(N8nButton), {
@@ -4266,7 +4283,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               teleported: "",
               "data-test-id": "run-selector",
               "onUpdate:modelValue": onRunIndexChange,
-              onClick: _cache[5] || (_cache[5] = withModifiers(() => {
+              onClick: _cache[6] || (_cache[6] = withModifiers(() => {
               }, ["stop"]))
             }, {
               prepend: withCtx(() => [
@@ -4391,14 +4408,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           _ctx.isExecuting && !isWaitNodeWaiting.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(_ctx.$style.center),
+            class: normalizeClass([_ctx.$style.center, _ctx.$style.executingMessage]),
             "data-test-id": "ndv-executing"
           }, [
-            createBaseVNode("div", {
+            !props.compact ? (openBlock(), createElementBlock("div", {
+              key: 0,
               class: normalizeClass(_ctx.$style.spinner)
             }, [
               createVNode(unref(_sfc_main$d), { type: "ring" })
-            ], 2),
+            ], 2)) : createCommentVNode("", true),
             createVNode(unref(N8nText), null, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(_ctx.executingMessage), 1)
@@ -4415,7 +4433,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(JsonEditor, {
                 "model-value": editMode2.value.value,
                 "fill-parent": true,
-                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(ndvStore).setOutputPanelEditModeValue($event))
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(ndvStore).setOutputPanelEditModeValue($event))
               }, null, 8, ["model-value"])
             ], 2),
             createBaseVNode("div", {
@@ -4455,7 +4473,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.center)
           }, [
             renderSlot(_ctx.$slots, "node-waiting", {}, () => [
-              _cache[9] || (_cache[9] = createTextVNode("xxx"))
+              _cache[11] || (_cache[11] = createTextVNode("xxx"))
             ], true)
           ], 2)) : !hasNodeRun.value && !(displaysMultipleNodes.value && (node.value?.disabled || unref(hasPreviewSchema))) ? (openBlock(), createElementBlock("div", {
             key: 4,
@@ -4595,7 +4613,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.center)
           }, [
             renderSlot(_ctx.$slots, "no-output-data", {}, () => [
-              _cache[10] || (_cache[10] = createTextVNode("xxx"))
+              _cache[12] || (_cache[12] = createTextVNode("xxx"))
             ], true)
           ], 2)) : hasNodeRun.value && !showData.value ? (openBlock(), createElementBlock("div", {
             key: 12,
@@ -4636,7 +4654,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(N8nButton), {
               size: "small",
               label: unref(i18n).baseText("runData.downloadBinaryData"),
-              onClick: _cache[7] || (_cache[7] = ($event) => downloadJsonData())
+              onClick: _cache[8] || (_cache[8] = ($event) => downloadJsonData())
             }, null, 8, ["label"])
           ], 2)) : hasNodeRun.value && _ctx.$slots["content"] ? renderSlot(_ctx.$slots, "content", { key: 13 }, void 0, true) : hasNodeRun.value && _ctx.displayMode === "table" && binaryData.value.length > 0 && inputData.value.length === 1 && Object.keys(jsonData.value[0] || {}).length === 0 ? (openBlock(), createElementBlock("div", {
             key: 14,
@@ -4694,10 +4712,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "header-bg-color": _ctx.tableHeaderBgColor,
                 compact: props.compact,
                 "disable-hover-highlight": props.disableHoverHighlight,
-                onMounted: _cache[8] || (_cache[8] = ($event) => emit("tableMounted", $event)),
+                "collapsing-column-name": _ctx.collapsingTableColumnName,
+                onMounted: _cache[9] || (_cache[9] = ($event) => emit("tableMounted", $event)),
                 onActiveRowChanged: onItemHover,
-                onDisplayModeChange
-              }, null, 8, ["node", "input-data", "mapping-enabled", "distance-from-active", "run-index", "page-offset", "total-runs", "has-default-hover-state", "search", "header-bg-color", "compact", "disable-hover-highlight"])
+                onDisplayModeChange,
+                onCollapsingColumnChanged: _cache[10] || (_cache[10] = ($event) => emit("collapsingTableColumnChanged", $event))
+              }, null, 8, ["node", "input-data", "mapping-enabled", "distance-from-active", "run-index", "page-offset", "total-runs", "has-default-hover-state", "search", "header-bg-color", "compact", "disable-hover-highlight", "collapsing-column-name"])
             ]),
             _: 1
           })) : hasNodeRun.value && _ctx.displayMode === "json" && node.value ? (openBlock(), createBlock(Suspense, { key: 17 }, {
@@ -4918,43 +4938,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const infoIcon = "_infoIcon_f5ono_123";
-const center = "_center_f5ono_127";
-const container = "_container_f5ono_141";
-const pinnedDataCallout = "_pinnedDataCallout_f5ono_149";
-const header = "_header_f5ono_157";
-const compact = "_compact_f5ono_169";
-const dataContainer = "_dataContainer_f5ono_181";
-const dataDisplay = "_dataDisplay_f5ono_187";
-const inlineError = "_inlineError_f5ono_202";
-const outputs = "_outputs_f5ono_209";
-const tabs = "_tabs_f5ono_224";
-const itemsCount = "_itemsCount_f5ono_232";
-const inputSelect = "_inputSelect_f5ono_242";
-const runSelector = "_runSelector_f5ono_248";
-const runSelectorInner = "_runSelectorInner_f5ono_261";
-const runSelectorSelect = "_runSelectorSelect_f5ono_267";
-const search = "_search_f5ono_271";
-const binaryIndex = "_binaryIndex_f5ono_275";
-const binaryRow = "_binaryRow_f5ono_292";
-const binaryCell = "_binaryCell_f5ono_297";
-const binaryHeader = "_binaryHeader_f5ono_309";
-const binaryButtonContainer = "_binaryButtonContainer_f5ono_318";
-const binaryValue = "_binaryValue_f5ono_329";
-const displayModes = "_displayModes_f5ono_334";
-const tooltipContain = "_tooltipContain_f5ono_346";
-const spinner = "_spinner_f5ono_350";
-const editMode = "_editMode_f5ono_361";
-const editModeBody = "_editModeBody_f5ono_370";
-const editModeFooter = "_editModeFooter_f5ono_377";
-const editModeFooterInfotip = "_editModeFooterInfotip_f5ono_387";
-const editModeActions = "_editModeActions_f5ono_393";
-const stretchVertically = "_stretchVertically_f5ono_400";
-const uiBlocker = "_uiBlocker_f5ono_404";
-const hintCallout = "_hintCallout_f5ono_409";
-const schema = "_schema_f5ono_418";
-const displayModeSelect = "_displayModeSelect_f5ono_423";
-const title = "_title_f5ono_434";
+const infoIcon = "_infoIcon_17bje_123";
+const center = "_center_17bje_127";
+const container = "_container_17bje_141";
+const pinnedDataCallout = "_pinnedDataCallout_17bje_150";
+const header = "_header_17bje_158";
+const compact = "_compact_17bje_170";
+const dataContainer = "_dataContainer_17bje_182";
+const dataDisplay = "_dataDisplay_17bje_188";
+const inlineError = "_inlineError_17bje_203";
+const outputs = "_outputs_17bje_210";
+const tabs = "_tabs_17bje_225";
+const itemsCount = "_itemsCount_17bje_233";
+const inputSelect = "_inputSelect_17bje_247";
+const runSelector = "_runSelector_17bje_253";
+const runSelectorInner = "_runSelectorInner_17bje_266";
+const runSelectorSelect = "_runSelectorSelect_17bje_272";
+const search = "_search_17bje_276";
+const binaryIndex = "_binaryIndex_17bje_280";
+const binaryRow = "_binaryRow_17bje_297";
+const binaryCell = "_binaryCell_17bje_302";
+const binaryHeader = "_binaryHeader_17bje_314";
+const binaryButtonContainer = "_binaryButtonContainer_17bje_323";
+const binaryValue = "_binaryValue_17bje_334";
+const displayModes = "_displayModes_17bje_339";
+const tooltipContain = "_tooltipContain_17bje_351";
+const spinner = "_spinner_17bje_355";
+const editMode = "_editMode_17bje_366";
+const editModeBody = "_editModeBody_17bje_375";
+const editModeFooter = "_editModeFooter_17bje_382";
+const editModeFooterInfotip = "_editModeFooterInfotip_17bje_392";
+const editModeActions = "_editModeActions_17bje_398";
+const stretchVertically = "_stretchVertically_17bje_405";
+const uiBlocker = "_uiBlocker_17bje_409";
+const hintCallout = "_hintCallout_17bje_414";
+const schema = "_schema_17bje_423";
+const displayModeSelect = "_displayModeSelect_17bje_428";
+const executingMessage = "_executingMessage_17bje_437";
+const resetCollapseButton = "_resetCollapseButton_17bje_441";
+const title = "_title_17bje_447";
 const style0 = {
   infoIcon,
   center,
@@ -4968,6 +4990,7 @@ const style0 = {
   outputs,
   tabs,
   itemsCount,
+  "ndv-v2": "_ndv-v2_17bje_243",
   inputSelect,
   runSelector,
   runSelectorInner,
@@ -4992,12 +5015,14 @@ const style0 = {
   hintCallout,
   schema,
   displayModeSelect,
+  executingMessage,
+  resetCollapseButton,
   title
 };
 const cssModules = {
   "$style": style0
 };
-const RunData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-44a9b4ca"]]);
+const RunData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-1ca7212a"]]);
 export {
   HighlightJS as H,
   RunData as R,