n8n-editor-ui 1.85.2 → 1.87.0

package/dist/assets/{RunDataAi-C-tu9GrI.js → RunDataAi-B_EadpzG.js}

@@ -1,6 +1,6 @@
-import { ce as getDefaultExportFromCjs, d as defineComponent, b8 as useClipboard, a as useToast, dM as useAIAssistantHelpers, bu as useNodeTypesStore, at as useNDVStore, a0 as useRootStore, dl as useAssistantStore, L as useUIStore, q as computed, dN as MAX_DISPLAY_DATA_SIZE, dO as isCommunityPackageName, c as useI18n, h as resolveComponent, c3 as resolveDirective, i as createElementBlock, g as openBlock, k as createBaseVNode, f as createCommentVNode, aB as withDirectives, t as toDisplayString, j as createVNode, m as unref, dP as InlineAskAssistantButton, w as withCtx, l as createTextVNode, F as Fragment, D as renderList, dQ as NEW_ASSISTANT_SESSION_MODAL, cb as sanitizeHtml, be as NodeConnectionTypes, dR as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, b3 as VueMarkdown, _ as _export_sfc, T as useWorkflowsStore, cN as _sfc_main$4, J as withModifiers, I as watch, dS as ElTree, B as normalizeStyle } from "./index-DZljH0cm.js";
-import { d as capitalize } from "./useCanvasOperations-2Ca5hPmu.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-CgD9G_XU.js";
+import { cl as getDefaultExportFromCjs, d as defineComponent, ba as useClipboard, a as useToast, dG as useAIAssistantHelpers, bw as useNodeTypesStore, au as useNDVStore, a1 as useRootStore, dr as useAssistantStore, L as useUIStore, q as computed, dH as MAX_DISPLAY_DATA_SIZE, dI as isCommunityPackageName, c as useI18n, h as resolveComponent, cc as resolveDirective, i as createElementBlock, g as openBlock, k as createBaseVNode, f as createCommentVNode, aC as withDirectives, t as toDisplayString, j as createVNode, m as unref, dJ as InlineAskAssistantButton, w as withCtx, l as createTextVNode, F as Fragment, D as renderList, dK as NEW_ASSISTANT_SESSION_MODAL, ci as sanitizeHtml, bu as NodeConnectionTypes, dL as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, b4 as VueMarkdown, _ as _export_sfc, b9 as N8nText, J as withModifiers, U as useWorkflowsStore, bC as _sfc_main$6, I as watch, bF as ElTree, B as normalizeStyle } from "./index-DD7Wuhk5.js";
+import { d as capitalize } from "./useCanvasOperations-DCaSrD1N.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-BVY9xXbG.js";
 var core;
 var hasRequiredCore;
 function requireCore() {
@@ -1541,40 +1541,44 @@ function requireCore() {
 }
 var coreExports = /* @__PURE__ */ requireCore();
 const HighlightJS = /* @__PURE__ */ getDefaultExportFromCjs(coreExports);
-function createNode(nodeName, currentDepth, r, children = []) {
+function createNode(parent, nodeName, currentDepth, r, children = []) {
   return {
+    parent,
     node: nodeName,
     id: nodeName,
     depth: currentDepth,
     startTime: r?.data?.metadata?.startTime ?? 0,
     runIndex: r?.runIndex ?? 0,
-    children
+    children,
+    consumedTokens: getConsumedTokens(r?.data)
   };
 }
 function getTreeNodeData(nodeName, workflow, aiData) {
-  return getTreeNodeDataRec(nodeName, 0, workflow, aiData, void 0);
+  return getTreeNodeDataRec(void 0, nodeName, 0, workflow, aiData, void 0);
 }
-function getTreeNodeDataRec(nodeName, currentDepth, 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 === void 0 || runIndex === data.runIndex)
   ) ?? [];
   if (!connections) {
-    return resultData.map((d) => createNode(nodeName, currentDepth, d));
+    return resultData.map((d) => createNode(parent, nodeName, currentDepth, d));
   }
   const connectedSubNodes = workflow.getParentNodes(nodeName, "ALL_NON_MAIN", 1);
+  const treeNode2 = createNode(parent, nodeName, currentDepth);
   const children = connectedSubNodes.flatMap((name) => {
     return aiData?.filter(
       (data) => data.node === name && (runIndex === void 0 || data.runIndex === runIndex)
     ).flatMap(
-      (data) => getTreeNodeDataRec(name, currentDepth + 1, workflow, aiData, data.runIndex)
+      (data) => getTreeNodeDataRec(treeNode2, name, currentDepth + 1, workflow, aiData, data.runIndex)
     ) ?? [];
   });
   children.sort((a, b) => a.startTime - b.startTime);
+  treeNode2.children = children;
   if (resultData.length) {
-    return resultData.map((r) => createNode(nodeName, currentDepth, r, children));
+    return resultData.map((r) => createNode(parent, nodeName, currentDepth, r, children));
   }
-  return [createNode(nodeName, currentDepth, void 0, children)];
+  return [treeNode2];
 }
 function createAiData(nodeName, workflow, getWorkflowResultDataByNodeName) {
   const result = [];
@@ -1627,13 +1631,57 @@ function getReferencedData(taskData, withInput, withOutput) {
   }
   return returnData;
 }
-const _hoisted_1$3 = { class: "node-error-view" };
+const emptyTokenUsageData = {
+  completionTokens: 0,
+  promptTokens: 0,
+  totalTokens: 0,
+  isEstimate: false
+};
+function addTokenUsageData(one, another) {
+  return {
+    completionTokens: one.completionTokens + another.completionTokens,
+    promptTokens: one.promptTokens + another.promptTokens,
+    totalTokens: one.totalTokens + another.totalTokens,
+    isEstimate: one.isEstimate || another.isEstimate
+  };
+}
+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 getTotalConsumedTokens(...usage) {
+  return usage.reduce(addTokenUsageData, emptyTokenUsageData);
+}
+function getSubtreeTotalConsumedTokens(treeNode2) {
+  return getTotalConsumedTokens(
+    treeNode2.consumedTokens,
+    ...treeNode2.children.map(getSubtreeTotalConsumedTokens)
+  );
+}
+function formatTokenUsageCount(usage, field) {
+  const count = field === "total" ? usage.totalTokens : field === "completion" ? usage.completionTokens : usage.promptTokens;
+  return usage.isEstimate ? `~${count}` : count.toLocaleString();
+}
+const _hoisted_1$4 = { class: "node-error-view" };
 const _hoisted_2$3 = { class: "node-error-view__header" };
 const _hoisted_3$2 = {
   class: "node-error-view__header-message",
   "data-test-id": "node-error-message"
 };
-const _hoisted_4$1 = {
+const _hoisted_4 = {
   key: 0,
   "data-test-id": "node-error-description",
   class: "node-error-view__header-description"
@@ -1748,7 +1796,7 @@ const _hoisted_60 = {
 };
 const _hoisted_61 = { class: "node-error-view__details-label" };
 const _hoisted_62 = { class: "node-error-view__details-value" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "NodeErrorView",
   props: {
     error: {},
@@ -2054,12 +2102,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
       const _directive_n8n_html = resolveDirective("n8n-html");
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
         createBaseVNode("div", _hoisted_2$3, [
           createBaseVNode("div", _hoisted_3$2, [
             createBaseVNode("div", null, toDisplayString(getErrorMessage()), 1)
           ]),
-          (_ctx.error.description || _ctx.error.context?.descriptionKey) && !isSubNodeError.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4$1, null, 512)), [
+          (_ctx.error.description || _ctx.error.context?.descriptionKey) && !isSubNodeError.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4, null, 512)), [
             [_directive_n8n_html, getErrorDescription()]
           ]) : createCommentVNode("", true),
           isSubNodeError.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
@@ -2389,9 +2437,9 @@ const useAiContentParsers = () => {
     parseAiRunData
   };
 };
-const _hoisted_1$2 = ["data-content-type"];
+const _hoisted_1$3 = ["data-content-type"];
 const _hoisted_2$2 = ["textContent"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "AiRunContentBlock",
   props: {
     runData: {},
@@ -2512,7 +2560,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     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_NodeErrorView = _sfc_main$5;
       const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.block)
@@ -2595,7 +2643,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(_ctx.$style.markdown)
                 }, null, 8, ["source", "class"])
               ], 2))
-            ], 10, _hoisted_1$2);
+            ], 10, _hoisted_1$3);
           }), 128))
         ], 2)
       ], 2);
@@ -2615,7 +2663,7 @@ const blockHeader = "_blockHeader_kaw5r_194";
 const blockTitle = "_blockTitle_kaw5r_207";
 const blockToggle = "_blockToggle_kaw5r_214";
 const error = "_error_kaw5r_222";
-const style0$2 = {
+const style0$3 = {
   copyToClipboard,
   rawContent,
   markdown,
@@ -2630,14 +2678,112 @@ const style0$2 = {
   blockToggle,
   error
 };
+const cssModules$3 = {
+  "$style": style0$3
+};
+const AiRunContentBlock = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$3]]);
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "ConsumedTokensDetails",
+  props: {
+    consumedTokens: {}
+  },
+  setup(__props) {
+    const i18n = useI18n();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(unref(N8nText), {
+          bold: true,
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens.prompt")) + " " + toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
+              interpolate: {
+                count: unref(formatTokenUsageCount)(_ctx.consumedTokens, "prompt")
+              }
+            })), 1)
+          ]),
+          _: 1
+        }),
+        _cache[0] || (_cache[0] = createBaseVNode("br", null, null, -1)),
+        createVNode(unref(N8nText), {
+          bold: true,
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens.completion")) + " " + toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
+              interpolate: {
+                count: unref(formatTokenUsageCount)(_ctx.consumedTokens, "completion")
+              }
+            })), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$2 = ["href"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ViewSubExecution",
+  props: {
+    taskMetadata: {},
+    displayMode: {},
+    inline: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const { trackOpeningRelatedExecution, resolveRelatedExecutionUrl } = useExecutionHelpers();
+    const i18n = useI18n();
+    const props = __props;
+    const hasRelatedExecution = computed(() => {
+      return Boolean(props.taskMetadata.subExecution ?? props.taskMetadata.parentExecution);
+    });
+    function getExecutionLinkLabel(task) {
+      if (task.parentExecution) {
+        return i18n.baseText("runData.openParentExecution", {
+          interpolate: { id: task.parentExecution.executionId }
+        });
+      }
+      if (task.subExecution) {
+        if (props.taskMetadata.subExecutionsCount === 1) {
+          return i18n.baseText("runData.openSubExecutionSingle");
+        } else {
+          return i18n.baseText("runData.openSubExecutionWithId", {
+            interpolate: { id: task.subExecution.executionId }
+          });
+        }
+      }
+      return;
+    }
+    return (_ctx, _cache) => {
+      const _component_N8nIcon = resolveComponent("N8nIcon");
+      return hasRelatedExecution.value ? (openBlock(), createElementBlock("a", {
+        key: 0,
+        class: normalizeClass({ [_ctx.$style.relatedExecutionInfo]: !_ctx.inline }),
+        "data-test-id": "related-execution-link",
+        href: unref(resolveRelatedExecutionUrl)(_ctx.taskMetadata),
+        target: "_blank",
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(trackOpeningRelatedExecution)(_ctx.taskMetadata, _ctx.displayMode), ["stop"]))
+      }, [
+        createVNode(_component_N8nIcon, {
+          icon: "external-link-alt",
+          size: "xsmall"
+        }),
+        createTextVNode(" " + toDisplayString(getExecutionLinkLabel(_ctx.taskMetadata)), 1)
+      ], 10, _hoisted_1$2)) : createCommentVNode("", true);
+    };
+  }
+});
+const relatedExecutionInfo = "_relatedExecutionInfo_saqms_123";
+const style0$2 = {
+  relatedExecutionInfo
+};
 const cssModules$2 = {
   "$style": style0$2
 };
-const AiRunContentBlock = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const ViewSubExecution = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
 const _hoisted_1$1 = { key: 0 };
 const _hoisted_2$1 = { key: 1 };
 const _hoisted_3$1 = { key: 2 };
-const _hoisted_4 = ["href"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "RunDataAiContent",
   props: {
@@ -2648,33 +2794,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const nodeTypesStore = useNodeTypesStore();
     const workflowsStore = useWorkflowsStore();
-    const { trackOpeningRelatedExecution, resolveRelatedExecutionUrl } = useExecutionHelpers();
     const i18n = useI18n();
     const consumedTokensSum = computed(() => {
-      const tokenUsage = outputRun.value?.data?.reduce(
-        (acc, curr) => {
-          const tokenUsageData = curr.json?.tokenUsage ?? curr.json?.tokenUsageEstimate;
-          if (!tokenUsageData) return acc;
-          return {
-            completionTokens: acc.completionTokens + tokenUsageData.completionTokens,
-            promptTokens: acc.promptTokens + tokenUsageData.promptTokens,
-            totalTokens: acc.totalTokens + tokenUsageData.totalTokens
-          };
-        },
-        {
-          completionTokens: 0,
-          promptTokens: 0,
-          totalTokens: 0
-        }
-      );
-      return tokenUsage;
-    });
-    const usingTokensEstimates = computed(() => {
-      return outputRun.value?.data?.some((d) => d.json?.tokenUsageEstimate);
+      return getConsumedTokens(outputRun.value);
     });
-    function formatTokenUsageCount(count) {
-      return usingTokensEstimates.value ? `~${count}` : count.toString();
-    }
     function extractRunMeta(run) {
       const uiNode = workflowsStore.getNodeByName(props.inputData.node);
       const nodeType = nodeTypesStore.getNodeType(uiNode?.type ?? "");
@@ -2705,8 +2828,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
-      const _component_N8nIcon = resolveComponent("N8nIcon");
-      const _component_n8n_text = resolveComponent("n8n-text");
       const _component_n8n_info_tip = resolveComponent("n8n-info-tip");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
@@ -2714,7 +2835,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         createBaseVNode("header", {
           class: normalizeClass(_ctx.$style.header)
         }, [
-          runMeta.value?.node ? (openBlock(), createBlock(_sfc_main$4, {
+          runMeta.value?.node ? (openBlock(), createBlock(_sfc_main$6, {
             key: 0,
             class: normalizeClass(_ctx.$style.nodeIcon),
             "node-type": runMeta.value.node,
@@ -2745,18 +2866,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ])) : createCommentVNode("", true),
-              runMeta.value?.subExecution ? (openBlock(), createElementBlock("li", _hoisted_3$1, [
-                createBaseVNode("a", {
-                  href: unref(resolveRelatedExecutionUrl)(runMeta.value),
-                  target: "_blank",
-                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(trackOpeningRelatedExecution)(runMeta.value, "ai"), ["stop"]))
-                }, [
-                  createVNode(_component_N8nIcon, {
-                    icon: "external-link-alt",
-                    size: "xsmall"
-                  }),
-                  createTextVNode(" " + toDisplayString(unref(i18n).baseText("runData.openSubExecutionSingle")), 1)
-                ], 8, _hoisted_4)
+              runMeta.value ? (openBlock(), createElementBlock("li", _hoisted_3$1, [
+                createVNode(ViewSubExecution, {
+                  "task-metadata": runMeta.value,
+                  "display-mode": "ai",
+                  inline: true
+                }, null, 8, ["task-metadata"])
               ])) : createCommentVNode("", true),
               (consumedTokensSum.value?.totalTokens ?? 0) > 0 ? (openBlock(), createElementBlock("li", {
                 key: 3,
@@ -2764,7 +2879,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               }, [
                 createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
                   interpolate: {
-                    count: formatTokenUsageCount(consumedTokensSum.value?.totalTokens ?? 0)
+                    count: unref(formatTokenUsageCount)(consumedTokensSum.value, "total")
                   }
                 })) + " ", 1),
                 createVNode(_component_n8n_info_tip, {
@@ -2773,35 +2888,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   "tooltip-placement": "right"
                 }, {
                   default: withCtx(() => [
-                    createBaseVNode("div", null, [
-                      createVNode(_component_n8n_text, {
-                        bold: true,
-                        size: "small"
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens.prompt")) + " " + toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
-                            interpolate: {
-                              count: formatTokenUsageCount(consumedTokensSum.value?.promptTokens ?? 0)
-                            }
-                          })), 1)
-                        ]),
-                        _: 1
-                      }),
-                      _cache[1] || (_cache[1] = createBaseVNode("br", null, null, -1)),
-                      createVNode(_component_n8n_text, {
-                        bold: true,
-                        size: "small"
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens.completion")) + " " + toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
-                            interpolate: {
-                              count: formatTokenUsageCount(consumedTokensSum.value?.completionTokens ?? 0)
-                            }
-                          })), 1)
-                        ]),
-                        _: 1
-                      })
-                    ])
+                    createVNode(_sfc_main$3, { "consumed-tokens": consumedTokensSum.value }, null, 8, ["consumed-tokens"])
                   ]),
                   _: 1
                 })
@@ -2956,7 +3043,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createBaseVNode("span", {
                         class: normalizeClass(_ctx.$style.leafLabel)
                       }, [
-                        createVNode(_sfc_main$4, {
+                        createVNode(_sfc_main$6, {
                           "node-type": getNodeType(data.node),
                           size: 17,
                           class: normalizeClass(_ctx.$style.nodeIcon)
@@ -3045,5 +3132,12 @@ const RunDataAi = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssMo
 export {
   HighlightJS as H,
   RunDataAi as R,
-  _sfc_main$3 as _
+  ViewSubExecution as V,
+  _sfc_main$3 as _,
+  getTreeNodeData as a,
+  getTotalConsumedTokens as b,
+  createAiData as c,
+  _sfc_main$5 as d,
+  formatTokenUsageCount as f,
+  getSubtreeTotalConsumedTokens as g
 };

package/dist/assets/{RunDataAi-CN9FrT9c.css → RunDataAi-CUUDqZRP.css}

@@ -492,6 +492,134 @@
 }
 ._error_kaw5r_222 {
   padding: var(--spacing-s) 0;
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._relatedExecutionInfo_saqms_123 {
+  font-size: var(--font-size-s);
+  margin-left: var(--spacing-3xs);
+}
+._relatedExecutionInfo_saqms_123 svg {
+  padding-bottom: var(--spacing-5xs);
 }
 ._container_dypaw_2 {
 	padding: 0 var(--spacing-s) var(--spacing-s);

package/dist/assets/{RunDataJson-ClpS_600.js → RunDataJson-CyNNCtyd.js}

@@ -1,14 +1,13 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-gWW8Qkt_.js","assets/index-DZljH0cm.js","assets/index-CgXKy7t-.css","assets/_commonjs-dynamic-modules-TGKdzP3c.js","assets/useCanvasOperations-2Ca5hPmu.js","assets/RunDataJsonActions-DrgwFS0W.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, at as useNDVStore, r as ref, ih as useElementSize, q as computed, hz as executionDataToJson, i as createElementBlock, g as openBlock, e as createBlock, j as createVNode, w as withCtx, f as createCommentVNode, m as unref, bR as defineAsyncComponent, bQ as Suspense, ib as TextWithHighlights, n as normalizeClass, ic as MappingPill, hs as Draggable, ap as __vitePreload, v as shorten, ig as getMappedExpression, ii as isString, ij as nonExistingJsonPath, aQ as useExternalHooks, ah as useTelemetry, _ as _export_sfc } from "./index-DZljH0cm.js";
-import { V as VueJsonPretty } from "./NodeDetailsView-C1iBFaC1.js";
-import "./useCanvasOperations-2Ca5hPmu.js";
-import "./useRunWorkflow-sGIs6NeH.js";
-import "./pushConnection.store-DHLcz9cC.js";
-import "./import-curl-BsKs3fYs.js";
-import "./FileSaver.min-D3VgyjMF.js";
-import "./RunDataAi-C-tu9GrI.js";
-import "./useExecutionHelpers-CgD9G_XU.js";
-import "./useWorkflowActivate-C_GRAYoC.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-SQqaiBEP.js","assets/index-DD7Wuhk5.js","assets/index-DJ205bL0.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, ii as useElementSize, q as computed, hw as executionDataToJson, i as createElementBlock, g as openBlock, e as createBlock, j as createVNode, w as withCtx, f as createCommentVNode, m as unref, bZ as defineAsyncComponent, bY as Suspense, ic as TextWithHighlights, n as normalizeClass, id as MappingPill, ho as Draggable, aq as __vitePreload, v as shorten, ih as getMappedExpression, ij as isString, ik as nonExistingJsonPath, aR as useExternalHooks, ai as useTelemetry, _ as _export_sfc } from "./index-DD7Wuhk5.js";
+import { V as VueJsonPretty } from "./NodeDetailsView-CmtK-rDD.js";
+import "./import-curl-C6ERUxFe.js";
+import "./FileSaver.min-Bs2qHlKb.js";
+import "./RunDataAi-B_EadpzG.js";
+import "./useCanvasOperations-DCaSrD1N.js";
+import "./useExecutionHelpers-BVY9xXbG.js";
+import "./dateFormatter-C7xnNKzY.js";
+import "./useWorkflowActivate-DeEvbrsK.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RunDataJson",
   props: {
@@ -26,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const LazyRunDataJsonActions = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataJsonActions-gWW8Qkt_.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataJsonActions-SQqaiBEP.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
     );
     const props = __props;
     const ndvStore = useNDVStore();

package/dist/assets/{RunDataJsonActions-gWW8Qkt_.js → RunDataJsonActions-SQqaiBEP.js}

@@ -1,6 +1,5 @@
-import { dz as commonjsGlobal, ce as getDefaultExportFromCjs, d as defineComponent, ij as nonExistingJsonPath, at as useNDVStore, T as useWorkflowsStore, bv as useNodeHelpers, b8 as useClipboard, a as useToast, U 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, ah as useTelemetry, hR as clearJsonKey, hz as executionDataToJson, ik as convertPath, _ as _export_sfc } from "./index-DZljH0cm.js";
+import { dD as commonjsGlobal, cl as getDefaultExportFromCjs, d as defineComponent, ik as nonExistingJsonPath, au as useNDVStore, U as useWorkflowsStore, bx as useNodeHelpers, ba as useClipboard, bi 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, hN as clearJsonKey, hw as executionDataToJson, il as convertPath, _ as _export_sfc } from "./index-DD7Wuhk5.js";
 import { c as commonjsRequire } from "./_commonjs-dynamic-modules-TGKdzP3c.js";
-import { u as usePinnedData } from "./useCanvasOperations-2Ca5hPmu.js";
 var jsonpath = { exports: {} };
 /*! jsonpath 1.1.1 */
 var hasRequiredJsonpath;

package/dist/assets/{RunDataSearch-Dgv5JYk-.js → RunDataSearch-BF9kshKq.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, K as useDebounce, r as ref, q as computed, c as useI18n, o as onMounted, b6 as onUnmounted, I as watch, h as resolveComponent, e as createBlock, g as openBlock, w as withCtx, j as createVNode, n as normalizeClass, B as normalizeStyle, _ as _export_sfc } from "./index-DZljH0cm.js";
+import { d as defineComponent, K as useDebounce, r as ref, q as computed, c as useI18n, o as onMounted, b7 as onUnmounted, I as watch, h as resolveComponent, e as createBlock, g as openBlock, w as withCtx, j as createVNode, n as normalizeClass, B as normalizeStyle, _ as _export_sfc } from "./index-DD7Wuhk5.js";
 const COLLAPSED_WIDTH = "30px";
 const OPEN_WIDTH = "204px";
 const OPEN_MIN_WIDTH = "120px";