milestone 18: collapse duplicated infrastructure into shared listener core, crud list helper, resource shells, transport race, name and line helpers, ui modules

web/src/routes.tsx

@@ -27,6 +27,7 @@ import {
 	upstreamHealthQuery,
 	upstreamsQuery,
 } from "@/lib/queries";
+import { retryButtonClass } from "@/ui/classes";
 
 export interface RouterContext {
 	queryClient: QueryClient;
@@ -64,11 +65,7 @@ function RouteError({ error }: ErrorComponentProps) {
 		>
 			<h2 className="font-semibold text-red-800 dark:text-red-200">{title}</h2>
 			<p className="mt-1 text-sm text-red-700 dark:text-red-300">{detail}</p>
-			<button
-				type="button"
-				onClick={() => void router.invalidate()}
-				className="mt-3 rounded border border-red-300 px-3 py-1.5 text-sm font-medium text-red-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 dark:border-red-800 dark:text-red-200"
-			>
+			<button type="button" onClick={() => void router.invalidate()} className={retryButtonClass}>
 				Retry
 			</button>
 		</div>