n8n-editor-ui 1.100.0 → 1.101.0

package/dist/assets/{Logo-C699HbA_.js → Logo-DNxOhbuV.js}

@@ -1,4 +1,4 @@
-import { i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, x as computed, a0 as useCssModule, ag as useTemplateRef, o as onMounted, fw as useFavicon, n as normalizeClass, j as createVNode, e as createBlock, f as createCommentVNode, A as renderSlot, m as unref, _ as _export_sfc } from "./index-ZImlcrmd.js";
+import { i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, x as computed, aa as useCssModule, aq as useTemplateRef, o as onMounted, fZ as useFavicon, n as normalizeClass, j as createVNode, e as createBlock, f as createCommentVNode, J as renderSlot, m as unref, _ as _export_sfc } from "./index-7S5ADieN.js";
 const _hoisted_1$1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",

package/dist/assets/{LogsPanel-BWnaJuFj.js → LogsPanel-DvWnD7rJ.js}

@@ -1,9 +1,9 @@
-import { b4 as isArrayLike, b5 as isArray, b6 as isBuffer, b7 as isTypedArray, b8 as isArguments, b9 as getTag, ba as isPrototype, bb as baseKeys, bc as addTokenUsageData, bd as emptyTokenUsageData, be as isChatNode, bf as NodeConnectionTypes, bg as v4, bh as get, bi as isRef, bj as isReactive, bk as isProxy, bl as toRaw, bm as AGENT_LANGCHAIN_NODE_TYPE, bn as MANUAL_CHAT_TRIGGER_NODE_TYPE, bo as CHAT_TRIGGER_NODE_TYPE, a as useToast, r as ref, x as computed, c as useI18n$1, bp as usePinnedData, ao as useMessage, ap as MODAL_CONFIRM, T as useWorkflowsStore, bq as useLogsStore, b as useRouter, br as useNodeHelpers, bs as useRunWorkflow, V as VIEWS, bt as chatEventBus, $ as watch, bu as provide, d as defineComponent, i as createElementBlock, g as openBlock, n as normalizeClass, j as createVNode, k as createBaseVNode, m as unref, p as N8nText, w as withCtx, A as renderSlot, l as createTextVNode, t as toDisplayString, _ as _export_sfc, U as useRoute, a3 as useSourceControlStore, bv as useCanvasOperations, bw as useNodeTypesStore, bx as START_NODE_TYPE, e as createBlock, f as createCommentVNode, aZ as N8nTooltip, by as formatTokenUsageCount, bz as getDefaultExportFromCjs, bA as requireUpperFirst, ag as useTemplateRef, bB as useTimestamp, bC as toTime, bD as toDayMonth, bE as withModifiers, F as Fragment, G as renderList, D as normalizeStyle, bF as _sfc_main$k, bG as I18nT, bH as N8nIcon, a$ as _sfc_main$l, q as N8nButton, B as nextTick, bI as useVirtualList, bJ as toRef, bK as mergeProps, bL as N8nRadioButtons, bM as inject, bN as toRefs, o as onMounted, bO as normalizeProps, bP as guardReactiveProps, bQ as resolveDynamicComponent, bR as markdownLink, bS as useFileDialog, bT as onUnmounted, aI as withDirectives, bU as vModelText, bV as withKeys, h as resolveComponent, bW as useClipboard, b1 as createSlots, aA as useNDVStore, bX as PiPWindowSymbol, bY as resolveDirective, a_ as N8nLink, bZ as waitingNodeTooltip, aD as useLocalStorage, b_ as LOG_DETAILS_PANEL_STATE, b$ as KeyboardShortcutTooltip, c0 as N8nResizeWrapper, c1 as useStyles, c2 as N8nActionDropdown, c3 as Workflow, c4 as useThrottleFn, c5 as parse, J as useUIStore, a2 as useCanvasStore, am as useTelemetry, c6 as onScopeDispose, z as onBeforeUnmount, c7 as applyThemeToBody, c8 as useProvideTooltipAppendTo, c9 as LOGS_PANEL_STATE, ca as LOCAL_STORAGE_PANEL_HEIGHT, cb as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, cc as LOCAL_STORAGE_PANEL_WIDTH, cd as useActiveElement, ce as ndvEventBus } from "./index-ZImlcrmd.js";
-import { p as parseErrorMetadata, _ as _sfc_main$j, H as HighlightJS, V as VueMarkdown, R as RunData } from "./RunData-C-tqFRZO.js";
-import { c as canvasEventBus, u as useKeybindings } from "./useKeybindings-Dl2fatxs.js";
-import "./FileSaver.min-CxOI-Vgx.js";
-import "./useExecutionHelpers-DfJOrkT9.js";
-const TOOL_EXECUTOR_NODE_NAME = "PartialExecutionToolExecutor";
+import { bl as isArrayLike, bm as isArray, bn as isBuffer, bo as isTypedArray, bp as isArguments, bq as getTag, br as isPrototype, bs as baseKeys, bt as addTokenUsageData, bu as emptyTokenUsageData, bv as isChatNode, bw as NodeConnectionTypes, bx as v4, by as get, bz as isRef, bA as isReactive, bB as isProxy, bC as toRaw, bD as AGENT_LANGCHAIN_NODE_TYPE, bE as MANUAL_CHAT_TRIGGER_NODE_TYPE, bF as CHAT_TRIGGER_NODE_TYPE, a as useToast, r as ref, x as computed, c as useI18n$1, bG as usePinnedData, az as useMessage, aA as MODAL_CONFIRM, a3 as useWorkflowsStore, bH as useLogsStore, b as useRouter, bI as useNodeHelpers, bJ as useRunWorkflow, V as VIEWS, bK as chatEventBus, a9 as watch, bL as provide, d as defineComponent, i as createElementBlock, g as openBlock, n as normalizeClass, j as createVNode, k as createBaseVNode, m as unref, p as N8nText, w as withCtx, J as renderSlot, l as createTextVNode, t as toDisplayString, _ as _export_sfc, a4 as useRoute, ad as useSourceControlStore, bM as useCanvasOperations, bN as useNodeTypesStore, bO as START_NODE_TYPE, e as createBlock, f as createCommentVNode, Z as N8nTooltip, bP as formatTokenUsageCount, bQ as getDefaultExportFromCjs, bR as requireUpperFirst, aq as useTemplateRef, bS as useTimestamp, bT as toTime, bU as toDayMonth, bV as withModifiers, F as Fragment, y as renderList, O as normalizeStyle, bW as _sfc_main$k, bX as I18nT, aW as N8nIcon, $ as _sfc_main$l, q as N8nButton, K as nextTick, bY as useVirtualList, bZ as toRef, D as mergeProps, H as N8nRadioButtons, b_ as inject, b$ as toRefs, o as onMounted, c0 as normalizeProps, c1 as guardReactiveProps, c2 as resolveDynamicComponent, c3 as markdownLink, c4 as useFileDialog, c5 as onUnmounted, aT as withDirectives, c6 as vModelText, a_ as withKeys, c7 as useAttrs, c8 as useClipboard, bh as createSlots, aL as useNDVStore, c9 as PiPWindowSymbol, ca as resolveDirective, a0 as N8nLink, cb as waitingNodeTooltip, aO as useLocalStorage, cc as LOG_DETAILS_PANEL_STATE, cd as KeyboardShortcutTooltip, ce as N8nResizeWrapper, cf as useStyles, cg as Workflow, ch as useThrottleFn, ci as parse, S as useUIStore, ac as useCanvasStore, ax as useTelemetry, cj as onScopeDispose, I as onBeforeUnmount, ck as applyThemeToBody, cl as useProvideTooltipAppendTo, cm as LOGS_PANEL_STATE, cn as LOCAL_STORAGE_PANEL_HEIGHT, co as LOCAL_STORAGE_OVERVIEW_PANEL_WIDTH, cp as LOCAL_STORAGE_PANEL_WIDTH, cq as useActiveElement, cr as ndvEventBus } from "./index-7S5ADieN.js";
+import { p as parseErrorMetadata, _ as _sfc_main$j, H as HighlightJS, V as VueMarkdown, R as RunData } from "./RunData-DG20AzLo.js";
+import { N as N8nActionDropdown } from "./ActionDropdown-BujIG0Jq.js";
+import { c as canvasEventBus, u as useKeybindings } from "./useKeybindings-CV0VsjNP.js";
+import "./FileSaver.min-C5wzcK59.js";
+import "./useExecutionHelpers-BfF56crp.js";
 var mapTag = "[object Map]", setTag = "[object Set]";
 var objectProto = Object.prototype;
 var hasOwnProperty = objectProto.hasOwnProperty;
@@ -28,6 +28,7 @@ function isEmpty(value) {
   }
   return true;
 }
+const TOOL_EXECUTOR_NODE_NAME = "PartialExecutionToolExecutor";
 function getConsumedTokens(task) {
   if (!task.data) {
     return emptyTokenUsageData;
@@ -4049,7 +4050,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         ref: messageContainer,
         class: normalizeClass(["chat-message", classes.value])
       }, [
-        _ctx.$slots.beforeMessage ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+        !!_ctx.$slots.beforeMessage ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
           renderSlot(_ctx.$slots, "beforeMessage", normalizeProps(guardReactiveProps({ message: unref(message) })))
         ])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", {}, () => [
@@ -4402,16 +4403,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      const _component_N8nIcon = resolveComponent("N8nIcon");
-      const _component_N8nText = resolveComponent("N8nText");
       return _ctx.emptyText && unref(initialMessages).length === 0 && _ctx.messages.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
         createBaseVNode("div", _hoisted_2, [
-          createVNode(_component_N8nIcon, {
+          createVNode(unref(N8nIcon), {
             icon: "comment",
             size: "large",
             class: "emptyIcon"
           }),
-          createVNode(_component_N8nText, {
+          createVNode(unref(N8nText), {
             tag: "p",
             size: "medium",
             color: "text-base"
@@ -4458,8 +4457,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      const _component_n8n_icon = resolveComponent("n8n-icon");
-      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _component_n8n_icon = N8nIcon;
+      const _component_n8n_tooltip = N8nTooltip;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
@@ -4510,9 +4509,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
+    const attrs = useAttrs();
+    const onClick = () => {
+      attrs.onClick?.();
+    };
     return (_ctx, _cache) => {
-      const _component_n8n_icon = resolveComponent("n8n-icon");
-      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _component_n8n_icon = N8nIcon;
+      const _component_n8n_tooltip = N8nTooltip;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
@@ -4525,8 +4528,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               class: normalizeClass(_ctx.$style.icon),
               icon: __props.icon,
               size: "xsmall",
-              onClick: _ctx.$attrs.onClick
-            }, null, 8, ["class", "icon", "onClick"])
+              onClick
+            }, null, 8, ["class", "icon"])
           ]),
           _: 1
         }, 8, ["placement"])
@@ -5274,7 +5277,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      const _component_N8nTooltip = N8nTooltip;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [

package/dist/assets/{MainHeader-Ce0GAh6o.js → MainHeader-BVHIuVVT.js}

@@ -1,11 +1,153 @@
-import { d as defineComponent, y 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, r as ref, z as onBeforeUnmount, o as onMounted, A as renderSlot, B as nextTick, x as computed, C as debounce, e as createBlock, m as unref, D as normalizeStyle, E as createEventBus, w as withCtx, k as createBaseVNode, F as Fragment, G as renderList, l as createTextVNode, t as toDisplayString, H as useTagsStore, I as useDebounce, J as useUIStore, K as BREAKPOINT_SM, L as BREAKPOINT_XL, O as BREAKPOINT_LG, P as BREAKPOINT_MD, Q as getBannerRowHeight, V as VIEWS, c as useI18n, R as defineStore, S as usePushConnectionStore, 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 watch, a0 as useCssModule, a1 as useRootStore, a2 as useCanvasStore, v as useSettingsStore, a3 as useSourceControlStore, a4 as useProjectsStore, a5 as useFoldersStore, a6 as useNpsSurveyStore, b as useRouter, a as useToast, a7 as useDocumentTitle, a8 as useWorkflowSaving, a9 as useWorkflowHelpers, aa as usePageRedirectionHelper, ab as getResourcePermissions, ac as WORKFLOW_MENU_ACTIONS, ad as hasPermission, ae as EnterpriseEditionFeature, af as ProjectTypes, ag as useTemplateRef, ah as InlineRename, ai as MAX_WORKFLOW_NAME_LENGTH, aj as _sfc_main$a, ak as SaveButton, al as WORKFLOW_SHARE_MODAL_KEY, am as useTelemetry, an as nodeViewEventBus, ao as useMessage, ap as MODAL_CONFIRM, aq as WORKFLOW_SETTINGS_MODAL_KEY, ar as SOURCE_CONTROL_PUSH_MODAL_KEY, as as IMPORT_WORKFLOW_URL_MODAL_KEY, at as DUPLICATE_MODAL_KEY, au as ResourceType, av as PROJECT_MOVE_RESOURCE_MODAL, aw as __vitePreload, ax as hyphenate, ay as h, az as hasOwn, aA as useNDVStore, aB as useExecutionsStore, aC as usePostHog, aD as useLocalStorage, aE as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, aF as WORKFLOW_EVALUATION_EXPERIMENT, aG as STICKY_NODE_TYPE, aH as onBeforeMount, aI as withDirectives, aJ as vShow, aK as N8N_MAIN_GITHUB_REPO_URL } from "./index-ZImlcrmd.js";
-import { _ as __unplugin_components_0, W as WorkflowActivator } from "./WorkflowActivator-Bzz5eOg4.js";
-import { _ as _sfc_main$b } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-D-uuE-zX.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-CX6OL9lX.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-CxOI-Vgx.js";
-import { u as usePushConnection } from "./usePushConnection-DbNbVMYT.js";
-import "./useWorkflowActivate-CnaSqjqM.js";
-import "./global-link-actions-CudV1inR.js";
+import { d as defineComponent, x as computed, i as createElementBlock, g as openBlock, j as createVNode, m as unref, E as ElDropdown, w as withCtx, k as createBaseVNode, n as normalizeClass, f as createCommentVNode, F as Fragment, y as renderList, e as createBlock, z as N8nAvatar, t as toDisplayString, A as ElDropdownMenu, B as ElDropdownItem, C as N8nUserInfo, D as mergeProps, _ as _export_sfc, G as MAIN_HEADER_TABS, H as N8nRadioButtons, r as ref, I as onBeforeUnmount, o as onMounted, J as renderSlot, K as nextTick, L as debounce, h as resolveComponent, O as normalizeStyle, P as createEventBus, l as createTextVNode, Q as useTagsStore, R as useDebounce, S as useUIStore, T as BREAKPOINT_SM, U as BREAKPOINT_XL, W as BREAKPOINT_LG, X as BREAKPOINT_MD, Y as getBannerRowHeight, V as VIEWS, Z as N8nTooltip, $ as _sfc_main$b, c as useI18n, a0 as N8nLink, a1 as defineStore, a2 as usePushConnectionStore, a3 as useWorkflowsStore, u as useUsersStore, a4 as useRoute, a5 as PLACEHOLDER_EMPTY_WORKFLOW_ID, a6 as STORES, a7 as TIME, a8 as useDocumentVisibility, a9 as watch, aa as useCssModule, ab as useRootStore, ac as useCanvasStore, v as useSettingsStore, ad as useSourceControlStore, ae as useProjectsStore, af as useFoldersStore, ag as useNpsSurveyStore, b as useRouter, a as useToast, ah as useDocumentTitle, ai as useWorkflowSaving, aj as useWorkflowHelpers, ak as usePageRedirectionHelper, al as getResourcePermissions, am as WORKFLOW_MENU_ACTIONS, an as hasPermission, ao as EnterpriseEditionFeature, ap as ProjectTypes, aq as useTemplateRef, ar as InlineRename, as as MAX_WORKFLOW_NAME_LENGTH, at as _sfc_main$c, au as N8nBadge, q as N8nButton, av as SaveButton, aw as WORKFLOW_SHARE_MODAL_KEY, ax as useTelemetry, ay as nodeViewEventBus, az as useMessage, aA as MODAL_CONFIRM, aB as WORKFLOW_SETTINGS_MODAL_KEY, aC as SOURCE_CONTROL_PUSH_MODAL_KEY, aD as IMPORT_WORKFLOW_URL_MODAL_KEY, aE as DUPLICATE_MODAL_KEY, aF as ResourceType, aG as PROJECT_MOVE_RESOURCE_MODAL, aH as __vitePreload, aI as hyphenate, aJ as h, aK as hasOwn, aL as useNDVStore, aM as useExecutionsStore, aN as usePostHog, aO as useLocalStorage, aP as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, aQ as WORKFLOW_EVALUATION_EXPERIMENT, aR as STICKY_NODE_TYPE, aS as onBeforeMount, aT as withDirectives, aU as vShow, aV as N8N_MAIN_GITHUB_REPO_URL, aW as N8nIcon } from "./index-7S5ADieN.js";
+import { N as N8nActionDropdown } from "./ActionDropdown-BujIG0Jq.js";
+import { _ as __unplugin_components_0, W as WorkflowActivator } from "./WorkflowActivator-CQxaDCfA.js";
+import { _ as _sfc_main$d } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-cnANEo9o.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-DveXGtGN.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-C5wzcK59.js";
+import { u as usePushConnection } from "./usePushConnection-D8SE-itT.js";
+import "./useWorkflowActivate-BKz3N1SO.js";
+import "./global-link-actions-olwfH36z.js";
+const _hoisted_1$3 = {
+  class: "user-stack",
+  "data-test-id": "user-stack-container"
+};
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "UserStack",
+  props: {
+    users: {},
+    currentUserEmail: { default: "" },
+    maxAvatars: { default: 2 },
+    dropdownTrigger: { default: "hover" }
+  },
+  setup(__props) {
+    const props = __props;
+    const nonEmptyGroups = computed(() => {
+      const users = {};
+      for (const groupName2 in props.users) {
+        if (props.users[groupName2].length > 0) {
+          users[groupName2] = props.users[groupName2];
+        }
+      }
+      return users;
+    });
+    const groupCount = computed(() => {
+      return Object.keys(nonEmptyGroups.value).length;
+    });
+    const flatUserList = computed(() => {
+      const users = [];
+      for (const groupName2 in props.users) {
+        users.push(...props.users[groupName2]);
+      }
+      return users;
+    });
+    const visibleAvatarCount = computed(() => {
+      return flatUserList.value.length >= props.maxAvatars ? props.maxAvatars : flatUserList.value.length;
+    });
+    const hiddenUsersCount = computed(() => {
+      return flatUserList.value.length - visibleAvatarCount.value;
+    });
+    const menuHeight = computed(() => {
+      return groupCount.value > 1 ? 220 : 190;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createVNode(unref(ElDropdown), {
+          trigger: _ctx.$props.dropdownTrigger,
+          "max-height": menuHeight.value,
+          "popper-class": "user-stack-popper"
+        }, {
+          dropdown: withCtx(() => [
+            createVNode(unref(ElDropdownMenu), {
+              class: "user-stack-list",
+              "data-test-id": "user-stack-list"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(nonEmptyGroups.value, (groupUsers2, index) => {
+                  return openBlock(), createElementBlock("div", { key: index }, [
+                    createBaseVNode("div", {
+                      class: normalizeClass(_ctx.$style.groupContainer)
+                    }, [
+                      createVNode(unref(ElDropdownItem), null, {
+                        default: withCtx(() => [
+                          groupCount.value > 1 ? (openBlock(), createElementBlock("header", {
+                            key: 0,
+                            class: normalizeClass(_ctx.$style.groupName)
+                          }, toDisplayString(index), 3)) : createCommentVNode("", true)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createBaseVNode("div", {
+                        class: normalizeClass(_ctx.$style.groupUsers)
+                      }, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(groupUsers2, (user) => {
+                          return openBlock(), createBlock(unref(ElDropdownItem), {
+                            key: user.id,
+                            "data-test-id": `user-stack-info-${user.id}`,
+                            class: normalizeClass(_ctx.$style.userInfoContainer)
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(unref(N8nUserInfo), mergeProps({ ref_for: true }, user, {
+                                "is-current-user": user.email === props.currentUserEmail
+                              }), null, 16, ["is-current-user"])
+                            ]),
+                            _: 2
+                          }, 1032, ["data-test-id", "class"]);
+                        }), 128))
+                      ], 2)
+                    ], 2)
+                  ]);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.avatars),
+              "data-test-id": "user-stack-avatars"
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(flatUserList.value.slice(0, visibleAvatarCount.value), (user) => {
+                return openBlock(), createBlock(unref(N8nAvatar), {
+                  key: user.id,
+                  "first-name": user.firstName,
+                  "last-name": user.lastName,
+                  class: normalizeClass(_ctx.$style.avatar),
+                  "data-test-id": `user-stack-avatar-${user.id}`,
+                  size: "small"
+                }, null, 8, ["first-name", "last-name", "class", "data-test-id"]);
+              }), 128)),
+              hiddenUsersCount.value > 0 ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(_ctx.$style.hiddenBadge)
+              }, "+" + toDisplayString(hiddenUsersCount.value), 3)) : createCommentVNode("", true)
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["trigger", "max-height"])
+      ]);
+    };
+  }
+});
+const avatars = "_avatars_1u5zw_123";
+const avatar = "_avatar_1u5zw_123";
+const hiddenBadge = "_hiddenBadge_1u5zw_133";
+const groupContainer = "_groupContainer_1u5zw_148";
+const groupName = "_groupName_1u5zw_156";
+const groupUsers = "_groupUsers_1u5zw_164";
+const userInfoContainer = "_userInfoContainer_1u5zw_170";
+const style0$4 = {
+  avatars,
+  avatar,
+  hiddenBadge,
+  groupContainer,
+  groupName,
+  groupUsers,
+  userInfoContainer
+};
+const cssModules$5 = {
+  "$style": style0$4
+};
+const N8nUserStack = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$5]]);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "TabBar",
   props: {
@@ -19,7 +161,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", tab, event);
     }
     return (_ctx, _cache) => {
-      const _component_N8nRadioButtons = resolveComponent("N8nRadioButtons");
+      const _component_N8nRadioButtons = N8nRadioButtons;
       return _ctx.items ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass({
@@ -403,11 +545,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
     }));
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = resolveComponent("N8nIconButton");
+      const _component_N8nIconButton = _sfc_main$b;
       const _component_RouterLink = resolveComponent("RouterLink");
-      const _component_N8nLink = resolveComponent("N8nLink");
+      const _component_N8nLink = N8nLink;
       const _component_i18n_t = resolveComponent("i18n-t");
-      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      const _component_N8nTooltip = N8nTooltip;
       return openBlock(), createBlock(_component_N8nTooltip, { placement: "bottom" }, {
         content: withCtx(() => [
           _ctx.isFeatureEnabled && _ctx.isNewWorkflow ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(unref(locale).baseText("workflowHistory.button.tooltip.empty")), 1)) : _ctx.isFeatureEnabled ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(unref(locale).baseText("workflowHistory.button.tooltip.enabled")), 1)) : (openBlock(), createBlock(_component_i18n_t, {
@@ -563,7 +705,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       collaborationStore.terminate();
     });
     return (_ctx, _cache) => {
-      const _component_n8n_user_stack = resolveComponent("n8n-user-stack");
+      const _component_n8n_user_stack = N8nUserStack;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(`collaboration-pane-container ${_ctx.$style.container}`),
         "data-test-id": "collaboration-pane"
@@ -944,7 +1086,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         reader.readAsText(inputRef.files[0]);
       }
     }
-    async function onWorkflowMenuSelect(action) {
+    async function onWorkflowMenuSelect(value) {
+      const action = value;
       switch (action) {
         case WORKFLOW_MENU_ACTIONS.DUPLICATE: {
           uiStore.openModalWithData({
@@ -1171,12 +1314,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_FolderBreadcrumbs = __unplugin_components_0;
-      const _component_N8nBadge = resolveComponent("N8nBadge");
-      const _component_N8nButton = resolveComponent("N8nButton");
+      const _component_N8nBadge = N8nBadge;
+      const _component_N8nButton = N8nButton;
       const _component_i18n_t = resolveComponent("i18n-t");
-      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      const _component_N8nTooltip = N8nTooltip;
       const _component_EnterpriseEdition = resolveComponent("EnterpriseEdition");
-      const _component_N8nActionDropdown = resolveComponent("N8nActionDropdown");
+      const _component_N8nActionDropdown = N8nActionDropdown;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref($style).container)
       }, [
@@ -1219,7 +1362,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }),
         createBaseVNode("span", _hoisted_1, [
           unref(settingsStore).areTagsEnabled ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            isTagsEditEnabled.value && !(_ctx.readOnly || _ctx.isArchived) && (isNewWorkflow.value || workflowPermissions.value.update) ? (openBlock(), createBlock(_sfc_main$a, {
+            isTagsEditEnabled.value && !(_ctx.readOnly || _ctx.isArchived) && (isNewWorkflow.value || workflowPermissions.value.update) ? (openBlock(), createBlock(_sfc_main$c, {
               key: 0,
               ref: "dropdown",
               modelValue: appliedTagIds.value,
@@ -1260,7 +1403,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             })) : createCommentVNode("", true)
           ])
         ]),
-        createVNode(_sfc_main$b, { class: "actions" }, {
+        createVNode(_sfc_main$d, { class: "actions" }, {
           default: withCtx(() => [
             createBaseVNode("span", {
               class: normalizeClass(`activator ${unref($style).group}`)
@@ -1385,7 +1528,7 @@ const style1 = {
 const cssModules$1 = {
   "$style": style1
 };
-const WorkflowDetails = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-5780d8c0"]]);
+const WorkflowDetails = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-3d872517"]]);
 const GithubButton = defineComponent({
   name: "github-button",
   props: {
@@ -1631,7 +1774,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       githubButtonHidden.value = true;
     }
     return (_ctx, _cache) => {
-      const _component_N8nIcon = resolveComponent("N8nIcon");
+      const _component_N8nIcon = N8nIcon;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [

package/dist/assets/{MainHeader--6ITU977.css → MainHeader-DYYEm7nF.css}

@@ -112,6 +112,196 @@
 --------------------------*/
 /* Break-point
 --------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._avatars_1u5zw_123 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer;
+}
+._avatar_1u5zw_123 {
+  margin-right: calc(-1 * var(--spacing-3xs));
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+._hiddenBadge_1u5zw_133 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 28px;
+  height: 28px;
+  color: var(--color-text-base);
+  background-color: var(--color-background-xlight);
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-3xs);
+  z-index: 999;
+  border: var(--border-width-base) var(--border-style-base) var(--color-info-tint-1);
+  border-radius: 50%;
+}
+._groupContainer_1u5zw_148 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+._groupContainer_1u5zw_148 + ._groupContainer_1u5zw_148 {
+  margin-top: var(--spacing-3xs);
+}
+._groupName_1u5zw_156 {
+  font-size: var(--font-size-3xs);
+  color: var(--color-text-light);
+  text-transform: uppercase;
+  font-weight: var(--font-weight-bold);
+  margin-bottom: var(--spacing-4xs);
+}
+._groupUsers_1u5zw_164 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  gap: var(--spacing-2xs);
+}
+._userInfoContainer_1u5zw_170 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-top: var(--spacing-5xs);
+  padding-bottom: var(--spacing-5xs);
+}/* 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
@@ -664,64 +854,64 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.name-container[data-v-5780d8c0] {
+.name-container[data-v-3d872517] {
   margin-right: var(--spacing-s);
 }
-.name-container[data-v-5780d8c0] .el-input {
+.name-container[data-v-3d872517] .el-input {
   padding: 0;
 }
-.name[data-v-5780d8c0] {
+.name[data-v-3d872517] {
   color: var(--color-text-dark);
   font-size: var(--font-size-s);
   padding: var(--spacing-3xs) var(--spacing-4xs) var(--spacing-4xs);
 }
-.activator[data-v-5780d8c0] {
+.activator[data-v-3d872517] {
   color: var(--color-text-dark);
   font-weight: var(--font-weight-regular);
   font-size: 13px;
   line-height: 24px;
   align-items: center;
 }
-.activator > span[data-v-5780d8c0] {
+.activator > span[data-v-3d872517] {
   margin-right: 5px;
 }
-.add-tag[data-v-5780d8c0] {
+.add-tag[data-v-3d872517] {
   font-size: 12px;
   padding: 20px 0;
   color: var(--color-text-light);
   font-weight: var(--font-weight-bold);
   white-space: nowrap;
 }
-.add-tag[data-v-5780d8c0]:hover {
+.add-tag[data-v-3d872517]:hover {
   color: var(--color-primary);
 }
-.tags[data-v-5780d8c0] {
+.tags[data-v-3d872517] {
   display: flex;
   align-items: center;
   width: 100%;
   flex: 1;
   margin-right: 20px;
 }
-.tags-edit[data-v-5780d8c0] {
+.tags-edit[data-v-3d872517] {
   min-width: 100px;
   width: 100%;
   max-width: 460px;
 }
-.archived[data-v-5780d8c0] {
+.archived[data-v-3d872517] {
   display: flex;
   align-items: center;
   width: 100%;
   flex: 1;
   margin-right: 20px;
 }
-.actions[data-v-5780d8c0] {
+.actions[data-v-3d872517] {
   display: flex;
   align-items: center;
   gap: var(--spacing-m);
   flex-wrap: nowrap;
 }
 @media screen and (max-width: 767px) {
-.name[data-v-5780d8c0] input {
+.name[data-v-3d872517] input {
     min-width: 180px;
 }
 }/* BEM support Func