fix(editor): Maintain back button when installing community nodes (n8n-io#16069)

Author: dana-gill

packages/frontend/editor-ui/src/components/Node/NodeCreator/Panel/CommunityNodeDetails.test.ts

@@ -30,6 +30,7 @@ const getAllNodeCreateElements = vi.fn(() => [
 
 const popViewStack = vi.fn();
 const pushViewStack = vi.fn();
+const updateCurrentViewStack = vi.fn();
 
 const showError = vi.fn();
 
@@ -114,6 +115,7 @@ vi.mock('../composables/useViewStacks', () => ({
 		},
 		pushViewStack,
 		popViewStack,
+		updateCurrentViewStack,
 		getAllNodeCreateElements,
 	})),
 }));
@@ -148,6 +150,7 @@ describe('CommunityNodeDetails', () => {
 		expect(fetchCredentialTypes).toHaveBeenCalledWith(true);
 		expect(getAllNodeCreateElements).toHaveBeenCalled();
 		expect(popViewStack).toHaveBeenCalled();
+		expect(updateCurrentViewStack).toHaveBeenCalled();
 		expect(pushViewStack).toHaveBeenCalledWith(
 			{
 				communityNodeDetails: {
@@ -184,7 +187,6 @@ describe('CommunityNodeDetails', () => {
 				title: 'Node details',
 			},
 			{
-				resetStacks: true,
 				transitionDirection: 'none',
 			},
 		);

packages/frontend/editor-ui/src/components/Node/NodeCreator/Panel/CommunityNodeDetails.vue

@@ -16,7 +16,13 @@ import { prepareCommunityNodeDetailsViewStack, removePreviewToken } from '../uti
 
 import { N8nText } from '@n8n/design-system';
 
-const { activeViewStack, pushViewStack, popViewStack, getAllNodeCreateElements } = useViewStacks();
+const {
+	activeViewStack,
+	pushViewStack,
+	popViewStack,
+	getAllNodeCreateElements,
+	updateCurrentViewStack,
+} = useViewStacks();
 
 const { communityNodeDetails } = activeViewStack;
 
@@ -37,6 +43,8 @@ const updateViewStack = (key: string) => {
 
 		popViewStack();
 
+		updateCurrentViewStack({ searchItems: nodeCreatorStore.mergedNodes });
+
 		const viewStack = prepareCommunityNodeDetailsViewStack(
 			installedNode,
 			getNodeIconSource(installedNode.properties),
@@ -45,7 +53,6 @@ const updateViewStack = (key: string) => {
 		);
 
 		pushViewStack(viewStack, {
-			resetStacks: true,
 			transitionDirection: 'none',
 		});
 	} else {