n8n-editor-ui 1.86.0 → 1.87.1

package/dist/assets/{WorkflowsView-CmgKYCQ6.js → WorkflowsView-dot2ovV7.js}

@@ -1,11 +1,11 @@
-import { P as ProjectCardBadge } from "./ProjectCardBadge-B7cCM6Eo.js";
-import { d as defineComponent, U as useRoute, b as useRouter, q as computed, c as useI18n, V as VIEWS, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, e as createBlock, m as unref, go as ResourceType, J as withModifiers, l as createTextVNode, t as toDisplayString, cR as _sfc_main$4, _ as _export_sfc, a3 as useProjectsStore, ac as ProjectTypes, aV as createSlots, a as useToast, p as useSettingsStore, L as useUIStore, u as useUsersStore, T as useWorkflowsStore, gp as useFoldersStore, r as ref, a8 as getResourcePermissions, fl as dateFormat, aB as withDirectives, aC as vShow, ag as WORKFLOW_SHARE_MODAL_KEY, ah as useTelemetry, ao as DUPLICATE_MODAL_KEY, aj as useMessage, ak as MODAL_CONFIRM, gq as PROJECT_MOVE_RESOURCE_MODAL, gr as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, gs as ILLEGAL_FOLDER_CHARACTERS, gt as FOLDER_NAME_ONLY_DOTS_REGEX, gu as FOLDER_NAME_MAX_LENGTH, a2 as useSourceControlStore, av as usePostHog, E as useTagsStore, da as useUsageStore, gv as useInsightsStore, a5 as useDocumentTitle, K as useDebounce, ab as EnterpriseEditionFeature, gw as EASY_AI_WORKFLOW_EXPERIMENT, I as watch, o as onMounted, C as createEventBus, y as onBeforeUnmount, A as debounce, d7 as N8nInputLabel, ae as _sfc_main$5, gx as N8nSelect, F as Fragment, D as renderList, gy as _sfc_main$6, cX as N8nHeading, b8 as N8nText, gz as N8nCard, ca as N8nIcon, gA as DEFAULT_WORKFLOW_PAGE_SIZE, bW as AI_CREDITS_EXPERIMENT, dd as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-CkOV8f0Z.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-CiiXWGd5.js";
-import { W as WorkflowActivator } from "./WorkflowActivator-DfalOPsa.js";
-import { u as useOverview, P as ProjectHeader } from "./ProjectHeader-BjPaep-H.js";
-import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-CLssJdgl.js";
-import { I as InsightsSummary } from "./InsightsSummary-CyilLKXz.js";
-import "./useWorkflowActivate-CkCvd-g6.js";
+import { P as ProjectCardBadge } from "./ProjectCardBadge-BdyDghHf.js";
+import { d as defineComponent, W as useRoute, b as useRouter, q as computed, c as useI18n, V as VIEWS, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, n as normalizeClass, k as createBaseVNode, f as createCommentVNode, e as createBlock, m as unref, gj as ResourceType, J as withModifiers, l as createTextVNode, t as toDisplayString, cV as _sfc_main$4, _ as _export_sfc, a4 as useProjectsStore, ad as ProjectTypes, aW as createSlots, a as useToast, p as useSettingsStore, L as useUIStore, u as useUsersStore, U as useWorkflowsStore, gk as useFoldersStore, r as ref, a9 as getResourcePermissions, f9 as dateformat, aC as withDirectives, aD as vShow, ah as WORKFLOW_SHARE_MODAL_KEY, ai as useTelemetry, ap as DUPLICATE_MODAL_KEY, ak as useMessage, al as MODAL_CONFIRM, gl as PROJECT_MOVE_RESOURCE_MODAL, gm as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, gn as ILLEGAL_FOLDER_CHARACTERS, go as FOLDER_NAME_ONLY_DOTS_REGEX, gp as FOLDER_NAME_MAX_LENGTH, a3 as useSourceControlStore, aw as usePostHog, E as useTagsStore, dd as useUsageStore, gq as useInsightsStore, a6 as useDocumentTitle, K as useDebounce, ac as EnterpriseEditionFeature, gr as EASY_AI_WORKFLOW_EXPERIMENT, I as watch, o as onMounted, C as createEventBus, y as onBeforeUnmount, A as debounce, da as N8nInputLabel, af as _sfc_main$5, gs as N8nSelect, F as Fragment, D as renderList, gt as _sfc_main$6, c_ as N8nHeading, b9 as N8nText, gu as N8nCard, bE as N8nIcon, gv as DEFAULT_WORKFLOW_PAGE_SIZE, b$ as AI_CREDITS_EXPERIMENT, dg as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-D76xStxp.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-nD22utQX.js";
+import { W as WorkflowActivator } from "./WorkflowActivator-D9fExB06.js";
+import { u as useOverview, P as ProjectHeader } from "./ProjectHeader-D8-9oE80.js";
+import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-C5xkiwuo.js";
+import { I as InsightsSummary } from "./InsightsSummary-Bf61oFlG.js";
+import "./useWorkflowActivate-BvmFVCGP.js";
 const FOLDER_LIST_ITEM_ACTIONS = {
   OPEN: "open",
   CREATE: "create",
@@ -417,7 +417,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     const formattedCreatedAtDate = computed(() => {
       const currentYear = (/* @__PURE__ */ new Date()).getFullYear().toString();
-      return dateFormat(
+      return dateformat(
         props.data.createdAt,
         `d mmmm${String(props.data.createdAt).startsWith(currentYear) ? "" : ", yyyy"}`
       );
@@ -1692,7 +1692,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         header: withCtx(() => [
           createVNode(ProjectHeader, { onCreateFolder: createFolderInCurrent }, {
             default: withCtx(() => [
-              unref(overview).isOverviewSubPage ? (openBlock(), createBlock(InsightsSummary, {
+              unref(overview).isOverviewSubPage && unref(insightsStore).isSummaryEnabled ? (openBlock(), createBlock(InsightsSummary, {
                 key: 0,
                 loading: unref(insightsStore).summary.isLoading,
                 summary: unref(insightsStore).summary.state

package/dist/assets/chartjs.utils-BLcAAfTE.js

@@ -0,0 +1,193 @@
+import { gf as useCssVar, h$ as merge } from "./index-D76xStxp.js";
+import { s as smartDecimal } from "./InsightsSummary-Bf61oFlG.js";
+const generateLinearGradient = (ctx, height) => {
+  const gradient = ctx.createLinearGradient(0, 0, 0, height);
+  gradient.addColorStop(0, "rgba(255, 111,92, 1)");
+  gradient.addColorStop(0.8, "rgba(255, 111, 92, 0.25)");
+  gradient.addColorStop(1, "rgba(255, 111, 92, 0)");
+  return gradient;
+};
+const generateLineChartOptions = (overrides = {}) => {
+  const colorTextDark = useCssVar("--color-text-dark", document.body);
+  const colorBackgroundLight = useCssVar("--color-background-xlight", document.body);
+  const colorForeGroundBase = useCssVar("--color-foreground-base", document.body);
+  const colorTextLight = useCssVar("--color-text-light", document.body);
+  return merge(
+    {
+      responsive: true,
+      maintainAspectRatio: 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) {
+              const label = context.dataset.label ?? "";
+              return `${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
+  );
+};
+const generateBarChartOptions = (overrides = {}) => {
+  const colorTextLight = useCssVar("--color-text-light", document.body);
+  const colorTextDark = useCssVar("--color-text-dark", document.body);
+  const colorBackgroundLight = useCssVar("--color-background-xlight", document.body);
+  const colorForeGroundBase = useCssVar("--color-foreground-base", document.body);
+  return merge(
+    {
+      responsive: true,
+      maintainAspectRatio: false,
+      plugins: {
+        legend: {
+          display: true,
+          align: "end",
+          reverse: true,
+          position: "top",
+          labels: {
+            boxWidth: 8,
+            boxHeight: 8,
+            borderRadius: 2,
+            useBorderRadius: true
+          }
+        },
+        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) {
+              const label = context.dataset.label ?? "";
+              return `${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
+  );
+};
+export {
+  generateLineChartOptions as a,
+  generateLinearGradient as b,
+  generateBarChartOptions as g
+};

package/dist/assets/dateFormatter-Cdy8FmTT.js

@@ -0,0 +1,21 @@
+import { f9 as dateformat } from "./index-D76xStxp.js";
+const convertToDisplayDateComponents = (fullDate) => {
+  const mask = `d mmm${new Date(fullDate).getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "" : ", yyyy"}#HH:MM:ss`;
+  const formattedDate = dateformat(fullDate, mask);
+  const [date, time] = formattedDate.split("#");
+  return { date, time };
+};
+function convertToDisplayDate(fullDate) {
+  const mask = `mmm d${new Date(fullDate).getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "" : ", yyyy"}#HH:MM:ss`;
+  const formattedDate = dateformat(fullDate, mask);
+  const [date, time] = formattedDate.split("#");
+  return { date, time };
+}
+const toDayMonth = (fullDate) => dateformat(fullDate, "d mmm");
+const toTime = (fullDate, includeMillis = false) => dateformat(fullDate, includeMillis ? "HH:MM:ss.l" : "HH:MM:ss");
+export {
+  toDayMonth as a,
+  convertToDisplayDateComponents as b,
+  convertToDisplayDate as c,
+  toTime as t
+};

package/dist/assets/{easyAiWorkflowUtils-CLssJdgl.js → easyAiWorkflowUtils-C5xkiwuo.js}

@@ -1,4 +1,4 @@
-import { bf as NodeConnectionTypes } from "./index-CkOV8f0Z.js";
+import { bu as NodeConnectionTypes } from "./index-D76xStxp.js";
 const getEasyAiWorkflowJson = ({
   isInstanceInAiFreeCreditsExperiment,
   withOpenAiFreeCredits

package/dist/assets/{global-link-actions-BphqczCY.js → global-link-actions-CfWIYTMM.js}

@@ -1,4 +1,4 @@
-import { C as createEventBus } from "./index-CkOV8f0Z.js";
+import { C as createEventBus } from "./index-D76xStxp.js";
 const globalLinkActionsEventBus = createEventBus();
 export {
   globalLinkActionsEventBus as g

package/dist/assets/{import-curl-C9KhAemD.js → import-curl-DO7fae0m.js}

@@ -1,4 +1,4 @@
-import { C as createEventBus } from "./index-CkOV8f0Z.js";
+import { C as createEventBus } from "./index-D76xStxp.js";
 const importCurlEventBus = createEventBus();
 export {
   importCurlEventBus as i

package/dist/assets/{index-C0DaAYgf.js → index-Bo3CExk-.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, g7 as Chart$1, g8 as shallowRef, ar as h, r as ref, o as onMounted, y as onBeforeUnmount, I as watch, d2 as toRaw, g9 as version, ga as isProxy, gb as LineController } from "./index-CkOV8f0Z.js";
+import { f_ as Chart$1, d as defineComponent, f$ as shallowRef, as as h, g0 as LineController, g1 as version, r as ref, o as onMounted, y as onBeforeUnmount, I as watch, d5 as toRaw, g2 as isProxy, g3 as BarController } from "./index-D76xStxp.js";
 const CommonProps = {
   data: {
     type: Object,
@@ -174,8 +174,10 @@ function createTypedChart(type, registerables) {
     }
   });
 }
+const Bar = /* @__PURE__ */ createTypedChart("bar", BarController);
 const Line = /* @__PURE__ */ createTypedChart("line", LineController);
 export {
+  Bar as B,
   Chart as C,
   Line as L
 };