fix: visuals reference matching overhaul and better workflow

web/visual/states.ts

@@ -7,9 +7,17 @@ export interface ApiMock {
 	hang?: boolean
 }
 
+export interface DiffException {
+	maxPercent: number
+	reason: string
+	approvedBy: string
+}
+
 export interface VisualState {
+	exception?: DiffException
 	path: string
 	now?: string
+	paused?: boolean
 	api?: Record<string, ApiMock>
 	steps?: (page: Page) => Promise<void>
 }
@@ -182,7 +190,15 @@ export const visualStates: Record<string, Record<string, VisualState>> = {
 	},
 	'log-in': {
 		Default: { path: '/login', api: { 'GET /v1/auth/registration': registrationClosed } },
-		'Fresh install': { path: '/login', api: { 'GET /v1/auth/registration': registrationOpen } },
+		'Fresh install': {
+			path: '/login',
+			api: { 'GET /v1/auth/registration': registrationOpen },
+			exception: {
+				maxPercent: 1.1,
+				reason: 'The board draws a design-time "API pending" chip in the footer; the API exists, so the app omits it and the theme select fits on the first row on mobile',
+				approvedBy: 'Florian Sylvain, 2026-09-26',
+			},
+		},
 		'Validation errors': {
 			...loginWith({ status: 500 }),
 			steps: submitLogin('ma', ''),
@@ -290,6 +306,7 @@ export const visualStates: Record<string, Record<string, VisualState>> = {
 		},
 		'Already verified (403)': {
 			path: '/register/pending',
+			paused: true,
 			api: {
 				'DELETE /v1/auth/register': { status: 403 },
 				'GET /v1/auth/me': { status: 200, body: { is_verified: true } },
@@ -298,7 +315,7 @@ export const visualStates: Record<string, Record<string, VisualState>> = {
 				await setPendingEmail(page, 'marta@renew.example')
 				await openCancelDialog(page)
 				await confirmCancelDialog(page)
-				await page.waitForURL('**/home')
+				await page.getByText("You're verified").waitFor()
 			},
 		},
 	},
@@ -309,6 +326,7 @@ export const visualStates: Record<string, Record<string, VisualState>> = {
 		},
 		Success: {
 			path: '/register/validate?c=abc123',
+			paused: true,
 			api: {
 				'POST /v1/auth/verify': { status: 200, body: { message: 'ok' } },
 				'GET /v1/auth/me': { status: 200, body: { is_verified: true } },