n8n-editor-ui 1.119.1 → 1.120.0

package/dist/assets/{chartjs.utils-Bf07Y-P-.js → chartjs.utils-BCpB09lQ.js}

@@ -1,7 +1,7 @@
 import { o as __toESM } from "./chunk-6z4oVpB-.js";
-import { C as useCssVar } from "./_MapCache-Byd-DTfo.js";
-import { t as require_merge } from "./merge-CKEa8BM2.js";
-import { t as smartDecimal } from "./smartDecimal-5rgLDM96.js";
+import { C as useCssVar } from "./_MapCache-Y29RpBXS.js";
+import { t as require_merge } from "./merge-B2-guEpy.js";
+import { t as smartDecimal } from "./smartDecimal-e9uPsnJa.js";
 var import_merge = /* @__PURE__ */ __toESM(require_merge());
 const generateLinearGradient = (ctx, height) => {
 	const gradient = ctx.createLinearGradient(0, 0, 0, height);

package/dist/assets/chartjs.utils-legacy-DkVdV-lK.js

@@ -0,0 +1,208 @@
+;
+(function () {
+  System.register(["./chunk-legacy-Re9CbdfL.js", "./_MapCache-legacy-GeIax_zP.js", "./merge-legacy-qdjRv-L4.js", "./smartDecimal-legacy-BeOdMR2z.js"], function (_export, _context) {
+    "use strict";
+
+    var __toESM, useCssVar, require_merge, smartDecimal, import_merge, generateLinearGradient, generateLineChartOptions, generateBarChartOptions;
+    return {
+      setters: [function (_chunkLegacy001Js) {
+        __toESM = _chunkLegacy001Js.o;
+      }, function (_MapCacheLegacy005Js) {
+        useCssVar = _MapCacheLegacy005Js.C;
+      }, function (_mergeLegacy00PJs) {
+        require_merge = _mergeLegacy00PJs.t;
+      }, function (_smartDecimalLegacy04zJs) {
+        smartDecimal = _smartDecimalLegacy04zJs.t;
+      }],
+      execute: function () {
+        //#region src/features/execution/insights/chartjs.utils.ts
+        import_merge = /* @__PURE__ */__toESM(require_merge());
+        /**
+        *
+        * Chart js configuration
+        */
+        _export("r", generateLinearGradient = (ctx, height) => {
+          const gradient = ctx.createLinearGradient(0, 0, 0, height);
+          gradient.addColorStop(0, "rgba(255, 111,92, 1)");
+          gradient.addColorStop(.8, "rgba(255, 111, 92, 0.25)");
+          gradient.addColorStop(1, "rgba(255, 111, 92, 0)");
+          return gradient;
+        });
+        _export("n", generateLineChartOptions = (overrides = {}) => {
+          const colorTextDark = useCssVar("--color--text--shade-1", document.body);
+          const colorBackgroundLight = useCssVar("--color--background--light-3", document.body);
+          const colorForeGroundBase = useCssVar("--color--foreground", document.body);
+          const colorTextLight = useCssVar("--color--text--tint-1", document.body);
+          return (0, import_merge.default)({
+            responsive: true,
+            maintainAspectRatio: false,
+            animation: false,
+            plugins: {
+              legend: {
+                display: false
+              },
+              tooltip: {
+                caretSize: 0,
+                xAlign: "center",
+                yAlign: "bottom",
+                padding: 16,
+                titleFont: {
+                  size: 14
+                },
+                bodyFont: {
+                  size: 14
+                },
+                backgroundColor: colorBackgroundLight.value,
+                titleColor: colorTextDark.value,
+                bodyColor: colorTextDark.value,
+                borderWidth: 1,
+                borderColor: colorForeGroundBase.value,
+                callbacks: {
+                  label(context) {
+                    return `${context.dataset.label ?? ""} ${smartDecimal(context.parsed.y).toLocaleString("en-US")}`;
+                  },
+                  labelColor(context) {
+                    return {
+                      borderColor: "rgba(0, 0, 0, 0)",
+                      backgroundColor: context.dataset.backgroundColor,
+                      borderWidth: 0,
+                      borderRadius: 2
+                    };
+                  }
+                }
+              }
+            },
+            interaction: {
+              mode: "nearest",
+              axis: "x",
+              intersect: false
+            },
+            scales: {
+              x: {
+                grid: {
+                  display: false
+                },
+                stacked: true,
+                beginAtZero: true,
+                border: {
+                  display: false
+                },
+                ticks: {
+                  color: colorTextLight.value
+                }
+              },
+              y: {
+                grid: {
+                  color: colorForeGroundBase.value
+                },
+                stacked: true,
+                border: {
+                  display: false
+                },
+                ticks: {
+                  maxTicksLimit: 3,
+                  color: colorTextLight.value
+                }
+              }
+            }
+          }, overrides);
+        });
+        _export("t", generateBarChartOptions = (overrides = {}) => {
+          const colorTextLight = useCssVar("--color--text--tint-1", document.body);
+          const colorTextDark = useCssVar("--color--text--shade-1", document.body);
+          const colorBackgroundLight = useCssVar("--color--background--light-3", document.body);
+          const colorForeGroundBase = useCssVar("--color--foreground", document.body);
+          return (0, import_merge.default)({
+            responsive: true,
+            maintainAspectRatio: false,
+            animation: false,
+            plugins: {
+              legend: {
+                display: true,
+                align: "end",
+                reverse: true,
+                position: "top",
+                labels: {
+                  boxWidth: 8,
+                  boxHeight: 8,
+                  borderRadius: 2,
+                  useBorderRadius: true,
+                  color: colorTextLight.value
+                }
+              },
+              tooltip: {
+                caretSize: 0,
+                xAlign: "center",
+                yAlign: "bottom",
+                padding: 16,
+                titleFont: {
+                  size: 14
+                },
+                bodyFont: {
+                  size: 14
+                },
+                backgroundColor: colorBackgroundLight.value,
+                titleColor: colorTextDark.value,
+                bodyColor: colorTextDark.value,
+                borderWidth: 1,
+                borderColor: colorForeGroundBase.value,
+                callbacks: {
+                  label(context) {
+                    return `${context.dataset.label ?? ""} ${context.parsed.y}`;
+                  },
+                  labelColor(context) {
+                    return {
+                      borderColor: "rgba(0, 0, 0, 0)",
+                      backgroundColor: context.dataset.backgroundColor,
+                      borderWidth: 0,
+                      borderRadius: 2
+                    };
+                  }
+                }
+              }
+            },
+            interaction: {
+              mode: "nearest",
+              axis: "x",
+              intersect: false
+            },
+            datasets: {
+              bar: {
+                maxBarThickness: 32,
+                borderRadius: 4
+              }
+            },
+            scales: {
+              x: {
+                grid: {
+                  display: false
+                },
+                stacked: true,
+                beginAtZero: true,
+                border: {
+                  display: false
+                },
+                ticks: {
+                  color: colorTextLight.value
+                }
+              },
+              y: {
+                grid: {
+                  color: colorForeGroundBase.value
+                },
+                stacked: true,
+                border: {
+                  display: false
+                },
+                ticks: {
+                  maxTicksLimit: 3,
+                  color: colorTextLight.value
+                }
+              }
+            }
+          }, overrides);
+        }); //#endregion
+      }
+    };
+  });
+})();

package/dist/assets/{chatPanel.store-fM-8PK9i.js → chatPanel.store-CB1RbrcJ.js}

@@ -1,8 +1,8 @@
 import { C as computed, _t as watch } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { y as useRoute } from "./truncate-DGRsht-H.js";
-import { Ni as useUIStore, Ro as useSettingsStore, bc as STORES, vc as defineStore } from "./useTelemetry-EOV0Llso.js";
-import { cc as ASK_AI_SLIDE_OUT_DURATION_MS, fo as EDITABLE_CANVAS_VIEWS } from "./constants-DvlTm3U4.js";
-import { a as ASSISTANT_ENABLED_VIEWS, i as useBuilderStore, o as BUILDER_ENABLED_VIEWS, r as useChatPanelStateStore, t as useAssistantStore } from "./assistant.store-DvuxtpS4.js";
+import { y as useRoute } from "./truncate-mIB0DVrK.js";
+import { Bo as useSettingsStore, Cc as STORES, Ni as useUIStore, xc as defineStore } from "./useTelemetry-CWnh4Zlh.js";
+import { fo as EDITABLE_CANVAS_VIEWS, uc as ASK_AI_SLIDE_OUT_DURATION_MS } from "./constants-COt-IPHd.js";
+import { a as ASSISTANT_ENABLED_VIEWS, i as useBuilderStore, o as BUILDER_ENABLED_VIEWS, r as useChatPanelStateStore, t as useAssistantStore } from "./assistant.store-CxWBk3OU.js";
 function isEnabledView(route, views) {
 	return typeof route === "string" && views.includes(route);
 }

package/dist/assets/chatPanel.store-legacy-BKAXbpla.js

@@ -0,0 +1,153 @@
+;
+(function () {
+  System.register(["./vue.runtime.esm-bundler-legacy-Bq05oSFs.js", "./truncate-legacy-B1qmzcuB.js", "./useTelemetry-legacy-BDIroahM.js", "./constants-legacy-DiqA0Pu_.js", "./assistant.store-legacy-BM5rx1Eo.js"], function (_export, _context) {
+    "use strict";
+
+    var computed, watch, useRoute, useSettingsStore, STORES, useUIStore, defineStore, EDITABLE_CANVAS_VIEWS, ASK_AI_SLIDE_OUT_DURATION_MS, ASSISTANT_ENABLED_VIEWS, useBuilderStore, BUILDER_ENABLED_VIEWS, useChatPanelStateStore, useAssistantStore, MAX_CHAT_WIDTH, MIN_CHAT_WIDTH, DEFAULT_CHAT_WIDTH, useChatPanelStore;
+    /**
+    * Type guard to check if a route name is a valid VIEWS value within the enabled views
+    * Performs runtime validation to safely narrow the type without unsafe assertions
+    */
+    function isEnabledView(route, views) {
+      return typeof route === "string" && views.includes(route);
+    }
+    return {
+      setters: [function (_vueRuntimeEsmBundlerLegacy003Js) {
+        computed = _vueRuntimeEsmBundlerLegacy003Js.C;
+        watch = _vueRuntimeEsmBundlerLegacy003Js._t;
+      }, function (_truncateLegacy00hJs) {
+        useRoute = _truncateLegacy00hJs.y;
+      }, function (_useTelemetryLegacy00FJs) {
+        useSettingsStore = _useTelemetryLegacy00FJs.Bo;
+        STORES = _useTelemetryLegacy00FJs.Cc;
+        useUIStore = _useTelemetryLegacy00FJs.Ni;
+        defineStore = _useTelemetryLegacy00FJs.xc;
+      }, function (_constantsLegacy00NJs) {
+        EDITABLE_CANVAS_VIEWS = _constantsLegacy00NJs.fo;
+        ASK_AI_SLIDE_OUT_DURATION_MS = _constantsLegacy00NJs.uc;
+      }, function (_assistantStoreLegacy00RJs) {
+        ASSISTANT_ENABLED_VIEWS = _assistantStoreLegacy00RJs.a;
+        useBuilderStore = _assistantStoreLegacy00RJs.i;
+        BUILDER_ENABLED_VIEWS = _assistantStoreLegacy00RJs.o;
+        useChatPanelStateStore = _assistantStoreLegacy00RJs.r;
+        useAssistantStore = _assistantStoreLegacy00RJs.t;
+      }],
+      execute: function () {
+        //#region src/features/ai/assistant/chatPanel.store.ts
+        MAX_CHAT_WIDTH = 425;
+        MIN_CHAT_WIDTH = 380;
+        DEFAULT_CHAT_WIDTH = 400;
+        _export("t", useChatPanelStore = defineStore(STORES.CHAT_PANEL, () => {
+          const uiStore = useUIStore();
+          const route = useRoute();
+          const chatPanelStateStore = useChatPanelStateStore();
+          const settingsStore = useSettingsStore();
+          const isAssistantModeActive = computed(() => chatPanelStateStore.activeMode === "assistant");
+          const isBuilderModeActive = computed(() => chatPanelStateStore.activeMode === "builder");
+          const canShowAiButtonOnCanvas = computed(() => settingsStore.isAiAssistantOrBuilderEnabled && EDITABLE_CANVAS_VIEWS.includes(route.name));
+          async function open(options) {
+            const mode = options?.mode;
+            if (mode) chatPanelStateStore.activeMode = mode;
+            const enabledViews = chatPanelStateStore.activeMode === "assistant" ? ASSISTANT_ENABLED_VIEWS : BUILDER_ENABLED_VIEWS;
+            const currentRoute = route?.name;
+            if (!isEnabledView(currentRoute, enabledViews)) {
+              close();
+              return;
+            }
+            chatPanelStateStore.isOpen = true;
+            if (chatPanelStateStore.activeMode === "builder") {
+              const builderStore = useBuilderStore();
+              builderStore.chatMessages = [];
+              builderStore.fetchBuilderCredits();
+              builderStore.loadSessions();
+            } else if (chatPanelStateStore.activeMode === "assistant") {
+              const assistantStore = useAssistantStore();
+              assistantStore.chatMessages = assistantStore.chatMessages.map(msg => ({
+                ...msg,
+                read: true
+              }));
+            }
+            uiStore.appGridDimensions = {
+              ...uiStore.appGridDimensions,
+              width: window.innerWidth - chatPanelStateStore.width
+            };
+          }
+          function close() {
+            chatPanelStateStore.isOpen = false;
+            setTimeout(() => {
+              uiStore.appGridDimensions = {
+                ...uiStore.appGridDimensions,
+                width: window.innerWidth
+              };
+              const assistantStore = useAssistantStore();
+              const builderStore = useBuilderStore();
+              if (assistantStore.isSessionEnded) assistantStore.resetAssistantChat();
+              builderStore.resetBuilderChat();
+            }, 200 + 50);
+          }
+          async function toggle(options) {
+            if (chatPanelStateStore.isOpen) close();else await open(options);
+          }
+          function switchMode(mode) {
+            const enabledViews = mode === "assistant" ? ASSISTANT_ENABLED_VIEWS : BUILDER_ENABLED_VIEWS;
+            const currentRoute = route?.name;
+            if (!isEnabledView(currentRoute, enabledViews)) {
+              close();
+              return;
+            }
+            chatPanelStateStore.activeMode = mode;
+          }
+          function updateWidth(newWidth) {
+            const clampedWidth = Math.min(Math.max(newWidth, 380), 425);
+            chatPanelStateStore.width = clampedWidth;
+            if (chatPanelStateStore.isOpen) uiStore.appGridDimensions = {
+              ...uiStore.appGridDimensions,
+              width: window.innerWidth - clampedWidth
+            };
+          }
+          /**
+          * Opens assistant with credential help context
+          */
+          async function openWithCredHelp(credentialType) {
+            await useAssistantStore().initCredHelp(credentialType);
+            await open({
+              mode: "assistant"
+            });
+          }
+          /**
+          * Opens assistant with error helper context
+          */
+          async function openWithErrorHelper(context) {
+            await useAssistantStore().initErrorHelper(context);
+            await open({
+              mode: "assistant"
+            });
+          }
+          watch(() => route?.name, newRoute => {
+            if (!chatPanelStateStore.isOpen || !newRoute) return;
+            const builderStore = useBuilderStore();
+            if (!isEnabledView(newRoute, chatPanelStateStore.activeMode === "assistant" ? ASSISTANT_ENABLED_VIEWS : BUILDER_ENABLED_VIEWS)) close();else if (isEnabledView(newRoute, BUILDER_ENABLED_VIEWS)) builderStore.resetBuilderChat();
+          });
+          return {
+            isOpen: computed(() => chatPanelStateStore.isOpen),
+            width: computed(() => chatPanelStateStore.width),
+            activeMode: computed(() => chatPanelStateStore.activeMode),
+            isAssistantModeActive,
+            isBuilderModeActive,
+            canShowAiButtonOnCanvas,
+            open,
+            close,
+            toggle,
+            switchMode,
+            updateWidth,
+            openWithCredHelp,
+            openWithErrorHelper,
+            DEFAULT_CHAT_WIDTH: 400,
+            MIN_CHAT_WIDTH: 380,
+            MAX_CHAT_WIDTH: 425
+          };
+        })); //#endregion
+      }
+    };
+  });
+})();

package/dist/assets/chunk-legacy-Re9CbdfL.js

@@ -0,0 +1,59 @@
+;
+(function () {
+  System.register([], function (_export, _context) {
+    "use strict";
+
+    var __create, __defProp, __getOwnPropDesc, __getOwnPropNames, __getProtoOf, __hasOwnProp, __esm, __commonJS, __export, __copyProps, __toESM, __toCommonJS, __require;
+    return {
+      setters: [],
+      execute: function () {
+        //#region rolldown:runtime
+        __create = Object.create;
+        __defProp = Object.defineProperty;
+        __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+        __getOwnPropNames = Object.getOwnPropertyNames;
+        __getProtoOf = Object.getPrototypeOf;
+        __hasOwnProp = Object.prototype.hasOwnProperty;
+        _export("n", __esm = (fn, res) => function () {
+          return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+        });
+        _export("t", __commonJS = (cb, mod) => function () {
+          return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = {
+            exports: {}
+          }).exports, mod), mod.exports;
+        });
+        _export("r", __export = all => {
+          let target = {};
+          for (var name in all) __defProp(target, name, {
+            get: all[name],
+            enumerable: true
+          });
+          return target;
+        });
+        __copyProps = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+            key = keys[i];
+            if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+              get: (k => from[k]).bind(null, key),
+              enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+            });
+          }
+          return to;
+        };
+        _export("o", __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+          value: mod,
+          enumerable: true
+        }) : target, mod)));
+        _export("a", __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+          value: true
+        }), mod));
+        _export("i", __require = /* @__PURE__ */(x => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+          get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+        }) : x)(function (x) {
+          if (typeof require !== "undefined") return require.apply(this, arguments);
+          throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function.");
+        })); //#endregion
+      }
+    };
+  });
+})();

package/dist/assets/cloudPlan.store-legacy-BpTKyznI.js

@@ -0,0 +1,208 @@
+;
+(function () {
+  System.register(["./vue.runtime.esm-bundler-legacy-Bq05oSFs.js", "./useTelemetry-legacy-BDIroahM.js", "./constants-legacy-DiqA0Pu_.js"], function (_export, _context) {
+    "use strict";
+
+    var computed, ref, reactive, useSettingsStore, STORES, hasPermission, getCurrentUsage, getAdminPanelLoginCode, useRootStore, getCloudUserInfo, getCurrentPlan, defineStore, DateTime, CLOUD_TRIAL_CHECK_INTERVAL, DEFAULT_STATE, DYNAMIC_TRIAL_BANNER_DISMISSED_KEY, useCloudPlanStore;
+    return {
+      setters: [function (_vueRuntimeEsmBundlerLegacy003Js) {
+        computed = _vueRuntimeEsmBundlerLegacy003Js.C;
+        ref = _vueRuntimeEsmBundlerLegacy003Js.It;
+        reactive = _vueRuntimeEsmBundlerLegacy003Js.Pt;
+      }, function (_useTelemetryLegacy00FJs) {
+        useSettingsStore = _useTelemetryLegacy00FJs.Bo;
+        STORES = _useTelemetryLegacy00FJs.Cc;
+        hasPermission = _useTelemetryLegacy00FJs.Gn;
+        getCurrentUsage = _useTelemetryLegacy00FJs.Gs;
+        getAdminPanelLoginCode = _useTelemetryLegacy00FJs.Hs;
+        useRootStore = _useTelemetryLegacy00FJs.Qs;
+        getCloudUserInfo = _useTelemetryLegacy00FJs.Us;
+        getCurrentPlan = _useTelemetryLegacy00FJs.Ws;
+        defineStore = _useTelemetryLegacy00FJs.xc;
+      }, function (_constantsLegacy00NJs) {
+        DateTime = _constantsLegacy00NJs.$i;
+        CLOUD_TRIAL_CHECK_INTERVAL = _constantsLegacy00NJs.Ws;
+      }],
+      execute: function () {
+        //#region src/app/stores/cloudPlan.store.ts
+        DEFAULT_STATE = {
+          initialized: false,
+          data: null,
+          usage: null,
+          loadingPlan: false
+        };
+        DYNAMIC_TRIAL_BANNER_DISMISSED_KEY = "n8n-dynamic-trial-banner-dismissed";
+        _export("t", useCloudPlanStore = defineStore(STORES.CLOUD_PLAN, () => {
+          const rootStore = useRootStore();
+          const settingsStore = useSettingsStore();
+          const state = reactive(DEFAULT_STATE);
+          const currentUserCloudInfo = ref(null);
+          const isDynamicTrialBannerDismissed = ref(localStorage.getItem(DYNAMIC_TRIAL_BANNER_DISMISSED_KEY) === "true");
+          const reset = () => {
+            currentUserCloudInfo.value = null;
+            state.data = null;
+            state.usage = null;
+          };
+          const userIsTrialing = computed(() => state.data?.metadata?.group === "trial");
+          const currentPlanData = computed(() => state.data);
+          const currentUsageData = computed(() => state.usage);
+          const selectedApps = computed(() => currentUserCloudInfo.value?.selectedApps);
+          const codingSkill = computed(() => {
+            const information = currentUserCloudInfo.value?.information;
+            if (!information) return 0;
+            if (!("which_of_these_do_you_feel_comfortable_doing" in information && information.which_of_these_do_you_feel_comfortable_doing && Array.isArray(information.which_of_these_do_you_feel_comfortable_doing))) return 0;
+            return information.which_of_these_do_you_feel_comfortable_doing.length;
+          });
+          const dynamicTrialBannerText = computed(() => {
+            return currentUserCloudInfo.value?.trialBannerData?.bannerText;
+          });
+          const shouldShowDynamicTrialBanner = computed(() => {
+            return dynamicTrialBannerText.value !== void 0 && dynamicTrialBannerText.value !== "" && !isDynamicTrialBannerDismissed.value;
+          });
+          const dismissDynamicTrialBanner = () => {
+            isDynamicTrialBannerDismissed.value = true;
+            localStorage.setItem(DYNAMIC_TRIAL_BANNER_DISMISSED_KEY, "true");
+          };
+          const trialExpired = computed(() => state.data?.metadata?.group === "trial" && DateTime.now().toMillis() >= DateTime.fromISO(state.data?.expirationDate).toMillis());
+          const allExecutionsUsed = computed(() => {
+            if (!state.usage?.executions || !state.data?.monthlyExecutionsLimit) return false;
+            return state.usage?.executions >= state.data?.monthlyExecutionsLimit;
+          });
+          const hasCloudPlan = computed(() => {
+            const cloudUserId = settingsStore.settings.n8nMetadata?.userId;
+            return hasPermission(["instanceOwner"]) && settingsStore.isCloudDeployment && !!cloudUserId;
+          });
+          const getUserCloudAccount = async () => {
+            if (!hasCloudPlan.value) throw new Error("User does not have a cloud plan");
+            let cloudUser = null;
+            try {
+              cloudUser = await getCloudUserInfo(rootStore.restApiContext);
+              currentUserCloudInfo.value = cloudUser;
+            } catch (error) {
+              throw new Error(error.message);
+            }
+          };
+          const getAutoLoginCode = async () => {
+            return await getAdminPanelLoginCode(rootStore.restApiContext);
+          };
+          const getOwnerCurrentPlan = async () => {
+            if (!hasCloudPlan.value) throw new Error("User does not have a cloud plan");
+            state.loadingPlan = true;
+            let plan;
+            try {
+              plan = await getCurrentPlan(rootStore.restApiContext);
+              state.data = plan;
+              state.loadingPlan = false;
+            } catch (error) {
+              state.loadingPlan = false;
+              throw new Error(error);
+            }
+            return plan;
+          };
+          const getInstanceCurrentUsage = async () => {
+            const usage = await getCurrentUsage({
+              baseUrl: rootStore.baseUrl,
+              pushRef: ""
+            });
+            state.usage = usage;
+            return usage;
+          };
+          const usageLeft = computed(() => {
+            if (!state.data || !state.usage) return {
+              workflowsLeft: -1,
+              executionsLeft: -1
+            };
+            return {
+              workflowsLeft: state.data.activeWorkflowsLimit - state.usage.activeWorkflows,
+              executionsLeft: state.data.monthlyExecutionsLimit - state.usage.executions
+            };
+          });
+          const trialDaysLeft = computed(() => {
+            if (!state.data?.expirationDate) return -1;
+            const differenceInMs = (/* @__PURE__ */new Date()).valueOf() - new Date(state.data.expirationDate).valueOf();
+            const differenceInDays = Math.floor(differenceInMs / (1e3 * 60 * 60 * 24));
+            return Math.ceil(differenceInDays);
+          });
+          const startPollingInstanceUsageData = () => {
+            const interval = setInterval(async () => {
+              try {
+                await getInstanceCurrentUsage();
+                if (trialExpired.value || allExecutionsUsed.value) {
+                  clearTimeout(interval);
+                  return;
+                }
+              } catch {}
+            }, CLOUD_TRIAL_CHECK_INTERVAL);
+          };
+          const checkForCloudPlanData = async () => {
+            try {
+              await getOwnerCurrentPlan();
+              if (!userIsTrialing.value) return;
+              await getInstanceCurrentUsage();
+              startPollingInstanceUsageData();
+            } catch (e) {
+              throw new Error(e.message);
+            }
+          };
+          const fetchUserCloudAccount = async () => {
+            try {
+              await getUserCloudAccount();
+            } catch (e) {
+              throw new Error(e.message);
+            }
+          };
+          const initialize = async () => {
+            if (state.initialized) return;
+            try {
+              await checkForCloudPlanData();
+            } catch (error) {
+              console.warn("Error checking for cloud plan data:", error);
+            }
+            try {
+              await fetchUserCloudAccount();
+            } catch (error) {
+              console.warn("Error fetching user cloud account:", error);
+            }
+            state.initialized = true;
+          };
+          const generateCloudDashboardAutoLoginLink = async data => {
+            const searchParams = new URLSearchParams();
+            const adminPanelHost = new URL(window.location.href).host.split(".").slice(1).join(".");
+            const {
+              code
+            } = await getAutoLoginCode();
+            const linkUrl = `https://${adminPanelHost}/login`;
+            searchParams.set("code", code);
+            searchParams.set("returnPath", data.redirectionPath);
+            return `${linkUrl}?${searchParams.toString()}`;
+          };
+          return {
+            state,
+            usageLeft,
+            trialDaysLeft,
+            userIsTrialing,
+            currentPlanData,
+            currentUsageData,
+            trialExpired,
+            allExecutionsUsed,
+            hasCloudPlan,
+            currentUserCloudInfo,
+            generateCloudDashboardAutoLoginLink,
+            initialize,
+            getOwnerCurrentPlan,
+            getInstanceCurrentUsage,
+            reset,
+            checkForCloudPlanData,
+            fetchUserCloudAccount,
+            getAutoLoginCode,
+            selectedApps,
+            codingSkill,
+            dynamicTrialBannerText,
+            shouldShowDynamicTrialBanner,
+            dismissDynamicTrialBanner
+          };
+        })); //#endregion
+      }
+    };
+  });
+})();

package/dist/assets/{cloudPlan.store-DrraBpZJ.js → cloudPlan.store-oTKMV1Bw.js}

@@ -1,6 +1,6 @@
 import { C as computed, It as ref, Pt as reactive } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { Bs as getCloudUserInfo, Gn as hasPermission, Hs as getCurrentUsage, Ro as useSettingsStore, Vs as getCurrentPlan, Ys as useRootStore, bc as STORES, vc as defineStore, zs as getAdminPanelLoginCode } from "./useTelemetry-EOV0Llso.js";
-import { $i as DateTime, Hs as CLOUD_TRIAL_CHECK_INTERVAL } from "./constants-DvlTm3U4.js";
+import { Bo as useSettingsStore, Cc as STORES, Gn as hasPermission, Gs as getCurrentUsage, Hs as getAdminPanelLoginCode, Qs as useRootStore, Us as getCloudUserInfo, Ws as getCurrentPlan, xc as defineStore } from "./useTelemetry-CWnh4Zlh.js";
+import { $i as DateTime, Ws as CLOUD_TRIAL_CHECK_INTERVAL } from "./constants-COt-IPHd.js";
 var DEFAULT_STATE = {
 	initialized: false,
 	data: null,

package/dist/assets/{col-DK_GtMhM.js → col-dYShDiWC.js}

@@ -1,7 +1,7 @@
 import { C as computed, Gt as unref, P as defineComponent, T as createBlock, _n as normalizeClass, at as renderSlot, bt as withCtx, cn as isObject, ct as resolveDynamicComponent, et as openBlock, nt as provide, tn as init_shared_esm_bundler, yn as normalizeStyle, z as inject } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { an as mutable } from "./src-D6S9Khji.js";
-import { F as definePropType, P as buildProps, Y as isNumber, k as useNamespace } from "./truncate-DGRsht-H.js";
-import { i as withInstall, n as _export_sfc } from "./icon-DhADuA9N.js";
+import { an as mutable } from "./src-FybnR12q.js";
+import { F as definePropType, P as buildProps, Y as isNumber, k as useNamespace } from "./truncate-mIB0DVrK.js";
+import { i as withInstall, n as _export_sfc } from "./icon-OKik-N-d.js";
 var rowContextKey = Symbol("rowContextKey");
 var rowProps = buildProps({
 	tag: {