Files

T

AgendaPro DevandClaude Opus 5 4c19244df9 feat: public landing page with magic login, brand palette and demo build flag

Adds a public funnel landing at `/` and moves the login to `/login`, rebuilt
around the panel's own colors instead of an invented palette.

Landing (`src/components/landing/`, one section per file, no props):
- Seven funnel sections composed by `LandingPage`. The hero's eight swatches are
  literally `PIE_COLORS` from `DashboardPage`, the same hex values the seed hands
  to avatars and services, so "your colors become your numbers" is literal.
- `BrandMark` becomes the single source for the logo, replicating
  `public/favicon.svg`. Blue is the action surface, orange only ever marks.
- `NotebookVisual` is the one deliberate exception to the palette: it is what the
  product replaces.
- Copy drops all system vocabulary; motion comes from `src/lib/motion.ts` with a
  single easing, and reduced-motion resolves `initial` to the final state so a
  never-firing `whileInView` cannot leave a section invisible forever.

Routing and bundle:
- `homePathFor` is the single definition of each role's destination.
- Landing, login, dashboard and calendar load lazily. Eager, the login dragged
  framer-motion (~40 KB gz) into every panel load and the landing downloaded
  recharts + FullCalendar (~187 KB gz) without charting anything. `clsx` is
  pinned to the `react` chunk because Rollup otherwise assigns it to `charts`,
  making the entry import 111 KB gz for a 200-byte utility.

Responsiveness (iPhone/iPad), verified with `npm run audit:responsive`:
- No touch form field below 16px, `dvh` height utilities, safe-area insets, and
  40px touch targets keyed off `pointer: coarse` rather than `sm:`.
- New `.ld-gutter`: `.safe-x` lives outside `@layer` and beats Tailwind's `px-*`,
  so it left the login's side padding at 0 on anything but an iPhone in
  landscape. No overflow check could see it — there was no overflow, just zero
  margin. The audit now guards it with a `gutter` check.
- `shell-height` no longer fires on pages that legitimately scroll; the static
  `raw-viewport-unit` scan covers those instead.

Production build:
- The Dockerfile now sets `VITE_DEMO_UI=1` as a build arg. `DEMO` is a build-time
  constant, so without it Vite eliminated the magic login and the "Ver como…"
  switcher: the deployed landing promised "no registration" and led to an empty
  form. Verified by building both ways and diffing the bundle.
- Service worker cache bumped to v2 so the orphaned pre-landing chunks get purged
  from returning visitors' caches.

Verified: typecheck clean; unit 39/39, e2e 33/33, admin 17/17, booking 12/12,
landing 13/13 (WebKit), PWA passed against the real production build.

Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>

2026-07-28 14:25:58 -06:00

2.2 KiB

Raw Blame History

Task 1 Implementation Report

Scope

Implemented only the static AgendaMax PWA contract from Task 1. Existing worktree changes and graphify outputs were not modified.

Changed Files

scripts/generate-pwa-icons.mjs: reproducible Playwright generator using the existing public/favicon.svg as a base64 data URL.
public/icon-192.png: generated 192x192 PNG install icon.
public/icon-512.png: generated 512x512 PNG install icon.
public/manifest.webmanifest: exact AgendaMax manifest metadata and icon declarations.
index.html: manifest link, Apple install metadata, and viewport-fit=cover; existing favicon, theme, and description preserved.
package.json: added generate:pwa-icons and test:pwa scripts.

Verification

node scripts/generate-pwa-icons.mjs: exit 0, no output.
PNG signature/dimensions Node check: passed; public/icon-192.png is PNG 192x192 and public/icon-512.png is PNG 512x512.
Reproducibility check: passed. SHA256 values remained stable across regeneration:
- 192 icon: A5073D1EA7662F7E90D4E8E1DF12FF563A6DCC161FFCF6C4591D7C5F2695F6FE
- 512 icon: 19914C9D4C3F626782C85920DAD9E16B069809B5D876A903BF88695E1F9F045F
npm.cmd run typecheck: exit 0.
npm.cmd run build: exit 0; Vite transformed 2463 modules and emitted the production bundle.
Dist asset/manifest check: passed; dist/manifest.webmanifest, dist/icon-192.png, and dist/icon-512.png exist and the manifest contract is valid.
git diff --check: no whitespace errors. Git emitted only existing line-ending normalization warnings.

Self-Review

The browser-tab icon remains /favicon.svg.
The manifest uses / for both start_url and scope, standalone display, portrait-primary orientation, the requested colors, and PNG icon declarations.
The generator resolves paths from its own module location, closes pages and the browser, and produces deterministic 1x screenshots.
No unrelated tracked or untracked worktree files were staged.

Concerns

npm.cmd run test:pwa was not run because pwa-e2e.mjs is intentionally a Task 4 deliverable and does not exist at this task boundary. The script is present as required for the later task.

2.2 KiB Raw Blame History

Task 1 Implementation Report

Scope

Changed Files

Verification

Self-Review

Concerns

2.2 KiB

Raw Blame History