n8n-editor-ui 1.85.1 → 1.86.0

package/dist/assets/{ProjectCardBadge-C78ap7Rc.css → ProjectCardBadge-t3v64i1e.css}

@@ -120,10 +120,16 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_1ucbn_123 {
-  margin-right: var(--spacing-xs);
+._wrapper_1w2ly_123 {
+  display: flex;
+  align-items: center;
+  border: var(--border-base);
+  border-radius: var(--border-radius-base);
+}
+._wrapper_1w2ly_123._no-border_1w2ly_129 {
+  border: none;
 }
-._badge_1ucbn_127 {
+._badge_1w2ly_133 {
   padding: var(--spacing-4xs) var(--spacing-2xs);
   background-color: var(--color-background-xlight);
   border-color: var(--color-foreground-base);
@@ -131,19 +137,18 @@
   position: relative;
   height: 23px;
 }
-._badge_1ucbn_127 .n8n-text {
+._badge_1w2ly_133 .n8n-text,
+._badge_1w2ly_133 a {
   color: var(--color-text-base);
 }
-._projectBadge_1ucbn_139 > span {
+._projectBadge_1w2ly_146 > span {
   display: flex;
   gap: var(--spacing-3xs);
 }
-._countBadge_1ucbn_144 {
-  margin-left: -5px;
-  z-index: 0;
-  position: relative;
-  height: 23px;
-}
-._countBadge_1ucbn_144 .n8n-text {
-  color: var(--color-text-light);
+._count-badge_1w2ly_151 {
+  font-size: var(--font-size-2xs);
+  padding: var(--spacing-4xs) var(--spacing-3xs);
+  color: var(--color-text-base);
+  border-left: var(--border-base);
+  line-height: var(--font-line-height-regular);
 }

package/dist/assets/{ProjectHeader-CyLw5s53.js → ProjectHeader-BjPaep-H.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, U as useRoute, r as ref, q as computed, V as VIEWS, c as useI18n, I as watch, h as resolveComponent, e as createBlock, g as openBlock, i as createElementBlock, n as normalizeClass, x as renderSlot, j as createVNode, m as unref, g8 as N8nActionToggle, w as withCtx, aT as _sfc_main$3, _ as _export_sfc, b as useRouter, a3 as useProjectsStore, a2 as useSourceControlStore, p as useSettingsStore, ac as ProjectTypes, a8 as getResourcePermissions, k as createBaseVNode, f as createCommentVNode, l as createTextVNode, t as toDisplayString, b9 as N8nButton, b2 as mergeProps, aR as N8nTooltip } from "./index-TONfBAHg.js";
+import { d as defineComponent, U as useRoute, r as ref, q as computed, V as VIEWS, c as useI18n, I as watch, h as resolveComponent, e as createBlock, g as openBlock, i as createElementBlock, n as normalizeClass, x as renderSlot, j as createVNode, m as unref, ge as N8nActionToggle, w as withCtx, aT as _sfc_main$3, _ as _export_sfc, bG as reactive, b as useRouter, a3 as useProjectsStore, a2 as useSourceControlStore, p as useSettingsStore, ac as ProjectTypes, a8 as getResourcePermissions, k as createBaseVNode, f as createCommentVNode, gB as ProjectIcon, l as createTextVNode, t as toDisplayString, ba as N8nButton, b2 as mergeProps, aR as N8nTooltip } from "./index-CkOV8f0Z.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectTabs",
   props: {
@@ -132,6 +132,15 @@ const cssModules$1 = {
   "$style": style0$1
 };
 const ProjectCreateResource = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const useOverview = () => {
+  const route = useRoute();
+  const isOverviewSubPage = computed(
+    () => route.name === VIEWS.WORKFLOWS || route.name === VIEWS.HOMEPAGE || route.name === VIEWS.CREDENTIALS || route.name === VIEWS.EXECUTIONS || route.name === VIEWS.FOLDERS
+  );
+  return reactive({
+    isOverviewSubPage
+  });
+};
 const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProjectHeader",
@@ -143,7 +152,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const projectsStore = useProjectsStore();
     const sourceControlStore = useSourceControlStore();
     const settingsStore = useSettingsStore();
+    const overview = useOverview();
     const emit = __emit;
+    const headerIcon = computed(() => {
+      if (projectsStore.currentProject?.type === ProjectTypes.Personal) {
+        return { type: "icon", value: "user" };
+      } else if (projectsStore.currentProject?.name) {
+        return projectsStore.currentProject.icon ?? { type: "icon", value: "layer-group" };
+      } else {
+        return { type: "icon", value: "home" };
+      }
+    });
     const projectName = computed(() => {
       if (!projectsStore.currentProject) {
         return i18n.baseText("projects.menu.overview");
@@ -232,6 +251,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.projectDetails)
           }, [
+            !unref(overview).isOverviewSubPage ? (openBlock(), createBlock(ProjectIcon, {
+              key: 0,
+              icon: headerIcon.value,
+              "border-less": true,
+              size: "medium"
+            }, null, 8, ["icon"])) : createCommentVNode("", true),
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.headerActions)
             }, [
@@ -292,11 +317,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const projectHeader = "_projectHeader_rok4y_123";
-const projectDescription = "_projectDescription_rok4y_124";
-const projectDetails = "_projectDetails_rok4y_132";
-const actions = "_actions_rok4y_137";
-const headerActions = "_headerActions_rok4y_147";
+const projectHeader = "_projectHeader_1cqsm_123";
+const projectDescription = "_projectDescription_1cqsm_124";
+const projectDetails = "_projectDetails_1cqsm_132";
+const actions = "_actions_1cqsm_137";
+const headerActions = "_headerActions_1cqsm_147";
 const style0 = {
   projectHeader,
   projectDescription,
@@ -309,5 +334,6 @@ const cssModules = {
 };
 const ProjectHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
-  ProjectHeader as P
+  ProjectHeader as P,
+  useOverview as u
 };

package/dist/assets/{ProjectHeader-B-a6_GH6.css → ProjectHeader-BsBpG-Mj.css}

@@ -258,28 +258,28 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._projectHeader_rok4y_123,
-._projectDescription_rok4y_124 {
+._projectHeader_1cqsm_123,
+._projectDescription_1cqsm_124 {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: space-between;
   padding-bottom: var(--spacing-m);
   min-height: var(--spacing-3xl);
 }
-._projectDetails_rok4y_132 {
+._projectDetails_1cqsm_132 {
   display: flex;
   align-items: center;
 }
-._actions_rok4y_137 {
+._actions_1cqsm_137 {
   padding: var(--spacing-2xs) 0 var(--spacing-xs);
 }
 @media screen and (max-width: 767px) {
-._projectHeader_rok4y_123 {
+._projectHeader_1cqsm_123 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--spacing-xs);
 }
-._headerActions_rok4y_147 {
+._headerActions_1cqsm_147 {
     margin-left: auto;
 }
 }

package/dist/assets/{ProjectSettings-DWDPCOgu.js → ProjectSettings-C1By1g0Z.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, fI as mergeModels, fJ as useModel, r as ref, q as computed, c as useI18n, h as resolveComponent, e as createBlock, g as openBlock, w as withCtx, j as createVNode, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, i as createElementBlock, f as createCommentVNode, n as normalizeClass, fW as ProjectSharing, J as withModifiers, _ as _export_sfc, a7 as usePageRedirectionHelper, u as useUsersStore, a3 as useProjectsStore, gG as useRolesStore, aJ as useCloudPlanStore, a as useToast, b as useRouter, a5 as useDocumentTitle, gH as getAllIconNames, I as watch, aA as onBeforeMount, o as onMounted, d0 as N8nFormInput, F as Fragment, D as renderList, c1 as deepCopy, ah as useTelemetry, z as nextTick, V as VIEWS } from "./index-TONfBAHg.js";
-import { P as ProjectHeader } from "./ProjectHeader-CyLw5s53.js";
+import { d as defineComponent, fL as mergeModels, fM as useModel, r as ref, q as computed, c as useI18n, h as resolveComponent, e as createBlock, g as openBlock, w as withCtx, j as createVNode, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, i as createElementBlock, f as createCommentVNode, n as normalizeClass, g0 as ProjectSharing, J as withModifiers, _ as _export_sfc, a7 as usePageRedirectionHelper, u as useUsersStore, a3 as useProjectsStore, gL as useRolesStore, aJ as useCloudPlanStore, a as useToast, b as useRouter, a5 as useDocumentTitle, gM as getAllIconNames, I as watch, aA as onBeforeMount, o as onMounted, d3 as N8nFormInput, F as Fragment, D as renderList, c5 as deepCopy, ah as useTelemetry, z as nextTick, V as VIEWS } from "./index-CkOV8f0Z.js";
+import { P as ProjectHeader } from "./ProjectHeader-BjPaep-H.js";
 const _hoisted_1$2 = { class: "pt-l" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectDeleteDialog",
@@ -217,7 +217,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               limit: withCtx(() => [
                 createTextVNode(toDisplayString(unref(locale).baseText("projects.create.limit", {
                   adjustToNumber: props.limit,
-                  interpolate: { num: String(props.limit) }
+                  interpolate: { count: String(props.limit) }
                 })), 1)
               ]),
               _: 1

package/dist/assets/{PushConnectionTracker.vue_vue_type_script_setup_true_lang-Cc6mPRv6.js → PushConnectionTracker.vue_vue_type_script_setup_true_lang-UHiXbqwy.js}

@@ -1,5 +1,5 @@
-import { u as usePushConnectionStore } from "./pushConnection.store-CXF122Ff.js";
-import { d as defineComponent, q as computed, h as resolveComponent, c2 as resolveDirective, i as createElementBlock, g as openBlock, x as renderSlot, j as createVNode, w as withCtx, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, aB as withDirectives } from "./index-TONfBAHg.js";
+import { u as usePushConnectionStore } from "./pushConnection.store-Cb2TGyrZ.js";
+import { d as defineComponent, q as computed, h as resolveComponent, c6 as resolveDirective, i as createElementBlock, g as openBlock, x as renderSlot, j as createVNode, w as withCtx, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, aB as withDirectives } from "./index-CkOV8f0Z.js";
 const _hoisted_1 = {
   key: 0,
   class: "push-connection-lost primary-color"

package/dist/assets/{ResourcesListLayout-D3QxB6Mt.js → ResourcesListLayout-CiiXWGd5.js}

@@ -1,4 +1,4 @@
-import { _ as _export_sfc, i as createElementBlock, g as openBlock, x as renderSlot, k as createBaseVNode, n as normalizeClass, d as defineComponent, f as createCommentVNode, a3 as useProjectsStore, q as computed, I as watch, aA as onBeforeMount, h as resolveComponent, e as createBlock, w as withCtx, m as unref, ab as EnterpriseEditionFeature, j as createVNode, c as useI18n, fW as ProjectSharing, l as createTextVNode, t as toDisplayString, U as useRoute, b as useRouter, K as useDebounce, u as useUsersStore, r as ref, fl as useSlots, fX as isSharedResource, fY as isResourceSortableByDate, o as onMounted, z as nextTick, F as Fragment, D as renderList, aB as withDirectives, a$ as normalizeProps, b0 as guardReactiveProps, aC as vShow, ah as useTelemetry } from "./index-TONfBAHg.js";
+import { _ as _export_sfc, i as createElementBlock, g as openBlock, x as renderSlot, k as createBaseVNode, n as normalizeClass, d as defineComponent, f as createCommentVNode, a3 as useProjectsStore, q as computed, I as watch, aA as onBeforeMount, h as resolveComponent, e as createBlock, w as withCtx, m as unref, ab as EnterpriseEditionFeature, j as createVNode, c as useI18n, g0 as ProjectSharing, l as createTextVNode, t as toDisplayString, U as useRoute, b as useRouter, K as useDebounce, u as useUsersStore, r as ref, fo as useSlots, g1 as isSharedResource, g2 as isResourceSortableByDate, o as onMounted, z as nextTick, F as Fragment, D as renderList, aB as withDirectives, a$ as normalizeProps, b0 as guardReactiveProps, aC as vShow, ah as useTelemetry } from "./index-CkOV8f0Z.js";
 const wrapper$1 = "_wrapper_1x8n3_123";
 const content = "_content_1x8n3_139";
 const style0$3 = {

package/dist/assets/{RunDataAi-BtLQbSfL.js → RunDataAi-CQE0VYut.js}

@@ -1,6 +1,6 @@
-import { cd as getDefaultExportFromCjs, d as defineComponent, b8 as useClipboard, a as useToast, dL as useAIAssistantHelpers, bu as useNodeTypesStore, at as useNDVStore, a0 as useRootStore, dk as useAssistantStore, L as useUIStore, q as computed, dM as MAX_DISPLAY_DATA_SIZE, dN as isCommunityPackageName, c as useI18n, h as resolveComponent, c2 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, dO as InlineAskAssistantButton, w as withCtx, l as createTextVNode, F as Fragment, D as renderList, dP as NEW_ASSISTANT_SESSION_MODAL, ca as sanitizeHtml, be as NodeConnectionTypes, dQ as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, b3 as VueMarkdown, _ as _export_sfc, T as useWorkflowsStore, cM as _sfc_main$4, J as withModifiers, I as watch, dR as ElTree, B as normalizeStyle } from "./index-TONfBAHg.js";
-import { d as capitalize } from "./useCanvasOperations-B2wChId3.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-tpdv0KUa.js";
+import { ch as getDefaultExportFromCjs, d as defineComponent, b9 as useClipboard, a as useToast, dO as useAIAssistantHelpers, bv as useNodeTypesStore, at as useNDVStore, a0 as useRootStore, dn as useAssistantStore, L as useUIStore, q as computed, dP as MAX_DISPLAY_DATA_SIZE, dQ as isCommunityPackageName, c as useI18n, h as resolveComponent, c6 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, dR as InlineAskAssistantButton, w as withCtx, l as createTextVNode, F as Fragment, D as renderList, dS as NEW_ASSISTANT_SESSION_MODAL, ce as sanitizeHtml, bf as NodeConnectionTypes, dT as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, b3 as VueMarkdown, _ as _export_sfc, b8 as N8nText, T as useWorkflowsStore, bz as _sfc_main$5, J as withModifiers, I as watch, bA as ElTree, B as normalizeStyle } from "./index-CkOV8f0Z.js";
+import { e as capitalize } from "./useCanvasOperations-FyzGfva5.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-Bm91b8wb.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,6 +1631,50 @@ function getReferencedData(taskData, withInput, withOutput) {
   }
   return returnData;
 }
+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$3 = { class: "node-error-view" };
 const _hoisted_2$3 = { class: "node-error-view__header" };
 const _hoisted_3$2 = {
@@ -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$4 = /* @__PURE__ */ defineComponent({
   __name: "NodeErrorView",
   props: {
     error: {},
@@ -2391,7 +2439,7 @@ const useAiContentParsers = () => {
 };
 const _hoisted_1$2 = ["data-content-type"];
 const _hoisted_2$2 = ["textContent"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__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$4;
       const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.block)
@@ -2633,7 +2681,47 @@ const style0$2 = {
 const cssModules$2 = {
   "$style": style0$2
 };
-const AiRunContentBlock = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const AiRunContentBlock = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$2]]);
+const _sfc_main$2 = /* @__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$1 = { key: 0 };
 const _hoisted_2$1 = { key: 1 };
 const _hoisted_3$1 = { key: 2 };
@@ -2651,30 +2739,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     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;
+      return getConsumedTokens(outputRun.value);
     });
-    const usingTokensEstimates = computed(() => {
-      return outputRun.value?.data?.some((d) => d.json?.tokenUsageEstimate);
-    });
-    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 ?? "");
@@ -2706,7 +2772,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 +2779,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$5, {
             key: 0,
             class: normalizeClass(_ctx.$style.nodeIcon),
             "node-type": runMeta.value.node,
@@ -2764,7 +2829,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 +2838,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$2, { "consumed-tokens": consumedTokensSum.value }, null, 8, ["consumed-tokens"])
                   ]),
                   _: 1
                 })
@@ -2956,7 +2993,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createBaseVNode("span", {
                         class: normalizeClass(_ctx.$style.leafLabel)
                       }, [
-                        createVNode(_sfc_main$4, {
+                        createVNode(_sfc_main$5, {
                           "node-type": getNodeType(data.node),
                           size: 17,
                           class: normalizeClass(_ctx.$style.nodeIcon)
@@ -3045,5 +3082,11 @@ const RunDataAi = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssMo
 export {
   HighlightJS as H,
   RunDataAi as R,
-  _sfc_main$3 as _
+  _sfc_main$2 as _,
+  getTreeNodeData as a,
+  getTotalConsumedTokens as b,
+  createAiData as c,
+  _sfc_main$4 as d,
+  formatTokenUsageCount as f,
+  getSubtreeTotalConsumedTokens as g
 };

package/dist/assets/{RunDataJson-Dq5WcTmp.js → RunDataJson-BY9cOxFp.js}

@@ -1,14 +1,14 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-CTPgZ_Ap.js","assets/index-TONfBAHg.js","assets/index-CgXKy7t-.css","assets/_commonjs-dynamic-modules-TGKdzP3c.js","assets/useCanvasOperations-B2wChId3.js","assets/RunDataJsonActions-DrgwFS0W.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, at as useNDVStore, r as ref, ig as useElementSize, q as computed, hy as executionDataToJson, i as createElementBlock, g as openBlock, e as createBlock, j as createVNode, w as withCtx, f as createCommentVNode, m as unref, bQ as defineAsyncComponent, bP as Suspense, ia as TextWithHighlights, n as normalizeClass, ib as MappingPill, hr as Draggable, ap as __vitePreload, v as shorten, ie as getMappedExpression, ih as isString, ii as nonExistingJsonPath, aQ as useExternalHooks, ah as useTelemetry, _ as _export_sfc } from "./index-TONfBAHg.js";
-import { V as VueJsonPretty } from "./NodeDetailsView-DUaaykvi.js";
-import "./useCanvasOperations-B2wChId3.js";
-import "./useRunWorkflow-B3mpLXeb.js";
-import "./pushConnection.store-CXF122Ff.js";
-import "./import-curl-BMQD81WG.js";
-import "./FileSaver.min-CH9W7aQx.js";
-import "./RunDataAi-BtLQbSfL.js";
-import "./useExecutionHelpers-tpdv0KUa.js";
-import "./useWorkflowActivate-wAFdzwEx.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-CuFjccfe.js","assets/index-CkOV8f0Z.js","assets/index-BaqhUIB7.css","assets/_commonjs-dynamic-modules-TGKdzP3c.js","assets/useCanvasOperations-FyzGfva5.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, hD as executionDataToJson, i as createElementBlock, g as openBlock, e as createBlock, j as createVNode, w as withCtx, f as createCommentVNode, m as unref, bU as defineAsyncComponent, bT as Suspense, ib as TextWithHighlights, n as normalizeClass, ic as MappingPill, hw 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-CkOV8f0Z.js";
+import { V as VueJsonPretty } from "./NodeDetailsView-Ph7FVpa8.js";
+import "./useCanvasOperations-FyzGfva5.js";
+import "./useRunWorkflow-DnbQqqcB.js";
+import "./pushConnection.store-Cb2TGyrZ.js";
+import "./import-curl-C9KhAemD.js";
+import "./FileSaver.min-DLKMtSuf.js";
+import "./RunDataAi-CQE0VYut.js";
+import "./useExecutionHelpers-Bm91b8wb.js";
+import "./useWorkflowActivate-CkCvd-g6.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RunDataJson",
   props: {
@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const LazyRunDataJsonActions = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataJsonActions-CTPgZ_Ap.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataJsonActions-CuFjccfe.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0)
     );
     const props = __props;
     const ndvStore = useNDVStore();

package/dist/assets/{RunDataJsonActions-CTPgZ_Ap.js → RunDataJsonActions-CuFjccfe.js}

@@ -1,6 +1,6 @@
-import { dy as commonjsGlobal, cd as getDefaultExportFromCjs, d as defineComponent, ii 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, hQ as clearJsonKey, hy as executionDataToJson, ij as convertPath, _ as _export_sfc } from "./index-TONfBAHg.js";
+import { dB as commonjsGlobal, ch as getDefaultExportFromCjs, d as defineComponent, ij as nonExistingJsonPath, at as useNDVStore, T as useWorkflowsStore, bw as useNodeHelpers, b9 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, hU as clearJsonKey, hD as executionDataToJson, ik as convertPath, _ as _export_sfc } from "./index-CkOV8f0Z.js";
 import { c as commonjsRequire } from "./_commonjs-dynamic-modules-TGKdzP3c.js";
-import { u as usePinnedData } from "./useCanvasOperations-B2wChId3.js";
+import { u as usePinnedData } from "./useCanvasOperations-FyzGfva5.js";
 var jsonpath = { exports: {} };
 /*! jsonpath 1.1.1 */
 var hasRequiredJsonpath;

package/dist/assets/{RunDataSearch-Dhj2W7Uo.js → RunDataSearch-afEc-21Y.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-TONfBAHg.js";
+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-CkOV8f0Z.js";
 const COLLAPSED_WIDTH = "30px";
 const OPEN_WIDTH = "204px";
 const OPEN_MIN_WIDTH = "120px";

package/dist/assets/{RunDataTable-7bn1EkU7.js → RunDataTable-N6yWFXKt.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, r as ref, at as useNDVStore, T as useWorkflowsStore, cz as storeToRefs, q as computed, o as onMounted, I as watch, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, F as Fragment, D as renderList, j as createVNode, w as withCtx, aB as withDirectives, e as createBlock, m as unref, aT as _sfc_main$1, aC as vShow, c as useI18n, aR as N8nTooltip, l as createTextVNode, t as toDisplayString, d9 as InfoTip, hr as Draggable, ia as TextWithHighlights, ib as MappingPill, v as shorten, ic as Tree, id as getPairedItemId, ie as getMappedExpression, aQ as useExternalHooks, ah as useTelemetry, _ as _export_sfc } from "./index-TONfBAHg.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-tpdv0KUa.js";
+import { d as defineComponent, r as ref, at as useNDVStore, T as useWorkflowsStore, cD as storeToRefs, q as computed, o as onMounted, I as watch, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, F as Fragment, D as renderList, j as createVNode, w as withCtx, aB as withDirectives, e as createBlock, m as unref, aT as _sfc_main$1, aC as vShow, c as useI18n, aR as N8nTooltip, l as createTextVNode, t as toDisplayString, dc as InfoTip, hw as Draggable, ib as TextWithHighlights, ic as MappingPill, v as shorten, id as Tree, ie as getPairedItemId, ig as getMappedExpression, aQ as useExternalHooks, ah as useTelemetry, _ as _export_sfc } from "./index-CkOV8f0Z.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-Bm91b8wb.js";
 const _imports_0 = "/%7B%7BBASE_PATH%7D%7D/static/data-mapping-gif.gif";
 const _hoisted_1 = ["data-row"];
 const _hoisted_2 = ["data-row"];

package/dist/assets/{SamlOnboarding-D1PM8HAM.js → SamlOnboarding-HDQzVmha.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, b as useRouter, a as useToast, cq as useSSOStore, r as ref, bC as reactive, c as useI18n, e as createBlock, g as openBlock, V as VIEWS } from "./index-TONfBAHg.js";
-import { A as AuthView } from "./AuthView-Dr5rONBJ.js";
-import "./Logo-B7J8RW26.js";
+import { d as defineComponent, b as useRouter, a as useToast, cu as useSSOStore, r as ref, bG as reactive, c as useI18n, e as createBlock, g as openBlock, V as VIEWS } from "./index-CkOV8f0Z.js";
+import { A as AuthView } from "./AuthView-CyY2quTd.js";
+import "./Logo-DbXTFYA8.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SamlOnboarding",
   setup(__props) {

package/dist/assets/{SettingsApiView-5hGK32Zv.js → SettingsApiView-DQMZT3uc.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, r as ref, h as resolveComponent, e as createBlock, g as openBlock, n as normalizeClass, w as withCtx, k as createBaseVNode, j as createVNode, i as createElementBlock, f as createCommentVNode, l as createTextVNode, t as toDisplayString, c as useI18n, aL as DateTime, _ as _export_sfc, p as useSettingsStore, L as useUIStore, aJ as useCloudPlanStore, a as useToast, a5 as useDocumentTitle, a7 as usePageRedirectionHelper, cy as useApiKeysStore, cz as storeToRefs, a0 as useRootStore, o as onMounted, cA as DOCS_DOMAIN, m as unref, F as Fragment, D as renderList, aj as useMessage, ak as MODAL_CONFIRM, ah as useTelemetry, cB as API_KEY_CREATE_OR_EDIT_MODAL_KEY } from "./index-TONfBAHg.js";
+import { d as defineComponent, r as ref, h as resolveComponent, e as createBlock, g as openBlock, n as normalizeClass, w as withCtx, k as createBaseVNode, j as createVNode, i as createElementBlock, f as createCommentVNode, l as createTextVNode, t as toDisplayString, c as useI18n, aL as DateTime, _ as _export_sfc, p as useSettingsStore, L as useUIStore, aJ as useCloudPlanStore, a as useToast, a5 as useDocumentTitle, a7 as usePageRedirectionHelper, cC as useApiKeysStore, cD as storeToRefs, a0 as useRootStore, o as onMounted, cE as DOCS_DOMAIN, m as unref, F as Fragment, D as renderList, aj as useMessage, ak as MODAL_CONFIRM, ah as useTelemetry, cF as API_KEY_CREATE_OR_EDIT_MODAL_KEY } from "./index-CkOV8f0Z.js";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ApiKeyCard",
   props: {

package/dist/assets/{SettingsCommunityNodesView-cgiOdmlI.js → SettingsCommunityNodesView-BlQT_0E8.js}

@@ -1,8 +1,8 @@
-import { d as defineComponent, L as useUIStore, ct as COMMUNITY_PACKAGE_MANAGE_ACTIONS, c as useI18n, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, f as createCommentVNode, j as createVNode, k as createBaseVNode, w as withCtx, l as createTextVNode, t as toDisplayString, m as unref, F as Fragment, D as renderList, e as createBlock, ah as useTelemetry, cu as NPM_PACKAGE_DOCS_BASE_URL, _ as _export_sfc, r as ref, b as useRouter, a as useToast, a5 as useDocumentTitle, cv as useCommunityNodesStore, q as computed, cw as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aA as onBeforeMount, o as onMounted, y as onBeforeUnmount, aQ as useExternalHooks, cx as COMMUNITY_PACKAGE_INSTALL_MODAL_KEY } from "./index-TONfBAHg.js";
-import { u as usePushConnection } from "./usePushConnection-C8yfU7M_.js";
-import { u as usePushConnectionStore } from "./pushConnection.store-CXF122Ff.js";
-import "./global-link-actions-fxxB6c1M.js";
-import "./easyAiWorkflowUtils-CZVa9QJH.js";
+import { d as defineComponent, L as useUIStore, cx as COMMUNITY_PACKAGE_MANAGE_ACTIONS, c as useI18n, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, f as createCommentVNode, j as createVNode, k as createBaseVNode, w as withCtx, l as createTextVNode, t as toDisplayString, m as unref, F as Fragment, D as renderList, e as createBlock, ah as useTelemetry, cy as NPM_PACKAGE_DOCS_BASE_URL, _ as _export_sfc, r as ref, b as useRouter, a as useToast, a5 as useDocumentTitle, cz as useCommunityNodesStore, q as computed, cA as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aA as onBeforeMount, o as onMounted, y as onBeforeUnmount, aQ as useExternalHooks, cB as COMMUNITY_PACKAGE_INSTALL_MODAL_KEY } from "./index-CkOV8f0Z.js";
+import { u as usePushConnection } from "./usePushConnection-BbQhNUm8.js";
+import { u as usePushConnectionStore } from "./pushConnection.store-Cb2TGyrZ.js";
+import "./global-link-actions-BphqczCY.js";
+import "./easyAiWorkflowUtils-CLssJdgl.js";
 const _hoisted_1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "CommunityPackageCard",

package/dist/assets/{SettingsExternalSecrets-BzRxl3F3.js → SettingsExternalSecrets-BL_3qoNS.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, bF as useExternalSecretsStore, L as useUIStore, a as useToast, bA as toRef, q as computed, de as useExternalSecretsProvider, c as useI18n, aL as DateTime, df as isDateObject, o as onMounted, h as resolveComponent, e as createBlock, g as openBlock, n as normalizeClass, w as withCtx, k as createBaseVNode, j as createVNode, i as createElementBlock, f as createCommentVNode, dg as _sfc_main$2, l as createTextVNode, t as toDisplayString, m as unref, dh as ExternalSecretsProviderConnectionSwitch, z as nextTick, di as EXTERNAL_SECRETS_PROVIDER_MODAL_KEY, _ as _export_sfc, a5 as useDocumentTitle, a7 as usePageRedirectionHelper, F as Fragment, D as renderList } from "./index-TONfBAHg.js";
+import { d as defineComponent, bJ as useExternalSecretsStore, L as useUIStore, a as useToast, bD as toRef, q as computed, dh as useExternalSecretsProvider, c as useI18n, aL as DateTime, di as isDateObject, o as onMounted, h as resolveComponent, e as createBlock, g as openBlock, n as normalizeClass, w as withCtx, k as createBaseVNode, j as createVNode, i as createElementBlock, f as createCommentVNode, dj as _sfc_main$2, l as createTextVNode, t as toDisplayString, m as unref, dk as ExternalSecretsProviderConnectionSwitch, z as nextTick, dl as EXTERNAL_SECRETS_PROVIDER_MODAL_KEY, _ as _export_sfc, a5 as useDocumentTitle, a7 as usePageRedirectionHelper, F as Fragment, D as renderList } from "./index-CkOV8f0Z.js";
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ExternalSecretsProviderCard.ee",

package/dist/assets/{SettingsLdapView-EKueQ2CB.js → SettingsLdapView-BMsfXg-A.js}

@@ -1,4 +1,4 @@
-import { cd as getDefaultExportFromCjs, r as ref, a_ as toRefs, i as createElementBlock, o as onMounted, I as watch, b6 as onUnmounted, g as openBlock, x as renderSlot, f as createCommentVNode, j as createVNode, k as createBaseVNode, t as toDisplayString, ce as pushScopeId, cf as popScopeId, z as nextTick, d as defineComponent, a as useToast, a5 as useDocumentTitle, a7 as usePageRedirectionHelper, p as useSettingsStore, q as computed, c as useI18n, h as resolveComponent, c2 as resolveDirective, w as withCtx, l as createTextVNode, m as unref, n as normalizeClass, aB as withDirectives, e as createBlock, cg as createFormEventBus, ch as ElTableColumn, ci as ElTable, cj as convertToDisplayDate, ck as capitalizeFirstLetter, aj as useMessage, ak as MODAL_CONFIRM, _ as _export_sfc } from "./index-TONfBAHg.js";
+import { ch as getDefaultExportFromCjs, r as ref, a_ as toRefs, i as createElementBlock, o as onMounted, I as watch, b6 as onUnmounted, g as openBlock, x as renderSlot, f as createCommentVNode, j as createVNode, k as createBaseVNode, t as toDisplayString, ci as pushScopeId, cj as popScopeId, z as nextTick, d as defineComponent, a as useToast, a5 as useDocumentTitle, a7 as usePageRedirectionHelper, p as useSettingsStore, q as computed, c as useI18n, h as resolveComponent, c6 as resolveDirective, w as withCtx, l as createTextVNode, m as unref, n as normalizeClass, aB as withDirectives, e as createBlock, ck as createFormEventBus, cl as ElTableColumn, cm as ElTable, cn as convertToDisplayDate, co as capitalizeFirstLetter, aj as useMessage, ak as MODAL_CONFIRM, _ as _export_sfc } from "./index-CkOV8f0Z.js";
 var humanizeDuration$1 = { exports: {} };
 var hasRequiredHumanizeDuration;
 function requireHumanizeDuration() {