fix(auth): reduce mobile sign-in friction (PWA + auto-redirect)

Three independent changes that together stop the mobile re-auth churn:

- app/layout.tsx: add appleWebApp metadata so iOS "Add to Home Screen"
  launches Pulse in true standalone mode (own cookie jar, persists
  across Safari memory pressure)
- components/auth/sign-in-form.tsx: when /auth/sign-in mounts and
  ?callbackUrl starts with /mobile, auto-call authClient.signIn.social
  for Microsoft. With an active M365 browser session this redirect is
  silent — the user lands on /mobile/* with no tap.
- app/auth/sign-in/page.tsx: wrap SignInForm in <Suspense> (required
  by Next.js 16 because SignInForm now uses useSearchParams)

Pairs with operator-side env bump SESSION_TIMEOUT_SECONDS=2592000
(30 days, .env files are gitignored — applied on the running container
via docker compose up -d --force-recreate app).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
lorentz 2026-05-07 07:05:52 -04:00
parent f9ab954518
commit bee35e0260
3 changed files with 40 additions and 5 deletions

View file

@ -1,3 +1,4 @@
import { Suspense } from "react";
import { SignInForm } from "@/components/auth/sign-in-form";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
@ -16,7 +17,9 @@ export default function SignInPage() {
</CardDescription>
</CardHeader>
<CardContent>
<SignInForm />
<Suspense fallback={null}>
<SignInForm />
</Suspense>
</CardContent>
</Card>
);

View file

@ -37,6 +37,11 @@ export const metadata: Metadata = {
shortcut: "/favicon.png",
apple: "/wulff-logo.png",
},
appleWebApp: {
capable: true,
statusBarStyle: "default",
title: "Pulse",
},
};
export const viewport: Viewport = {