n8n-editor-ui 1.102.2 → 1.103.1

package/dist/assets/{RunData-CctCvWsu.js → RunData-CY2AnQ-5.js}

@@ -1,8 +1,8 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-DS-hDrAF.js","assets/index-B3p3789J.js","assets/index-COleXxZf.css","assets/useExecutionHelpers-i07QEXws.js","assets/RunDataTable-CTBtmQIs.css","assets/RunDataJson-T-LRvnsQ.js","assets/FileSaver.min-BemkeU_7.js","assets/useKeybindings-ul7syjnB.js","assets/useKeybindings-BUK7Ngh6.css","assets/RunDataJson-BH9HLoGC.css","assets/RunDataParsedAiContent-BILLIvVH.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/RunDataSearch-CsykTpQU.js","assets/RunDataSearch-2eEalFoi.css"])))=>i.map(i=>d[i]);
-import { g8 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, bK as formatTokenUsageCount, bL as getDefaultExportFromCjs, r as ref, g9 as MarkdownIt, x as computed, aK as h, ga as requireVue, gb as sanitizeHtml, gc as sanitizeHtmlExports, _ as _export_sfc, a4 as useWorkflowsStore, o as onMounted, en as jsonParse, gd as base64DecodeUTF8, e as createBlock, n as normalizeClass, bD as useNodeHelpers, f as createCommentVNode, q as N8nButton, bQ as withModifiers, c4 as useClipboard, a as useToast, ge as useAIAssistantHelpers, bI as useNodeTypesStore, aM as useNDVStore, ac as useRootStore, f_ as useAssistantStore, T as useUIStore, gf as MAX_DISPLAY_DATA_SIZE, c_ as isCommunityPackageName, c6 as resolveDirective, aU as withDirectives, gg as InlineAskAssistantButton, $ as N8nTooltip, a0 as _sfc_main$b, N as N8nIcon, F as Fragment, y as renderList, gh as NEW_ASSISTANT_SESSION_MODAL, d_ as sanitizeHtml$1, a1 as N8nLink, aa as watch, H as N8nRadioButtons, bh as createSlots, O as resolveComponent, f1 as N8nSelect, f2 as _sfc_main$c, ae as useSourceControlStore, f$ as useSchemaPreviewStore, aO as usePostHog, a5 as useRoute, bV as toRef, bB as usePinnedData, gi as useNodeType, fh as storeToRefs, gj as TRIMMED_TASK_DATA_CONNECTIONS_KEY, bq as NodeConnectionTypes, gk as executionDataToJson, gl as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, gm as CORE_NODES_CATEGORY, dm as NDV_UI_OVERHAUL_EXPERIMENT, gn as computedAsync, go as parseAiContent, co as ndvEventBus, ay as useTelemetry, I as onBeforeUnmount, b6 as useStorage, gp as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, gq as dataPinningEventBus, gr as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, gs as searchInObject, gt as getConnectionTypes, gu as RUN_DATA_DEFAULT_PAGE_SIZE, gv as isObject, gw as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, gx as HTML_NODE_TYPE, J as renderSlot, di as N8nCallout, gy as DATA_PINNING_DOCS_URL, aV as vShow, dT as Suspense, et as defineAsyncComponent, bY as normalizeProps, D as mergeProps, d2 as N8nTabs, bZ as guardReactiveProps, eE as _sfc_main$d, gz as JsonEditor, eR as InfoTip, gA as DATA_EDITING_DOCS_URL, aI as __vitePreload, dY as getNodeOutputs, gB as getGenericHints, gC as clearJsonKey, gD as TEST_PIN_DATA, bf as useExternalHooks, cA as isPresent, gE as isEmpty, dO as isEqual } from "./index-B3p3789J.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-BemkeU_7.js";
-import { N as N8nBlockUi } from "./useKeybindings-ul7syjnB.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-i07QEXws.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-DgBV9mGl.js","assets/index-BEC9W_3K.js","assets/index-C6LoGNAx.css","assets/useExecutionHelpers-CXZC4OGe.js","assets/RunDataTable-n918b-Qv.css","assets/RunDataJson-PZfvyEtF.js","assets/FileSaver.min-BRpMoNCX.js","assets/useKeybindings-D5pwrTFM.js","assets/useKeybindings-BUK7Ngh6.css","assets/RunDataJson-BH9HLoGC.css","assets/RunDataParsedAiContent-b0irqoyM.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/RunDataSearch-DS17rPDS.js","assets/RunDataSearch-2eEalFoi.css"])))=>i.map(i=>d[i]);
+import { gp 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, gq as MarkdownIt, x as computed, aK as h, gr as requireVue, gs as sanitizeHtml, gt as sanitizeHtmlExports, _ as _export_sfc, a4 as useWorkflowsStore, o as onMounted, eE as jsonParse, gu as base64DecodeUTF8, e as createBlock, n as normalizeClass, bB as useNodeHelpers, f as createCommentVNode, q as N8nButton, bO as withModifiers, b as useRouter, c2 as useClipboard, a as useToast, gv as useAIAssistantHelpers, bG as useNodeTypesStore, aM as useNDVStore, ac as useRootStore, gf as useAssistantStore, T as useUIStore, gw as MAX_DISPLAY_DATA_SIZE, cY as isCommunityPackageName, c4 as resolveDirective, aS as withDirectives, gx as InlineAskAssistantButton, $ as N8nTooltip, a0 as _sfc_main$b, N as N8nIcon, F as Fragment, y as renderList, V as VIEWS, gy as NEW_ASSISTANT_SESSION_MODAL, d$ as sanitizeHtml$1, a1 as N8nLink, aa as watch, H as N8nRadioButtons, bf as createSlots, O as resolveComponent, fi as N8nSelect, fj as _sfc_main$c, ae as useSourceControlStore, gg as useSchemaPreviewStore, di as usePostHog, a5 as useRoute, bT as toRef, bz as usePinnedData, gz as useNodeType, fy as storeToRefs, gA as TRIMMED_TASK_DATA_CONNECTIONS_KEY, bo as NodeConnectionTypes, gB as executionDataToJson, gC as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, gD as CORE_NODES_CATEGORY, dl as NDV_UI_OVERHAUL_EXPERIMENT, gE as computedAsync, gF as parseAiContent, cm as ndvEventBus, ay as useTelemetry, I as onBeforeUnmount, b4 as useStorage, gG as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, gH as dataPinningEventBus, gI as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, gJ as searchInObject, gK as getConnectionTypes, gL as RUN_DATA_DEFAULT_PAGE_SIZE, gM as isObject, gN as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, gO as HTML_NODE_TYPE, J as renderSlot, dg as N8nCallout, gP as DATA_PINNING_DOCS_URL, aT as vShow, dU as Suspense, eK as defineAsyncComponent, bW as normalizeProps, D as mergeProps, d0 as N8nTabs, bX as guardReactiveProps, eV as _sfc_main$d, en as __unplugin_components_9, f6 as InfoTip, gQ as DATA_EDITING_DOCS_URL, aI as __vitePreload, dZ as getNodeOutputs, gR as getGenericHints, gS as clearJsonKey, gT as TEST_PIN_DATA, bd as useExternalHooks, cy as isPresent, gU as isEmpty, dP as isEqual } from "./index-BEC9W_3K.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-BRpMoNCX.js";
+import { N as N8nBlockUi } from "./useKeybindings-D5pwrTFM.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-CXZC4OGe.js";
 function responseHasSubworkflowData(response) {
   return ["executionId", "workflowId"].every((x) => hasKey(response, x) && typeof response[x] === "string");
 }
@@ -2319,15 +2319,19 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const router = useRouter();
     const clipboard = useClipboard();
     const toast = useToast();
     const i18n = useI18n();
     const assistantHelpers = useAIAssistantHelpers();
     const nodeTypesStore = useNodeTypesStore();
     const ndvStore = useNDVStore();
+    const workflowsStore = useWorkflowsStore();
     const rootStore = useRootStore();
     const assistantStore = useAssistantStore();
     const uiStore = useUIStore();
+    const workflowId = computed(() => workflowsStore.workflowId);
+    const executionId = computed(() => workflowsStore.getWorkflowExecution?.id);
     const displayCause = computed(() => {
       return JSON.stringify(props.error.cause ?? "").length < MAX_DISPLAY_DATA_SIZE;
     });
@@ -2452,7 +2456,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       const isNonEmptyString = (value) => !!value && typeof value === "string";
       if (isSubNodeError.value) {
         message = i18n.baseText("nodeErrorView.errorSubNode", {
-          interpolate: { node: props.error.node.name }
+          interpolate: { node: props.error.node?.name ?? "" }
         });
       } else if (isNonEmptyString(props.error.message) && (props.error.message === props.error.description || !props.error.context?.messageTemplate)) {
         message = props.error.message;
@@ -2582,7 +2586,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return nodeType?.hidden ?? false;
     }
     const onOpenErrorNodeDetailClick = () => {
-      ndvStore.activeNodeName = props.error.node.name;
+      if (!props.error.node) {
+        return;
+      }
+      if ("workflowId" in props.error && workflowId.value && typeof props.error.workflowId === "string" && workflowId.value !== props.error.workflowId && "executionId" in props.error && executionId.value && typeof props.error.executionId === "string" && executionId.value !== props.error.executionId) {
+        const link = router.resolve({
+          name: VIEWS.EXECUTION_PREVIEW,
+          params: {
+            name: props.error.workflowId,
+            executionId: props.error.executionId,
+            nodeId: props.error.node.id
+          }
+        });
+        window.open(link.href, "_blank");
+      } else {
+        ndvStore.activeNodeName = props.error.node.name;
+      }
     };
     async function onAskAssistantClick() {
       const { message, lineNumber, description } = props.error;
@@ -3194,22 +3213,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["search", "runChange", "itemHover", "linkRun", "unlinkRun", "activatePane", "tableMounted", "displayModeChange", "collapsingTableColumnChanged"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const LazyRunDataTable = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataTable-DS-hDrAF.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataTable-DgBV9mGl.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
     );
     const LazyRunDataJson = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataJson-T-LRvnsQ.js"), true ? __vite__mapDeps([5,1,2,6,7,8,3,9]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataJson-PZfvyEtF.js"), true ? __vite__mapDeps([5,1,2,6,7,8,3,9]) : void 0)
     );
     const LazyRunDataSchema = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./index-B3p3789J.js").then((n) => n.j1), true ? __vite__mapDeps([1,2]) : void 0)
+      async () => await __vitePreload(() => import("./index-BEC9W_3K.js").then((n) => n.jl), 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-BILLIvVH.js"), true ? __vite__mapDeps([10,1,2,6,7,8,3,11]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataParsedAiContent-b0irqoyM.js").then((n) => n.d), true ? __vite__mapDeps([10,1,2,11]) : void 0)
     );
     const LazyRunDataSearch = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataSearch-CsykTpQU.js"), true ? __vite__mapDeps([12,1,2,13]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataSearch-DS17rPDS.js"), true ? __vite__mapDeps([12,1,2,13]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -3284,9 +3303,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         messages: [workflowsStore.subWorkflowExecutionError?.message ?? ""]
       };
     });
-    const hasSubworkflowExecutionError = computed(
-      () => Boolean(workflowsStore.subWorkflowExecutionError)
-    );
+    const hasSubworkflowExecutionError = computed(() => !!workflowsStore.subWorkflowExecutionError);
     const parentNodeError = computed(() => {
       const parentNode = props.workflow.getChildNodes(node.value?.name ?? "", "ALL_NON_MAIN")[0];
       return workflowRunData.value?.[parentNode]?.[props.runIndex]?.error;
@@ -4202,7 +4219,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               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,
               value: _ctx.displayMode,
               "has-binary-data": binaryData.value.length > 0,
@@ -4210,15 +4226,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "node-generates-html": unref(activeNode)?.type === unref(HTML_NODE_TYPE) && unref(activeNode).parameters.operation === "generateHtmlTemplate",
               "has-renderable-data": hasParsedAiContent.value,
               onChange: onDisplayModeChange
-            }, null, 8, ["class", "compact", "value", "has-binary-data", "pane-type", "node-generates-html", "has-renderable-data"]), [
+            }, null, 8, ["compact", "value", "has-binary-data", "pane-type", "node-generates-html", "has-renderable-data"]), [
               [
                 vShow,
                 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: 1 }, itemsCountProps.value)), null, 16)) : createCommentVNode("", true),
             !props.disableEdit && canPinData.value && !isReadOnlyRoute.value && !readOnlyEnv.value ? withDirectives((openBlock(), createBlock(unref(_sfc_main$b), {
-              key: 2,
+              key: 1,
               title: unref(i18n).baseText("runData.editOutput"),
               circle: false,
               disabled: node.value?.disabled,
@@ -4230,7 +4245,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               [vShow, !editMode2.value.enabled]
             ]) : createCommentVNode("", true),
             showPinButton.value ? (openBlock(), createBlock(RunDataPinButton, {
-              key: 3,
+              key: 2,
               disabled: pinButtonDisabled.value,
               "tooltip-contents-visibility": {
                 binaryDataTooltipContent: !!binaryData.value?.length,
@@ -4241,7 +4256,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               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: 4,
+              key: 3,
               class: normalizeClass(_ctx.$style.editModeActions)
             }, [
               createVNode(unref(N8nButton), {
@@ -4260,7 +4275,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]) : createCommentVNode("", true)
           ], 2), [
             [vShow, !hasRunError.value && !isTrimmedManualExecutionDataItem.value]
-          ])
+          ]),
+          props.compact ? (openBlock(), createBlock(RunDataItemCount, normalizeProps(mergeProps({ key: 0 }, itemsCountProps.value)), null, 16)) : createCommentVNode("", true)
         ], 2),
         inputSelectLocation.value === "header" ? (openBlock(), createElementBlock("div", {
           key: 2,
@@ -4430,7 +4446,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", {
               class: normalizeClass([_ctx.$style.editModeBody, "ignore-key-press-canvas"])
             }, [
-              createVNode(JsonEditor, {
+              createVNode(__unplugin_components_9, {
                 "model-value": editMode2.value.value,
                 "fill-parent": true,
                 "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(ndvStore).setOutputPanelEditModeValue($event))
@@ -4612,9 +4628,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 11,
             class: normalizeClass(_ctx.$style.center)
           }, [
-            renderSlot(_ctx.$slots, "no-output-data", {}, () => [
-              _cache[12] || (_cache[12] = createTextVNode("xxx"))
-            ], true)
+            renderSlot(_ctx.$slots, "no-output-data", {}, void 0, true)
           ], 2)) : hasNodeRun.value && !showData.value ? (openBlock(), createElementBlock("div", {
             key: 12,
             "data-test-id": "ndv-data-size-warning",
@@ -4748,8 +4762,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(unref(LazyRunDataAi), {
                 "render-type": "rendered",
                 compact: _ctx.compact,
-                content: parsedAiContent.value
-              }, null, 8, ["compact", "content"])
+                content: parsedAiContent.value,
+                search: search2.value
+              }, null, 8, ["compact", "content", "search"])
             ]),
             _: 1
           })) : (hasNodeRun.value || unref(hasPreviewSchema)) && isSchemaView.value ? (openBlock(), createBlock(Suspense, { key: 20 }, {
@@ -4938,45 +4953,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 infoIcon = "_infoIcon_1btpo_123";
+const center = "_center_1btpo_127";
+const container = "_container_1btpo_141";
+const pinnedDataCallout = "_pinnedDataCallout_1btpo_150";
+const header = "_header_1btpo_158";
+const compact = "_compact_1btpo_170";
+const dataContainer = "_dataContainer_1btpo_183";
+const dataDisplay = "_dataDisplay_1btpo_189";
+const inlineError = "_inlineError_1btpo_204";
+const outputs = "_outputs_1btpo_211";
+const tabs = "_tabs_1btpo_226";
+const itemsCount = "_itemsCount_1btpo_234";
+const inputSelect = "_inputSelect_1btpo_248";
+const runSelector = "_runSelector_1btpo_254";
+const runSelectorInner = "_runSelectorInner_1btpo_267";
+const runSelectorSelect = "_runSelectorSelect_1btpo_273";
+const search = "_search_1btpo_277";
+const binaryIndex = "_binaryIndex_1btpo_281";
+const binaryRow = "_binaryRow_1btpo_298";
+const binaryCell = "_binaryCell_1btpo_303";
+const binaryHeader = "_binaryHeader_1btpo_315";
+const binaryButtonContainer = "_binaryButtonContainer_1btpo_324";
+const binaryValue = "_binaryValue_1btpo_335";
+const displayModes = "_displayModes_1btpo_340";
+const tooltipContain = "_tooltipContain_1btpo_359";
+const spinner = "_spinner_1btpo_363";
+const editMode = "_editMode_1btpo_374";
+const editModeBody = "_editModeBody_1btpo_383";
+const editModeFooter = "_editModeFooter_1btpo_390";
+const editModeFooterInfotip = "_editModeFooterInfotip_1btpo_400";
+const editModeActions = "_editModeActions_1btpo_406";
+const stretchVertically = "_stretchVertically_1btpo_413";
+const uiBlocker = "_uiBlocker_1btpo_417";
+const hintCallout = "_hintCallout_1btpo_422";
+const schema = "_schema_1btpo_431";
+const executingMessage = "_executingMessage_1btpo_435";
+const resetCollapseButton = "_resetCollapseButton_1btpo_439";
+const title = "_title_1btpo_445";
 const style0 = {
   infoIcon,
   center,
@@ -4990,7 +5004,7 @@ const style0 = {
   outputs,
   tabs,
   itemsCount,
-  "ndv-v2": "_ndv-v2_17bje_243",
+  "ndv-v2": "_ndv-v2_1btpo_244",
   inputSelect,
   runSelector,
   runSelectorInner,
@@ -5014,7 +5028,6 @@ const style0 = {
   uiBlocker,
   hintCallout,
   schema,
-  displayModeSelect,
   executingMessage,
   resetCollapseButton,
   title
@@ -5022,7 +5035,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const RunData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-1ca7212a"]]);
+const RunData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-66d25321"]]);
 export {
   HighlightJS as H,
   RunData as R,

package/dist/assets/{RunData-DuKNwYqe.css → RunData-D0dKnadD.css}

@@ -1326,10 +1326,10 @@ video {
  -------------------------- */
 /* BEM
  -------------------------- */
-._infoIcon_17bje_123 {
+._infoIcon_1btpo_123 {
   color: var(--color-foreground-dark);
 }
-._center_17bje_127 {
+._center_1btpo_127 {
   display: flex;
   height: 100%;
   flex-direction: column;
@@ -1338,11 +1338,11 @@ video {
   padding: var(--ndv-spacing) var(--ndv-spacing) var(--spacing-xl) var(--ndv-spacing);
   text-align: center;
 }
-._center_17bje_127 > * {
+._center_1btpo_127 > * {
   max-width: 316px;
   margin-bottom: var(--spacing-2xs);
 }
-._container_17bje_141 {
+._container_1btpo_141 {
   --ndv-spacing: var(--spacing-s);
   position: relative;
   width: 100%;
@@ -1350,14 +1350,14 @@ video {
   display: flex;
   flex-direction: column;
 }
-._pinnedDataCallout_17bje_150 {
+._pinnedDataCallout_1btpo_150 {
   border-radius: inherit;
   border-bottom-right-radius: 0;
   border-top: 0;
   border-left: 0;
   border-right: 0;
 }
-._header_17bje_158 {
+._header_1btpo_158 {
   display: flex;
   align-items: center;
   margin-bottom: var(--ndv-spacing);
@@ -1369,23 +1369,24 @@ video {
   scrollbar-width: thin;
   container-type: inline-size;
 }
-._compact_17bje_170 ._header_17bje_158 {
+._compact_1btpo_170 ._header_1btpo_158 {
   margin-bottom: var(--spacing-4xs);
   padding: var(--spacing-2xs);
   margin-bottom: 0;
   flex-shrink: 0;
   flex-grow: 0;
   min-height: auto;
+  gap: var(--spacing-2xs);
 }
-._header_17bje_158 > *:first-child {
+._header_1btpo_158 > *:first-child {
   flex-grow: 1;
 }
-._dataContainer_17bje_182 {
+._dataContainer_1btpo_183 {
   position: relative;
   overflow-y: auto;
   height: 100%;
 }
-._dataDisplay_17bje_188 {
+._dataDisplay_1btpo_189 {
   position: absolute;
   top: 0;
   left: 0;
@@ -1396,16 +1397,16 @@ video {
   word-break: normal;
   height: 100%;
 }
-._compact_17bje_170 ._dataDisplay_17bje_188 {
+._compact_1btpo_170 ._dataDisplay_1btpo_189 {
   padding: 0 var(--spacing-2xs);
 }
-._inlineError_17bje_203 {
+._inlineError_1btpo_204 {
   line-height: var(--font-line-height-xloose);
   padding-left: var(--ndv-spacing);
   padding-right: var(--ndv-spacing);
   padding-bottom: var(--ndv-spacing);
 }
-._outputs_17bje_210 {
+._outputs_1btpo_211 {
   display: flex;
   flex-direction: column;
   gap: var(--ndv-spacing);
@@ -1413,20 +1414,20 @@ video {
   padding-right: var(--ndv-spacing);
   padding-bottom: var(--ndv-spacing);
 }
-._compact_17bje_170 ._outputs_17bje_210 {
+._compact_1btpo_170 ._outputs_1btpo_211 {
   padding-left: var(--spacing-2xs);
   padding-right: var(--spacing-2xs);
   padding-bottom: var(--spacing-2xs);
   font-size: var(--font-size-2xs);
 }
-._tabs_17bje_225 {
+._tabs_1btpo_226 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   min-height: 30px;
   --color-tabs-arrow-buttons: var(--color-run-data-background);
 }
-._itemsCount_17bje_233 {
+._itemsCount_1btpo_234 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2xs);
@@ -1435,15 +1436,15 @@ video {
   padding-bottom: var(--ndv-spacing);
   flex-flow: wrap;
 }
-._ndv-v2_17bje_243 ._itemsCount_17bje_233 {
+._ndv-v2_1btpo_244 ._itemsCount_1btpo_234 {
   padding-left: var(--spacing-xs);
 }
-._inputSelect_17bje_247 {
+._inputSelect_1btpo_248 {
   padding-left: var(--ndv-spacing);
   padding-right: var(--ndv-spacing);
   padding-bottom: var(--ndv-spacing);
 }
-._runSelector_17bje_253 {
+._runSelector_1btpo_254 {
   display: flex;
   align-items: center;
   flex-flow: wrap;
@@ -1452,26 +1453,26 @@ video {
   margin-bottom: var(--ndv-spacing);
   gap: var(--spacing-3xs);
 }
-._runSelector_17bje_253 .el-input--suffix .el-input__inner {
+._runSelector_1btpo_254 .el-input--suffix .el-input__inner {
   padding-right: var(--spacing-l);
 }
-._runSelectorInner_17bje_266 {
+._runSelectorInner_1btpo_267 {
   display: flex;
   gap: var(--spacing-4xs);
   align-items: center;
 }
-._runSelectorSelect_17bje_272 {
+._runSelectorSelect_1btpo_273 {
   max-width: 205px;
 }
-._search_17bje_276 {
+._search_1btpo_277 {
   margin-left: auto;
 }
-._binaryIndex_17bje_280 {
+._binaryIndex_1btpo_281 {
   display: block;
   padding: var(--spacing-2xs);
   font-size: var(--font-size-2xs);
 }
-._binaryIndex_17bje_280 > * {
+._binaryIndex_1btpo_281 > * {
   display: inline-block;
   width: 30px;
   height: 30px;
@@ -1482,11 +1483,11 @@ video {
   font-weight: var(--font-weight-bold);
   color: var(--color-text-xlight);
 }
-._binaryRow_17bje_297 {
+._binaryRow_1btpo_298 {
   display: inline-flex;
   font-size: var(--font-size-2xs);
 }
-._binaryCell_17bje_302 {
+._binaryCell_1btpo_303 {
   display: inline-block;
   width: 300px;
   overflow: hidden;
@@ -1497,7 +1498,7 @@ video {
   border: var(--border-base);
   padding: var(--ndv-spacing);
 }
-._binaryHeader_17bje_314 {
+._binaryHeader_1btpo_315 {
   color: var(--color-primary);
   font-weight: var(--font-weight-bold);
   font-size: 1.2em;
@@ -1505,45 +1506,52 @@ video {
   margin-bottom: var(--spacing-2xs);
   border-bottom: 1px solid var(--color-text-light);
 }
-._binaryButtonContainer_17bje_323 {
+._binaryButtonContainer_1btpo_324 {
   margin-top: 1.5em;
   display: flex;
   flex-direction: row;
   justify-content: center;
 }
-._binaryButtonContainer_17bje_323 > * {
+._binaryButtonContainer_1btpo_324 > * {
   flex-grow: 0;
   margin-right: var(--spacing-3xs);
 }
-._binaryValue_17bje_334 {
+._binaryValue_1btpo_335 {
   white-space: initial;
   word-wrap: break-word;
 }
-._displayModes_17bje_339 {
+._displayModes_1btpo_340 {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   flex-grow: 1;
   gap: var(--spacing-2xs);
 }
-._compact_17bje_170 ._displayModes_17bje_339 {
+._compact_1btpo_170 ._displayModes_1btpo_340 {
   /* let title text alone decide the height */
   height: 0;
+  visibility: hidden;
+}
+._compact_1btpo_170 ._displayModes_1btpo_340 .el-input__prefix {
+  transition-duration: 0ms;
+}
+._compact_1btpo_170:hover ._displayModes_1btpo_340 {
+  visibility: visible;
 }
-._tooltipContain_17bje_351 {
+._tooltipContain_1btpo_359 {
   max-width: 240px;
 }
-._spinner_17bje_355 {
+._spinner_1btpo_363 {
   display: flex;
   justify-content: center;
   margin-bottom: var(--ndv-spacing);
 }
-._spinner_17bje_355 * {
+._spinner_1btpo_363 * {
   color: var(--color-primary);
   min-height: 40px;
   min-width: 40px;
 }
-._editMode_17bje_366 {
+._editMode_1btpo_374 {
   height: 100%;
   display: flex;
   flex-direction: column;
@@ -1551,13 +1559,13 @@ video {
   padding-left: var(--ndv-spacing);
   padding-right: var(--ndv-spacing);
 }
-._editModeBody_17bje_375 {
+._editModeBody_1btpo_383 {
   flex: 1 1 auto;
   max-height: 100%;
   width: 100%;
   overflow: auto;
 }
-._editModeFooter_17bje_382 {
+._editModeFooter_1btpo_390 {
   flex: 0 1 auto;
   display: flex;
   width: 100%;
@@ -1566,59 +1574,50 @@ video {
   padding-top: var(--ndv-spacing);
   padding-bottom: var(--ndv-spacing);
 }
-._editModeFooterInfotip_17bje_392 {
+._editModeFooterInfotip_1btpo_400 {
   display: flex;
   flex: 1;
   width: 100%;
 }
-._editModeActions_17bje_398 {
+._editModeActions_1btpo_406 {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   margin-left: var(--ndv-spacing);
 }
-._stretchVertically_17bje_405 {
+._stretchVertically_1btpo_413 {
   height: 100%;
 }
-._uiBlocker_17bje_409 {
+._uiBlocker_1btpo_417 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._hintCallout_17bje_414 {
+._hintCallout_1btpo_422 {
   margin-bottom: var(--spacing-xs);
   margin-left: var(--ndv-spacing);
   margin-right: var(--ndv-spacing);
 }
-._compact_17bje_170 ._hintCallout_17bje_414 {
+._compact_1btpo_170 ._hintCallout_1btpo_422 {
   margin: 0 var(--spacing-2xs) var(--spacing-2xs) var(--spacing-2xs);
 }
-._schema_17bje_423 {
+._schema_1btpo_431 {
   padding: 0 var(--ndv-spacing);
 }
-._compact_17bje_170:not(:hover) ._search_17bje_276,
-._compact_17bje_170:not(:hover) ._displayModeSelect_17bje_428 {
-  opacity: 0;
-  display: none;
-}
-._compact_17bje_170:hover ._search_17bje_276,
-._compact_17bje_170:hover ._displayModeSelect_17bje_428 {
-  opacity: 1;
-}
-._compact_17bje_170 ._executingMessage_17bje_437 {
+._compact_1btpo_170 ._executingMessage_1btpo_435 {
   color: var(--color-text-light);
 }
-._resetCollapseButton_17bje_441 {
+._resetCollapseButton_1btpo_439 {
   color: var(--color-foreground-xdark);
 }
 @container (max-width: 240px) {
   /* Hide title when the panel is too narrow */
-._compact_17bje_170:hover ._title_17bje_447 {
+._compact_1btpo_170:hover ._title_1btpo_445 {
     visibility: hidden;
     width: 0;
 }
 }
-._ndv-v2_17bje_243,
-._compact_17bje_170 {
+._ndv-v2_1btpo_244,
+._compact_1btpo_170 {
   --ndv-spacing: var(--spacing-2xs);
 }/* BEM support Func
  -------------------------- */
@@ -1742,7 +1741,7 @@ video {
  -------------------------- */
 /* BEM
  -------------------------- */
-.run-data .code-node-editor[data-v-1ca7212a] {
+.run-data .code-node-editor[data-v-66d25321] {
   height: 100%;
 }/* BEM support Func
  -------------------------- */
@@ -1866,7 +1865,7 @@ video {
  -------------------------- */
 /* BEM
  -------------------------- */
-[data-v-1ca7212a] .highlight {
+[data-v-66d25321] .highlight {
   background-color: #f7dc55;
   color: black;
   border-radius: var(--border-radius-base);