n8n-editor-ui 1.90.1 → 1.92.0

package/dist/assets/{RunDataAi-BF2gZZGr.css → RunDataAi-D9VLFXIf.css}

@@ -120,71 +120,30 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._copyToClipboard_kaw5r_123 {
-  position: absolute;
-  right: var(--spacing-s);
-  top: var(--spacing-s);
-}
-._rawContent_kaw5r_129 {
-  position: relative;
-}
-._markdown_kaw5r_133 {
-  white-space: pre-wrap;
-}
-._markdown_kaw5r_133 h1 {
-  font-size: var(--font-size-l);
-  line-height: var(--font-line-height-xloose);
-}
-._markdown_kaw5r_133 h2 {
-  font-size: var(--font-size-m);
-  line-height: var(--font-line-height-loose);
-}
-._markdown_kaw5r_133 h3 {
-  font-size: var(--font-size-s);
-  line-height: var(--font-line-height-regular);
-}
-._markdown_kaw5r_133 pre {
-  background: var(--chat--message--pre--background);
-  border-radius: var(--border-radius-base);
-  line-height: var(--font-line-height-xloose);
-  padding: var(--spacing-s);
-  font-size: var(--font-size-s);
-  white-space: pre-wrap;
-}
-._contentText_kaw5r_157 {
-  padding-top: var(--spacing-s);
-  padding-left: var(--spacing-m);
-  padding-right: var(--spacing-m);
-  font-size: var(--font-size-s);
-}
-._block_kaw5r_164 {
+._block_wafm4_123 {
   padding: var(--spacing-s) 0 var(--spacing-2xs) var(--spacing-2xs);
   border: 1px solid var(--color-foreground-light);
   margin-top: var(--spacing-s);
   border-radius: var(--border-radius-base);
 }
-:root ._blockContent_kaw5r_171 {
+:root ._blockContent_wafm4_130 {
   height: 0;
   overflow: hidden;
 }
-:root ._blockContent_kaw5r_171._blockContentExpanded_kaw5r_175 {
+:root ._blockContent_wafm4_130._blockContentExpanded_wafm4_134 {
   height: auto;
 }
-._runText_kaw5r_179 {
-  line-height: var(--font-line-height-xloose);
-  white-space: pre-line;
-}
-._rawSwitch_kaw5r_184 {
+._rawSwitch_wafm4_138 {
   opacity: 0;
   height: -moz-fit-content;
   height: fit-content;
   margin-left: auto;
   margin-right: var(--spacing-2xs);
 }
-._block_kaw5r_164:hover ._rawSwitch_kaw5r_184 {
+._block_wafm4_123:hover ._rawSwitch_wafm4_138 {
   opacity: 1;
 }
-._blockHeader_kaw5r_194 {
+._blockHeader_wafm4_148 {
   display: flex;
   gap: var(--spacing-xs);
   cursor: pointer;
@@ -193,24 +152,24 @@
   padding: var(--spacing-2xs) var(--spacing-xs);
   align-items: center;
 }
-._blockHeader_kaw5r_194 * {
+._blockHeader_wafm4_148 * {
   -webkit-user-select: none;
           user-select: none;
 }
-._blockTitle_kaw5r_207 {
+._blockTitle_wafm4_161 {
   font-size: var(--font-size-s);
   color: var(--color-text-dark);
   margin: 0;
   padding-bottom: var(--spacing-4xs);
 }
-._blockToggle_kaw5r_214 {
+._blockToggle_wafm4_168 {
   border: none;
   background: none;
   padding: 0;
   color: var(--color-text-base);
   margin-top: calc(-1 * var(--spacing-3xs));
 }
-._error_kaw5r_222 {
+._error_wafm4_176 {
   padding: var(--spacing-s) 0;
 }
 ._container_dypaw_2 {

package/dist/assets/{RunDataAi-DdK11EHU.js → RunDataAi-DOac7nwD.js}

@@ -1,159 +1,7 @@
-import { d as _sfc_main$3, H as HighlightJS, e as getConsumedTokens, V as ViewSubExecution, f as formatTokenUsageCount, _ as _sfc_main$5, h as createAiData, i as getTreeNodeData, j as getReferencedData } from "./RunData-Ds-U68nr.js";
-import { bl as NodeConnectionTypes, ec as isObjectEmpty, d as defineComponent, be as useClipboard, a as useToast, r as ref, o as onMounted, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, e as createBlock, f as createCommentVNode, j as createVNode, t as toDisplayString, m as unref, F as Fragment, D as renderList, b8 as VueMarkdown, c as useI18n, _ as _export_sfc, by as useNodeTypesStore, U as useWorkflowsStore, q as computed, bB as _sfc_main$4, w as withCtx, l as createTextVNode, I as watch, bE as ElTree, B as normalizeStyle } from "./index-BpdkKRP4.js";
-import { d as capitalize } from "./useCanvasOperations-D6VFiC3b.js";
-const fallbackParser = (execData) => ({
-  type: "json",
-  data: execData,
-  parsed: false
-});
-const outputTypeParsers = {
-  [NodeConnectionTypes.AiLanguageModel](execData) {
-    const response = execData.response ?? execData;
-    if (!response) throw new Error("No response from Language Model");
-    if (Array.isArray(response?.messages) && response?.messages.length === 1 && typeof response?.messages[0] === "string") {
-      return {
-        type: "text",
-        data: response.messages[0],
-        parsed: true
-      };
-    }
-    if (response.messages && Array.isArray(response.messages)) {
-      return outputTypeParsers[NodeConnectionTypes.AiMemory](execData);
-    }
-    if (response.generations) {
-      const generations = response.generations;
-      const content = generations.map((generation) => {
-        if (generation?.text) return generation.text;
-        if (Array.isArray(generation)) {
-          return generation.map((item) => item.text ?? item).join("\n\n").trim();
-        }
-        return generation;
-      });
-      return {
-        type: "json",
-        data: content,
-        parsed: true
-      };
-    }
-    return {
-      type: "json",
-      data: response,
-      parsed: true
-    };
-  },
-  [NodeConnectionTypes.AiTool]: fallbackParser,
-  [NodeConnectionTypes.AiAgent]: fallbackParser,
-  [NodeConnectionTypes.AiMemory](execData) {
-    const chatHistory = execData.chatHistory ?? execData.messages ?? execData?.response?.chat_history;
-    if (Array.isArray(chatHistory)) {
-      const responseText = chatHistory.map((content) => {
-        if (content.type === "constructor" && content.id?.includes("messages") && content.kwargs) {
-          let message = content.kwargs.content;
-          if (Array.isArray(message)) {
-            message = message.map((item) => {
-              const { type, image_url } = item;
-              if (type === "image_url" && typeof image_url === "object" && typeof image_url.url === "string") {
-                return `![Input image](${image_url.url})`;
-              } else if (typeof image_url === "string") {
-                return `![Input image](${image_url})`;
-              }
-              return item.text;
-            }).join("\n");
-          }
-          if (Object.keys(content.kwargs.additional_kwargs).length) {
-            message += ` (${JSON.stringify(content.kwargs.additional_kwargs)})`;
-          }
-          if (content.id.includes("HumanMessage")) {
-            message = `**Human:** ${String(message).trim()}`;
-          } else if (content.id.includes("AIMessage")) {
-            message = `**AI:** ${message}`;
-          } else if (content.id.includes("SystemMessage")) {
-            message = `**System Message:** ${message}`;
-          }
-          return message;
-        }
-        return "";
-      }).join("\n\n");
-      if (responseText.length === 0) {
-        return fallbackParser(execData);
-      }
-      return {
-        type: "markdown",
-        data: responseText,
-        parsed: true
-      };
-    }
-    return fallbackParser(execData);
-  },
-  [NodeConnectionTypes.AiOutputParser]: fallbackParser,
-  [NodeConnectionTypes.AiRetriever]: fallbackParser,
-  [NodeConnectionTypes.AiVectorStore](execData) {
-    if (execData.documents) {
-      return {
-        type: "json",
-        data: execData.documents,
-        parsed: true
-      };
-    }
-    return fallbackParser(execData);
-  },
-  [NodeConnectionTypes.AiEmbedding](execData) {
-    if (execData.documents) {
-      return {
-        type: "json",
-        data: execData.documents,
-        parsed: true
-      };
-    }
-    return fallbackParser(execData);
-  },
-  [NodeConnectionTypes.AiDocument](execData) {
-    if (execData.documents) {
-      return {
-        type: "json",
-        data: execData.documents,
-        parsed: true
-      };
-    }
-    return fallbackParser(execData);
-  },
-  [NodeConnectionTypes.AiTextSplitter](execData) {
-    const arrayData = Array.isArray(execData.response) ? execData.response : [execData.textSplitter];
-    return {
-      type: "text",
-      data: arrayData.join("\n\n"),
-      parsed: true
-    };
-  }
-};
-const useAiContentParsers = () => {
-  const parseAiRunData = (executionData, endpointType) => {
-    if ([NodeConnectionTypes.AiChain, NodeConnectionTypes.Main].includes(
-      endpointType
-    )) {
-      return executionData.map((data) => ({ raw: data.json, parsedContent: null }));
-    }
-    const contentJson = executionData.map((node) => {
-      const hasBinaryData = !isObjectEmpty(node.binary);
-      return hasBinaryData ? node.binary : node.json;
-    });
-    const parser = outputTypeParsers[endpointType];
-    if (!parser)
-      return [
-        {
-          raw: contentJson.filter((item) => item !== void 0),
-          parsedContent: null
-        }
-      ];
-    const parsedOutput = contentJson.filter((c) => c !== void 0).map((c) => ({ raw: c, parsedContent: parser(c) }));
-    return parsedOutput;
-  };
-  return {
-    parseAiRunData
-  };
-};
-const _hoisted_1$2 = ["data-content-type"];
-const _hoisted_2$2 = ["textContent"];
+import { p as parseAiContent, h as _sfc_main$3, i as getConsumedTokens, V as ViewSubExecution, f as formatTokenUsageCount, _ as _sfc_main$5, j as createAiData, k as getTreeNodeData, l as getReferencedData } from "./RunData-Bx47sNQp.js";
+import { d as defineComponent, r as ref, q as computed, bm as NodeConnectionTypes, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, e as createBlock, f as createCommentVNode, j as createVNode, m as unref, eq as FontAwesomeIcon, t as toDisplayString, bG as N8nRadioButtons, _ as _export_sfc, bz as useNodeTypesStore, Q as useWorkflowsStore, h as resolveComponent, bC as _sfc_main$4, w as withCtx, l as createTextVNode, c as useI18n, F as Fragment, D as renderList, X as watch, er as ElTree, B as normalizeStyle } from "./index-B6eunbxp.js";
+import RunDataAi$1 from "./RunDataParsedAiContent-D6MNLmT3.js";
+import { d as capitalize } from "./useCanvasOperations-DaP5jKbH.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "AiRunContentBlock",
   props: {
@@ -162,14 +10,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const i18n = useI18n();
-    const clipboard = useClipboard();
-    const { showMessage } = useToast();
-    const contentParsers = useAiContentParsers();
     const isExpanded = ref(getInitialExpandedState());
     const renderType = ref("rendered");
-    const contentParsed = ref(false);
-    const parsedRun = ref(void 0);
+    const parsedRun = computed(() => parseAiContent(props.runData.data ?? [], props.runData.type));
+    const contentParsed = computed(
+      () => parsedRun.value.some((item) => item.parsedContent?.parsed === true)
+    );
     function getInitialExpandedState() {
       const collapsedTypes = {
         input: [
@@ -185,98 +31,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       };
       return !collapsedTypes[props.runData.inOut].includes(props.runData.type);
     }
-    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 "";
-      }
-    };
-    function parseAiRunData(run) {
-      if (!run.data) {
-        return;
-      }
-      const parsedData = contentParsers.parseAiRunData(run.data, run.type);
-      return parsedData;
-    }
-    function isMarkdown(content) {
-      if (typeof content !== "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(content));
-    }
-    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 setContentParsed(content) {
-      contentParsed.value = !!content.find((item) => {
-        if (item.parsedContent?.parsed === true) {
-          return true;
-        }
-        return false;
-      });
-    }
     function onBlockHeaderClick() {
       isExpanded.value = !isExpanded.value;
     }
-    function onCopyToClipboard(content) {
-      try {
-        void clipboard.copy(JSON.stringify(content, void 0, 2));
-        showMessage({
-          title: i18n.baseText("generic.copiedToClipboard"),
-          type: "success"
-        });
-      } catch (err) {
-      }
-    }
     function onRenderTypeChange(value) {
       renderType.value = value;
     }
-    onMounted(() => {
-      parsedRun.value = parseAiRunData(props.runData);
-      if (parsedRun.value) {
-        setContentParsed(parsedRun.value);
-      }
-    });
     return (_ctx, _cache) => {
-      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-      const _component_n8n_radio_buttons = resolveComponent("n8n-radio-buttons");
       const _component_NodeErrorView = _sfc_main$3;
-      const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.block)
       }, [
@@ -287,7 +49,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           createBaseVNode("button", {
             class: normalizeClass(_ctx.$style.blockToggle)
           }, [
-            createVNode(_component_font_awesome_icon, {
+            createVNode(unref(FontAwesomeIcon), {
               icon: isExpanded.value ? "angle-down" : "angle-right",
               size: "lg"
             }, null, 8, ["icon"])
@@ -295,7 +57,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           createBaseVNode("p", {
             class: normalizeClass(_ctx.$style.blockTitle)
           }, toDisplayString(unref(capitalize)(_ctx.runData.inOut)), 3),
-          contentParsed.value && !_ctx.error && isExpanded.value ? (openBlock(), createBlock(_component_n8n_radio_buttons, {
+          contentParsed.value && !_ctx.error && isExpanded.value ? (openBlock(), createBlock(unref(N8nRadioButtons), {
             key: 0,
             size: "small",
             "model-value": renderType.value,
@@ -316,77 +78,32 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           _ctx.error ? (openBlock(), createBlock(_component_NodeErrorView, {
             key: 0,
             error: _ctx.error,
-            class: normalizeClass(_ctx.$style.error)
-          }, null, 8, ["error", "class"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(parsedRun.value, ({ parsedContent, raw }, index) => {
-            return openBlock(), createElementBlock("div", {
-              key: index,
-              class: normalizeClass(_ctx.$style.contentText),
-              "data-content-type": parsedContent?.type
-            }, [
-              parsedContent && renderType.value === "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
-                }, null, 8, ["source", "class"])) : createCommentVNode("", true),
-                parsedContent.type === "markdown" ? (openBlock(), createBlock(unref(VueMarkdown), {
-                  key: 1,
-                  source: parsedContent.data,
-                  class: normalizeClass(_ctx.$style.markdown),
-                  options: markdownOptions
-                }, null, 8, ["source", "class"])) : createCommentVNode("", true),
-                parsedContent.type === "text" ? (openBlock(), createElementBlock("p", {
-                  key: 2,
-                  class: normalizeClass(_ctx.$style.runText),
-                  textContent: toDisplayString(parsedContent.data)
-                }, null, 10, _hoisted_2$2)) : createCommentVNode("", true)
-              ], 64)) : (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: normalizeClass(_ctx.$style.rawContent)
-              }, [
-                createVNode(_component_n8n_icon_button, {
-                  size: "small",
-                  class: normalizeClass(_ctx.$style.copyToClipboard),
-                  type: "secondary",
-                  title: unref(i18n).baseText("nodeErrorView.copyToClipboard"),
-                  icon: "copy",
-                  onClick: ($event) => onCopyToClipboard(raw)
-                }, null, 8, ["class", "title", "onClick"]),
-                createVNode(unref(VueMarkdown), {
-                  source: jsonToMarkdown(raw),
-                  class: normalizeClass(_ctx.$style.markdown)
-                }, null, 8, ["source", "class"])
-              ], 2))
-            ], 10, _hoisted_1$2);
-          }), 128))
+            class: normalizeClass(_ctx.$style.error),
+            "show-details": ""
+          }, null, 8, ["error", "class"])) : (openBlock(), createBlock(RunDataAi$1, {
+            key: 1,
+            data: _ctx.runData.data,
+            type: _ctx.runData.type,
+            content: parsedRun.value,
+            "render-type": renderType.value
+          }, null, 8, ["data", "type", "content", "render-type"]))
         ], 2)
       ], 2);
     };
   }
 });
-const copyToClipboard = "_copyToClipboard_kaw5r_123";
-const rawContent = "_rawContent_kaw5r_129";
-const markdown = "_markdown_kaw5r_133";
-const contentText = "_contentText_kaw5r_157";
-const block = "_block_kaw5r_164";
-const blockContent = "_blockContent_kaw5r_171";
-const blockContentExpanded = "_blockContentExpanded_kaw5r_175";
-const runText = "_runText_kaw5r_179";
-const rawSwitch = "_rawSwitch_kaw5r_184";
-const blockHeader = "_blockHeader_kaw5r_194";
-const blockTitle = "_blockTitle_kaw5r_207";
-const blockToggle = "_blockToggle_kaw5r_214";
-const error = "_error_kaw5r_222";
+const block = "_block_wafm4_123";
+const blockContent = "_blockContent_wafm4_130";
+const blockContentExpanded = "_blockContentExpanded_wafm4_134";
+const rawSwitch = "_rawSwitch_wafm4_138";
+const blockHeader = "_blockHeader_wafm4_148";
+const blockTitle = "_blockTitle_wafm4_161";
+const blockToggle = "_blockToggle_wafm4_168";
+const error = "_error_wafm4_176";
 const style0$2 = {
-  copyToClipboard,
-  rawContent,
-  markdown,
-  contentText,
   block,
   blockContent,
   blockContentExpanded,
-  runText,
   rawSwitch,
   blockHeader,
   blockTitle,

package/dist/assets/{RunDataJson-Txw0lqay.css → RunDataJson-BH9HLoGC.css}

@@ -120,7 +120,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._jsonDisplay_1lb1c_123 {
+._jsonDisplay_1rfof_123 {
   position: absolute;
   top: 0;
   left: 0;
@@ -131,23 +131,26 @@
   word-break: normal;
   height: 100%;
 }
-._jsonDisplay_1lb1c_123:hover {
+._jsonDisplay_1rfof_123:hover {
   /* Shows .actionsGroup element from <run-data-json-actions /> child component */
 }
-._jsonDisplay_1lb1c_123:hover > div:first-child {
+._jsonDisplay_1rfof_123:hover > div:first-child {
   opacity: 1;
 }
-._jsonDisplay_1lb1c_123 ._mappable_1lb1c_140 {
+._jsonDisplay_1rfof_123 ._mappable_1rfof_140 {
   cursor: grab;
 }
-._jsonDisplay_1lb1c_123 ._mappable_1lb1c_140:hover {
+._jsonDisplay_1rfof_123 ._mappable_1rfof_140:hover {
   background-color: var(--color-json-highlight);
 }
-._jsonDisplay_1lb1c_123._highlight_1lb1c_146 ._mappable_1lb1c_140, ._jsonDisplay_1lb1c_123._highlight_1lb1c_146 ._mappable_1lb1c_140:hover,
-._jsonDisplay_1lb1c_123 ._dragged_1lb1c_147,
-._jsonDisplay_1lb1c_123 ._dragged_1lb1c_147:hover {
+._jsonDisplay_1rfof_123._highlight_1rfof_146 ._mappable_1rfof_140, ._jsonDisplay_1rfof_123._highlight_1rfof_146 ._mappable_1rfof_140:hover,
+._jsonDisplay_1rfof_123 ._dragged_1rfof_147,
+._jsonDisplay_1rfof_123 ._dragged_1rfof_147:hover {
   background-color: var(--color-primary-tint-2);
   color: var(--color-primary);
+}
+._jsonDisplay_1rfof_123._compact_1rfof_152 {
+  padding-left: var(--spacing-2xs);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -273,6 +276,7 @@
 .vjs-tree {
   color: var(--color-json-default);
   --color-line-break: var(--color-code-line-break);
+  font-size: var(--font-size-2xs);
 }
 .vjs-tree-node:hover {
   background-color: transparent;

package/dist/assets/{RunDataJson-B2WU5od1.js → RunDataJson-Pev6yNEV.js}

@@ -1,9 +1,9 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-DqZ2X1yJ.js","assets/index-BpdkKRP4.js","assets/index-C5OXOcIJ.css","assets/_commonjs-dynamic-modules-TGKdzP3c.js","assets/RunDataJsonActions-DrgwFS0W.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, au as useNDVStore, r as ref, hr as useElementSize, q as computed, dN as executionDataToJson, i as createElementBlock, g as openBlock, e as createBlock, j as createVNode, w as withCtx, f as createCommentVNode, m as unref, b_ as defineAsyncComponent, bZ as Suspense, hm as TextWithHighlights, n as normalizeClass, hn as MappingPill, gZ as Draggable, aq as __vitePreload, v as shorten, hq as getMappedExpression, hs as isString, ht as nonExistingJsonPath, aR as useExternalHooks, ai as useTelemetry, _ as _export_sfc } from "./index-BpdkKRP4.js";
-import { k as VueJsonPretty } from "./RunData-Ds-U68nr.js";
-import "./FileSaver.min-Cm0u4qyc.js";
-import "./useExecutionHelpers-DN5HqPqY.js";
-import "./dateFormatter-CZI1kGYK.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-Co4xgmVq.js","assets/index-B6eunbxp.js","assets/index-DCpy4nCU.css","assets/_commonjs-dynamic-modules-TGKdzP3c.js","assets/RunDataJsonActions-DrgwFS0W.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, as as useNDVStore, r as ref, hE as useElementSize, q as computed, e0 as executionDataToJson, i as createElementBlock, g as openBlock, e as createBlock, j as createVNode, w as withCtx, f as createCommentVNode, m as unref, c3 as defineAsyncComponent, c2 as Suspense, hz as TextWithHighlights, n as normalizeClass, hA as MappingPill, h7 as Draggable, ao as __vitePreload, v as shorten, hD as getMappedExpression, hF as isString, hG as nonExistingJsonPath, aP as useExternalHooks, ag as useTelemetry, _ as _export_sfc } from "./index-B6eunbxp.js";
+import { m as VueJsonPretty } from "./RunData-Bx47sNQp.js";
+import "./FileSaver.min-BzAtcQXX.js";
+import "./useExecutionHelpers-DIvhViMz.js";
+import "./dateFormatter-C8N5khiG.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RunDataJson",
   props: {
@@ -17,11 +17,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     outputIndex: {},
     runIndex: {},
     totalRuns: {},
-    search: {}
+    search: {},
+    compact: { type: Boolean }
   },
   setup(__props) {
     const LazyRunDataJsonActions = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataJsonActions-DqZ2X1yJ.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataJsonActions-Co4xgmVq.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
     );
     const props = __props;
     const ndvStore = useNDVStore();
@@ -93,7 +94,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "jsonDataContainer",
         ref: jsonDataContainer,
-        class: normalizeClass([_ctx.$style.jsonDisplay, { [_ctx.$style.highlight]: highlight2.value }])
+        class: normalizeClass([
+          _ctx.$style.jsonDisplay,
+          { [_ctx.$style.highlight]: highlight2.value, [_ctx.$style.compact]: props.compact }
+        ])
       }, [
         (openBlock(), createBlock(Suspense, null, {
           default: withCtx(() => [
@@ -184,15 +188,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const jsonDisplay = "_jsonDisplay_1lb1c_123";
-const mappable = "_mappable_1lb1c_140";
-const highlight = "_highlight_1lb1c_146";
-const dragged = "_dragged_1lb1c_147";
+const jsonDisplay = "_jsonDisplay_1rfof_123";
+const mappable = "_mappable_1rfof_140";
+const highlight = "_highlight_1rfof_146";
+const dragged = "_dragged_1rfof_147";
+const compact = "_compact_1rfof_152";
 const style0 = {
   jsonDisplay,
   mappable,
   highlight,
-  dragged
+  dragged,
+  compact
 };
 const cssModules = {
   "$style": style0

package/dist/assets/{RunDataJsonActions-DqZ2X1yJ.js → RunDataJsonActions-Co4xgmVq.js}

@@ -1,4 +1,4 @@
-import { dy as commonjsGlobal, cl as getDefaultExportFromCjs, d as defineComponent, ht as nonExistingJsonPath, au as useNDVStore, U as useWorkflowsStore, bz as useNodeHelpers, be as useClipboard, bp as usePinnedData, a as useToast, W as useRoute, q as computed, h as resolveComponent, i as createElementBlock, g as openBlock, e as createBlock, m as unref, c as useI18n, w as withCtx, k as createBaseVNode, j as createVNode, l as createTextVNode, t as toDisplayString, n as normalizeClass, ai as useTelemetry, e8 as clearJsonKey, dN as executionDataToJson, ik as convertPath, _ as _export_sfc } from "./index-BpdkKRP4.js";
+import { dK as commonjsGlobal, cv as getDefaultExportFromCjs, d as defineComponent, hG as nonExistingJsonPath, as as useNDVStore, Q as useWorkflowsStore, bA as useNodeHelpers, bf as useClipboard, bq as usePinnedData, a as useToast, R as useRoute, q as computed, h as resolveComponent, i as createElementBlock, g as openBlock, e as createBlock, m as unref, c as useI18n, w as withCtx, k as createBaseVNode, j as createVNode, l as createTextVNode, t as toDisplayString, n as normalizeClass, ag as useTelemetry, em as clearJsonKey, e0 as executionDataToJson, iy as convertPath, _ as _export_sfc } from "./index-B6eunbxp.js";
 import { c as commonjsRequire } from "./_commonjs-dynamic-modules-TGKdzP3c.js";
 var jsonpath = { exports: {} };
 /*! jsonpath 1.1.1 */