n8n-editor-ui 1.91.1 → 1.93.0

package/dist/assets/{NodeView-BPhaaoWK.js → NodeView-Bk9h8GYy.js}

@@ -1,12 +1,13 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-S2FoBcnW.js","assets/index-BLAboPd2.js","assets/index-sq5ggyEC.css","assets/useCanvasOperations-C0pQBHW3.js","assets/NodeCreation-RKvezEeg.css","assets/NodeDetailsView-DtvMtBqp.js","assets/import-curl-BiXaU2jk.js","assets/RunData-D8Eax0cQ.js","assets/FileSaver.min-CcnqpaV-.js","assets/useExecutionHelpers-C--m0pTQ.js","assets/dateFormatter-DbKqmK4w.js","assets/RunData-C9dtm1M2.css","assets/RunDataAi-BUnCQIRN.js","assets/RunDataAi-BF2gZZGr.css","assets/useWorkflowActivate-CvmIpy5T.js","assets/NodeDetailsView-CGgV4Pn_.css","assets/SetupWorkflowCredentialsButton-B2wnuUnF.js"])))=>i.map(i=>d[i]);
-import { d as defineComponent, h as resolveComponent, e as createBlock, g as openBlock, C as createEventBus, Y as useCssModule, bN as toRef, q as computed, r as ref, bO as refDebounced, i as createElementBlock, k as createBaseVNode, x as renderSlot, f as createCommentVNode, b7 as mergeProps, m as unref, n as normalizeClass, _ as _export_sfc, c as useI18n, bP as KeyboardShortcutTooltip, w as withCtx, j as createVNode, b2 as withModifiers, bQ as reactive, o as onMounted, bb as onUnmounted, l as createTextVNode, t as toDisplayString, b as useRouter, R as useRoute, a as useToast, a4 as useDocumentTitle, a5 as useWorkflowHelpers, bA as useNodeHelpers, bz as useNodeTypesStore, H as useUIStore, Q as useWorkflowsStore, a0 as useSourceControlStore, p as useSettingsStore, bR as useCredentialsStore, bS as useEnvironmentsStore, bT as useExternalSecretsStore, Z as useRootStore, at as useExecutionsStore, $ as useCanvasStore, a3 as useNpsSurveyStore, bU as useHistoryStore, a1 as useProjectsStore, u as useUsersStore, E as useTagsStore, P as usePushConnectionStore, as as useNDVStore, aN as useTemplatesStore, bV as useBuilderStore, a2 as useFoldersStore, bB as useRunWorkflow, bf as useClipboard, S as PLACEHOLDER_EMPTY_WORKFLOW_ID, bW as NEW_WORKFLOW_ID, V as VIEWS, aZ as LOGS_PANEL_STATE, bX as START_NODE_TYPE, bY as getNodeViewTab, s as MAIN_HEADER_TABS, am as VALID_WORKFLOW_IMPORT_URL_REGEX, ai as useMessage, aj as MODAL_CONFIRM, bZ as jsonParse, a7 as getResourcePermissions, bk as CHAT_TRIGGER_NODE_TYPE, bl as MANUAL_CHAT_TRIGGER_NODE_TYPE, X as watch, b_ as onBeforeRouteLeave, az as onBeforeMount, ak as WORKFLOW_SETTINGS_MODAL_KEY, aP as useExternalHooks, b$ as onActivated, c0 as onDeactivated, y as onBeforeUnmount, c1 as Suspense, c2 as defineAsyncComponent, c3 as N8nCallout, ao as __vitePreload, aa as EnterpriseEditionFeature, z as nextTick, ag as useTelemetry, c4 as tryToParseNumber, ah as nodeViewEventBus, bm as NodeConnectionTypes, c5 as isValidNodeConnectionType, c6 as CanvasConnectionMode, c7 as historyBus, aF as sourceControlEventBus, c8 as getNodesWithNormalizedPosition, aq as h, c9 as NODE_CREATOR_OPEN_SOURCES, ca as CanvasNodeRenderType, ay as STICKY_NODE_TYPE, cb as DRAG_EVENT_DATA_KEY } from "./index-BLAboPd2.js";
-import { u as useVueFlow, a as useCanvasMapping, C as Canvas } from "./useCanvasMapping-CSuq_dYj.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-COf-9vBh.js";
-import { a as useNodeCreatorStore, b as useCanvasOperations, c as createCanvasConnectionHandleString } from "./useCanvasOperations-C0pQBHW3.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-D2H5O6fT.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-DbfysOS-.js";
-import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-BWgfZ0am.js";
-import { u as useClearExecutionButtonVisible } from "./useClearExecutionButtonVisible-Cvfxw8xC.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-DCfAFuL5.js","assets/index-DZ6VpjNj.js","assets/index-yNaoC3fo.css","assets/useCanvasOperations-u8oSDa_u.js","assets/NodeCreation-RKvezEeg.css","assets/NodeDetailsView-C5_hVJzj.js","assets/import-curl-BvX_O56D.js","assets/RunData-b0RE2JWc.js","assets/FileSaver.min-bgn7Q9Gt.js","assets/useExecutionHelpers-DqwMonFW.js","assets/dateFormatter-BPfJSa6q.js","assets/RunData-DQeENuzG.css","assets/RunDataAi-DnWcCR_0.js","assets/RunDataParsedAiContent-BbXv-NPD.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/RunDataAi-D9VLFXIf.css","assets/useWorkflowActivate-65xML23U.js","assets/NodeDetailsView-pYP-34nS.css","assets/SetupWorkflowCredentialsButton-DZr4TCPC.js"])))=>i.map(i=>d[i]);
+import { d as defineComponent, h as resolveComponent, e as createBlock, g as openBlock, C as createEventBus, Y as useCssModule, bO as toRef, q as computed, r as ref, bP as refThrottled, i as createElementBlock, k as createBaseVNode, x as renderSlot, f as createCommentVNode, b7 as mergeProps, m as unref, n as normalizeClass, _ as _export_sfc, c as useI18n, bQ as KeyboardShortcutTooltip, w as withCtx, j as createVNode, b2 as withModifiers, bR as reactive, o as onMounted, bb as onUnmounted, l as createTextVNode, t as toDisplayString, b as useRouter, R as useRoute, a as useToast, a4 as useDocumentTitle, a5 as useWorkflowHelpers, bA as useNodeHelpers, bz as useNodeTypesStore, H as useUIStore, Q as useWorkflowsStore, a0 as useSourceControlStore, p as useSettingsStore, bS as useCredentialsStore, bT as useEnvironmentsStore, bU as useExternalSecretsStore, Z as useRootStore, at as useExecutionsStore, $ as useCanvasStore, a3 as useNpsSurveyStore, bV as useHistoryStore, a1 as useProjectsStore, u as useUsersStore, E as useTagsStore, P as usePushConnectionStore, as as useNDVStore, aN as useTemplatesStore, bW as useBuilderStore, a2 as useFoldersStore, bX as useAgentRequestStore, bB as useRunWorkflow, bf as useClipboard, S as PLACEHOLDER_EMPTY_WORKFLOW_ID, bY as NEW_WORKFLOW_ID, V as VIEWS, aZ as LOGS_PANEL_STATE, bZ as START_NODE_TYPE, b_ as getNodeViewTab, s as MAIN_HEADER_TABS, b$ as VALID_WORKFLOW_IMPORT_URL_REGEX, ai as useMessage, aj as MODAL_CONFIRM, c0 as jsonParse, a7 as getResourcePermissions, bk as CHAT_TRIGGER_NODE_TYPE, bl as MANUAL_CHAT_TRIGGER_NODE_TYPE, X as watch, c1 as onBeforeRouteLeave, az as onBeforeMount, ak as WORKFLOW_SETTINGS_MODAL_KEY, aP as useExternalHooks, c2 as onActivated, c3 as onDeactivated, y as onBeforeUnmount, c4 as Suspense, c5 as defineAsyncComponent, c6 as N8nCallout, ao as __vitePreload, aa as EnterpriseEditionFeature, z as nextTick, ag as useTelemetry, c7 as tryToParseNumber, ah as nodeViewEventBus, bm as NodeConnectionTypes, c8 as isValidNodeConnectionType, c9 as CanvasConnectionMode, ca as historyBus, aF as sourceControlEventBus, cb as getNodesWithNormalizedPosition, aq as h, cc as NODE_CREATOR_OPEN_SOURCES, cd as CanvasNodeRenderType, ay as STICKY_NODE_TYPE, ce as needsAgentInput, cf as FROM_AI_PARAMETERS_MODAL_KEY, cg as DRAG_EVENT_DATA_KEY } from "./index-DZ6VpjNj.js";
+import { u as useVueFlow, a as useCanvasMapping, C as Canvas } from "./useCanvasMapping-CTTq6x8X.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-CnWOMvqA.js";
+import { u as useNodeCreatorStore, a as useCanvasOperations, c as createCanvasConnectionHandleString } from "./useCanvasOperations-u8oSDa_u.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-rc72wLIp.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-Cu0LPVWe.js";
+import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-kgtpBx2h.js";
+import { u as useClearExecutionButtonVisible } from "./useClearExecutionButtonVisible-Dwc1_eG9.js";
+import { u as useWorkflowSaving } from "./useWorkflowSaving-CUel20JA.js";
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CanvasChatButton",
   props: {
@@ -63,8 +64,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         initialFitViewDone.value = true;
       }
     });
-    const mappedNodesDebounced = refDebounced(mappedNodes, 200, { maxWait: 50 });
-    const mappedConnectionsDebounced = refDebounced(mappedConnections, 200, { maxWait: 50 });
+    const mappedNodesThrottled = refThrottled(mappedNodes, 200);
+    const mappedConnectionsThrottled = refThrottled(mappedConnections, 200);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref($style).wrapper),
@@ -76,8 +77,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           workflow.value ? (openBlock(), createBlock(Canvas, mergeProps({
             key: 0,
             id: _ctx.id,
-            nodes: _ctx.executing ? unref(mappedNodesDebounced) : unref(mappedNodes),
-            connections: _ctx.executing ? unref(mappedConnectionsDebounced) : unref(mappedConnections),
+            nodes: _ctx.executing ? unref(mappedNodesThrottled) : unref(mappedNodes),
+            connections: _ctx.executing ? unref(mappedConnectionsThrottled) : unref(mappedConnections),
             "event-bus": _ctx.eventBus,
             "read-only": _ctx.readOnly
           }, _ctx.$attrs), null, 16, ["id", "nodes", "connections", "event-bus", "read-only"])) : createCommentVNode("", true)
@@ -284,13 +285,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-S2FoBcnW.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-DCfAFuL5.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-DtvMtBqp.js"), true ? __vite__mapDeps([5,1,2,6,7,8,9,10,11,12,3,13,14,15]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsView-C5_hVJzj.js"), true ? __vite__mapDeps([5,1,2,6,7,8,9,10,11,12,13,14,3,15,16,17]) : void 0)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-B2wnuUnF.js"), true ? __vite__mapDeps([16,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-DZr4TCPC.js"), true ? __vite__mapDeps([18,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -325,6 +326,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const templatesStore = useTemplatesStore();
     const builderStore = useBuilderStore();
     const foldersStore = useFoldersStore();
+    const agentRequestStore = useAgentRequestStore();
     const canvasEventBus = createEventBus();
     const { addBeforeUnloadEventBindings, removeBeforeUnloadEventBindings } = useBeforeUnload({
       route
@@ -362,6 +364,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setNodeActiveByName,
       clearNodeActive,
       addConnections,
+      tryToOpenSubworkflowInNewTab,
       importWorkflowData,
       fetchWorkflowDataFromUrl,
       resetWorkspace,
@@ -396,7 +399,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return sourceControlStore.preferences.branchReadOnly;
     });
     const isCanvasReadOnly = computed(() => {
-      return isDemoRoute.value || isReadOnlyEnvironment.value || !(workflowPermissions.value.update ?? projectPermissions.value.workflow.update);
+      return isDemoRoute.value || isReadOnlyEnvironment.value || !(workflowPermissions.value.update ?? projectPermissions.value.workflow.update) || editableWorkflow.value.isArchived;
     });
     const showFallbackNodes = computed(() => triggerNodes.value.length === 0);
     const keyBindingsEnabled = computed(() => {
@@ -478,12 +481,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     async function initializeWorkspaceForNewWorkflow() {
       resetWorkspace();
       const parentFolderId = route.query.parentFolderId;
-      await workflowsStore.getNewWorkflowData(
+      await workflowsStore.getNewWorkflowDataAndMakeShareable(
         void 0,
         projectsStore.currentProjectId,
         parentFolderId
       );
-      workflowsStore.makeNewWorkflowShareable();
       if (projectsStore.currentProjectId) {
         await fetchAndSetProject(projectsStore.currentProjectId);
       }
@@ -687,9 +689,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onClickNode() {
       closeNodeCreator();
     }
-    function onSetNodeActivated(id) {
+    function onSetNodeActivated(id, event) {
+      if (event?.metaKey || event?.ctrlKey) {
+        const didOpen = tryToOpenSubworkflowInNewTab(id);
+        if (didOpen) {
+          return;
+        }
+      }
       setNodeActive(id);
     }
+    function onOpenSubWorkflow(id) {
+      tryToOpenSubworkflowInNewTab(id);
+    }
     function onSetNodeDeactivated() {
       clearNodeActive();
     }
@@ -757,7 +768,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     async function onSaveWorkflow() {
       const workflowIsSaved = !uiStore.stateIsDirty;
-      if (workflowIsSaved) {
+      const workflowIsArchived = workflowsStore.workflow.isArchived;
+      if (workflowIsSaved || workflowIsArchived) {
         return;
       }
       const saved = await workflowHelpers.saveCurrentWorkflow();
@@ -1048,8 +1060,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     async function onRunWorkflowToNode(id) {
       const node = workflowsStore.getNodeById(id);
       if (!node) return;
-      trackRunWorkflowToNode(node);
-      void runWorkflow({ destinationNode: node.name, source: "Node.executeNode" });
+      if (needsAgentInput(node) && nodeTypesStore.isToolNode(node.type)) {
+        uiStore.openModalWithData({
+          name: FROM_AI_PARAMETERS_MODAL_KEY,
+          data: {
+            nodeName: node.name
+          }
+        });
+      } else {
+        trackRunWorkflowToNode(node);
+        agentRequestStore.clearAgentRequests(workflowsStore.workflowId, node.id);
+        void runWorkflow({ destinationNode: node.name, source: "Node.executeNode" });
+      }
     }
     function trackRunWorkflowToNode(node) {
       const telemetryPayload = {
@@ -1471,12 +1493,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         next();
         return;
       }
-      await workflowHelpers.promptSaveUnsavedWorkflowChanges(next, {
+      await useWorkflowSaving({ router }).promptSaveUnsavedWorkflowChanges(next, {
         async confirm() {
           if (from.name === VIEWS.NEW_WORKFLOW) {
+            const savedWorkflowId = workflowsStore.workflowId;
             await router.replace({
               name: VIEWS.WORKFLOW,
-              params: { name: workflowId.value }
+              params: { name: savedWorkflowId }
             });
             await router.push(to);
             return false;
@@ -1567,6 +1590,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:node:parameters": onUpdateNodeParameters,
         "onUpdate:node:inputs": onUpdateNodeInputs,
         "onUpdate:node:outputs": onUpdateNodeOutputs,
+        "onOpen:subWorkflow": onOpenSubWorkflow,
         "onClick:node": onClickNode,
         "onClick:node:add": onClickNodeAdd,
         "onRun:node": onRunWorkflowToNode,

package/dist/assets/{ProjectCardBadge-C_L_pqWA.js → ProjectCardBadge-DRlDZx3d.js}

@@ -1,4 +1,39 @@
-import { d as defineComponent, q as computed, ab as ProjectTypes, c as useI18n, h7 as splitName, gU as ResourceType, V as VIEWS, h as resolveComponent, ch as resolveDirective, i as createElementBlock, g as openBlock, b7 as mergeProps, j as createVNode, x as renderSlot, w as withCtx, e as createBlock, f as createCommentVNode, n as normalizeClass, aA as withDirectives, dA as ProjectIcon, k as createBaseVNode, l as createTextVNode, t as toDisplayString, _ as _export_sfc } from "./index-BLAboPd2.js";
+import { d as defineComponent, b as useRouter, q as computed, c as useI18n, h as resolveComponent, e as createBlock, g as openBlock, m as unref, V as VIEWS, ab as ProjectTypes, hh as splitName, h5 as ResourceType, co as resolveDirective, i as createElementBlock, b7 as mergeProps, j as createVNode, x as renderSlot, w as withCtx, f as createCommentVNode, n as normalizeClass, aA as withDirectives, dI as ProjectIcon, k as createBaseVNode, l as createTextVNode, t as toDisplayString, _ as _export_sfc } from "./index-DZ6VpjNj.js";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "EmptySharedSectionActionBox",
+  props: {
+    personalProject: {},
+    resourceType: { default: "workflows" }
+  },
+  setup(__props) {
+    const i18n = useI18n();
+    const router = useRouter();
+    const props = __props;
+    const heading = computed(() => {
+      return i18n.baseText("workflows.empty.shared-with-me", {
+        interpolate: {
+          resource: i18n.baseText(`generic.${props.resourceType === "workflows" ? "workflow" : "credential"}`).toLowerCase()
+        }
+      });
+    });
+    const onPersonalLinkClick = (event) => {
+      event.preventDefault();
+      void router.push({
+        name: VIEWS.PROJECTS_WORKFLOWS,
+        params: { projectId: props.personalProject.id }
+      });
+    };
+    return (_ctx, _cache) => {
+      const _component_n8n_action_box = resolveComponent("n8n-action-box");
+      return openBlock(), createBlock(_component_n8n_action_box, {
+        "data-test-id": "empty-shared-action-box",
+        heading: heading.value,
+        description: unref(i18n).baseText("workflows.empty.shared-with-me.link"),
+        onDescriptionClick: onPersonalLinkClick
+      }, null, 8, ["heading", "description"]);
+    };
+  }
+});
 const _hoisted_1 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProjectCardBadge",
@@ -194,5 +229,6 @@ const cssModules = {
 };
 const ProjectCardBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
-  ProjectCardBadge as P
+  ProjectCardBadge as P,
+  _sfc_main$1 as _
 };

package/dist/assets/{ProjectHeader-C0FZTxjm.js → ProjectHeader-DNm605Kk.js}

@@ -1,62 +1,71 @@
-import { d as defineComponent, R as useRoute, r as ref, q as computed, V as VIEWS, c as useI18n, X as watch, h as resolveComponent, e as createBlock, g as openBlock, i as createElementBlock, n as normalizeClass, x as renderSlot, j as createVNode, m as unref, gJ as N8nActionToggle, w as withCtx, aT as _sfc_main$3, _ as _export_sfc, bQ as reactive, b as useRouter, a1 as useProjectsStore, a0 as useSourceControlStore, p as useSettingsStore, ab as ProjectTypes, a7 as getResourcePermissions, k as createBaseVNode, f as createCommentVNode, dA as ProjectIcon, l as createTextVNode, t as toDisplayString, bg as N8nButton, b7 as mergeProps, aR as N8nTooltip } from "./index-BLAboPd2.js";
+import { d as defineComponent, R as useRoute, r as ref, q as computed, V as VIEWS, c as useI18n, X as watch, h as resolveComponent, e as createBlock, g as openBlock, i as createElementBlock, n as normalizeClass, x as renderSlot, j as createVNode, m as unref, gW as N8nActionToggle, w as withCtx, aT as _sfc_main$3, _ as _export_sfc, b as useRouter, a1 as useProjectsStore, a0 as useSourceControlStore, p as useSettingsStore, ab as ProjectTypes, a7 as getResourcePermissions, k as createBaseVNode, f as createCommentVNode, dI as ProjectIcon, l as createTextVNode, t as toDisplayString, bg as N8nButton, b7 as mergeProps, aR as N8nTooltip } from "./index-DZ6VpjNj.js";
+import { u as useProjectPages } from "./useProjectPages-e8b03-5_.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectTabs",
   props: {
-    showSettings: { type: Boolean }
+    showSettings: { type: Boolean, default: false },
+    showExecutions: { type: Boolean, default: true },
+    pageType: { default: "project" }
   },
   setup(__props) {
     const props = __props;
     const locale = useI18n();
     const route = useRoute();
     const selectedTab = ref("");
-    const options = computed(() => {
-      const projectId = route?.params?.projectId;
-      const to = projectId ? {
-        workflows: {
-          name: VIEWS.PROJECTS_WORKFLOWS,
-          params: { projectId }
-        },
-        credentials: {
-          name: VIEWS.PROJECTS_CREDENTIALS,
-          params: { projectId }
-        },
-        executions: {
-          name: VIEWS.PROJECTS_EXECUTIONS,
-          params: { projectId }
-        }
-      } : {
-        workflows: {
-          name: VIEWS.WORKFLOWS
-        },
-        credentials: {
-          name: VIEWS.CREDENTIALS
-        },
-        executions: {
-          name: VIEWS.EXECUTIONS
-        }
+    const projectId = computed(() => {
+      return Array.isArray(route?.params?.projectId) ? route.params.projectId[0] : route?.params?.projectId;
+    });
+    const getRouteConfigs = () => {
+      if (projectId.value) {
+        return {
+          workflows: {
+            name: VIEWS.PROJECTS_WORKFLOWS,
+            params: { projectId: projectId.value }
+          },
+          credentials: {
+            name: VIEWS.PROJECTS_CREDENTIALS,
+            params: { projectId: projectId.value }
+          },
+          executions: {
+            name: VIEWS.PROJECTS_EXECUTIONS,
+            params: { projectId: projectId.value }
+          }
+        };
+      }
+      if (props.pageType === "shared") {
+        return {
+          workflows: { name: VIEWS.SHARED_WORKFLOWS },
+          credentials: { name: VIEWS.SHARED_CREDENTIALS },
+          executions: { name: VIEWS.NOT_FOUND }
+        };
+      }
+      return {
+        workflows: { name: VIEWS.WORKFLOWS },
+        credentials: { name: VIEWS.CREDENTIALS },
+        executions: { name: VIEWS.EXECUTIONS }
+      };
+    };
+    const createTab = (label, routeKey, routes) => {
+      return {
+        label: locale.baseText(label),
+        value: routes[routeKey].name,
+        to: routes[routeKey]
       };
+    };
+    const options = computed(() => {
+      const routes = getRouteConfigs();
       const tabs = [
-        {
-          label: locale.baseText("mainSidebar.workflows"),
-          value: to.workflows.name,
-          to: to.workflows
-        },
-        {
-          label: locale.baseText("mainSidebar.credentials"),
-          value: to.credentials.name,
-          to: to.credentials
-        },
-        {
-          label: locale.baseText("mainSidebar.executions"),
-          value: to.executions.name,
-          to: to.executions
-        }
+        createTab("mainSidebar.workflows", "workflows", routes),
+        createTab("mainSidebar.credentials", "credentials", routes)
       ];
+      if (props.showExecutions) {
+        tabs.push(createTab("mainSidebar.executions", "executions", routes));
+      }
       if (props.showSettings) {
         tabs.push({
           label: locale.baseText("projects.settings"),
           value: VIEWS.PROJECT_SETTINGS,
-          to: { name: VIEWS.PROJECT_SETTINGS, params: { projectId } }
+          to: { name: VIEWS.PROJECT_SETTINGS, params: { projectId: projectId.value } }
         });
       }
       return tabs;
@@ -64,7 +73,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     watch(
       () => route?.name,
       () => {
-        selectedTab.value = route?.name;
         selectedTab.value = route.name === VIEWS.PROJECTS_FOLDERS ? VIEWS.PROJECTS_WORKFLOWS : route.name;
       },
       { immediate: true }
@@ -132,16 +140,6 @@ const cssModules$1 = {
   "$style": style0$1
 };
 const ProjectCreateResource = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
-const useOverview = () => {
-  const route = useRoute();
-  const isOverviewSubPage = computed(
-    () => route.name === VIEWS.WORKFLOWS || route.name === VIEWS.HOMEPAGE || route.name === VIEWS.CREDENTIALS || route.name === VIEWS.EXECUTIONS || route.name === VIEWS.FOLDERS
-  );
-  return reactive({
-    isOverviewSubPage
-  });
-};
-const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProjectHeader",
   emits: ["createFolder"],
@@ -152,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const projectsStore = useProjectsStore();
     const sourceControlStore = useSourceControlStore();
     const settingsStore = useSettingsStore();
-    const overview = useOverview();
+    const projectPages = useProjectPages();
     const emit = __emit;
     const headerIcon = computed(() => {
       if (projectsStore.currentProject?.type === ProjectTypes.Personal) {
@@ -165,7 +163,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const projectName = computed(() => {
       if (!projectsStore.currentProject) {
-        return i18n.baseText("projects.menu.overview");
+        if (projectPages.isOverviewSubPage) {
+          return i18n.baseText("projects.menu.overview");
+        } else if (projectPages.isSharedSubPage) {
+          return i18n.baseText("projects.header.shared.title");
+        }
+        return null;
       } else if (projectsStore.currentProject.type === ProjectTypes.Personal) {
         return i18n.baseText("projects.menu.personal");
       } else {
@@ -179,6 +182,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => !!route?.params?.projectId && !!projectPermissions.value.update && projectsStore.currentProject?.type === ProjectTypes.Team
     );
     const homeProject = computed(() => projectsStore.currentProject ?? projectsStore.personalProject);
+    const isPersonalProject = computed(() => {
+      return homeProject.value?.type === ProjectTypes.Personal;
+    });
     const showFolders = computed(() => {
       return settingsStore.isFoldersFeatureEnabled && [VIEWS.PROJECTS_WORKFLOWS, VIEWS.PROJECTS_FOLDERS].includes(route.name);
     });
@@ -211,6 +217,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return items;
     });
+    const showProjectIcon = computed(() => {
+      return !projectPages.isOverviewSubPage && !projectPages.isSharedSubPage && !isPersonalProject.value;
+    });
     const actions2 = {
       [ACTION_TYPES.WORKFLOW]: (projectId) => {
         void router.push({
@@ -234,6 +243,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emit("createFolder");
       }
     };
+    const pageType = computed(() => {
+      if (projectPages.isOverviewSubPage) {
+        return "overview";
+      } else if (projectPages.isSharedSubPage) {
+        return "shared";
+      } else {
+        return "project";
+      }
+    });
+    const subtitle = computed(() => {
+      if (projectPages.isOverviewSubPage) {
+        return i18n.baseText("projects.header.overview.subtitle");
+      } else if (projectPages.isSharedSubPage) {
+        return i18n.baseText("projects.header.shared.subtitle");
+      } else if (isPersonalProject.value) {
+        return i18n.baseText("projects.header.personal.subtitle");
+      }
+      return null;
+    });
     const onSelect = (action) => {
       const executableAction = actions2[action];
       if (!homeProject.value) {
@@ -251,7 +279,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.projectDetails)
           }, [
-            !unref(overview).isOverviewSubPage ? (openBlock(), createBlock(ProjectIcon, {
+            showProjectIcon.value ? (openBlock(), createBlock(ProjectIcon, {
               key: 0,
               icon: headerIcon.value,
               "border-less": true,
@@ -260,20 +288,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.headerActions)
             }, [
-              createVNode(_component_N8nHeading, {
+              projectName.value ? (openBlock(), createBlock(_component_N8nHeading, {
+                key: 0,
                 bold: "",
                 tag: "h2",
-                size: "xlarge"
+                size: "xlarge",
+                "data-test-id": "project-name"
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(projectName.value), 1)
                 ]),
                 _: 1
-              }),
+              })) : createCommentVNode("", true),
               createVNode(_component_N8nText, { color: "text-light" }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "subtitle", {}, () => [
-                    !unref(projectsStore).currentProject ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(i18n).baseText("projects.header.subtitle")), 1)) : createCommentVNode("", true)
+                    subtitle.value ? (openBlock(), createBlock(_component_N8nText, {
+                      key: 0,
+                      color: "text-light",
+                      "data-test-id": "project-subtitle"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(subtitle.value), 1)
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
                   ])
                 ]),
                 _: 3
@@ -311,7 +350,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.actions)
         }, [
-          createVNode(_sfc_main$2, { "show-settings": showSettings.value }, null, 8, ["show-settings"])
+          createVNode(_sfc_main$2, {
+            "page-type": pageType.value,
+            "show-executions": !unref(projectPages).isSharedSubPage,
+            "show-settings": showSettings.value
+          }, null, 8, ["page-type", "show-executions", "show-settings"])
         ], 2)
       ]);
     };
@@ -334,6 +377,5 @@ const cssModules = {
 };
 const ProjectHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
-  ProjectHeader as P,
-  useOverview as u
+  ProjectHeader as P
 };

package/dist/assets/{ProjectSettings-DlggJ6Ti.js → ProjectSettings-Dge_6KaR.js}

@@ -1,5 +1,6 @@
-import { d as defineComponent, g8 as mergeModels, g9 as useModel, r as ref, q as computed, c as useI18n, h as resolveComponent, e as createBlock, g as openBlock, w as withCtx, j as createVNode, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, i as createElementBlock, f as createCommentVNode, n as normalizeClass, gp as ProjectSharing, b2 as withModifiers, _ as _export_sfc, a6 as usePageRedirectionHelper, u as useUsersStore, a1 as useProjectsStore, he as useRolesStore, aI as useCloudPlanStore, a as useToast, b as useRouter, a4 as useDocumentTitle, hf as getAllIconNames, X as watch, az as onBeforeMount, o as onMounted, db as N8nFormInput, F as Fragment, D as renderList, cg as deepCopy, ag as useTelemetry, z as nextTick, V as VIEWS } from "./index-BLAboPd2.js";
-import { P as ProjectHeader } from "./ProjectHeader-C0FZTxjm.js";
+import { d as defineComponent, gj as mergeModels, gk as useModel, r as ref, q as computed, c as useI18n, h as resolveComponent, e as createBlock, g as openBlock, w as withCtx, j as createVNode, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, i as createElementBlock, f as createCommentVNode, n as normalizeClass, gB as ProjectSharing, b2 as withModifiers, _ as _export_sfc, a6 as usePageRedirectionHelper, u as useUsersStore, a1 as useProjectsStore, hr as useRolesStore, aI as useCloudPlanStore, a as useToast, b as useRouter, a4 as useDocumentTitle, hs as getAllIconNames, X as watch, az as onBeforeMount, o as onMounted, di as N8nFormInput, F as Fragment, D as renderList, cn as deepCopy, ag as useTelemetry, z as nextTick, V as VIEWS } from "./index-DZ6VpjNj.js";
+import { P as ProjectHeader } from "./ProjectHeader-DNm605Kk.js";
+import "./useProjectPages-e8b03-5_.js";
 const _hoisted_1$2 = { class: "pt-l" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ProjectDeleteDialog",

package/dist/assets/{PushConnectionTracker.vue_vue_type_script_setup_true_lang-BNtCDFSj.js → PushConnectionTracker.vue_vue_type_script_setup_true_lang-CUf0LkWR.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, P as usePushConnectionStore, q as computed, h as resolveComponent, ch as resolveDirective, i as createElementBlock, g as openBlock, x as renderSlot, j as createVNode, w as withCtx, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, aA as withDirectives } from "./index-BLAboPd2.js";
+import { d as defineComponent, P as usePushConnectionStore, q as computed, h as resolveComponent, co as resolveDirective, i as createElementBlock, g as openBlock, x as renderSlot, j as createVNode, w as withCtx, k as createBaseVNode, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, aA as withDirectives } from "./index-DZ6VpjNj.js";
 const _hoisted_1 = {
   key: 0,
   class: "push-connection-lost primary-color"