isra el dda38204fa fix: eliminate mobile horizontal overflow and add scroll-width e2e guard ...

Root causes of the sideways-scroll blank strip at 375px:
- fixed-width auth cards (w-[400px]/w-[450px]) -> w-full + max-w so they
  shrink on small screens
- min-w-[500px] on the community-links dialog -> removed
- webhooks section header: two w-full buttons in a non-wrapping flex row
  (403px wide) -> stacks on mobile
- devices/api-keys cards blown past the grid track by min-content sizing
  -> min-w-0 max-w-full on the cards
- api-guide SyntaxHighlighter blocks get overflowX auto + maxWidth 100%
- safety net: overflow-x clip on body

Adds e2e/mobile-overflow.spec.ts: at 375px, scrollWidth must not exceed the
viewport on home, messaging, webhooks, account, and login. This guard caught
the webhooks-header and card offenders during the fix.

Build, 25 unit tests, and 11 e2e green.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

2026-07-11 07:27:04 +03:00

..

dashboard.spec.ts

refactor: modernize nextauth wrapper and provider setup

2026-07-11 01:40:25 +03:00

messaging.spec.ts

test: add messaging screen e2e guard (tabs + history render)

2026-07-11 06:18:25 +03:00

mobile-overflow.spec.ts

fix: eliminate mobile horizontal overflow and add scroll-width e2e guard

2026-07-11 07:27:04 +03:00

mock-api.ts

test: add vitest + rtl + msw + playwright harness with mocked api

2026-07-11 01:01:05 +03:00

session.ts

test: add vitest + rtl + msw + playwright harness with mocked api

2026-07-11 01:01:05 +03:00

webhooks.spec.ts

refactor: decompose 578-line webhooks-history into focused modules

2026-07-11 06:45:22 +03:00