n8n-editor-ui 1.102.2 → 1.103.1

package/dist/assets/{RunDataJson-T-LRvnsQ.js → RunDataJson-PZfvyEtF.js}

@@ -1,9 +1,9 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-C5tGgl2w.js","assets/index-B3p3789J.js","assets/index-COleXxZf.css","assets/_commonjs-dynamic-modules-TGKdzP3c.js","assets/RunDataJsonActions-B2jW3_UG.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, aM as useNDVStore, r as ref, cY as useElementSize, x as computed, gk as executionDataToJson, h as createElementBlock, g as openBlock, e as createBlock, i as createVNode, w as withCtx, f as createCommentVNode, l as unref, et as defineAsyncComponent, dT as Suspense, hI as TextWithHighlights, n as normalizeClass, hJ as MappingPill, hl as Draggable, aI as __vitePreload, hK as shorten, hM as getMappedExpression, bf as useExternalHooks, ay as useTelemetry, hN as isString, hO as nonExistingJsonPath, _ as _export_sfc } from "./index-B3p3789J.js";
-import { a as VueJsonPretty } from "./RunData-CctCvWsu.js";
-import "./FileSaver.min-BemkeU_7.js";
-import "./useKeybindings-ul7syjnB.js";
-import "./useExecutionHelpers-i07QEXws.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-BmrxonyU.js","assets/index-BEC9W_3K.js","assets/index-C6LoGNAx.css","assets/_commonjs-dynamic-modules-TGKdzP3c.js","assets/RunDataJsonActions-B2jW3_UG.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, aM as useNDVStore, r as ref, cW as useElementSize, x as computed, gB as executionDataToJson, h as createElementBlock, g as openBlock, e as createBlock, i as createVNode, w as withCtx, f as createCommentVNode, l as unref, eK as defineAsyncComponent, dU as Suspense, hY as __unplugin_components_0, n as normalizeClass, hZ as MappingPill, hB as Draggable, aI as __vitePreload, h_ as shorten, i0 as getMappedExpression, bd as useExternalHooks, ay as useTelemetry, i1 as isString, i2 as nonExistingJsonPath, _ as _export_sfc } from "./index-BEC9W_3K.js";
+import { a as VueJsonPretty } from "./RunData-CY2AnQ-5.js";
+import "./FileSaver.min-BRpMoNCX.js";
+import "./useKeybindings-D5pwrTFM.js";
+import "./useExecutionHelpers-CXZC4OGe.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RunDataJson",
   props: {
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const LazyRunDataJsonActions = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataJsonActions-C5tGgl2w.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataJsonActions-BmrxonyU.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
     );
     const props = __props;
     const ndvStore = useNDVStore();
@@ -146,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "onUpdate:selectedValue": _cache[0] || (_cache[0] = ($event) => selectedJsonPath.value = $event)
             }, {
               renderNodeKey: withCtx(({ node }) => [
-                createVNode(TextWithHighlights, {
+                createVNode(__unplugin_components_0, {
                   content: formatKey(node.key),
                   search: _ctx.search,
                   "data-target": "mappable",
@@ -161,7 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["content", "search", "data-value", "data-name", "data-path", "data-depth", "class"])
               ]),
               renderNodeValue: withCtx(({ node }) => [
-                createVNode(TextWithHighlights, {
+                createVNode(__unplugin_components_0, {
                   content: formatValue(node.content),
                   search: _ctx.search,
                   "data-target": "mappable",

package/dist/assets/{RunDataJsonActions-C5tGgl2w.js → RunDataJsonActions-BmrxonyU.js}

@@ -1,4 +1,4 @@
-import { g5 as commonjsGlobal, bL as getDefaultExportFromCjs, d as defineComponent, hO as nonExistingJsonPath, bW as inject, c5 as PiPWindowSymbol, x as computed, aM as useNDVStore, a4 as useWorkflowsStore, c4 as useClipboard, bD as useNodeHelpers, bB as usePinnedData, a as useToast, a5 as useRoute, h as createElementBlock, g as openBlock, e as createBlock, l as unref, c as useI18n, a0 as _sfc_main$1, w as withCtx, j as createBaseVNode, i as createVNode, A as ElDropdownMenu, B as ElDropdownItem, k as createTextVNode, t as toDisplayString, E as ElDropdown, n as normalizeClass, ay as useTelemetry, gC as clearJsonKey, gk as executionDataToJson, iv as convertPath, _ as _export_sfc } from "./index-B3p3789J.js";
+import { gm as commonjsGlobal, bJ as getDefaultExportFromCjs, d as defineComponent, i2 as nonExistingJsonPath, bU as inject, c3 as PiPWindowSymbol, x as computed, aM as useNDVStore, a4 as useWorkflowsStore, c2 as useClipboard, bB as useNodeHelpers, bz as usePinnedData, a as useToast, a5 as useRoute, h as createElementBlock, g as openBlock, e as createBlock, l as unref, c as useI18n, a0 as _sfc_main$1, w as withCtx, j as createBaseVNode, i as createVNode, A as ElDropdownMenu, B as ElDropdownItem, k as createTextVNode, t as toDisplayString, E as ElDropdown, n as normalizeClass, ay as useTelemetry, gS as clearJsonKey, gB as executionDataToJson, iP as convertPath, _ as _export_sfc } from "./index-BEC9W_3K.js";
 import { c as commonjsRequire } from "./_commonjs-dynamic-modules-TGKdzP3c.js";
 var jsonpath = { exports: {} };
 /*! jsonpath 1.1.1 */

package/dist/assets/RunDataParsedAiContent-b0irqoyM.js

@@ -0,0 +1,298 @@
+import { i3 as requireUtils, bm as emptyTokenUsageData, bl as addTokenUsageData, i4 as libExports, i5 as splitTextBySearch, d as defineComponent, c2 as useClipboard, a as useToast, x as computed, h as createElementBlock, g as openBlock, n as normalizeClass, F as Fragment, y as renderList, e as createBlock, f as createCommentVNode, l as unref, hY as __unplugin_components_0, i as createVNode, a0 as _sfc_main$1, c as useI18n, _ as _export_sfc } from "./index-BEC9W_3K.js";
+import { V as VueMarkdown, H as HighlightJS } from "./RunData-CY2AnQ-5.js";
+var utilsExports = requireUtils();
+function createNode(parent, nodeName, currentDepth, runIndex, r, children = []) {
+  return {
+    parent,
+    node: nodeName,
+    id: `${nodeName}:${runIndex}`,
+    depth: currentDepth,
+    startTime: r?.data?.metadata?.startTime ?? 0,
+    runIndex,
+    children,
+    consumedTokens: getConsumedTokens(r?.data)
+  };
+}
+function getTreeNodeData(nodeName, workflow, aiData, runIndex) {
+  return getTreeNodeDataRec(void 0, nodeName, 0, workflow, aiData, runIndex);
+}
+function getTreeNodeDataRec(parent, nodeName, currentDepth, workflow, aiData, runIndex) {
+  const connections = workflow.connectionsByDestinationNode[nodeName];
+  const resultData = aiData?.filter((data) => data.node === nodeName && runIndex === data.runIndex) ?? [];
+  if (!connections) {
+    return resultData.map((d) => createNode(parent, nodeName, currentDepth, d.runIndex, d));
+  }
+  const filteredAiData = aiData?.filter(({ data }) => {
+    if (!data?.source || data.source.every((source) => source === null)) {
+      return true;
+    }
+    return data.source.some(
+      (source) => source?.previousNode === nodeName && source.previousNodeRun === runIndex
+    );
+  });
+  const connectedSubNodes = workflow.getParentNodes(nodeName, "ALL_NON_MAIN", 1);
+  const treeNode = createNode(parent, nodeName, currentDepth, runIndex);
+  const children = (filteredAiData ?? []).flatMap(
+    (data) => connectedSubNodes.includes(data.node) ? getTreeNodeDataRec(treeNode, data.node, currentDepth + 1, workflow, aiData, data.runIndex) : []
+  );
+  treeNode.children = children;
+  if (resultData.length) {
+    return resultData.map(
+      (r) => createNode(parent, nodeName, currentDepth, r.runIndex, r, children)
+    );
+  }
+  return [treeNode];
+}
+function createAiData(nodeName, workflow, getWorkflowResultDataByNodeName) {
+  return workflow.getParentNodes(nodeName, "ALL_NON_MAIN").flatMap(
+    (node) => (getWorkflowResultDataByNodeName(node) ?? []).map((task, index) => ({ node, task, index }))
+  ).sort((a, b) => {
+    if (a.task.executionIndex !== void 0 && b.task.executionIndex !== void 0) {
+      return a.task.executionIndex - b.task.executionIndex;
+    }
+    const aTime = a.task.startTime ?? 0;
+    const bTime = b.task.startTime ?? 0;
+    return aTime - bTime;
+  }).map(({ node, task, index }) => ({
+    data: getReferencedData(task, false)[0],
+    node,
+    runIndex: index
+  }));
+}
+function getReferencedData(taskData, withInput, withOutput) {
+  if (!taskData) {
+    return [];
+  }
+  const returnData = [];
+  function addFunction(data, inOut) {
+    if (!data) {
+      return;
+    }
+    Object.keys(data).map((type) => {
+      returnData.push({
+        data: data[type][0],
+        inOut,
+        type,
+        // Include source information in AI content to track which node triggered the execution
+        // This enables filtering in the UI to show only relevant executions
+        source: taskData.source,
+        metadata: {
+          executionTime: taskData.executionTime,
+          startTime: taskData.startTime,
+          subExecution: taskData.metadata?.subExecution
+        }
+      });
+    });
+  }
+  if (withInput) {
+    addFunction(taskData.inputOverride, "input");
+  }
+  {
+    addFunction(taskData.data, "output");
+  }
+  return returnData;
+}
+function getConsumedTokens(outputRun) {
+  if (!outputRun?.data) {
+    return emptyTokenUsageData;
+  }
+  const tokenUsage = outputRun.data.reduce(
+    (acc, curr) => {
+      const tokenUsageData = curr.json?.tokenUsage ?? curr.json?.tokenUsageEstimate;
+      if (!tokenUsageData) return acc;
+      return addTokenUsageData(acc, {
+        ...tokenUsageData,
+        isEstimate: !!curr.json.tokenUsageEstimate
+      });
+    },
+    emptyTokenUsageData
+  );
+  return tokenUsage;
+}
+function createHtmlFragmentWithSearchHighlight(text, search) {
+  const escaped = libExports.escapeHtml(text);
+  return search ? splitTextBySearch(escaped, search).map((part) => part.isMatched ? `<mark>${part.content}</mark>` : part.content).join("") : escaped;
+}
+function createSearchHighlightPlugin(search) {
+  return (md) => {
+    md.renderer.rules.text = (tokens, idx) => createHtmlFragmentWithSearchHighlight(tokens[idx].content, search);
+    md.renderer.rules.code_inline = (tokens, idx, _, __, slf) => `<code${slf.renderAttrs(tokens[idx])}>${createHtmlFragmentWithSearchHighlight(tokens[idx].content, search)}</code>`;
+    md.renderer.rules.code_block = (tokens, idx, _, __, slf) => `<pre${slf.renderAttrs(tokens[idx])}><code>${createHtmlFragmentWithSearchHighlight(tokens[idx].content, search)}</code></pre>
+`;
+    md.renderer.rules.fence = (tokens, idx, options, _, slf) => {
+      const token = tokens[idx];
+      const info = token.info ? utilsExports.unescapeAll(token.info).trim() : "";
+      let langName = "";
+      let langAttrs = "";
+      if (info) {
+        const arr = info.split(/(\s+)/g);
+        langName = arr[0];
+        langAttrs = arr.slice(2).join("");
+      }
+      const highlighted = options.highlight?.(token.content, langName, langAttrs) ?? createHtmlFragmentWithSearchHighlight(token.content, search);
+      if (highlighted.indexOf("<pre") === 0) {
+        return highlighted + "\n";
+      }
+      return `<pre><code${slf.renderAttrs(token)}>${highlighted}</code></pre>
+`;
+    };
+  };
+}
+const _hoisted_1 = ["data-content-type"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RunDataParsedAiContent",
+  props: {
+    content: {},
+    compact: { type: Boolean, default: false },
+    search: {},
+    renderType: {}
+  },
+  setup(__props) {
+    const i18n = useI18n();
+    const clipboard = useClipboard();
+    const { showMessage } = useToast();
+    const vueMarkdownPlugins = computed(() => [createSearchHighlightPlugin(__props.search)]);
+    function isJsonString(text) {
+      try {
+        JSON.parse(text);
+        return true;
+      } catch (e) {
+        return false;
+      }
+    }
+    const markdownOptions = {
+      highlight(str, lang) {
+        if (lang && HighlightJS.getLanguage(lang)) {
+          try {
+            return HighlightJS.highlight(str, { language: lang }).value;
+          } catch {
+          }
+        }
+        return void 0;
+      }
+    };
+    function isMarkdown(jsonMarkdown) {
+      if (typeof jsonMarkdown !== "string") return false;
+      const markdownPatterns = [
+        /^# .+/gm,
+        // headers
+        /\*{1,2}.+\*{1,2}/g,
+        // emphasis and strong
+        /\[.+\]\(.+\)/g,
+        // links
+        /```[\s\S]+```/g
+        // code blocks
+      ];
+      return markdownPatterns.some((pattern) => pattern.test(jsonMarkdown));
+    }
+    function formatToJsonMarkdown(data) {
+      return "```json\n" + data + "\n```";
+    }
+    function jsonToMarkdown(data) {
+      if (isMarkdown(data)) return data;
+      if (Array.isArray(data) && data.length && typeof data[0] !== "number") {
+        const markdownArray = data.map((item) => jsonToMarkdown(item));
+        return markdownArray.join("\n\n").trim();
+      }
+      if (typeof data === "string") {
+        if (isJsonString(data)) {
+          return formatToJsonMarkdown(data);
+        }
+        return data;
+      }
+      return formatToJsonMarkdown(JSON.stringify(data, null, 2));
+    }
+    function onCopyToClipboard(object) {
+      try {
+        void clipboard.copy(JSON.stringify(object, void 0, 2));
+        showMessage({
+          title: i18n.baseText("generic.copiedToClipboard"),
+          type: "success"
+        });
+      } catch {
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_TextWithHighlights = __unplugin_components_0;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.component, _ctx.compact ? _ctx.$style.compact : ""])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.content, ({ parsedContent, raw }, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: normalizeClass(_ctx.$style.contentText),
+            "data-content-type": parsedContent?.type
+          }, [
+            parsedContent && _ctx.renderType === "rendered" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              parsedContent.type === "json" ? (openBlock(), createBlock(unref(VueMarkdown), {
+                key: 0,
+                source: jsonToMarkdown(parsedContent.data),
+                class: normalizeClass(_ctx.$style.markdown),
+                options: markdownOptions,
+                plugins: vueMarkdownPlugins.value
+              }, null, 8, ["source", "class", "plugins"])) : parsedContent.type === "markdown" ? (openBlock(), createBlock(unref(VueMarkdown), {
+                key: 1,
+                source: parsedContent.data,
+                class: normalizeClass(_ctx.$style.markdown),
+                options: markdownOptions,
+                plugins: vueMarkdownPlugins.value
+              }, null, 8, ["source", "class", "plugins"])) : parsedContent.type === "text" ? (openBlock(), createBlock(_component_TextWithHighlights, {
+                key: 2,
+                class: normalizeClass(_ctx.$style.runText),
+                content: String(parsedContent.data),
+                search: _ctx.search
+              }, null, 8, ["class", "content", "search"])) : createCommentVNode("", true)
+            ], 64)) : (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(_ctx.$style.rawContent)
+            }, [
+              createVNode(unref(_sfc_main$1), {
+                size: "small",
+                class: normalizeClass(_ctx.$style.copyToClipboard),
+                type: "secondary",
+                title: unref(i18n).baseText("nodeErrorView.copyToClipboard"),
+                icon: "files",
+                onClick: ($event) => onCopyToClipboard(raw)
+              }, null, 8, ["class", "title", "onClick"]),
+              createVNode(unref(VueMarkdown), {
+                source: jsonToMarkdown(raw),
+                class: normalizeClass(_ctx.$style.markdown),
+                plugins: vueMarkdownPlugins.value
+              }, null, 8, ["source", "class", "plugins"])
+            ], 2))
+          ], 10, _hoisted_1);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+const runText = "_runText_1ucj0_123";
+const markdown = "_markdown_1ucj0_128";
+const compact = "_compact_1ucj0_151";
+const copyToClipboard = "_copyToClipboard_1ucj0_159";
+const rawContent = "_rawContent_1ucj0_169";
+const contentText = "_contentText_1ucj0_173";
+const style0 = {
+  runText,
+  markdown,
+  compact,
+  copyToClipboard,
+  rawContent,
+  contentText
+};
+const cssModules = {
+  "$style": style0
+};
+const RunDataAi = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+const RunDataParsedAiContent = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: RunDataAi
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  RunDataAi as R,
+  getTreeNodeData as a,
+  getReferencedData as b,
+  createAiData as c,
+  RunDataParsedAiContent as d,
+  getConsumedTokens as g
+};

package/dist/assets/{RunDataSearch-CsykTpQU.js → RunDataSearch-DS17rPDS.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, S as useDebounce, r as ref, x as computed, c as useI18n, o as onMounted, c1 as onUnmounted, aa as watch, e as createBlock, g as openBlock, w as withCtx, i as createVNode, N as N8nIcon, n as normalizeClass, P as normalizeStyle, dH as N8nInput, _ as _export_sfc } from "./index-B3p3789J.js";
+import { d as defineComponent, S as useDebounce, r as ref, x as computed, c as useI18n, o as onMounted, b$ as onUnmounted, aa as watch, e as createBlock, g as openBlock, w as withCtx, i as createVNode, N as N8nIcon, n as normalizeClass, P as normalizeStyle, dI as N8nInput, _ as _export_sfc } from "./index-BEC9W_3K.js";
 const COLLAPSED_WIDTH = "30px";
 const OPEN_WIDTH = "204px";
 const OPEN_MIN_WIDTH = "120px";

package/dist/assets/{RunDataTable-DS-hDrAF.js → RunDataTable-DgBV9mGl.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, ab as useCssModule, x as computed, fn as getCurrentInstance, h as createElementBlock, f as createCommentVNode, g as openBlock, F as Fragment, y as renderList, n as normalizeClass, l as unref, J as renderSlot, j as createBaseVNode, t as toDisplayString, e as createBlock, bh as createSlots, w as withCtx, D as mergeProps, _ as _export_sfc, ar as useTemplateRef, r as ref, aM as useNDVStore, a4 as useWorkflowsStore, fh as storeToRefs, o as onMounted, aa as watch, O as resolveComponent, i as createVNode, aU as withDirectives, a0 as _sfc_main$2, aV as vShow, c as useI18n, $ as N8nTooltip, k as createTextVNode, eR as InfoTip, hl as Draggable, hI as TextWithHighlights, N as N8nIcon, hJ as MappingPill, hK as shorten, hL as getPairedItemId, hM as getMappedExpression, bf as useExternalHooks, ay as useTelemetry } from "./index-B3p3789J.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-i07QEXws.js";
+import { d as defineComponent, ab as useCssModule, x as computed, fE as getCurrentInstance, h as createElementBlock, f as createCommentVNode, g as openBlock, F as Fragment, y as renderList, n as normalizeClass, l as unref, J as renderSlot, j as createBaseVNode, t as toDisplayString, e as createBlock, bf as createSlots, w as withCtx, D as mergeProps, _ as _export_sfc, ar as useTemplateRef, r as ref, aM as useNDVStore, a4 as useWorkflowsStore, fy as storeToRefs, o as onMounted, aa as watch, O as resolveComponent, i as createVNode, aS as withDirectives, a0 as _sfc_main$2, aT as vShow, c as useI18n, $ as N8nTooltip, k as createTextVNode, f6 as InfoTip, hB as Draggable, hY as __unplugin_components_0, N as N8nIcon, hZ as MappingPill, h_ as shorten, h$ as getPairedItemId, i0 as getMappedExpression, bd as useExternalHooks, ay as useTelemetry } from "./index-BEC9W_3K.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-CXZC4OGe.js";
 const _hoisted_1$1 = {
   key: 0,
   class: "n8n-tree"
@@ -150,6 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const draggedColumn = ref(false);
     const draggingPath = ref(null);
     const hoveringPath = ref(null);
+    const hoveringColumnIndex = ref(-1);
     const activeRow = ref(null);
     const columnLimit = ref(MAX_COLUMNS_LIMIT);
     const columnLimitExceeded = ref(false);
@@ -224,10 +225,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function onMouseEnterCell(e) {
       const target = e.target;
-      if (target && props.mappingEnabled) {
-        const col = target.dataset.col;
-        if (col && !isNaN(parseInt(col, 10))) {
-          activeColumn.value = parseInt(col, 10);
+      const col = target.dataset.col;
+      const parsedCol = col ? parseInt(col, 10) : Number.NaN;
+      if (!isNaN(parsedCol)) {
+        hoveringColumnIndex.value = parsedCol;
+        if (target && props.mappingEnabled) {
+          activeColumn.value = parsedCol;
         }
       }
       if (target) {
@@ -242,6 +245,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       activeColumn.value = -1;
       activeRow.value = null;
       emit("activeRowChanged", null);
+      hoveringColumnIndex.value = -1;
     }
     function onMouseEnterKey(path, colIndex) {
       hoveringPath.value = getCellExpression(path, colIndex);
@@ -574,7 +578,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(tableData.value.columns || [], (column, i) => {
                 return openBlock(), createElementBlock("th", {
                   key: column,
-                  class: normalizeClass(collapsingColumnIndex.value === i ? _ctx.$style.isCollapsingColumn : "")
+                  class: normalizeClass({
+                    [_ctx.$style.isCollapsingColumn]: collapsingColumnIndex.value === i,
+                    [_ctx.$style.isHoveredColumn]: hoveringColumnIndex.value === i
+                  })
                 }, [
                   createVNode(unref(N8nTooltip), {
                     placement: "bottom-start",
@@ -612,7 +619,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               [_ctx.$style.draggingHeader]: isDragging
                             })
                           }, [
-                            createVNode(TextWithHighlights, {
+                            createVNode(__unplugin_components_0, {
                               content: getValueToRender(column || ""),
                               search: _ctx.search
                             }, null, 8, ["content", "search"]),
@@ -755,7 +762,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onMouseenter: onMouseEnterCell,
                       onMouseleave: onMouseLeaveCell
                     }, [
-                      isSimple(data) ? (openBlock(), createBlock(TextWithHighlights, {
+                      isSimple(data) ? (openBlock(), createBlock(__unplugin_components_0, {
                         key: 0,
                         content: getValueToRender(data),
                         search: _ctx.search,
@@ -766,7 +773,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         value: data
                       }, {
                         label: withCtx(({ label, path }) => [
-                          createVNode(TextWithHighlights, {
+                          createVNode(__unplugin_components_0, {
                             "data-target": "mappable",
                             class: normalizeClass({
                               [_ctx.$style.hoveringKey]: _ctx.mappingEnabled && isHovering(path, index2),
@@ -784,7 +791,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, null, 8, ["class", "content", "search", "data-name", "data-value", "data-depth", "onMouseenter"])
                         ]),
                         value: withCtx(({ value: value2 }) => [
-                          createVNode(TextWithHighlights, {
+                          createVNode(__unplugin_components_0, {
                             content: getValueToRender(value2),
                             search: _ctx.search,
                             class: normalizeClass({ [_ctx.$style.nestedValue]: true, [_ctx.$style.empty]: isEmpty(value2) })
@@ -808,35 +815,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dataDisplay = "_dataDisplay_zlszl_123";
-const compact = "_compact_zlszl_135";
-const table = "_table_zlszl_139";
-const lightHeader = "_lightHeader_zlszl_156";
-const tableRightMargin = "_tableRightMargin_zlszl_159";
-const hasCollapsingColumn = "_hasCollapsingColumn_zlszl_194";
-const isCollapsingColumn = "_isCollapsingColumn_zlszl_197";
-const nodeClass = "_nodeClass_zlszl_226";
-const emptyCell = "_emptyCell_zlszl_230";
-const header = "_header_zlszl_234";
-const draggableHeader = "_draggableHeader_zlszl_246";
-const dragButton = "_dragButton_zlszl_250";
-const highlight = "_highlight_zlszl_254";
-const draggingHeader = "_draggingHeader_zlszl_258";
-const activeHeader = "_activeHeader_zlszl_263";
-const dataKey = "_dataKey_zlszl_274";
-const value = "_value_zlszl_283";
-const nestedValue = "_nestedValue_zlszl_287 _value_zlszl_283";
-const mappable = "_mappable_zlszl_292";
-const empty = "_empty_zlszl_230";
-const limitColWidth = "_limitColWidth_zlszl_300";
-const minColWidth = "_minColWidth_zlszl_304";
-const hoveringKey = "_hoveringKey_zlszl_308";
-const draggingKey = "_draggingKey_zlszl_312";
-const hoveringRow = "_hoveringRow_zlszl_328";
-const warningTooltip = "_warningTooltip_zlszl_333";
-const executionLinkCell = "_executionLinkCell_zlszl_337";
-const executionLinkRowHeader = "_executionLinkRowHeader_zlszl_341";
-const collapseColumnButton = "_collapseColumnButton_zlszl_345";
+const dataDisplay = "_dataDisplay_7vm96_123";
+const compact = "_compact_7vm96_135";
+const table = "_table_7vm96_139";
+const lightHeader = "_lightHeader_7vm96_156";
+const tableRightMargin = "_tableRightMargin_7vm96_159";
+const hasCollapsingColumn = "_hasCollapsingColumn_7vm96_194";
+const isCollapsingColumn = "_isCollapsingColumn_7vm96_197";
+const nodeClass = "_nodeClass_7vm96_226";
+const emptyCell = "_emptyCell_7vm96_230";
+const header = "_header_7vm96_234";
+const draggableHeader = "_draggableHeader_7vm96_246";
+const dragButton = "_dragButton_7vm96_250";
+const highlight = "_highlight_7vm96_254";
+const draggingHeader = "_draggingHeader_7vm96_258";
+const activeHeader = "_activeHeader_7vm96_263";
+const dataKey = "_dataKey_7vm96_274";
+const value = "_value_7vm96_283";
+const nestedValue = "_nestedValue_7vm96_287 _value_7vm96_283";
+const mappable = "_mappable_7vm96_292";
+const empty = "_empty_7vm96_230";
+const limitColWidth = "_limitColWidth_7vm96_300";
+const minColWidth = "_minColWidth_7vm96_304";
+const hoveringKey = "_hoveringKey_7vm96_308";
+const draggingKey = "_draggingKey_7vm96_312";
+const hoveringRow = "_hoveringRow_7vm96_328";
+const warningTooltip = "_warningTooltip_7vm96_333";
+const executionLinkCell = "_executionLinkCell_7vm96_337";
+const executionLinkRowHeader = "_executionLinkRowHeader_7vm96_341";
+const collapseColumnButton = "_collapseColumnButton_7vm96_345";
+const isHoveredColumn = "_isHoveredColumn_7vm96_352";
 const style0 = {
   dataDisplay,
   compact,
@@ -866,7 +874,8 @@ const style0 = {
   warningTooltip,
   executionLinkCell,
   executionLinkRowHeader,
-  collapseColumnButton
+  collapseColumnButton,
+  isHoveredColumn
 };
 const cssModules = {
   "$style": style0