From 89dee4f586facf0e2522f9684060cb85b3d1b6bb Mon Sep 17 00:00:00 2001
From: Lucas Berger <me@lucasberger.ca>
Date: Thu, 18 Jun 2026 13:57:31 -0400
Subject: [PATCH] fix(17): IN-03 render visible Redirecting status during OIDC
 redirect

---
 apps/pwa/src/App.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/apps/pwa/src/App.tsx b/apps/pwa/src/App.tsx
index 719b957..d87a04e 100644
--- a/apps/pwa/src/App.tsx
+++ b/apps/pwa/src/App.tsx
@@ -78,7 +78,23 @@ function OidcRedirect() {
   useEffect(() => {
     window.location.replace('/api/login');
   }, []);
-  return <div aria-hidden="true" />;
+  // IN-03: render a perceivable status (not an empty aria-hidden div) so the
+  // transition is announced to screen-reader/keyboard users if the redirect is slow.
+  return (
+    <div
+      role="status"
+      style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        minHeight: '100vh',
+        color: 'var(--color-text-muted, #6b7280)',
+        fontSize: '0.95rem',
+      }}
+    >
+      Redirecting to sign in…
+    </div>
+  );
 }
 
 export default function App() {