QoL: borderless cards, PWA cache strategy, avatar dropdown crash, wide→narrow overflow

[mike-doctorina]

Summary

Quality-of-life sweep prompted by three user reports + a multi-agent review pass.

Three commits, three concerns:

fix(deploy) — PWA shell updates were stuck

• firebase/firebase.json: explicit no-store, no-cache, must-revalidate, max-age=0 for /index.html, /sw.js, /workbox-*.js, /registerSW.js, /manifest.webmanifest. Hashed assets keep their immutable 1-year cache.
• vite.config.ts: drop *.html from precache, override the plugin's default navigateFallback: "index.html" (which would emit createHandlerBoundToURL("index.html") — a route that throws at install once *.html isn't precached), add a NetworkFirst handler for request.mode === "navigate" that explicitly skips /__/auth/ so Firebase Auth's redirect handler is untouched. skipWaiting + clientsClaim so a deploy lands on the next navigation.
• src/shared/api/firebase.ts: switch to initializeFirestore({ localCache: memoryLocalCache() }) — the IDB cache is a foot-gun for a PWA (stale docs survive sign-out on shared machines; write lock kept the freshly-deployed shell reading old data). Memory cache is rebuilt each load.

fix(ui) — avatar dropdown crashed

DropdownMenuLabel rendered Kobalte's Menu.GroupLabel directly inside DropdownMenuContent with no surrounding Menu.Group, so opening the avatar menu immediately threw useMenuGroupContext must be used within a Menu.Group. Wrapped the GroupLabel in KMenu.Group inside the primitive. Same caller ergonomics.

feat(qol) — UI polish + responsive

• Borderless cards / shot tiles: drop the 1px border, lean on shadow-sm + a soft ring (black/0.04 light, white/0.06 dark). Card radius bumps to xl. Interactive cards lift to shadow-md on hover.
• Drop "Doctorina · Screenshots" word-mark: tab title + favicon already brand the app. Brand link keeps a 36-px tap area so the click target didn't shrink to a 10×10 dot.
• No horizontal scroll on wide→narrow resize: min-w-0 on app-bar flex container + nav; shrink-0 on brand, back-link, and right cluster; overflow-x-clip + min-w-0 on layout root (clip, not hidden, so sticky still works).
• Run page at 320 px: the implicit grid track on <div class="grid gap-5"> was sizing to its content's min-width, letting the RunHeader card overflow ~64 px past the viewport. Switch to grid-cols-1 min-w-0. Branch chip gets max-w-[9rem] sm:max-w-[14rem].
• Badge stays selectable: an earlier attempt baked select-none into the Badge variant, which silently broke copying branch names / PR # / commit SHAs. Reverted; select-none lives on the decorative language pills in run-card.tsx where it belongs.

Multi-agent review pass

Spawned 3 reviewers in parallel (project-rules, correctness, CSS/responsive/a11y) before committing. Findings folded back into the diff:

• HIGH — workbox emitted a NavigationRoute(createHandlerBoundToURL("/index.html")) even after I removed navigateFallback, because vite-plugin-pwa silently defaults it to "index.html". Confirmed by reading node_modules/vite-plugin-pwa/dist/index.js:838. Fixed by setting navigateFallback: undefined explicitly.
• HIGH — select-none on Badge variant base blocked copying. Reverted, moved to specific decorative chips.
• HIGH — the new NetworkFirst handler caught /__/auth/*. Added denylist to its urlPattern.
• MEDIUM — :where(...) ::selection rule was dead because of cascade order. Dropped (the existing user-select: none on interactive roles already covers it).
• MEDIUM — brand link tap target shrunk to 10×10. Restored to 36-px hit area.
• MEDIUM — run-header chip at 14rem clipped at 320px. Tightened to 9rem on mobile.
• MEDIUM — overflow-x-clip was hiding a real card-overflow at 320px on the run page. Fixed the underlying grid track sizing instead of just hiding it.

Test plan

• bun run check (Biome) — clean
• bun run typecheck — clean
• bun run test — 140/140
• bun run build — generated SW grepped to confirm NavigationRoute is gone and /__/auth/ is denylisted
• Playwright walk: home + run pages at 1400 / 1024 / 768 / 420 / 320; light + dark; avatar dropdown opens; no horizontal scroll at any width on either page; branch / PR / commit-SHA badges are user-selectable on the run page
• Manual deploy to a preview channel — confirm Firebase Hosting headers land (Cache-Control: no-store on /index.html, /sw.js)
• Live sign-in flow with a real Google account — confirm /__/auth/handler redirect is NOT intercepted by the SW

🤖 Generated with Claude Code

[github-actions]

Visit the preview URL for this PR (updated for commit f80e5fc):

https://doctorina-test--pr13-feat-qol-pwa-cards-a-ile7u211.web.app

_{(expires Tue, 09 Jun 2026 08:54:18 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 940779a7026f52ecc13c172c30df0d2af2c19e77}