n8n-editor-ui 1.85.2 → 1.87.0

package/dist/assets/{useOverview-DcRuPjLJ.css → InsightsSummary-W08OzElS.css}

@@ -120,113 +120,135 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._insights_1r55j_123 {
+._insights_2xtm2_123 {
   display: grid;
   grid-template-rows: auto 1fr;
   padding: var(--spacing-xs) 0 var(--spacing-2xl);
 }
-._insights_1r55j_123 ul {
+._insights_2xtm2_123 ul {
   display: flex;
-  height: 91px;
+  height: 101px;
   align-items: stretch;
-  justify-content: flex-start;
+  justify-content: space-evenly;
   border: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
   border-radius: 6px;
   list-style: none;
-  background-color: var(--color-background-xlight);
   overflow-x: auto;
 }
-._insights_1r55j_123 ul li {
+._insights_2xtm2_123 ul li {
   display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  flex: 1;
+  justify-content: stretch;
+  align-items: stretch;
+  flex: 1 0;
   border-left: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
-  padding: 0 var(--spacing-xl) 0 var(--spacing-l);
 }
-._insights_1r55j_123 ul li:first-child {
+._insights_2xtm2_123 ul li:first-child {
   border-left: 0;
 }
-._insights_1r55j_123 ul p {
+._insights_2xtm2_123 ul a {
   display: grid;
+  align-items: center;
+  align-content: center;
+  width: 100%;
+  height: 100%;
+  padding: var(--spacing-3xs) var(--spacing-l) 0;
+  border-bottom: 3px solid transparent;
+}
+._insights_2xtm2_123 ul a:hover {
+  background-color: var(--color-background-xlight);
+  transition: background-color 0.3s;
 }
-._insights_1r55j_123 ul p strong {
+._insights_2xtm2_123 ul a._activeTab_2xtm2_161 {
+  background-color: var(--color-background-xlight);
+  border-color: var(--color-primary);
+  transition: background-color 0.3s ease-in-out;
+}
+._insights_2xtm2_123 ul a strong {
+  justify-self: flex-start;
   color: var(--color-text-dark);
   font-size: var(--font-size-s);
   font-weight: 400;
   white-space: nowrap;
-  margin-bottom: var(--spacing-2xs);
+  margin-bottom: var(--spacing-3xs);
 }
-._insights_1r55j_123 ul p span {
+._insights_2xtm2_123 ul a ._days_2xtm2_174 {
+  padding: 0;
+  margin: 0 0 var(--spacing-xs);
+  color: var(--color-text-light);
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-normal);
+}
+._insights_2xtm2_123 ul a span {
   display: flex;
   align-items: baseline;
-  gap: var(--spacing-xs);
 }
-._insights_1r55j_123 ul p span._empty_1r55j_165 em {
+._insights_2xtm2_123 ul a span._empty_2xtm2_185 em {
   color: var(--color-text-lighter);
 }
-._insights_1r55j_123 ul p span._empty_1r55j_165 small {
+._insights_2xtm2_123 ul a span._empty_2xtm2_185 small {
   padding: 0;
   height: 21px;
   font-weight: var(--font-weight-bold);
 }
-._insights_1r55j_123 ul p span._empty_1r55j_165 small ._icon_1r55j_173 {
+._insights_2xtm2_123 ul a span._empty_2xtm2_185 small ._icon_2xtm2_193 {
   height: 20px;
   width: 8px;
   top: -3px;
   transform: translateY(0);
   color: var(--color-text-light);
 }
-._insights_1r55j_123 ul p em {
+._insights_2xtm2_123 ul a em {
   display: flex;
   align-items: baseline;
   justify-content: flex-start;
   color: var(--color-text-dark);
-  font-size: var(--font-size-2xl);
+  font-size: 24px;
   line-height: 100%;
   font-weight: 600;
   font-style: normal;
   gap: var(--spacing-5xs);
 }
-._insights_1r55j_123 ul p em i {
+._insights_2xtm2_123 ul a em i {
   color: var(--color-text-light);
   font-size: 22px;
   font-style: normal;
 }
-._insights_1r55j_123 ul p small {
+._insights_2xtm2_123 ul a small {
   position: relative;
   display: flex;
   align-items: center;
-  padding: 0 0 0 18px;
-  font-size: 14px;
-  font-weight: 400;
+  padding: 0 0 0 14px;
+  margin: 0 0 0 var(--spacing-xs);
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-bold);
   white-space: nowrap;
 }
-._positive_1r55j_206 {
+._positive_2xtm2_227 {
   color: var(--color-success);
 }
-._negative_1r55j_210 {
+._negative_2xtm2_231 {
   color: var(--color-danger);
 }
-._neutral_1r55j_214 {
+._neutral_2xtm2_235 {
   color: var(--color-text-light);
 }
-._neutral_1r55j_214 ._icon_1r55j_173 {
-  font-size: 23px;
+._neutral_2xtm2_235 ._icon_2xtm2_193 {
+  font-size: 17px;
 }
-._icon_1r55j_173 {
+._icon_2xtm2_193 {
   position: absolute;
-  font-size: 32px;
+  font-size: 17px;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
 }
-._loading_1r55j_229 {
+._loading_2xtm2_250 {
   display: flex;
+  min-height: 91px;
   align-self: stretch;
   align-items: stretch;
 }
-._loading_1r55j_229 > div {
+._loading_2xtm2_250 > div {
   margin: 0;
   height: auto;
 }

package/dist/assets/InsightsSummary-vMmKUcie.js

@@ -0,0 +1,185 @@
+import { d as defineComponent, W as useRoute, a0 as useCssModule, r as ref, q as computed, c as useI18n, V as VIEWS, h as resolveComponent, i as createElementBlock, g as openBlock, e as createBlock, n as normalizeClass, m as unref, F as Fragment, D as renderList, j as createVNode, w as withCtx, k as createBaseVNode, l as createTextVNode, t as toDisplayString, f as createCommentVNode, gx as INSIGHT_IMPACT_TYPES, gy as INSIGHTS_UNIT_IMPACT_MAPPING, _ as _export_sfc } from "./index-DD7Wuhk5.js";
+const smartDecimal = (value, decimals = 2) => {
+  if (Number.isInteger(value)) {
+    return value;
+  }
+  if (value.toString().split(".")[1].length <= decimals) {
+    return value;
+  }
+  return Number(value.toFixed(decimals));
+};
+const _hoisted_1 = {
+  key: 1,
+  "data-test-id": "insights-summary-tabs"
+};
+const _hoisted_2 = ["data-test-id"];
+const _hoisted_3 = { href: "#" };
+const _hoisted_4 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InsightsSummary",
+  props: {
+    summary: {},
+    loading: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const i18n = useI18n();
+    const route = useRoute();
+    const $style = useCssModule();
+    const lastNDays = ref(7);
+    const summaryTitles = computed(() => ({
+      total: i18n.baseText("insights.banner.title.total"),
+      failed: i18n.baseText("insights.banner.title.failed"),
+      failureRate: i18n.baseText("insights.banner.title.failureRate"),
+      timeSaved: i18n.baseText("insights.banner.title.timeSaved"),
+      averageRunTime: i18n.baseText("insights.banner.title.averageRunTime")
+    }));
+    const summaryWithRouteLocations = computed(
+      () => props.summary.map((s) => ({
+        ...s,
+        to: { name: VIEWS.INSIGHTS, params: { insightType: s.id }, query: route.query }
+      }))
+    );
+    const getImpactStyle = (id, value) => {
+      const impact = INSIGHTS_UNIT_IMPACT_MAPPING[id];
+      if (value === 0 || impact === INSIGHT_IMPACT_TYPES.NEUTRAL) {
+        return $style.neutral;
+      }
+      if (impact === INSIGHT_IMPACT_TYPES.POSITIVE) {
+        return value > 0 ? $style.positive : $style.negative;
+      }
+      if (impact === INSIGHT_IMPACT_TYPES.NEGATIVE) {
+        return value < 0 ? $style.positive : $style.negative;
+      }
+      return $style.neutral;
+    };
+    return (_ctx, _cache) => {
+      const _component_N8nLoading = resolveComponent("N8nLoading");
+      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      const _component_i18n_t = resolveComponent("i18n-t");
+      const _component_N8nIcon = resolveComponent("N8nIcon");
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref($style).insights)
+      }, [
+        _ctx.loading ? (openBlock(), createBlock(_component_N8nLoading, {
+          key: 0,
+          class: normalizeClass(unref($style).loading),
+          cols: 5
+        }, null, 8, ["class"])) : (openBlock(), createElementBlock("ul", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(summaryWithRouteLocations.value, ({ id, value, deviation, deviationUnit, unit, to }) => {
+            return openBlock(), createElementBlock("li", {
+              key: id,
+              "data-test-id": `insights-summary-tab-${id}`
+            }, [
+              createVNode(_component_router_link, {
+                to,
+                "exact-active-class": unref($style).activeTab
+              }, {
+                default: withCtx(() => [
+                  createBaseVNode("strong", null, [
+                    createVNode(_component_N8nTooltip, {
+                      placement: "bottom",
+                      disabled: id !== "timeSaved"
+                    }, {
+                      content: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(i18n).baseText("insights.banner.title.timeSaved.tooltip")), 1)
+                      ]),
+                      default: withCtx(() => [
+                        createTextVNode(" " + toDisplayString(summaryTitles.value[id]), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled"])
+                  ]),
+                  createBaseVNode("small", {
+                    class: normalizeClass(unref($style).days)
+                  }, toDisplayString(unref(i18n).baseText("insights.lastNDays", { interpolate: { count: lastNDays.value } })), 3),
+                  value === 0 && id === "timeSaved" ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    class: normalizeClass(unref($style).empty)
+                  }, [
+                    _cache[0] || (_cache[0] = createBaseVNode("em", null, "--", -1)),
+                    createBaseVNode("small", null, [
+                      createVNode(_component_N8nTooltip, { placement: "bottom" }, {
+                        content: withCtx(() => [
+                          createVNode(_component_i18n_t, { keypath: "insights.banner.timeSaved.tooltip" }, {
+                            link: withCtx(() => [
+                              createBaseVNode("a", _hoisted_3, toDisplayString(unref(i18n).baseText("insights.banner.timeSaved.tooltip.link.text")), 1)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        default: withCtx(() => [
+                          createVNode(_component_N8nIcon, {
+                            class: normalizeClass(unref($style).icon),
+                            icon: "info-circle"
+                          }, null, 8, ["class"])
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ], 2)) : (openBlock(), createElementBlock("span", _hoisted_4, [
+                    createBaseVNode("em", null, [
+                      createTextVNode(toDisplayString(unref(smartDecimal)(value).toLocaleString("en-US")) + " ", 1),
+                      createBaseVNode("i", null, toDisplayString(unit), 1)
+                    ]),
+                    deviation !== null ? (openBlock(), createElementBlock("small", {
+                      key: 0,
+                      class: normalizeClass(getImpactStyle(id, deviation))
+                    }, [
+                      createVNode(_component_N8nIcon, {
+                        class: normalizeClass([unref($style).icon, getImpactStyle(id, deviation)]),
+                        icon: deviation === 0 ? "caret-right" : deviation > 0 ? "caret-up" : "caret-down"
+                      }, null, 8, ["class", "icon"]),
+                      createVNode(_component_N8nTooltip, {
+                        placement: "bottom",
+                        disabled: id !== "failureRate"
+                      }, {
+                        content: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(i18n).baseText("insights.banner.failureRate.deviation.tooltip")), 1)
+                        ]),
+                        default: withCtx(() => [
+                          createTextVNode(" " + toDisplayString(unref(smartDecimal)(Math.abs(deviation)).toLocaleString("en-US")) + toDisplayString(deviationUnit), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["disabled"])
+                    ], 2)) : createCommentVNode("", true)
+                  ]))
+                ]),
+                _: 2
+              }, 1032, ["to", "exact-active-class"])
+            ], 8, _hoisted_2);
+          }), 128))
+        ]))
+      ], 2);
+    };
+  }
+});
+const insights = "_insights_2xtm2_123";
+const activeTab = "_activeTab_2xtm2_161";
+const days = "_days_2xtm2_174";
+const empty = "_empty_2xtm2_185";
+const icon = "_icon_2xtm2_193";
+const positive = "_positive_2xtm2_227";
+const negative = "_negative_2xtm2_231";
+const neutral = "_neutral_2xtm2_235";
+const loading = "_loading_2xtm2_250";
+const style0 = {
+  insights,
+  activeTab,
+  days,
+  empty,
+  icon,
+  positive,
+  negative,
+  neutral,
+  loading
+};
+const cssModules = {
+  "$style": style0
+};
+const InsightsSummary = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  InsightsSummary as I,
+  smartDecimal as s
+};

package/dist/assets/InsightsTableWorkflows-DQQ1vvMz.js

@@ -0,0 +1,129 @@
+import { d as defineComponent, q as computed, r as ref, c as useI18n, i0 as transformInsightsFailureRate, i1 as INSIGHTS_UNIT_MAPPING, i3 as transformInsightsTimeSaved, i4 as transformInsightsAverageRunTime, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, e as createBlock, m as unref, aS as N8nTooltip, k as createBaseVNode, t as toDisplayString, F as Fragment, i5 as N8nDataTableServer, _ as _export_sfc } from "./index-DD7Wuhk5.js";
+import { s as smartDecimal } from "./InsightsSummary-vMmKUcie.js";
+const _hoisted_1 = { class: "ellipsis" };
+const _hoisted_2 = { class: "ellipsis" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InsightsTableWorkflows",
+  props: {
+    data: {},
+    loading: { type: Boolean }
+  },
+  emits: ["update:options"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const i18n = useI18n();
+    const rows = computed(() => props.data.data);
+    const headers = ref([
+      {
+        title: "Name",
+        key: "workflowName",
+        width: 400,
+        disableSort: true
+      },
+      {
+        title: i18n.baseText("insights.banner.title.total"),
+        key: "total",
+        value(row) {
+          return row.total.toLocaleString("en-US");
+        }
+      },
+      {
+        title: i18n.baseText("insights.banner.title.failed"),
+        key: "failed",
+        value(row) {
+          return row.failed.toLocaleString("en-US");
+        }
+      },
+      {
+        title: i18n.baseText("insights.banner.title.failureRate"),
+        key: "failureRate",
+        value(row) {
+          return smartDecimal(transformInsightsFailureRate(row.failureRate)) + INSIGHTS_UNIT_MAPPING.failureRate(row.failureRate);
+        }
+      },
+      {
+        title: i18n.baseText("insights.banner.title.timeSaved"),
+        key: "timeSaved",
+        value(row) {
+          return smartDecimal(transformInsightsTimeSaved(row.timeSaved)) + INSIGHTS_UNIT_MAPPING.timeSaved(row.timeSaved);
+        }
+      },
+      {
+        title: i18n.baseText("insights.banner.title.averageRunTime"),
+        key: "averageRunTime",
+        value(row) {
+          return smartDecimal(transformInsightsAverageRunTime(row.averageRunTime)) + INSIGHTS_UNIT_MAPPING.averageRunTime(row.averageRunTime);
+        }
+      },
+      {
+        title: "Project name",
+        key: "projectName",
+        disableSort: true
+      }
+    ]);
+    const sortTableBy = ref([{ id: "total", desc: true }]);
+    const currentPage = ref(0);
+    const itemsPerPage = ref(20);
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      const _component_N8nHeading = resolveComponent("N8nHeading");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_N8nHeading, {
+          bold: "",
+          tag: "h3",
+          size: "medium",
+          class: "mb-s"
+        }, {
+          default: withCtx(() => _cache[4] || (_cache[4] = [
+            createTextVNode("Workflow insights")
+          ])),
+          _: 1
+        }),
+        createVNode(N8nDataTableServer, {
+          "sort-by": sortTableBy.value,
+          "onUpdate:sortBy": _cache[0] || (_cache[0] = ($event) => sortTableBy.value = $event),
+          page: currentPage.value,
+          "onUpdate:page": _cache[1] || (_cache[1] = ($event) => currentPage.value = $event),
+          "items-per-page": itemsPerPage.value,
+          "onUpdate:itemsPerPage": _cache[2] || (_cache[2] = ($event) => itemsPerPage.value = $event),
+          items: rows.value,
+          headers: headers.value,
+          "items-length": _ctx.data.count,
+          loading: _ctx.loading,
+          "onUpdate:options": _cache[3] || (_cache[3] = ($event) => emit("update:options", $event))
+        }, {
+          [`item.workflowName`]: withCtx(({ item }) => [
+            createVNode(unref(N8nTooltip), {
+              content: item.workflowName,
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createBaseVNode("div", _hoisted_1, toDisplayString(item.workflowName), 1)
+              ]),
+              _: 2
+            }, 1032, ["content"])
+          ]),
+          [`item.projectName`]: withCtx(({ item }) => [
+            item.projectName ? (openBlock(), createBlock(unref(N8nTooltip), {
+              key: 0,
+              content: item.projectName,
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createBaseVNode("div", _hoisted_2, toDisplayString(item.projectName), 1)
+              ]),
+              _: 2
+            }, 1032, ["content"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(" - ")
+            ], 64))
+          ]),
+          _: 2
+        }, 1032, ["sort-by", "page", "items-per-page", "items", "headers", "items-length", "loading"])
+      ]);
+    };
+  }
+});
+const InsightsTableWorkflows = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87b93426"]]);
+export {
+  InsightsTableWorkflows as default
+};

package/dist/assets/InsightsTableWorkflows-Us3j4UTO.css

@@ -0,0 +1,128 @@
+/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.ellipsis[data-v-87b93426] {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.2;
+}

package/dist/assets/{Logo-CxllxUni.js → Logo-Vm92axlM.js}

@@ -1,4 +1,4 @@
-import { i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, $ as useCssModule, bw as useTemplateRef, o as onMounted, de as useFavicon, n as normalizeClass, j as createVNode, e as createBlock, f as createCommentVNode, x as renderSlot, m as unref, _ as _export_sfc } from "./index-DZljH0cm.js";
+import { i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, a0 as useCssModule, bA as useTemplateRef, o as onMounted, dj as useFavicon, n as normalizeClass, j as createVNode, e as createBlock, f as createCommentVNode, x as renderSlot, m as unref, _ as _export_sfc } from "./index-DD7Wuhk5.js";
 const _hoisted_1$1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",

package/dist/assets/{MainHeader-9gTxUJIR.js → MainHeader-BUhpvu2K.js}

@@ -1,13 +1,12 @@
-import { d as defineComponent, s as MAIN_HEADER_TABS, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, n as normalizeClass, j as createVNode, _ as _export_sfc, q as computed, v as shorten, x as renderSlot, r as ref, y as onBeforeUnmount, o as onMounted, z as nextTick, A as debounce, e as createBlock, m as unref, B as normalizeStyle, C as createEventBus, w as withCtx, k as createBaseVNode, F as Fragment, D as renderList, l as createTextVNode, t as toDisplayString, E as useTagsStore, G as onClickOutside, H as withKeys, I as watch, J as withModifiers, K as useDebounce, L as useUIStore, N as BREAKPOINT_SM, O as BREAKPOINT_XL, P as BREAKPOINT_LG, Q as BREAKPOINT_MD, R as getBannerRowHeight, V as VIEWS, c as useI18n, S as defineStore, T as useWorkflowsStore, u as useUsersStore, U as useRoute, W as PLACEHOLDER_EMPTY_WORKFLOW_ID, X as STORES, Y as TIME, Z as useDocumentVisibility, $ as useCssModule, a0 as useRootStore, a1 as useCanvasStore, p as useSettingsStore, a2 as useSourceControlStore, a3 as useProjectsStore, a4 as useNpsSurveyStore, b as useRouter, a as useToast, a5 as useDocumentTitle, a6 as useWorkflowHelpers, a7 as usePageRedirectionHelper, a8 as getResourcePermissions, a9 as WORKFLOW_MENU_ACTIONS, aa as hasPermission, ab as EnterpriseEditionFeature, ac as ProjectTypes, ad as MAX_WORKFLOW_NAME_LENGTH, ae as _sfc_main$f, af as SaveButton, ag as WORKFLOW_SHARE_MODAL_KEY, ah as useTelemetry, ai as nodeViewEventBus, aj as useMessage, ak as MODAL_CONFIRM, al as WORKFLOW_SETTINGS_MODAL_KEY, am as SOURCE_CONTROL_PUSH_MODAL_KEY, an as VALID_WORKFLOW_IMPORT_URL_REGEX, ao as DUPLICATE_MODAL_KEY, ap as __vitePreload, aq as hyphenate, ar as h, as as hasOwn, at as useNDVStore, au as useExecutionsStore, av as usePostHog, aw as useLocalStorage, ax as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, ay as WORKFLOW_EVALUATION_EXPERIMENT, az as STICKY_NODE_TYPE, aA as onBeforeMount, aB as withDirectives, aC as vShow, aD as N8N_MAIN_GITHUB_REPO_URL } from "./index-DZljH0cm.js";
-import { _ as _sfc_main$g } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-CSazgsi8.js";
-import { W as WorkflowActivator } from "./WorkflowActivator-BsceIfln.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-BFlrxvKb.js";
-import { u as usePushConnectionStore } from "./pushConnection.store-DHLcz9cC.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-D3VgyjMF.js";
-import { u as usePushConnection } from "./usePushConnection-DAhrfl2L.js";
-import "./useWorkflowActivate-C_GRAYoC.js";
-import "./global-link-actions-znEIb0N4.js";
-import "./easyAiWorkflowUtils-C7LfXIgb.js";
+import { d as defineComponent, s as MAIN_HEADER_TABS, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, n as normalizeClass, j as createVNode, _ as _export_sfc, q as computed, v as shorten, x as renderSlot, r as ref, y as onBeforeUnmount, o as onMounted, z as nextTick, A as debounce, e as createBlock, m as unref, B as normalizeStyle, C as createEventBus, w as withCtx, k as createBaseVNode, F as Fragment, D as renderList, l as createTextVNode, t as toDisplayString, E as useTagsStore, G as onClickOutside, H as withKeys, I as watch, J as withModifiers, K as useDebounce, L as useUIStore, N as BREAKPOINT_SM, O as BREAKPOINT_XL, P as BREAKPOINT_LG, Q as BREAKPOINT_MD, R as getBannerRowHeight, V as VIEWS, c as useI18n, S as defineStore, T as usePushConnectionStore, U as useWorkflowsStore, u as useUsersStore, W as useRoute, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, Y as STORES, Z as TIME, $ as useDocumentVisibility, a0 as useCssModule, a1 as useRootStore, a2 as useCanvasStore, p as useSettingsStore, a3 as useSourceControlStore, a4 as useProjectsStore, a5 as useNpsSurveyStore, b as useRouter, a as useToast, a6 as useDocumentTitle, a7 as useWorkflowHelpers, a8 as usePageRedirectionHelper, a9 as getResourcePermissions, aa as WORKFLOW_MENU_ACTIONS, ab as hasPermission, ac as EnterpriseEditionFeature, ad as ProjectTypes, ae as MAX_WORKFLOW_NAME_LENGTH, af as _sfc_main$f, ag as SaveButton, ah as WORKFLOW_SHARE_MODAL_KEY, ai as useTelemetry, aj as nodeViewEventBus, ak as useMessage, al as MODAL_CONFIRM, am as WORKFLOW_SETTINGS_MODAL_KEY, an as SOURCE_CONTROL_PUSH_MODAL_KEY, ao as VALID_WORKFLOW_IMPORT_URL_REGEX, ap as DUPLICATE_MODAL_KEY, aq as __vitePreload, ar as hyphenate, as as h, at as hasOwn, au as useNDVStore, av as useExecutionsStore, aw as usePostHog, ax as useLocalStorage, ay as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, az as WORKFLOW_EVALUATION_EXPERIMENT, aA as STICKY_NODE_TYPE, aB as onBeforeMount, aC as withDirectives, aD as vShow, aE as N8N_MAIN_GITHUB_REPO_URL } from "./index-DD7Wuhk5.js";
+import { _ as _sfc_main$g } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-BL-bMMgn.js";
+import { W as WorkflowActivator } from "./WorkflowActivator-C197X_D6.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-DTsj_abb.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-Bs2qHlKb.js";
+import { u as usePushConnection } from "./usePushConnection-9zsAnuvC.js";
+import "./useWorkflowActivate-DeEvbrsK.js";
+import "./global-link-actions-vGpWr9Uz.js";
+import "./easyAiWorkflowUtils-V__OjFo9.js";
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "TabBar",
   props: {