Claude/merge to main lsw dn

[executiveusa]

No description provided.

[vercel]

@claude is attempting to deploy a commit to the Sean Morley's Projects Team on Vercel.

A member of the Team first needs to authorize it.

[Copilot]

Pull request overview

This PR introduces a special “Yvette Cuernavaca” surprise itinerary experience on the frontend, including a password-gated multi-step reveal flow with progress persistence, visual assets, and deployment configuration for Vercel. It also adds confetti effects and design tokens, and does some minor cleanup/formatting and dependency updates.

Changes:

• Added a dedicated /surprise/yvette-cuernavaca route that renders a new SurpriseRevealFlow experience backed by a static JSON itinerary and new SVG background assets.
• Implemented surprise-step UI components (StepCard, PasswordUnlockModal, language block, progress persistence hook, design tokens/rules) and wired them to the itinerary data and localStorage-based progress tracking.
• Added Vercel configuration for building the frontend sub-app, updated frontend dependencies (including canvas-confetti and typings), and performed minor formatting/whitespace adjustments.

Reviewed changes

Copilot reviewed 14 out of 47 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
vercel.json	New Vercel config to build the SvelteKit frontend (cd frontend && npm run build) and point Vercel to the frontend/.vercel/output directory.
package-lock.json	New root-level npm lockfile (no matching root package.json, as the main app lives under frontend/).
frontend/static/surprise/yvette/step1.svg	Static SVG background for surprise step 1 (“Las Huertas – Step 1”).
frontend/static/surprise/yvette/step1-blur.svg	Blurred SVG variant for locked state of step 1.
frontend/static/surprise/yvette/step2.svg	Static SVG background for surprise step 2 (“Barranca – Step 2”).
frontend/static/surprise/yvette/step2-blur.svg	Blurred SVG variant for locked state of step 2.
frontend/static/surprise/yvette/step3.svg	Static SVG background for surprise step 3 (“Catedral – Step 3”).
frontend/static/surprise/yvette/step3-blur.svg	Blurred SVG variant for locked state of step 3.
frontend/static/surprise/yvette/step4.svg	Static SVG background for surprise step 4 (“Jardín Borda – Step 4”).
frontend/static/surprise/yvette/step4-blur.svg	Blurred SVG variant for locked state of step 4.
frontend/static/surprise/yvette/step5.svg	Static SVG background for surprise step 5 (“Los Manantiales – Step 5”).
frontend/static/surprise/yvette/step5-blur.svg	Blurred SVG variant for locked state of step 5.
frontend/static/surprise/yvette/step6.svg	Static SVG background for surprise step 6 (“Mariposario – Step 6”).
frontend/static/surprise/yvette/step6-blur.svg	Blurred SVG variant for locked state of step 6.
frontend/static/surprise/itinerary/yvette-cuernavaca.json	Public static JSON defining the six-step bilingual itinerary used by the surprise flow via fetch('/surprise/itinerary/...').
frontend/src/lib/surprise/useSurpriseProgress.ts	New helper that persists unlocked step numbers in localStorage and exposes get/save/reset APIs for surprise progress.
frontend/src/lib/surprise/types.ts	TypeScript Step interface describing the itinerary item shape (titles, clues, descriptions, media, password, etc.).
frontend/src/lib/surprise/itinerary/yvette-cuernavaca.json	Library copy of the same itinerary JSON data, parallel to the static version.
frontend/src/lib/surprise/design/tokens.ts	Design tokens for the surprise flow (colors, gradients, spacing, shadows, animation timing).
frontend/src/lib/surprise/design/rules.md	Internal design & implementation guidelines for the surprise card layout, typography, states, and accessibility.
frontend/src/lib/surprise/SurpriseRevealFlow.svelte	Main surprise-flow container: loads itinerary JSON on mount, restores progress from useSurpriseProgress, renders StepCard grid and completion message, and applies page-level styling.
frontend/src/lib/surprise/StepCard.svelte	Card component for each surprise step, handling locked/unlocked rendering, image loading, confetti trigger on unlock, and “Navigate” link to Google Maps.
frontend/src/lib/surprise/PasswordUnlockModal.svelte	Modal that prompts for a step-specific password, tracks attempts, and emits unlocked/close events to the parent.
frontend/src/lib/surprise/LanguageBlock.svelte	Small helper component for consistent Spanish/English text blocks with custom font stacks and sizing.
frontend/src/routes/surprise/yvette-cuernavaca/+page.svelte	New route file that sets <head> metadata and renders the SurpriseRevealFlow component.
frontend/src/routes/transportations/[id]/+page.svelte	Minor reactive statement formatting change for computing showLocalTripTime (no behavioral change).
frontend/src/routes/collections/+page.server.ts	Whitespace cleanup inside the actions export (no functional change).
frontend/src/locales/en.json	Re-indented and reformatted English locale file without changing keys or messages.
frontend/package.json	Added canvas-confetti and @types/canvas-confetti to dependencies/devDependencies for the new confetti effect.
frontend/package-lock.json	Updated lockfile to include canvas-confetti, @types/canvas-confetti, yaml, and an adjusted postcss-load-config version compatible with the existing dependency ranges.

Files not reviewed (1)

• frontend/package-lock.json: Language not supported

[Copilot]

canvas-confetti is imported at the top level of this Svelte component, which means it will also be loaded in the SSR context; in this codebase, other browser-only libraries (for example emoji-picker-element in frontend/src/lib/components/CategoryDropdown.svelte:85-92 and CategoryModal.svelte:20-25) are loaded via dynamic import inside onMount to avoid server-side failures. To stay consistent and avoid potential SSR/runtime errors if canvas-confetti touches window or document at module initialization, consider switching to a dynamic import('canvas-confetti') inside the unlock handler or an onMount block and caching the loaded function.

[Copilot]

The overlay div for the password modal is given role="button" and aria-label="Close modal", but it visually represents a modal backdrop rather than an interactive button, which is confusing for assistive technologies and does not expose a proper dialog role. For better accessibility, the backdrop should be a neutral container (no button role/label), and the inner content should be exposed as a role="dialog" (or use the native <dialog> element) with aria-modal="true" and an accessible title, while keeping Escape and click-outside behavior on the backdrop or window.

Suggested change

	role="button"
	tabindex="-1"
	aria-label="Close modal"
	>
	<div
	class="bg-white rounded-2xl p-8 max-w-sm w-full mx-4 shadow-2xl"
	on:click|stopPropagation
	transition:fly={{ y: 20 }}
	>
	<div class="text-center">
	<div class="text-5xl mb-4">🔐</div>
	<h2 class="text-xl font-bold mb-2 text-gray-800">Unlock Step {stepNumber}</h2>
	<p class="text-sm text-gray-600 mb-6">Enter the password to reveal this surprise</p>
	>
	<div
	class="bg-white rounded-2xl p-8 max-w-sm w-full mx-4 shadow-2xl"
	on:click|stopPropagation
	transition:fly={{ y: 20 }}
	role="dialog"
	aria-modal="true"
	aria-labelledby="password-unlock-title"
	aria-describedby="password-unlock-description"
	>
	<div class="text-center">
	<div class="text-5xl mb-4">🔐</div>
	<h2
	id="password-unlock-title"
	class="text-xl font-bold mb-2 text-gray-800"
	>
	Unlock Step {stepNumber}
	</h2>
	<p
	id="password-unlock-description"
	class="text-sm text-gray-600 mb-6"
	>
	Enter the password to reveal this surprise
	</p>

[Copilot]

This itinerary JSON duplicates the data in frontend/static/surprise/itinerary/yvette-cuernavaca.json, but the runtime code in SurpriseRevealFlow.svelte only fetches the static version. Maintaining two copies of the same itinerary risks them getting out of sync; consider keeping a single source of truth (either import this JSON and use it for both code and static output, or remove the unused copy) to simplify future edits.