feat(SPA): profile page, display name and the new account menu

web/src/views/__tests__/UsersView.spec.ts

@@ -288,6 +288,32 @@ describe('Default — the list loads newest first, with display name, "you" tag
 	})
 })
 
+describe('Display names in the Users list', () => {
+	it('shows each display name with its username beside it and the chip with the session name', async () => {
+		const fixture = defaultFixture().map((item) =>
+			item.kind === 'user' && item.username === 'marta'
+				? { ...item, display_name: 'Marta Alves' }
+				: item,
+		)
+		await mountPage({ list: () => Promise.resolve(fixture) })
+		useSessionStore().session = {
+			verified: true,
+			username: 'marta',
+			id: 1,
+			displayName: 'Marta Alves',
+		}
+		await flushPromises()
+
+		expect(rowTexts().slice(2)).toEqual([
+			'Inès Duarte ines Accepted 18 Jun 2026',
+			'jonas Accepted 2 Apr 2026',
+			'Marta Alves marta you Accepted 12 Mar 2026',
+		])
+		const footer = document.body.querySelector('[data-slot="footer"]') as HTMLElement
+		expect(footer.textContent).toContain('Marta Alves')
+	})
+})
+
 describe('Loading — skeleton rows after 150 ms', () => {
 	it('draws nothing until 150 ms, then five skeleton rows, then the rows', async () => {
 		vi.useFakeTimers({ toFake: ['setTimeout', 'clearTimeout'] })