n8n-editor-ui 1.112.1 → 1.113.0

package/dist/assets/{InsightsDashboard-qL2EE60l.js → InsightsDashboard-zCjTFLpM.js}

@@ -1,6 +1,6 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-C_2IPEhI.js","assets/index-BqqmY62y.js","assets/index-B7wrqKiF.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-Cc0YLVD7.js","assets/chartjs.utils-BuEfxZRs.js","assets/InsightsSummary-tylKFBgw.js","assets/InsightsSummary-DTFIhBF3.css","assets/index-B4kldndn.js","assets/InsightsChartFailed-9zaeZgek.js","assets/InsightsChartFailureRate-DT96wC8C.js","assets/InsightsChartTimeSaved-C6pLWWxa.js","assets/InsightsChartAverageRuntime-CXByy6Zo.js","assets/InsightsTableWorkflows-BwRj0aXe.js","assets/InsightsTableWorkflows-BTHSCwX8.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, ek as useModel, gh as useInsightsStore, gr as getTimeRangeLabels, r as ref, h9 as UNLICENSED_TIME_RANGE, e as createBlock, g as openBlock, w as withCtx, h as createElementBlock, F as Fragment, A as renderList, l as unref, ed as _sfc_main$3, k as createTextVNode, f as createCommentVNode, t as toDisplayString, j as createBaseVNode, ec as N8nSelect, x as computed, c as useI18n, i as createVNode, p as N8nText, q as N8nButton, ha as ElDialog, aB as usePageRedirectionHelper, _ as _export_sfc, a3 as useRoute, hb as INSIGHT_TYPES, dx as defineAsyncComponent, a8 as watch, o as onMounted, ay as useDocumentTitle, m as N8nHeading, n as normalizeClass, dN as _sfc_main$4, c5 as resolveDynamicComponent, aV as __vitePreload, am as useTelemetry, hc as TELEMETRY_TIME_RANGE } from "./index-BqqmY62y.js";
-import { I as InsightsSummary } from "./InsightsSummary-tylKFBgw.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-CBtrv5fk.js","assets/index-DGLJxfnn.js","assets/index-CpPc1kM8.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-Dk2_nvoT.js","assets/chartjs.utils-P0M5ijsc.js","assets/InsightsSummary-BWRporX0.js","assets/InsightsSummary-DTFIhBF3.css","assets/index-vcIMPEwS.js","assets/InsightsChartFailed-nhNAvWJ-.js","assets/InsightsChartFailureRate-Ca8Ar9nD.js","assets/InsightsChartTimeSaved-CuO9b6Em.js","assets/InsightsChartAverageRuntime-BqCmV_C3.js","assets/InsightsTableWorkflows-DlGA2gWN.js","assets/InsightsTableWorkflows-BTHSCwX8.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, em as useModel, gh as useInsightsStore, gr as getTimeRangeLabels, r as ref, hb as UNLICENSED_TIME_RANGE, e as createBlock, g as openBlock, w as withCtx, h as createElementBlock, F as Fragment, A as renderList, l as unref, ed as _sfc_main$3, k as createTextVNode, f as createCommentVNode, t as toDisplayString, j as createBaseVNode, ec as N8nSelect, x as computed, c as useI18n, i as createVNode, p as N8nText, q as N8nButton, hc as ElDialog, aB as usePageRedirectionHelper, _ as _export_sfc, a3 as useRoute, av as useProjectsStore, hd as INSIGHT_TYPES, dx as defineAsyncComponent, a8 as watch, o as onMounted, ay as useDocumentTitle, b2 as onBeforeMount, m as N8nHeading, n as normalizeClass, fI as ProjectSharing, dN as _sfc_main$4, c5 as resolveDynamicComponent, aV as __vitePreload, am as useTelemetry, he as TELEMETRY_TIME_RANGE } from "./index-DGLJxfnn.js";
+import { I as InsightsSummary } from "./InsightsSummary-BWRporX0.js";
 const _hoisted_1$2 = {
   key: 0,
   width: "16",
@@ -167,7 +167,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const InsightsUpgradeModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f995e7d0"]]);
-const _hoisted_1 = { class: "mt-s" };
+const _hoisted_1 = {
+  class: "mt-s",
+  style: { "display": "flex", "gap": "12px", "align-items": "center" }
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsDashboard",
   props: {
@@ -175,31 +178,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const InsightsPaywall = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsPaywall-C_2IPEhI.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsPaywall-CBtrv5fk.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const InsightsChartTotal = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTotal-Cc0YLVD7.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartTotal-Dk2_nvoT.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartFailed = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailed-9zaeZgek.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartFailed-nhNAvWJ-.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartFailureRate = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailureRate-DT96wC8C.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartFailureRate-Ca8Ar9nD.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartTimeSaved = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-C6pLWWxa.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-CuO9b6Em.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartAverageRuntime = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-CXByy6Zo.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-BqCmV_C3.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
     );
     const InsightsTableWorkflows = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsTableWorkflows-BwRj0aXe.js"), true ? __vite__mapDeps([13,1,2,6,7,14]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsTableWorkflows-DlGA2gWN.js"), true ? __vite__mapDeps([13,1,2,6,7,14]) : void 0)
     );
     const props = __props;
     const route = useRoute();
     const i18n = useI18n();
     const telemetry = useTelemetry();
     const insightsStore = useInsightsStore();
+    const projectsStore = useProjectsStore();
     const isTimeSavedRoute = computed(() => route.params.insightType === INSIGHT_TYPES.TIME_SAVED);
     const chartComponents = computed(() => ({
       total: InsightsChartTotal,
@@ -213,11 +217,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const order = desc ? "desc" : "asc";
       return `${key}:${order}`;
     };
+    const sortTableBy = ref([{ id: props.insightType, desc: true }]);
+    const upgradeModalVisible = ref(false);
+    const selectedDateRange = ref("week");
+    const granularity = computed(
+      () => insightsStore.dateRanges.find((item) => item.key === selectedDateRange.value)?.granularity ?? "day"
+    );
+    const selectedProject = ref(null);
     const fetchPaginatedTableData = ({
       page = 0,
       itemsPerPage = 25,
       sortBy,
-      dateRange = selectedDateRange.value
+      dateRange = selectedDateRange.value,
+      projectId = selectedProject.value?.id
     }) => {
       const skip = page * itemsPerPage;
       const take = itemsPerPage;
@@ -226,15 +238,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         skip,
         take,
         sortBy: sortKey,
-        dateRange
+        dateRange,
+        projectId
       });
     };
-    const sortTableBy = ref([{ id: props.insightType, desc: true }]);
-    const upgradeModalVisible = ref(false);
-    const selectedDateRange = ref("week");
-    const granularity = computed(
-      () => insightsStore.dateRanges.find((item) => item.key === selectedDateRange.value)?.granularity ?? "day"
-    );
     function handleTimeChange(value) {
       if (value === UNLICENSED_TIME_RANGE) {
         upgradeModalVisible.value = true;
@@ -244,15 +251,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       telemetry.track("User updated insights time range", { range: TELEMETRY_TIME_RANGE[value] });
     }
     watch(
-      () => [props.insightType, selectedDateRange.value],
+      () => [props.insightType, selectedDateRange.value, selectedProject.value],
       () => {
         sortTableBy.value = [{ id: props.insightType, desc: true }];
         if (insightsStore.isSummaryEnabled) {
-          void insightsStore.summary.execute(0, { dateRange: selectedDateRange.value });
+          void insightsStore.summary.execute(0, {
+            dateRange: selectedDateRange.value,
+            projectId: selectedProject.value?.id
+          });
         }
-        void insightsStore.charts.execute(0, { dateRange: selectedDateRange.value });
+        void insightsStore.charts.execute(0, {
+          dateRange: selectedDateRange.value,
+          projectId: selectedProject.value?.id
+        });
         if (insightsStore.isDashboardEnabled) {
-          fetchPaginatedTableData({ sortBy: sortTableBy.value, dateRange: selectedDateRange.value });
+          fetchPaginatedTableData({
+            sortBy: sortTableBy.value,
+            dateRange: selectedDateRange.value,
+            projectId: selectedProject.value?.id
+          });
         }
       },
       {
@@ -262,6 +279,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       useDocumentTitle().set(i18n.baseText("insights.heading"));
     });
+    onBeforeMount(async () => {
+      await projectsStore.getAvailableProjects();
+    });
     return (_ctx, _cache) => {
       const _component_N8nHeading = N8nHeading;
       const _component_N8nSpinner = _sfc_main$4;
@@ -282,6 +302,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }),
           createBaseVNode("div", _hoisted_1, [
+            createVNode(ProjectSharing, {
+              modelValue: selectedProject.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedProject.value = $event),
+              projects: unref(projectsStore).availableProjects,
+              placeholder: unref(i18n).baseText("forms.resourceFiltersDropdown.owner.placeholder"),
+              "empty-options-text": unref(i18n).baseText("projects.sharing.noMatchingProjects"),
+              size: "mini",
+              class: normalizeClass(_ctx.$style.projectSelect),
+              clearable: "",
+              onClear: _cache[1] || (_cache[1] = ($event) => selectedProject.value = null)
+            }, null, 8, ["modelValue", "projects", "placeholder", "empty-options-text", "class"]),
             createVNode(_sfc_main$2, {
               "model-value": selectedDateRange.value,
               style: { "width": "173px" },
@@ -290,7 +321,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["model-value"]),
             createVNode(InsightsUpgradeModal, {
               modelValue: upgradeModalVisible.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => upgradeModalVisible.value = $event)
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => upgradeModalVisible.value = $event)
             }, null, 8, ["modelValue"])
           ]),
           unref(insightsStore).isSummaryEnabled ? (openBlock(), createBlock(InsightsSummary, {
@@ -332,7 +363,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createVNode(unref(InsightsTableWorkflows), {
                   "sort-by": sortTableBy.value,
-                  "onUpdate:sortBy": _cache[1] || (_cache[1] = ($event) => sortTableBy.value = $event),
+                  "onUpdate:sortBy": _cache[3] || (_cache[3] = ($event) => sortTableBy.value = $event),
                   data: unref(insightsStore).table.state,
                   loading: unref(insightsStore).table.isLoading,
                   "is-dashboard-enabled": unref(insightsStore).isDashboardEnabled,
@@ -346,15 +377,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const insightsView = "_insightsView_8g4zl_123";
-const insightsContainer = "_insightsContainer_8g4zl_131";
-const insightsBanner = "_insightsBanner_8g4zl_138";
-const insightsContent = "_insightsContent_8g4zl_146";
-const insightsContentWrapper = "_insightsContentWrapper_8g4zl_155";
-const insightsChartWrapper = "_insightsChartWrapper_8g4zl_160";
-const insightsTableWrapper = "_insightsTableWrapper_8g4zl_167";
-const dataLoader = "_dataLoader_8g4zl_173";
-const isDataLoading = "_isDataLoading_8g4zl_186";
+const insightsView = "_insightsView_qoygt_123";
+const insightsContainer = "_insightsContainer_qoygt_131";
+const insightsBanner = "_insightsBanner_qoygt_138";
+const insightsContent = "_insightsContent_qoygt_146";
+const insightsContentWrapper = "_insightsContentWrapper_qoygt_155";
+const insightsChartWrapper = "_insightsChartWrapper_qoygt_160";
+const insightsTableWrapper = "_insightsTableWrapper_qoygt_167";
+const dataLoader = "_dataLoader_qoygt_173";
+const isDataLoading = "_isDataLoading_qoygt_186";
+const projectSelect = "_projectSelect_qoygt_208";
 const style0 = {
   insightsView,
   insightsContainer,
@@ -364,7 +396,8 @@ const style0 = {
   insightsChartWrapper,
   insightsTableWrapper,
   dataLoader,
-  isDataLoading
+  isDataLoading,
+  projectSelect
 };
 const cssModules = {
   "$style": style0

package/dist/assets/{InsightsPaywall-C_2IPEhI.js → InsightsPaywall-CBtrv5fk.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, aB as usePageRedirectionHelper, h as createElementBlock, g as openBlock, i as createVNode, N as N8nIcon, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, c as useI18n, p as N8nText, q as N8nButton, n as normalizeClass, _ as _export_sfc } from "./index-BqqmY62y.js";
+import { d as defineComponent, aB as usePageRedirectionHelper, h as createElementBlock, g as openBlock, i as createVNode, N as N8nIcon, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, c as useI18n, p as N8nText, q as N8nButton, n as normalizeClass, _ as _export_sfc } from "./index-DGLJxfnn.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsPaywall",
   setup(__props) {

package/dist/assets/{InsightsSummary-tylKFBgw.js → InsightsSummary-BWRporX0.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a3 as useRoute, at as useCssModule, gr as getTimeRangeLabels, x as computed, c as useI18n, V as VIEWS, a9 as resolveComponent, h as createElementBlock, g as openBlock, n as normalizeClass, l as unref, j as createBaseVNode, F as Fragment, A as renderList, i as createVNode, w as withCtx, aa as Tooltip, k as createTextVNode, t as toDisplayString, N as N8nIcon, ac as I18nT, f as createCommentVNode, gs as INSIGHT_IMPACT_TYPES, am as useTelemetry, gt as INSIGHTS_UNIT_IMPACT_MAPPING, _ as _export_sfc } from "./index-BqqmY62y.js";
+import { d as defineComponent, a3 as useRoute, at as useCssModule, gr as getTimeRangeLabels, x as computed, c as useI18n, V as VIEWS, a9 as resolveComponent, h as createElementBlock, g as openBlock, n as normalizeClass, l as unref, j as createBaseVNode, F as Fragment, A as renderList, i as createVNode, w as withCtx, aa as Tooltip, k as createTextVNode, t as toDisplayString, N as N8nIcon, ac as I18nT, f as createCommentVNode, gs as INSIGHT_IMPACT_TYPES, am as useTelemetry, gt as INSIGHTS_UNIT_IMPACT_MAPPING, _ as _export_sfc } from "./index-DGLJxfnn.js";
 const smartDecimal = (value, decimals = 2) => {
   if (Number.isInteger(value)) {
     return value;

package/dist/assets/{InsightsTableWorkflows-BwRj0aXe.js → InsightsTableWorkflows-DlGA2gWN.js}

@@ -1,6 +1,6 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-C_2IPEhI.js","assets/index-BqqmY62y.js","assets/index-B7wrqKiF.css","assets/InsightsPaywall-CE5W3W4m.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, ej as mergeModels, x as computed, r as ref, c as useI18n, i7 as transformInsightsFailureRate, i8 as INSIGHTS_UNIT_MAPPING, ia as transformInsightsTimeSaved, ib as transformInsightsAverageRunTime, ek as useModel, a8 as watch, a9 as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, bs as createSlots, j as createBaseVNode, n as normalizeClass, dx as defineAsyncComponent, e as createBlock, aa as Tooltip, F as Fragment, V as VIEWS, c5 as resolveDynamicComponent, c3 as normalizeProps, c4 as guardReactiveProps, el as N8nDataTableServer, aV as __vitePreload, am as useTelemetry, _ as _export_sfc } from "./index-BqqmY62y.js";
-import { s as smartDecimal } from "./InsightsSummary-tylKFBgw.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-CBtrv5fk.js","assets/index-DGLJxfnn.js","assets/index-CpPc1kM8.css","assets/InsightsPaywall-CE5W3W4m.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, el as mergeModels, x as computed, r as ref, c as useI18n, i9 as transformInsightsFailureRate, ia as INSIGHTS_UNIT_MAPPING, ic as transformInsightsTimeSaved, id as transformInsightsAverageRunTime, em as useModel, a8 as watch, a9 as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, bs as createSlots, j as createBaseVNode, n as normalizeClass, dx as defineAsyncComponent, e as createBlock, aa as Tooltip, F as Fragment, V as VIEWS, c5 as resolveDynamicComponent, c3 as normalizeProps, c4 as guardReactiveProps, en as N8nDataTableServer, aV as __vitePreload, am as useTelemetry, _ as _export_sfc } from "./index-DGLJxfnn.js";
+import { s as smartDecimal } from "./InsightsSummary-BWRporX0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsTableWorkflows",
   props: /* @__PURE__ */ mergeModels({
@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:options"], ["update:sortBy"]),
   setup(__props, { emit: __emit }) {
     const InsightsPaywall = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsPaywall-C_2IPEhI.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsPaywall-CBtrv5fk.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const props = __props;
     const i18n = useI18n();

package/dist/assets/{Logo-DqC1X5we.js → Logo-ayCSvzHf.js}

@@ -1,4 +1,4 @@
-import { h as createElementBlock, g as openBlock, j as createBaseVNode, d as defineComponent, x as computed, at as useCssModule, aH as useTemplateRef, o as onMounted, f9 as useFavicon, n as normalizeClass, i as createVNode, e as createBlock, f as createCommentVNode, Y as renderSlot, l as unref, _ as _export_sfc } from "./index-BqqmY62y.js";
+import { h as createElementBlock, g as openBlock, j as createBaseVNode, d as defineComponent, x as computed, at as useCssModule, aH as useTemplateRef, o as onMounted, fb as useFavicon, n as normalizeClass, i as createVNode, e as createBlock, f as createCommentVNode, Y as renderSlot, l as unref, _ as _export_sfc } from "./index-DGLJxfnn.js";
 const _hoisted_1$1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",

package/dist/assets/{LogsPanel-DZguGtyt.js → LogsPanel-DwPSXTSp.js}

@@ -1,8 +1,8 @@
-import { bz as addTokenUsageData, bA as emptyTokenUsageData, bB as parseErrorMetadata, bC as isChatNode, bD as NodeConnectionTypes, bE as v4, bF as get, bG as AGENT_LANGCHAIN_NODE_TYPE, bH as MANUAL_CHAT_TRIGGER_NODE_TYPE, bI as CHAT_TRIGGER_NODE_TYPE, bJ as isEmpty, a as useToast, r as ref, x as computed, c as useI18n$1, bK as usePinnedData, an as useMessage, ao as MODAL_CONFIRM, a2 as useWorkflowsStore, au as useRootStore, bL as useLogsStore, b as useRouter, bM as useNodeHelpers, bN as useRunWorkflow, V as VIEWS, bO as chatEventBus, a8 as watch, bP as provide, d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, l as unref, p as N8nText, w as withCtx, Y as renderSlot, k as createTextVNode, t as toDisplayString, _ as _export_sfc, a3 as useRoute, ag as useSourceControlStore, bQ as useCanvasOperations, ae as useNodeTypesStore, bR as START_NODE_TYPE, e as createBlock, f as createCommentVNode, aa as Tooltip, bS as formatTokenUsageCount, bT as getDefaultExportFromCjs, bU as requireUpperFirst, F as Fragment, aH as useTemplateRef, bV as useTimestamp, bW as toTime, bX as toDayMonth, B as withModifiers, A as renderList, aq as normalizeStyle, bY as NodeIcon, ac as I18nT, N as N8nIcon, ab as _sfc_main$k, q as N8nButton, Z as nextTick, bZ as getScrollbarWidth, b_ as useVirtualList, b$ as toRef, K as mergeProps, O as N8nRadioButtons, c0 as inject, c1 as isRef, c2 as toRefs, o as onMounted, c3 as normalizeProps, c4 as guardReactiveProps, c5 as resolveDynamicComponent, c6 as markdownLink, c7 as useFileDialog, c8 as onUnmounted, b3 as withDirectives, c9 as vModelText, b9 as withKeys, ca as useAttrs, cb as useClipboard, bs as createSlots, aZ as useNDVStore, cc as PopOutWindowKey, cd as resolveDirective, ce as RunData, C as N8nLink, cf as waitingNodeTooltip, cg as RunDataItemCount, a$ as useLocalStorage, ch as LOG_DETAILS_PANEL_STATE, ci as KeyboardShortcutTooltip, cj as N8nResizeWrapper, ck as useStyles, aN as N8nActionDropdown, cl as Workflow, cm as LOGS_EXECUTION_DATA_THROTTLE_DURATION, cn as useThrottleFn, co as parse, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, cp as shallowRef, Q as useUIStore, cq as useCanvasStore, am as useTelemetry, ay as useDocumentTitle, cr as onScopeDispose, X as onBeforeUnmount, cs as useProvideTooltipAppendTo, ct as LOGS_PANEL_STATE, cu as LOCAL_STORAGE_PANEL_HEIGHT, cv as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, cw as LOCAL_STORAGE_PANEL_WIDTH, cx as useActiveElement, bo as useKeybindings, cy as ndvEventBus } from "./index-BqqmY62y.js";
-import { _ as __unplugin_components_1 } from "./AnimatedSpinner-DoiaSsyo.js";
-import { _ as _sfc_main$j } from "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-DlF8qxM5.js";
-import { H as HighlightJS, V as VueMarkdown } from "./core-BmUd0ZQy.js";
-import { c as canvasEventBus } from "./canvas-CNbb2A4n.js";
+import { bz as addTokenUsageData, bA as emptyTokenUsageData, bB as parseErrorMetadata, bC as isChatNode, bD as NodeConnectionTypes, bE as v4, bF as get, bG as AGENT_LANGCHAIN_NODE_TYPE, bH as MANUAL_CHAT_TRIGGER_NODE_TYPE, bI as CHAT_TRIGGER_NODE_TYPE, bJ as isEmpty, a as useToast, r as ref, x as computed, c as useI18n$1, bK as usePinnedData, an as useMessage, ao as MODAL_CONFIRM, a2 as useWorkflowsStore, au as useRootStore, bL as useLogsStore, b as useRouter, bM as useNodeHelpers, bN as useRunWorkflow, a8 as watch, V as VIEWS, bO as chatEventBus, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, bP as provide, d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, i as createVNode, j as createBaseVNode, l as unref, p as N8nText, w as withCtx, Y as renderSlot, k as createTextVNode, t as toDisplayString, _ as _export_sfc, a3 as useRoute, ag as useSourceControlStore, bQ as useCanvasOperations, ae as useNodeTypesStore, bR as START_NODE_TYPE, e as createBlock, f as createCommentVNode, aa as Tooltip, bS as formatTokenUsageCount, bT as getDefaultExportFromCjs, bU as requireUpperFirst, F as Fragment, aH as useTemplateRef, bV as useTimestamp, bW as toTime, bX as toDayMonth, B as withModifiers, A as renderList, aq as normalizeStyle, bY as NodeIcon, ac as I18nT, N as N8nIcon, ab as _sfc_main$k, q as N8nButton, Z as nextTick, bZ as getScrollbarWidth, b_ as useVirtualList, b$ as toRef, K as mergeProps, O as N8nRadioButtons, c0 as inject, c1 as isRef, c2 as toRefs, o as onMounted, c3 as normalizeProps, c4 as guardReactiveProps, c5 as resolveDynamicComponent, c6 as markdownLink, c7 as useFileDialog, c8 as onUnmounted, b3 as withDirectives, c9 as vModelText, b9 as withKeys, ca as useAttrs, cb as useClipboard, bs as createSlots, aZ as useNDVStore, cc as PopOutWindowKey, cd as resolveDirective, ce as RunData, C as N8nLink, cf as waitingNodeTooltip, cg as RunDataItemCount, a$ as useLocalStorage, ch as LOG_DETAILS_PANEL_STATE, ci as KeyboardShortcutTooltip, cj as N8nResizeWrapper, ck as useStyles, aN as N8nActionDropdown, cl as Workflow, cm as LOGS_EXECUTION_DATA_THROTTLE_DURATION, cn as useThrottleFn, co as parse, cp as shallowRef, Q as useUIStore, cq as useCanvasStore, am as useTelemetry, ay as useDocumentTitle, cr as onScopeDispose, X as onBeforeUnmount, cs as useProvideTooltipAppendTo, ct as LOGS_PANEL_STATE, cu as LOCAL_STORAGE_PANEL_HEIGHT, cv as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, cw as LOCAL_STORAGE_PANEL_WIDTH, cx as useActiveElement, bo as useKeybindings, cy as ndvEventBus } from "./index-DGLJxfnn.js";
+import { _ as __unplugin_components_1 } from "./AnimatedSpinner-BVVzuhy8.js";
+import { _ as _sfc_main$j } from "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-CgS2Cb5Q.js";
+import { H as HighlightJS, V as VueMarkdown } from "./core-WbBbE4BE.js";
+import { c as canvasEventBus } from "./canvas-DjkOwLgJ.js";
 const TOOL_EXECUTOR_NODE_NAME = "PartialExecutionToolExecutor";
 function constructChatWebsocketUrl(url, executionId, sessionId2, isPublic) {
   const baseUrl = new URL(url).origin;
@@ -375,11 +375,11 @@ function isPlaceholderLog(treeNode) {
 }
 function useChatMessaging({
   chatTrigger,
-  messages: messages2,
   sessionId: sessionId2,
   executionResultData,
   onRunChatWorkflow,
-  ws
+  ws,
+  onNewMessage
 }) {
   const locale = useI18n$1();
   const { showError } = useToast();
@@ -437,7 +437,7 @@ function useChatMessaging({
     const inputKey = getInputKey(triggerNode);
     const inputPayload = {
       json: {
-        sessionId: sessionId2.value,
+        sessionId: sessionId2,
         action: "sendMessage",
         [inputKey]: message
       }
@@ -478,7 +478,7 @@ function useChatMessaging({
       locale.baseText("chat.window.chat.response.empty")
     ) : void 0;
     if (chatMessage !== void 0) {
-      messages2.value.push(chatMessage);
+      onNewMessage(chatMessage);
     }
   }
   async function sendMessage(message, files) {
@@ -506,15 +506,15 @@ function useChatMessaging({
     const newMessage = {
       text: message,
       sender: "user",
-      sessionId: sessionId2.value,
+      sessionId: sessionId2,
       id: v4(),
       files
     };
-    messages2.value.push(newMessage);
+    onNewMessage(newMessage);
     if (ws.value?.readyState === WebSocket.OPEN && !isLoading.value) {
       ws.value.send(
         JSON.stringify({
-          sessionId: sessionId2.value,
+          sessionId: sessionId2,
           action: "sendMessage",
           chatInput: message,
           files: await processFiles(files)
@@ -544,8 +544,8 @@ function useChatState(isReadOnly) {
   const nodeHelpers = useNodeHelpers();
   const { runWorkflow } = useRunWorkflow({ router });
   const ws = ref(null);
-  const messages2 = ref([]);
-  const currentSessionId = ref(v4().replace(/-/g, ""));
+  const messages2 = computed(() => logsStore.chatSessionMessages);
+  const currentSessionId = computed(() => logsStore.chatSessionId);
   const previousChatMessages = computed(() => workflowsStore.getPastChatMessages);
   const chatTriggerNode = computed(() => workflowsStore.allNodes.find(isChatNode) ?? null);
   const allowFileUploads = computed(
@@ -559,10 +559,10 @@ function useChatState(isReadOnly) {
   );
   const { sendMessage, isLoading, setLoadingState } = useChatMessaging({
     chatTrigger: chatTriggerNode,
-    messages: messages2,
-    sessionId: currentSessionId,
+    sessionId: currentSessionId.value,
     executionResultData: computed(() => workflowsStore.getWorkflowExecution?.data?.resultData),
     onRunChatWorkflow,
+    onNewMessage: logsStore.addChatMessage,
     ws
   });
   function createChatConfig(params) {
@@ -658,7 +658,7 @@ function useChatState(isReadOnly) {
             sessionId: currentSessionId.value,
             id: v4()
           };
-          messages2.value.push(newMessage);
+          logsStore.addChatMessage(newMessage);
           if (logsStore.isOpen) {
             chatEventBus.emit("focusInput");
           }
@@ -677,8 +677,8 @@ function useChatState(isReadOnly) {
   function refreshSession() {
     workflowsStore.setWorkflowExecutionData(null);
     nodeHelpers.updateNodesExecutionIssues();
-    messages2.value = [];
-    currentSessionId.value = v4().replace(/-/g, "");
+    logsStore.resetChatSessionId();
+    logsStore.resetMessages();
     if (logsStore.isOpen) {
       chatEventBus.emit("focusInput");
     }
@@ -690,9 +690,20 @@ function useChatState(isReadOnly) {
     });
     window.open(route.href, "_blank");
   }
+  watch(
+    () => workflowsStore.workflowId,
+    (_newWorkflowId, prevWorkflowId) => {
+      if (prevWorkflowId === PLACEHOLDER_EMPTY_WORKFLOW_ID) {
+        return;
+      }
+      refreshSession();
+    }
+  );
   return {
-    currentSessionId,
-    messages: computed(() => isReadOnly ? restoredChatMessages.value : messages2.value),
+    currentSessionId: computed(() => logsStore.chatSessionId),
+    messages: computed(
+      () => isReadOnly ? restoredChatMessages.value : logsStore.chatSessionMessages
+    ),
     previousChatMessages,
     sendMessage,
     refreshSession,
@@ -5935,11 +5946,7 @@ function useLogsPanelLayout(workflowName, popOutContainer, popOutContent2, conta
   const isCollapsingDetailsPanel = computed(() => overviewPanelResizer.isFullSize.value);
   const popOutWindowTitle = computed(() => `Logs - ${workflowName.value}`);
   const shouldPopOut = computed(() => logsStore.state === LOGS_PANEL_STATE.FLOATING);
-  const {
-    canPopOut,
-    isPoppedOut,
-    popOutWindow
-  } = usePopOutWindow({
+  const { canPopOut, isPoppedOut, popOutWindow } = usePopOutWindow({
     title: popOutWindowTitle,
     initialHeight: INITIAL_POPUP_HEIGHT,
     initialWidth: window.document.body.offsetWidth * 0.8,
@@ -5994,6 +6001,7 @@ function useLogsPanelLayout(workflowName, popOutContainer, popOutContent2, conta
     },
     { immediate: true }
   );
+  onBeforeUnmount(() => logsStore.setHeight(0));
   return {
     height: resizer.size,
     chatPanelWidth: chatPanelResizer.size,

package/dist/assets/{MainHeader-IFzZPcNW.js → MainHeader-BGOzl1ir.js}

@@ -1,14 +1,14 @@
-import { d as defineComponent, r as ref, x as computed, e as createBlock, f as createCommentVNode, g as openBlock, l as unref, y as N8nPopoverReka, w as withCtx, j as createBaseVNode, n as normalizeClass, i as createVNode, h as createElementBlock, m as N8nHeading, k as createTextVNode, t as toDisplayString, z as N8nCallout, F as Fragment, A as renderList, B as withModifiers, N as N8nIcon, p as N8nText, C as N8nLink, D as useI18n, T as Tag, _ as _export_sfc, E as ElDropdown, G as N8nAvatar, H as ElDropdownMenu, I as ElDropdownItem, J as N8nUserInfo, K as mergeProps, L as MAIN_HEADER_TABS, O as N8nRadioButtons, P as useDebounce, Q as useUIStore, R as BREAKPOINT_SM, S as BREAKPOINT_XL, U as BREAKPOINT_LG, W as BREAKPOINT_MD, o as onMounted, X as onBeforeUnmount, Y as renderSlot, Z as nextTick, $ as getBannerRowHeight, a0 as defineStore, a1 as usePushConnectionStore, a2 as useWorkflowsStore, u as useUsersStore, a3 as useRoute, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, a5 as STORES, a6 as TIME, a7 as useDocumentVisibility, a8 as watch, V as VIEWS, a9 as resolveComponent, aa as Tooltip, ab as _sfc_main$d, c as useI18n$1, ac as I18nT, b as useRouter, ad as useEvaluationStore, ae as useNodeTypesStore, af as useWorkflowSettingsCache, ag as useSourceControlStore, ah as WORKFLOW_ACTIVE_MODAL_KEY, ai as ERROR_WORKFLOW_DOCS_URL, aj as EVALUATIONS_DOCS_URL, ak as TIME_SAVED_DOCS_URL, al as WORKFLOW_SETTINGS_MODAL_KEY, am as useTelemetry, an as useMessage, ao as MODAL_CONFIRM, ap as debounce, aq as normalizeStyle, ar as createEventBus, as as useTagsStore, at as useCssModule, au as useRootStore, v as useSettingsStore, av as useProjectsStore, aw as useFoldersStore, ax as useNpsSurveyStore, a as useToast, ay as useDocumentTitle, az as useWorkflowSaving, aA as useWorkflowHelpers, aB as usePageRedirectionHelper, aC as getResourcePermissions, aD as WORKFLOW_MENU_ACTIONS, aE as hasPermission, aF as EnterpriseEditionFeature, aG as ProjectTypes, aH as useTemplateRef, aI as InlineRename, aJ as MAX_WORKFLOW_NAME_LENGTH, aK as _sfc_main$e, aL as N8nBadge, q as N8nButton, aM as SaveButton, aN as N8nActionDropdown, aO as WORKFLOW_SHARE_MODAL_KEY, aP as nodeViewEventBus, aQ as IMPORT_WORKFLOW_URL_MODAL_KEY, aR as FileSaver_minExports, aS as DUPLICATE_MODAL_KEY, aT as ResourceType, aU as PROJECT_MOVE_RESOURCE_MODAL, aV as __vitePreload, aW as hyphenate, aX as h, aY as hasOwn, aZ as useNDVStore, a_ as useExecutionsStore, a$ as useLocalStorage, b0 as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, b1 as STICKY_NODE_TYPE, b2 as onBeforeMount, b3 as withDirectives, b4 as vShow, b5 as N8N_MAIN_GITHUB_REPO_URL } from "./index-BqqmY62y.js";
-import { _ as __unplugin_components_0, W as WorkflowActivator } from "./WorkflowActivator-GWpvfdPq.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-BfDs84Xo.js";
-import { _ as _sfc_main$f } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-DOMRXCVj.js";
-import { u as usePushConnection } from "./usePushConnection-BxoIfCAQ.js";
-import "./ProjectBreadcrumb-vTjbzQHC.js";
-import "./useWorkflowActivate-Dk_tmPQm.js";
-import "./global-link-actions-DLwTpw-D.js";
-import "./readyToRunWorkflows.store-DV_gQvCM.js";
-import "./readyToRunWorkflowsV2.store-ZhxGm4dM.js";
-import "./useProjectPages-DGeR5Bq7.js";
+import { d as defineComponent, r as ref, x as computed, e as createBlock, f as createCommentVNode, g as openBlock, l as unref, y as N8nPopoverReka, w as withCtx, j as createBaseVNode, n as normalizeClass, i as createVNode, h as createElementBlock, m as N8nHeading, k as createTextVNode, t as toDisplayString, z as N8nCallout, F as Fragment, A as renderList, B as withModifiers, N as N8nIcon, p as N8nText, C as N8nLink, D as useI18n, T as Tag, _ as _export_sfc, E as ElDropdown, G as N8nAvatar, H as ElDropdownMenu, I as ElDropdownItem, J as N8nUserInfo, K as mergeProps, L as MAIN_HEADER_TABS, O as N8nRadioButtons, P as useDebounce, Q as useUIStore, R as BREAKPOINT_SM, S as BREAKPOINT_XL, U as BREAKPOINT_LG, W as BREAKPOINT_MD, o as onMounted, X as onBeforeUnmount, Y as renderSlot, Z as nextTick, $ as getBannerRowHeight, a0 as defineStore, a1 as usePushConnectionStore, a2 as useWorkflowsStore, u as useUsersStore, a3 as useRoute, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, a5 as STORES, a6 as TIME, a7 as useDocumentVisibility, a8 as watch, V as VIEWS, a9 as resolveComponent, aa as Tooltip, ab as _sfc_main$d, c as useI18n$1, ac as I18nT, b as useRouter, ad as useEvaluationStore, ae as useNodeTypesStore, af as useWorkflowSettingsCache, ag as useSourceControlStore, ah as WORKFLOW_ACTIVE_MODAL_KEY, ai as ERROR_WORKFLOW_DOCS_URL, aj as EVALUATIONS_DOCS_URL, ak as TIME_SAVED_DOCS_URL, al as WORKFLOW_SETTINGS_MODAL_KEY, am as useTelemetry, an as useMessage, ao as MODAL_CONFIRM, ap as debounce, aq as normalizeStyle, ar as createEventBus, as as useTagsStore, at as useCssModule, au as useRootStore, v as useSettingsStore, av as useProjectsStore, aw as useFoldersStore, ax as useNpsSurveyStore, a as useToast, ay as useDocumentTitle, az as useWorkflowSaving, aA as useWorkflowHelpers, aB as usePageRedirectionHelper, aC as getResourcePermissions, aD as WORKFLOW_MENU_ACTIONS, aE as hasPermission, aF as EnterpriseEditionFeature, aG as ProjectTypes, aH as useTemplateRef, aI as InlineRename, aJ as MAX_WORKFLOW_NAME_LENGTH, aK as _sfc_main$e, aL as N8nBadge, q as N8nButton, aM as SaveButton, aN as N8nActionDropdown, aO as WORKFLOW_SHARE_MODAL_KEY, aP as nodeViewEventBus, aQ as IMPORT_WORKFLOW_URL_MODAL_KEY, aR as FileSaver_minExports, aS as DUPLICATE_MODAL_KEY, aT as ResourceType, aU as PROJECT_MOVE_RESOURCE_MODAL, aV as __vitePreload, aW as hyphenate, aX as h, aY as hasOwn, aZ as useNDVStore, a_ as useExecutionsStore, a$ as useLocalStorage, b0 as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, b1 as STICKY_NODE_TYPE, b2 as onBeforeMount, b3 as withDirectives, b4 as vShow, b5 as N8N_MAIN_GITHUB_REPO_URL } from "./index-DGLJxfnn.js";
+import { _ as __unplugin_components_0, W as WorkflowActivator } from "./WorkflowActivator-2k4uBcXx.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-DixKQhw1.js";
+import { _ as _sfc_main$f } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-BvsEzRu6.js";
+import { u as usePushConnection } from "./usePushConnection-C9lQfiNc.js";
+import "./ProjectBreadcrumb-DdovGxoT.js";
+import "./useWorkflowActivate-ByzVgA6z.js";
+import "./global-link-actions-Cq9wmyMP.js";
+import "./readyToRunWorkflows.store-By37rv7G.js";
+import "./readyToRunWorkflowsV2.store-Dl9lSVnl.js";
+import "./useProjectPages-eaNvpOz-.js";
 const _hoisted_1$4 = ["data-action-id", "onClick"];
 const _hoisted_2$3 = { key: 0 };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({

package/dist/assets/{MainSidebar-D-2Yb5yU.js → MainSidebar-CGhxTuih.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, r as ref, e as createBlock, g as openBlock, w as withCtx, i as createVNode, l as unref, b6 as ElSubMenu, n as normalizeClass, h as createElementBlock, F as Fragment, A as renderList, b7 as _sfc_main$6, b8 as ElMenuItem, f as createCommentVNode, k as createTextVNode, Y as renderSlot, N as N8nIcon, p as N8nText, t as toDisplayString, K as mergeProps, b9 as withKeys, ba as ElMenu, _ as _export_sfc, bb as get, ag as useSourceControlStore, av as useProjectsStore, a3 as useRoute, b as useRouter, x as computed, aE as hasPermission, aC as getResourcePermissions, aq as normalizeStyle, j as createBaseVNode, aa as Tooltip, q as N8nButton, c as useI18n, a0 as defineStore, bc as useCloudPlanStore, au as useRootStore, bd as useStorage, be as DateTime, a5 as STORES, am as useTelemetry, v as useSettingsStore, a as useToast, bf as sortByProperty, V as VIEWS, bg as updatedIconSet, aB as usePageRedirectionHelper, u as useUsersStore, b2 as onBeforeMount, bh as N8nMenuItem, bi as useDebugInfo, bj as useVersionsStore, Q as useUIStore, C as N8nLink, bk as VERSIONS_MODAL_KEY, bl as useTemplatesStore, a2 as useWorkflowsStore, bm as usePersonalizedTemplatesV2Store, P as useDebounce, bn as useCalloutHelpers, bo as useKeybindings, bp as RELEASE_NOTES_URL, o as onMounted, bq as useExternalHooks, Z as nextTick, X as onBeforeUnmount, br as onClickOutside, a9 as resolveComponent, ac as I18nT, ab as _sfc_main$7, bs as createSlots, G as N8nAvatar, aN as N8nActionDropdown, bt as N8nMenu, bu as WHATS_NEW_MODAL_KEY, bv as ABOUT_MODAL_KEY, bw as EXPERIMENT_TEMPLATE_RECO_V2_KEY, bx as trackTemplatesClick, by as TemplateClickSource } from "./index-BqqmY62y.js";
-import { L as Logo } from "./Logo-DqC1X5we.js";
+import { d as defineComponent, r as ref, e as createBlock, g as openBlock, w as withCtx, i as createVNode, l as unref, b6 as ElSubMenu, n as normalizeClass, h as createElementBlock, F as Fragment, A as renderList, b7 as _sfc_main$6, b8 as ElMenuItem, f as createCommentVNode, k as createTextVNode, Y as renderSlot, N as N8nIcon, p as N8nText, t as toDisplayString, K as mergeProps, b9 as withKeys, ba as ElMenu, _ as _export_sfc, bb as get, ag as useSourceControlStore, av as useProjectsStore, a3 as useRoute, b as useRouter, x as computed, aE as hasPermission, aC as getResourcePermissions, aq as normalizeStyle, j as createBaseVNode, aa as Tooltip, q as N8nButton, c as useI18n, a0 as defineStore, bc as useCloudPlanStore, au as useRootStore, bd as useStorage, be as DateTime, a5 as STORES, am as useTelemetry, v as useSettingsStore, a as useToast, bf as sortByProperty, V as VIEWS, bg as updatedIconSet, aB as usePageRedirectionHelper, u as useUsersStore, b2 as onBeforeMount, bh as N8nMenuItem, bi as useDebugInfo, bj as useVersionsStore, Q as useUIStore, C as N8nLink, bk as VERSIONS_MODAL_KEY, bl as useTemplatesStore, a2 as useWorkflowsStore, bm as usePersonalizedTemplatesV2Store, P as useDebounce, bn as useCalloutHelpers, bo as useKeybindings, bp as RELEASE_NOTES_URL, o as onMounted, bq as useExternalHooks, Z as nextTick, X as onBeforeUnmount, br as onClickOutside, a9 as resolveComponent, ac as I18nT, ab as _sfc_main$7, bs as createSlots, G as N8nAvatar, aN as N8nActionDropdown, bt as N8nMenu, bu as WHATS_NEW_MODAL_KEY, bv as ABOUT_MODAL_KEY, bw as EXPERIMENT_TEMPLATE_RECO_V2_KEY, bx as trackTemplatesClick, by as TemplateClickSource } from "./index-DGLJxfnn.js";
+import { L as Logo } from "./Logo-ayCSvzHf.js";
 const ROOT_MENU_INDEX = "-1";
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
@@ -881,7 +881,12 @@ ${debugInfo.generateDebugInfo({ skipSensitive: true, secondaryHeader: true })}}`
 }
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "VersionUpdateCTA",
+  props: {
+    disabled: { type: Boolean, default: false },
+    tooltipText: { default: void 0 }
+  },
   setup(__props) {
+    const props = __props;
     const i18n = useI18n();
     const versionsStore = useVersionsStore();
     const uiStore = useUIStore();
@@ -915,13 +920,22 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createVNode(unref(N8nButton), {
-          class: normalizeClass(_ctx.$style.button),
-          label: unref(i18n).baseText("whatsNew.update"),
-          "data-test-id": "version-update-cta-button",
-          size: "mini",
-          onClick: onUpdateClick
-        }, null, 8, ["class", "label"])
+        createVNode(unref(Tooltip), {
+          disabled: !props.tooltipText,
+          content: props.tooltipText
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(N8nButton), {
+              class: normalizeClass(_ctx.$style.button),
+              label: unref(i18n).baseText("whatsNew.update"),
+              "data-test-id": "version-update-cta-button",
+              size: "mini",
+              disabled: props.disabled,
+              onClick: onUpdateClick
+            }, null, 8, ["class", "label", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["disabled", "content"])
       ], 2);
     };
   }
@@ -1140,7 +1154,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             id: "version-upgrade-cta",
             component: VersionUpdateCTA,
             available: versionsStore.hasVersionUpdates,
-            props: {}
+            props: {
+              disabled: !usersStore.canUserUpdateVersion,
+              tooltipText: !usersStore.canUserUpdateVersion ? i18n.baseText("whatsNew.updateNudgeTooltip") : void 0
+            }
           }
         ]
       }

package/dist/assets/{NodeCreation-CrPTESjn.js → NodeCreation-C2TX7WTu.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-Db1k7Npw.js","assets/index-BqqmY62y.js","assets/index-B7wrqKiF.css","assets/NodeCreator-COTYfPaK.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, Q as useUIStore, cJ as useFocusPanelStore, fk as useAssistantStore, hy as useActions, h as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, i as createVNode, w as withCtx, ab as _sfc_main$1, l as unref, c as useI18n, ci as KeyboardShortcutTooltip, q as N8nButton, j as createBaseVNode, dc as _sfc_main$2, k as createTextVNode, t as toDisplayString, aa as Tooltip, dx as defineAsyncComponent, dw as Suspense, F as Fragment, aV as __vitePreload, dy as NODE_CREATOR_OPEN_SOURCES, hz as getMidCanvasPosition, b1 as STICKY_NODE_TYPE, am as useTelemetry, hA as DEFAULT_STICKY_WIDTH, hB as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-BqqmY62y.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-tQVCw9Uh.js","assets/index-DGLJxfnn.js","assets/index-CpPc1kM8.css","assets/NodeCreator-COTYfPaK.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, Q as useUIStore, cJ as useFocusPanelStore, fm as useAssistantStore, hA as useActions, h as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, i as createVNode, w as withCtx, ab as _sfc_main$1, l as unref, c as useI18n, ci as KeyboardShortcutTooltip, q as N8nButton, j as createBaseVNode, dc as _sfc_main$2, k as createTextVNode, t as toDisplayString, aa as Tooltip, dx as defineAsyncComponent, dw as Suspense, F as Fragment, aV as __vitePreload, dy as NODE_CREATOR_OPEN_SOURCES, hB as getMidCanvasPosition, b1 as STICKY_NODE_TYPE, am as useTelemetry, hC as DEFAULT_STICKY_WIDTH, hD as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-DGLJxfnn.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeCreation",
   props: {
@@ -10,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
     const LazyNodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-Db1k7Npw.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-tQVCw9Uh.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const props = __props;
     const emit = __emit;

package/dist/assets/{NodeCreator-Db1k7Npw.js → NodeCreator-tQVCw9Uh.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, db as reactive, o as onMounted, bq as useExternalHooks, X as onBeforeUnmount, c2 as toRefs, h as createElementBlock, g as openBlock, n as normalizeClass, j as createBaseVNode, f as createCommentVNode, i as createVNode, N as N8nIcon, _ as _export_sfc, l as unref, ig as REGULAR_NODE_CREATOR_VIEW, F as Fragment, Y as renderSlot, ih as useViewStacks, r as ref, ae as useNodeTypesStore, x as computed, u as useUsersStore, e as createBlock, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, ii as _sfc_main$b, aa as Tooltip, f4 as i18n, ij as fetchInstalledPackageInfo, ik as captureException, il as useKeyboardNavigation, hy as useActions, dd as useNodeCreatorStore, bn as useCalloutHelpers, im as CUSTOM_API_CALL_KEY, io as TRIGGER_NODE_CREATOR_VIEW, ip as isNodePreviewKey, iq as OPEN_AI_NODE_TYPE, ir as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, am as useTelemetry, is as getActiveViewCallouts, cd as resolveDirective, it as ItemsRenderer, bs as createSlots, iu as withMemo, iv as CategorizedItemsRenderer, c as useI18n, z as N8nCallout, b3 as withDirectives, cV as InfoTip, B as withModifiers, iw as CommunityNodeFooter, ix as HTTP_REQUEST_NODE_TYPE, fA as createStaticVNode, C as N8nLink, iy as REQUEST_NODE_FORM_URL, iz as filterAndSearchNodes, iA as getRootSearchCallouts, hW as WEBHOOK_NODE_TYPE, iB as PRE_BUILT_AGENTS_COLLECTION, iC as camelCase, iD as shouldShowCommunityNodeDetails, fn as isCommunityPackageName, iE as prepareCommunityNodeDetailsViewStack, i1 as getNodeIconSource, iF as transformNodeType, iG as AINodesView, iH as AIView, iI as RegularView, iJ as TriggerView, iK as flattenCreateElements, iL as HITL_SUBCATEGORY, iM as getHumanInTheLoopActions, iN as AI_OTHERS_NODE_CREATOR_VIEW, iO as AI_NODE_CREATOR_VIEW, et as useCommunityNodesStore, a as useToast, bY as NodeIcon, iP as OfficialIcon, q as N8nButton, de as useCredentialsStore, iQ as removePreviewToken, P as useDebounce, c8 as onUnmounted, a8 as watch, eb as N8nNotice, c3 as normalizeProps, K as mergeProps, hY as Transition, iR as AI_EVALUATION, iS as AI_UNCATEGORIZED_CATEGORY, Q as useUIStore, fk as useAssistantStore, dh as useBuilderStore, br as onClickOutside, ab as _sfc_main$c, aq as normalizeStyle, iT as SlideTransition, dL as DRAG_EVENT_DATA_KEY, iU as useActionsGenerator } from "./index-BqqmY62y.js";
+import { d as defineComponent, db as reactive, o as onMounted, bq as useExternalHooks, X as onBeforeUnmount, c2 as toRefs, h as createElementBlock, g as openBlock, n as normalizeClass, j as createBaseVNode, f as createCommentVNode, i as createVNode, N as N8nIcon, _ as _export_sfc, l as unref, ii as REGULAR_NODE_CREATOR_VIEW, F as Fragment, Y as renderSlot, ij as useViewStacks, r as ref, ae as useNodeTypesStore, x as computed, u as useUsersStore, e as createBlock, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, ik as _sfc_main$b, aa as Tooltip, f6 as i18n, il as fetchInstalledPackageInfo, im as captureException, io as useKeyboardNavigation, hA as useActions, dd as useNodeCreatorStore, bn as useCalloutHelpers, ip as CUSTOM_API_CALL_KEY, iq as TRIGGER_NODE_CREATOR_VIEW, ir as isNodePreviewKey, is as OPEN_AI_NODE_TYPE, it as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, am as useTelemetry, iu as getActiveViewCallouts, cd as resolveDirective, iv as ItemsRenderer, bs as createSlots, iw as withMemo, ix as CategorizedItemsRenderer, c as useI18n, z as N8nCallout, b3 as withDirectives, cV as InfoTip, B as withModifiers, iy as CommunityNodeFooter, iz as HTTP_REQUEST_NODE_TYPE, fA as createStaticVNode, C as N8nLink, iA as REQUEST_NODE_FORM_URL, iB as filterAndSearchNodes, iC as getRootSearchCallouts, hY as WEBHOOK_NODE_TYPE, iD as PRE_BUILT_AGENTS_COLLECTION, iE as camelCase, iF as shouldShowCommunityNodeDetails, fp as isCommunityPackageName, iG as prepareCommunityNodeDetailsViewStack, i3 as getNodeIconSource, iH as transformNodeType, iI as AINodesView, iJ as AIView, iK as RegularView, iL as TriggerView, iM as flattenCreateElements, iN as HITL_SUBCATEGORY, iO as getHumanInTheLoopActions, iP as AI_OTHERS_NODE_CREATOR_VIEW, iQ as AI_NODE_CREATOR_VIEW, ev as useCommunityNodesStore, a as useToast, bY as NodeIcon, iR as OfficialIcon, q as N8nButton, de as useCredentialsStore, iS as removePreviewToken, P as useDebounce, c8 as onUnmounted, a8 as watch, eb as N8nNotice, c3 as normalizeProps, K as mergeProps, h_ as Transition, iT as AI_EVALUATION, iU as AI_UNCATEGORIZED_CATEGORY, Q as useUIStore, fm as useAssistantStore, dh as useBuilderStore, br as onClickOutside, ab as _sfc_main$c, aq as normalizeStyle, iV as SlideTransition, dL as DRAG_EVENT_DATA_KEY, iW as useActionsGenerator } from "./index-DGLJxfnn.js";
 const _hoisted_1$5 = ["placeholder", "value"];
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "SearchBar",

package/dist/assets/{NodeDetailsView-T6l22FLo.js → NodeDetailsView-C-BCfvgR.js}

@@ -1,16 +1,16 @@
-import { d as defineComponent, e as createBlock, g as openBlock, gk as Draggable, n as normalizeClass, w as withCtx, j as createBaseVNode, h as createElementBlock, f as createCommentVNode, i as createVNode, N as N8nIcon, _ as _export_sfc, cn as useThrottleFn, aZ as useNDVStore, Q as useUIStore, r as ref, fL as useSlots, o as onMounted, x as computed, cy as ndvEventBus, X as onBeforeUnmount, a8 as watch, hC as MAIN_NODE_PANEL_WIDTH, bd as useStorage, hD as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, l as unref, aq as normalizeStyle, Y as renderSlot, cj as N8nResizeWrapper, Z as nextTick, bM as useNodeHelpers, ex as storeToRefs, bK as usePinnedData, ae as useNodeTypesStore, a2 as useWorkflowsStore, cN as useDeviceSupport, cO as useTelemetryContext, hE as getNodeOutputs, bD as NodeConnectionTypes, bR as START_NODE_TYPE, hF as EXECUTABLE_TRIGGER_NODE_TYPES, b1 as STICKY_NODE_TYPE, hG as BASE_NODE_SURVEY_URL, hH as dataPinningEventBus, a9 as resolveComponent, aa as Tooltip, p as N8nText, k as createTextVNode, t as toDisplayString, c as useI18n, bs as createSlots, hI as NodeSettings, ar as createEventBus, hJ as InputPanel, ck as useStyles, hK as APP_MODALS_ELEMENT_ID, am as useTelemetry, an as useMessage, ao as MODAL_CONFIRM, dq as jsonParse, bq as useExternalHooks } from "./index-BqqmY62y.js";
-import { _ as __unplugin_components_0, O as OutputPanel, T as TriggerPanel } from "./TriggerPanel-CGEgWBP1.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-Dk_tmPQm.js";
-import "./RunDataParsedAiContent-CCScHhrV.js";
-import "./core-BmUd0ZQy.js";
-import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-DlF8qxM5.js";
-import "./NodeView-B08ajmmZ.js";
-import "./global-link-actions-DLwTpw-D.js";
-import "./useExecutionDebugging-ZrtkQtcL.js";
-import "./useBeforeUnload-BfDs84Xo.js";
-import "./canvas-CNbb2A4n.js";
-import "./readyToRunWorkflows.store-DV_gQvCM.js";
-import "./InfoAccordion-DXq9DJ4j.js";
+import { d as defineComponent, e as createBlock, g as openBlock, gk as Draggable, n as normalizeClass, w as withCtx, j as createBaseVNode, h as createElementBlock, f as createCommentVNode, i as createVNode, N as N8nIcon, _ as _export_sfc, cn as useThrottleFn, aZ as useNDVStore, Q as useUIStore, r as ref, fL as useSlots, o as onMounted, x as computed, cy as ndvEventBus, X as onBeforeUnmount, a8 as watch, hE as MAIN_NODE_PANEL_WIDTH, bd as useStorage, hF as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, l as unref, aq as normalizeStyle, Y as renderSlot, cj as N8nResizeWrapper, Z as nextTick, bM as useNodeHelpers, ez as storeToRefs, bK as usePinnedData, ae as useNodeTypesStore, a2 as useWorkflowsStore, cN as useDeviceSupport, cO as useTelemetryContext, hG as getNodeOutputs, bD as NodeConnectionTypes, bR as START_NODE_TYPE, hH as EXECUTABLE_TRIGGER_NODE_TYPES, b1 as STICKY_NODE_TYPE, hI as BASE_NODE_SURVEY_URL, hJ as dataPinningEventBus, a9 as resolveComponent, aa as Tooltip, p as N8nText, k as createTextVNode, t as toDisplayString, c as useI18n, bs as createSlots, hK as NodeSettings, ar as createEventBus, hL as InputPanel, ck as useStyles, hM as APP_MODALS_ELEMENT_ID, am as useTelemetry, an as useMessage, ao as MODAL_CONFIRM, dq as jsonParse, bq as useExternalHooks } from "./index-DGLJxfnn.js";
+import { _ as __unplugin_components_0, O as OutputPanel, T as TriggerPanel } from "./TriggerPanel-aOMoGQPb.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-ByzVgA6z.js";
+import "./RunDataParsedAiContent-Ce_ctsro.js";
+import "./core-WbBbE4BE.js";
+import "./ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-CgS2Cb5Q.js";
+import "./NodeView-B6Bv6TYS.js";
+import "./global-link-actions-Cq9wmyMP.js";
+import "./useExecutionDebugging-CONIO3Vz.js";
+import "./useBeforeUnload-DixKQhw1.js";
+import "./canvas-DjkOwLgJ.js";
+import "./readyToRunWorkflows.store-By37rv7G.js";
+import "./InfoAccordion-TbgnFURd.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "PanelDragButton",
   props: {