@n8n/frontend-module-inbox 0.1.0 → 0.2.0

package/LICENSE_EE.md

@@ -0,0 +1,27 @@
+# The n8n Enterprise License (the “Enterprise License”)
+
+Copyright (c) 2022-present n8n GmbH.
+
+With regard to the n8n Software:
+
+This software and associated documentation files (the "Software") may only be used in production, if
+you (and any entity that you represent) hold a valid n8n Enterprise license corresponding to your
+usage. Subject to the foregoing sentence, you are free to modify this Software and publish patches
+to the Software. You agree that n8n and/or its licensors (as applicable) retain all right, title and
+interest in and to all such modifications and/or patches, and all such modifications and/or patches
+may only be used, copied, modified, displayed, distributed, or otherwise exploited with a valid n8n
+Enterprise license for the corresponding usage. Notwithstanding the foregoing, you may copy and
+modify the Software for development and testing purposes, without requiring a subscription. You
+agree that n8n and/or its licensors (as applicable) retain all right, title and interest in and to
+all such modifications. You are not granted any other rights beyond what is expressly stated herein.
+Subject to the foregoing, it is forbidden to copy, merge, publish, distribute, sublicense, and/or
+sell the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT
+NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES
+OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+For all third party components incorporated into the n8n Software, those components are licensed
+under the original license provided by the owner of the applicable component.

package/README.md

@@ -1,14 +1,16 @@
 # @n8n/frontend-module-inbox
 
-The shared Inbox lists workflow reviews. Review details, comments, and decisions live in `src/reviews`. The editor supplies only the workflow diff renderer through the SDK component registry. Backend services keep their existing access rules and actions.
+The shared Inbox lists workflow reviews and saved Assistant results. Review details, comments, and decisions live in `src/reviews`. The editor supplies only the workflow diff renderer through the SDK component registry. Backend services keep their existing access rules and actions.
 
-Open has two groups: Waiting for review and Authored by you. Each group has its
-own cursor, Load more button, and retry.
+Open has two groups: Waiting for review and Authored by you. Assistant results go
+in Waiting for review. Each group has its own cursor, Load more button, and retry.
 Closed is a flat list with infinite scroll. Group collapse state persists per user.
 
 Review decisions update the loaded rows and counts in place. Approving a selected
 review opens the Closed tab, as before.
 
+Self-healing detail UI remains gated by the disabled-by-default self-healing rollout. AST-1518 replaces the explicit unavailable detail state.
+
 Frontend feature module. Consumed from source by the editor-ui shell through
 `src/app/modules.manifest.ts`; there is no build step and no `dist`.
 

package/package.json

@@ -1,24 +1,25 @@
 {
   "name": "@n8n/frontend-module-inbox",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@n8n/api-types": "1.44.0",
-    "@n8n/composables": "1.34.0",
-    "@n8n/design-system": "2.43.0",
-    "@n8n/frontend-module-sdk": "0.14.0",
-    "@n8n/i18n": "2.44.0",
-    "@n8n/rest-api-client": "2.44.0",
-    "@n8n/stores": "2.44.0",
-    "n8n-workflow": "2.44.0",
+    "@n8n/api-types": "1.45.0",
+    "@n8n/composables": "1.35.0",
+    "@n8n/design-system": "2.44.0",
+    "@n8n/frontend-module-sdk": "0.15.0",
+    "@n8n/i18n": "2.45.0",
+    "@n8n/rest-api-client": "2.45.0",
+    "@n8n/stores": "2.45.0",
+    "n8n-workflow": "2.45.0",
     "pinia": "^2.2.4",
+    "reka-ui": "^2.5.0",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0",
-    "@n8n/frontend-constants": "0.10.0",
+    "@n8n/frontend-constants": "0.11.0",
     "@vueuse/core": "^14.3.0",
     "lodash": "4.18.1",
     "vue-i18n": "^11.4.4"
@@ -46,9 +47,18 @@
     "@pinia/testing": "^0.1.6",
     "@testing-library/user-event": "^14.6.1",
     "@types/lodash": "4.17.17",
-    "@n8n/utils": "1.51.0"
+    "@n8n/utils": "1.52.0"
+  },
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://n8n.io",
+  "author": {
+    "name": "Jan Oberhauser",
+    "email": "jan@n8n.io"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/n8n-io/n8n.git"
   },
-  "license": "LicenseRef-n8n-sustainable-use",
   "scripts": {
     "clean": "rimraf .turbo",
     "typecheck": "vue-tsc --noEmit",

package/src/components/InboxEmptyState.vue

@@ -21,7 +21,7 @@ const i18n = useI18n();
 const alertIcon = { type: 'icon', value: 'circle-alert' } as const;
 const inboxIcon: EmptyStateIconCards = {
 	type: 'cards',
-	center: 'message-square-text',
+	center: 'inbox',
 	sides: ['file-diff', 'git-branch', 'circle-check', 'list', 'message-square'],
 };
 const noSelectionHeading = computed(() => {

package/src/components/InboxList.test.ts

@@ -1,6 +1,7 @@
-import type { InboxWorkflowReviewItem } from '@n8n/api-types';
+import type { InboxSelfHealingItem, InboxWorkflowReviewItem } from '@n8n/api-types';
 import { createComponentRenderer } from '@n8n/frontend-test-utils';
 import { useUsersStore } from '@n8n/stores/users.store';
+import userEvent from '@testing-library/user-event';
 import { fireEvent, within } from '@testing-library/vue';
 import { useIntersectionObserver } from '@vueuse/core';
 
@@ -28,6 +29,22 @@ function section(
 		...props,
 	};
 }
+function result(props: Partial<InboxSelfHealingItem> = {}): InboxSelfHealingItem {
+	return {
+		type: 'self_healing_result',
+		id: 'result',
+		state: 'open',
+		projectId: 'project',
+		workflowId: 'workflow',
+		workflowName: 'My workflow',
+		summary: 'Fix the workflow',
+		outcome: 'fix_ready',
+		createdAt: '2026-01-01T00:00:00.000Z',
+		updatedAt: '2026-01-01T00:00:00.000Z',
+		completedAt: '2026-01-01T00:00:00.000Z',
+		...props,
+	};
+}
 function review(): InboxWorkflowReviewItem {
 	return {
 		type: 'workflow_review',
@@ -106,12 +123,12 @@ it('keeps healthy rows visible beside a failed group', () => {
 	const { queryByRole, getByRole, emitted } = renderComponent({
 		props: {
 			sections: [
-				section('waiting', { items: [review()] }),
+				section('waiting', { items: [result()] }),
 				section('authored', { error: new Error('Request failed') }),
 			],
 		},
 	});
-	expect(getByRole('option')).toHaveTextContent('Review my workflow');
+	expect(getByRole('button', { name: /Fix the workflow/ })).toHaveTextContent('Fix the workflow');
 	getByRole('button', { name: 'Retry' }).click();
 	expect(emitted('retry')).toEqual([['authored']]);
 	expect(queryByRole('button', { name: 'Load more' })).not.toBeInTheDocument();
@@ -130,14 +147,14 @@ it('keeps a partial empty group visible with its own retry', () => {
 });
 it('collapses groups without requesting more data', async () => {
 	const { getByRole, queryByRole, emitted } = renderComponent({
-		props: { sections: [section('waiting', { items: [review()] })] },
+		props: { sections: [section('waiting', { items: [result()] })] },
 	});
 	const header = getByRole('button', { name: 'Waiting for your review' });
 	await fireEvent.click(header);
 	expect(header).toHaveAttribute('aria-expanded', 'false');
-	expect(queryByRole('option')).not.toBeInTheDocument();
+	expect(queryByRole('button', { name: /Fix the workflow/ })).not.toBeInTheDocument();
 	await fireEvent.click(header);
-	expect(getByRole('option')).toHaveTextContent('Review my workflow');
+	expect(getByRole('button', { name: /Fix the workflow/ })).toHaveTextContent('Fix the workflow');
 	expect(emitted('loadMore')).toBeUndefined();
 });
 it('uses the impersonal waiting label for administrators', () => {
@@ -202,6 +219,34 @@ it('waits for Retry after a failed Closed page and removes the sentinel on Open'
 	await rerender({ activeTab: 'open', sections: [section('waiting')] });
 	expect(target).toHaveProperty('value', null);
 });
+it('renders compact rows with an Assistant avatar and no source subtitle', () => {
+	const { getByRole, queryByText } = renderComponent({
+		props: { sections: [section('waiting', { items: [result(), review()] })] },
+	});
+	const [assistantRow, reviewRow] = within(getByRole('list')).getAllByRole('button');
+	expect(within(assistantRow).getByTestId('inbox-assistant-avatar')).toBeInTheDocument();
+	expect(within(reviewRow).queryByTestId('inbox-assistant-avatar')).not.toBeInTheDocument();
+	expect(within(assistantRow).getByText('My workflow')).toBeInTheDocument();
+	expect(queryByText('Workflow review')).not.toBeInTheDocument();
+	expect(queryByText('Fix ready')).not.toBeInTheDocument();
+});
+it.each([
+	['fix_ready', 'open', 'Open | Fix ready', 'fixReady'],
+	['needs_you', 'open', 'Open | Needs attention', 'needsAttention'],
+	['could_not_fix', 'open', 'Open | Could not fix', 'needsAttention'],
+	['fix_ready', 'closed', 'Closed | Fix ready', 'closed'],
+] as const)(
+	'labels Assistant %s/%s without implying review approval',
+	(outcome, state, label, color) => {
+		const { getByRole } = renderComponent({
+			props: { sections: [section('waiting', { items: [result({ outcome, state })] })] },
+		});
+		const dot = getByRole('img', { name: label });
+		expect(dot.className).toContain(color);
+		expect(dot).not.toHaveAccessibleName(/approved/i);
+	},
+);
+
 it('separates partial-source recovery from a failed page retry', () => {
 	const { getByTestId, emitted } = renderComponent({
 		props: { sections: [section('waiting', { partial: true, error: new Error('Page failed') })] },
@@ -213,17 +258,32 @@ it('separates partial-source recovery from a failed page retry', () => {
 	expect(emitted('retry')).toEqual([['waiting']]);
 });
 
-it('keeps review selection and keyboard activation across the extracted row', async () => {
-	const item = review();
-	const { getByRole, emitted } = renderComponent({
+it('uses Tab, Enter, and Space to select rows in an ordinary list', async () => {
+	const user = userEvent.setup();
+	const first = review();
+	const second = result();
+	const { getByRole, queryByRole, emitted, rerender } = renderComponent({
 		props: {
-			selectedKey: `${item.type}:${item.id}`,
-			sections: [section('waiting', { items: [item] })],
+			selectedKey: `${first.type}:${first.id}`,
+			sections: [section('waiting', { items: [first, second] })],
 		},
 	});
-	const row = getByRole('option', { selected: true });
-	expect(row).toHaveTextContent(item.title);
-	await fireEvent.keyDown(row, { key: 'Enter' });
-	await fireEvent.keyDown(row, { key: ' ' });
-	expect(emitted('select')).toEqual([[item], [item]]);
+	const list = getByRole('list', { name: 'Waiting for your review' });
+	const rows = within(list)
+		.getAllByRole('listitem')
+		.map((item) => within(item).getByRole('button'));
+	expect(queryByRole('listbox')).not.toBeInTheDocument();
+	expect(rows[0]).toHaveAttribute('aria-current', 'true');
+	expect(rows[1]).not.toHaveAttribute('aria-current');
+	getByRole('button', { name: 'Waiting for your review' }).focus();
+	await user.tab();
+	expect(rows[0]).toHaveFocus();
+	await user.keyboard('{Enter}');
+	await user.tab();
+	expect(rows[1]).toHaveFocus();
+	await user.keyboard(' ');
+	expect(emitted('select')).toEqual([[first], [second]]);
+	await rerender({ selectedKey: `${second.type}:${second.id}` });
+	expect(rows[0]).not.toHaveAttribute('aria-current');
+	expect(rows[1]).toHaveAttribute('aria-current', 'true');
 });

package/src/components/InboxListItem.vue

@@ -1,21 +1,41 @@
 <script setup lang="ts">
-import type { InboxItem } from '@n8n/api-types';
-import { N8nBadge, N8nCard, N8nIcon, N8nText, N8nTimeAgo } from '@n8n/design-system';
+import type { InboxItem, InboxSelfHealingItem } from '@n8n/api-types';
+import {
+	N8nAssistantAvatar,
+	N8nBadge,
+	N8nCard,
+	N8nIcon,
+	N8nText,
+	N8nTimeAgo,
+} from '@n8n/design-system';
+import { useI18n } from '@n8n/i18n';
 import { useRootStore } from '@n8n/stores/useRootStore';
 
 import WorkflowReviewStatusDot from '../reviews/components/WorkflowReviewStatusDot.vue';
 
 defineProps<{ item: InboxItem; selected: boolean }>();
 const emit = defineEmits<{ select: [] }>();
+const i18n = useI18n();
 const rootStore = useRootStore();
+
+function outcomeLabel(item: InboxSelfHealingItem) {
+	switch (item.outcome) {
+		case 'fix_ready':
+			return i18n.baseText('inbox.outcome.fixReady');
+		case 'needs_you':
+			return i18n.baseText('inbox.outcome.needsAttention');
+		case 'could_not_fix':
+			return i18n.baseText('inbox.outcome.couldNotFix');
+	}
+}
 </script>
 
 <template>
 	<N8nCard
 		:class="[$style.card, { [$style.selected]: selected }]"
-		role="option"
+		role="button"
 		tabindex="0"
-		:aria-selected="selected"
+		:aria-current="selected ? 'true' : undefined"
 		:data-source="item.type"
 		data-test-id="inbox-row"
 		@click="emit('select')"
@@ -24,8 +44,40 @@ const rootStore = useRootStore();
 	>
 		<div :class="$style.cardContent">
 			<div :class="$style.cardHeader">
-				<N8nText bold tag="h3" :class="$style.cardTitle">{{ item.title }}</N8nText>
-				<WorkflowReviewStatusDot :state="item.state" :decision="item.decision" />
+				<N8nAssistantAvatar
+					v-if="item.type === 'self_healing_result'"
+					size="mini"
+					:class="$style.assistantAvatar"
+					data-test-id="inbox-assistant-avatar"
+				/>
+				<N8nText
+					bold
+					tag="h3"
+					:class="[
+						$style.cardTitle,
+						{ [$style.assistantTitle]: item.type === 'self_healing_result' },
+					]"
+					>{{ item.type === 'workflow_review' ? item.title : item.summary }}</N8nText
+				>
+				<WorkflowReviewStatusDot
+					v-if="item.type === 'workflow_review'"
+					:state="item.state"
+					:decision="item.decision"
+				/>
+				<span
+					v-else
+					:class="[
+						$style.statusDot,
+						item.state === 'closed'
+							? $style.closed
+							: item.outcome === 'fix_ready'
+								? $style.fixReady
+								: $style.needsAttention,
+					]"
+					role="img"
+					:aria-label="`${i18n.baseText(item.state === 'open' ? 'inbox.tabs.open' : 'inbox.tabs.closed')} | ${outcomeLabel(item)}`"
+					data-test-id="inbox-assistant-status"
+				/>
 			</div>
 			<div :class="$style.meta">
 				<N8nBadge v-if="item.workflowName" variant="outline" :class="$style.workflowBadge">
@@ -35,7 +87,7 @@ const rootStore = useRootStore();
 				</N8nBadge>
 				<div :class="$style.metaActions">
 					<N8nText :class="$style.time" size="xsmall" color="text-light">
-						<N8nTimeAgo :date="item.createdAt" :locale="rootStore.defaultLocale" />
+						<N8nTimeAgo :date="item.updatedAt" :locale="rootStore.defaultLocale" />
 					</N8nText>
 				</div>
 			</div>
@@ -87,6 +139,13 @@ const rootStore = useRootStore();
 	font-size: var(--font-size--sm);
 }
 
+.assistantTitle {
+	flex: 1;
+}
+
+.assistantAvatar {
+	flex-shrink: 0;
+}
 .meta {
 	display: flex;
 	align-items: center;
@@ -131,4 +190,19 @@ const rootStore = useRootStore();
 .time {
 	white-space: nowrap;
 }
+.statusDot {
+	flex-shrink: 0;
+	width: var(--font-size--3xs);
+	height: var(--font-size--3xs);
+	border-radius: 50%;
+}
+.fixReady {
+	background-color: var(--color--blue-500);
+}
+.needsAttention {
+	background-color: var(--color--yellow-500);
+}
+.closed {
+	background-color: var(--color--neutral-500);
+}
 </style>

package/src/components/InboxListSection.vue

@@ -63,20 +63,20 @@ function sectionTitle(key: 'waiting' | 'authored') {
 		<div
 			:id="`inbox-section-${section.key}`"
 			:class="$style.group"
-			role="listbox"
+			role="list"
 			:aria-labelledby="
 				section.key !== 'closed' ? `inbox-section-header-${section.key}` : undefined
 			"
 			:aria-label="section.key === 'closed' ? i18n.baseText('inbox.tabs.closed') : undefined"
 		>
 			<template v-if="!collapsed">
-				<InboxListItem
-					v-for="item in section.items"
-					:key="`${item.type}:${item.id}`"
-					:item="item"
-					:selected="selectedKey === `${item.type}:${item.id}`"
-					@select="emit('select', item)"
-				/>
+				<div v-for="item in section.items" :key="`${item.type}:${item.id}`" role="listitem">
+					<InboxListItem
+						:item="item"
+						:selected="selectedKey === `${item.type}:${item.id}`"
+						@select="emit('select', item)"
+					/>
+				</div>
 			</template>
 		</div>
 		<template v-if="!collapsed">

package/src/inbox.constants.ts

@@ -1,11 +1,14 @@
 import type { InboxSourceType, InboxState, WorkflowReviewRequestDecision } from '@n8n/api-types';
 
 export const INBOX_VIEW = 'Inbox';
+export const INBOX_ASSISTANT_RESULT_VIEW = 'InboxAssistantResult';
 export const INBOX_PAGE_LIMIT = 15;
 
 export type InboxSectionKey = 'waiting' | 'authored' | 'closed';
 
-export type InboxSelection = { type: 'workflow_review'; id: string };
+export type InboxSelection =
+	| { type: 'workflow_review'; id: string }
+	| { type: 'self_healing_result'; id: string; projectId: string; workflowId: string };
 
 export type InboxItemChange = {
 	type: InboxSourceType;

package/src/inbox.module.ts

@@ -16,7 +16,7 @@ const inboxView = {
 export const InboxModule = defineFrontendModule({
 	id: 'inbox',
 	name: 'Inbox',
-	description: 'The shared Inbox for workflow reviews.',
+	description: 'Workflow reviews and saved Assistant results.',
 	icon: 'inbox',
 	routes: [
 		// Keep legacy /reviews links working after the move to Inbox.
@@ -46,5 +46,10 @@ export const InboxModule = defineFrontendModule({
 			path: '/inbox/reviews/:reviewId',
 			name: 'WorkflowReviewRequestsView',
 		},
+		{
+			...inboxView,
+			path: '/inbox/assistant-results/:resultId',
+			name: 'InboxAssistantResult',
+		},
 	],
 });

package/src/inbox.routes.test.ts

@@ -1,4 +1,3 @@
-import type { InboxWorkflowReviewItem } from '@n8n/api-types';
 import { createMemoryHistory, createRouter } from 'vue-router';
 
 import { InboxModule } from './inbox.module';
@@ -18,21 +17,19 @@ function createInboxRouter() {
 	return createRouter({ history: createMemoryHistory(), routes });
 }
 
-const review = {
-	type: 'workflow_review',
-	id: 'review-1',
+const result = {
+	type: 'self_healing_result',
+	id: 'result-1',
 	state: 'open',
 	projectId: 'project',
-	title: 'Review',
+	workflowId: 'workflow',
 	workflowName: 'Workflow',
-	workflowVersionId: null,
-	requester: null,
-	authors: [],
-	reviewers: [],
-	decision: 'pending',
+	summary: 'Summary',
+	outcome: 'fix_ready',
 	createdAt: '',
 	updatedAt: '',
-} satisfies InboxWorkflowReviewItem;
+	completedAt: '',
+} as const;
 
 it('redirects to home when Inbox is disabled', async () => {
 	settingsStore.settings.inbox.enabled = false;
@@ -60,18 +57,36 @@ it('redirects the old review list without selecting an item', async () => {
 	expect(selectionFromRoute(router.currentRoute.value)).toBeNull();
 });
 
-it('selects a review when opening its detail route directly', async () => {
+it.each([
+	['/inbox/reviews/review-1', { type: 'workflow_review', id: 'review-1' }],
+	[
+		'/inbox/assistant-results/result-1?projectId=project&workflowId=workflow',
+		{
+			type: result.type,
+			id: result.id,
+			projectId: result.projectId,
+			workflowId: result.workflowId,
+		},
+	],
+])('selects the item when opening %s directly', async (path, selection) => {
 	const router = createInboxRouter();
-	await router.push('/inbox/reviews/review-1');
-	expect(selectionFromRoute(router.currentRoute.value)).toEqual({
-		type: 'workflow_review',
-		id: 'review-1',
-	});
+	await router.push(path);
+	expect(selectionFromRoute(router.currentRoute.value)).toEqual(selection);
 });
 
+it.each(['', '?projectId=project', '?workflowId=workflow'])(
+	'requires Assistant scope: %s',
+	async (query) => {
+		const router = createInboxRouter();
+		await router.push(`/inbox/assistant-results/result-1${query}`);
+		expect(selectionFromRoute(router.currentRoute.value)).toBeNull();
+	},
+);
+
 it.each([
 	['Inbox', true],
 	['WorkflowReviewRequestsView', true],
+	['InboxAssistantResult', true],
 	['Workflow', false],
 	[undefined, false],
 ])('recognizes the Inbox route %s: %s', (name, expected) => {
@@ -80,22 +95,34 @@ it.each([
 
 it('keeps the tab only when selecting the same item', async () => {
 	const router = createInboxRouter();
-	await router.push('/inbox/reviews/review-1?state=closed&tab=changes');
-	expect(router.resolve(inboxItemLocation(review, router.currentRoute.value))).toMatchObject({
-		path: '/inbox/reviews/review-1',
-		query: { state: 'closed', tab: 'changes' },
+	await router.push(
+		'/inbox/assistant-results/result-1?projectId=project&workflowId=workflow&state=closed&tab=changes',
+	);
+	expect(router.resolve(inboxItemLocation(result, router.currentRoute.value))).toMatchObject({
+		path: '/inbox/assistant-results/result-1',
+		query: { projectId: 'project', workflowId: 'workflow', state: 'closed', tab: 'changes' },
 	});
 	expect(
-		router.resolve(inboxItemLocation({ ...review, id: 'review-2' }, router.currentRoute.value))
+		router.resolve(inboxItemLocation({ ...result, id: 'result-2' }, router.currentRoute.value))
 			.query,
-	).toEqual({ state: 'closed' });
+	).toEqual({
+		projectId: 'project',
+		workflowId: 'workflow',
+		state: 'closed',
+	});
+	await router.push('/inbox/reviews/result-1?state=closed&tab=changes');
+	expect(router.resolve(inboxItemLocation(result, router.currentRoute.value)).query).toEqual({
+		projectId: 'project',
+		workflowId: 'workflow',
+		state: 'closed',
+	});
 });
 
 it('restores selection and tabs when navigating back and forward', async () => {
 	const router = createInboxRouter();
 	await router.push('/inbox');
 	await router.push('/inbox/reviews/review-1?tab=changes');
-	await router.push(inboxItemLocation({ ...review, id: 'review-2' }, router.currentRoute.value));
+	await router.push(inboxItemLocation(result, router.currentRoute.value));
 	router.back();
 	await vi.waitFor(() =>
 		expect(router.currentRoute.value.fullPath).toBe('/inbox/reviews/review-1?tab=changes'),
@@ -105,7 +132,9 @@ it('restores selection and tabs when navigating back and forward', async () => {
 		id: 'review-1',
 	});
 	router.forward();
-	await vi.waitFor(() => expect(router.currentRoute.value.path).toBe('/inbox/reviews/review-2'));
-	expect(selectionFromRoute(router.currentRoute.value)?.id).toBe('review-2');
+	await vi.waitFor(() =>
+		expect(router.currentRoute.value.path).toBe('/inbox/assistant-results/result-1'),
+	);
+	expect(selectionFromRoute(router.currentRoute.value)?.id).toBe(result.id);
 	expect(router.currentRoute.value.query.tab).toBeUndefined();
 });

package/src/inbox.routes.ts

@@ -1,7 +1,7 @@
 import type { InboxItem } from '@n8n/api-types';
 import type { LocationQuery, RouteLocationNormalizedLoaded, RouteLocationRaw } from 'vue-router';
 
-import { INBOX_VIEW, type InboxSelection } from './inbox.constants';
+import { INBOX_ASSISTANT_RESULT_VIEW, INBOX_VIEW, type InboxSelection } from './inbox.constants';
 import { WORKFLOW_REVIEW_REQUESTS_VIEW } from './reviews/constants';
 
 type InboxRoute = Pick<RouteLocationNormalizedLoaded, 'name' | 'params' | 'query'>;
@@ -11,14 +11,26 @@ function stringParam(value: LocationQuery[string]): string | undefined {
 }
 
 export function isInboxRoute(route: Pick<InboxRoute, 'name'>): boolean {
-	return route.name === INBOX_VIEW || route.name === WORKFLOW_REVIEW_REQUESTS_VIEW;
+	return (
+		route.name === INBOX_VIEW ||
+		route.name === WORKFLOW_REVIEW_REQUESTS_VIEW ||
+		route.name === INBOX_ASSISTANT_RESULT_VIEW
+	);
 }
 
-export function selectionFromRoute({ name, params }: InboxRoute): InboxSelection | null {
+export function selectionFromRoute({ name, params, query }: InboxRoute): InboxSelection | null {
 	if (name === WORKFLOW_REVIEW_REQUESTS_VIEW) {
 		const id = stringParam(params.reviewId);
 		return id ? { type: 'workflow_review', id } : null;
 	}
+	if (name !== INBOX_ASSISTANT_RESULT_VIEW) return null;
+	const id = stringParam(params.resultId);
+	if (!id) return null;
+	const projectId = stringParam(query.projectId);
+	const workflowId = stringParam(query.workflowId);
+	if (projectId && workflowId) {
+		return { type: 'self_healing_result', id, projectId, workflowId };
+	}
 	return null;
 }
 
@@ -26,5 +38,12 @@ export function inboxItemLocation(item: InboxItem, route?: InboxRoute): RouteLoc
 	const next: LocationQuery = { ...route?.query };
 	const selected = route ? selectionFromRoute(route) : null;
 	if (selected?.type !== item.type || selected.id !== item.id) delete next.tab;
+	delete next.projectId;
+	delete next.workflowId;
+	if (item.type === 'self_healing_result') {
+		next.projectId = item.projectId;
+		next.workflowId = item.workflowId;
+		return { name: INBOX_ASSISTANT_RESULT_VIEW, params: { resultId: item.id }, query: next };
+	}
 	return { name: WORKFLOW_REVIEW_REQUESTS_VIEW, params: { reviewId: item.id }, query: next };
 }