From 4821227415ba9d09c13d1e4ecfa9cd1cf0443b6e Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Wed, 28 Oct 2026 03:06:28 +0100
Subject: [PATCH] fix: start the session warning's focus on the button that
 keeps users signed in

---
 .../session/__tests__/session-timeout-guard.test.tsx   |  2 ++
 components/session/session-timeout-dialog.tsx          | 10 ++++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/session/__tests__/session-timeout-guard.test.tsx b/components/session/__tests__/session-timeout-guard.test.tsx
index f693eb685..4b1baccb1 100644
--- a/components/session/__tests__/session-timeout-guard.test.tsx
+++ b/components/session/__tests__/session-timeout-guard.test.tsx
@@ -96,6 +96,8 @@ describe('session timeout guard', () => {
     expect(screen.queryByText('idle_title')).toBeNull();
     await advance(1 * SECOND);
     expect(screen.getByText('idle_title')).toBeTruthy();
+    // Enter on the warning keeps the user signed in.
+    expect(document.activeElement?.textContent).toBe('stay');
 
     fireEvent.click(screen.getByText('stay'));
     expect(screen.queryByText('idle_title')).toBeNull();
diff --git a/components/session/session-timeout-dialog.tsx b/components/session/session-timeout-dialog.tsx
index 917b77085..f41b65613 100644
--- a/components/session/session-timeout-dialog.tsx
+++ b/components/session/session-timeout-dialog.tsx
@@ -72,11 +72,13 @@ export function SessionTimeoutDialog({ mode, deadline, maxHours, onStay, onDismi
           </div>
         </div>
         {mode !== "ending" && (
-          <div className="flex flex-wrap items-center justify-end gap-3 px-6 pb-6">
-            <Button variant="outline" onClick={onSignOut}>{t("sign_out_now")}</Button>
+          // The safe answer comes first, so the focus trap starts on it and
+          // Enter keeps the user signed in; row-reverse shows it on the right.
+          <div className="flex flex-row-reverse flex-wrap items-center justify-start gap-3 px-6 pb-6">
             {mode === "idle"
-              ? <Button onClick={onStay} autoFocus>{t("stay")}</Button>
-              : <Button onClick={onDismiss} autoFocus>{t("dismiss")}</Button>}
+              ? <Button onClick={onStay}>{t("stay")}</Button>
+              : <Button onClick={onDismiss}>{t("dismiss")}</Button>}
+            <Button variant="outline" onClick={onSignOut}>{t("sign_out_now")}</Button>
           </div>
         )}
       </div>