[David Pine (IEvangelist)]

Summary

• reveal theme changes from the interaction point using a brief Aspire-logo-shaped transition
• support footer and Starlight theme controls, pointer and keyboard origins, auto theme resolution, rapid cancellation, and reduced-motion fallback
• show destination-specific sunglasses or night-vision Aspiry artwork when users quickly reverse the theme, with replacement and click-to-dismiss behavior
• add component and end-to-end coverage for persistence, cleanup, reduced motion, reverse-toggle timing, artwork selection, replacement, and dismissal

Tests

• pnpm --dir .\src\frontend lint
• pnpm --dir .\src\frontend run test:unit:components (70 passed)
• pnpm --dir .\src\frontend exec playwright test tests/e2e/ui-regressions.spec.ts --grep "footer preferences persist theme|theme changes skip decorative motion|quick reverse theme changes" (9 passed across desktop, tablet, and mobile)

pnpm build was not run locally.

[Copilot]

🟡 Changes recommended

Unresolved cancellation races can override the latest theme selection or remove replacement artwork, and sidebar transitions and reduced-motion cleanup need correction.

4 open issues

• Guard transition callbacks against stale theme requests · New
• Guard ready rejection cleanup by transition identity · New
• Handle reduced-motion changes to clear active decorations · New
• Include the sidebar in the masked theme transition · New

What changed in this PR

Adds branded theme-switching effects to aspire.dev, integrating an Aspire-shaped reveal and destination-specific Aspiry artwork with existing theme controls.

Changes:

• Introduces a shared transition controller with interaction origins, reduced-motion fallback, and quick-reversal artwork.
• Connects footer preferences to the controller and supplies mascot assets through the site footer.
• Adds component rendering and end-to-end coverage for persistence, reduced motion, and artwork behavior.

File	Description
src/​frontend/​tests/​unit/​custom-components.vitest.test.ts	Adds rendering coverage for transition and artwork hooks.
src/​frontend/​tests/​e2e/​ui-regressions.spec.ts	Tests theme persistence, cleanup, reduced motion, and mascot interactions.
src/​frontend/​src/​components/​ThemeTransition.astro	Implements theme transitions, artwork, and control synchronization.
src/​frontend/​src/​components/​starlight/​Footer.astro	Mounts the controller with mascot assets.
src/​frontend/​src/​components/​FooterPreferences.astro	Routes theme selections and interaction origins through the controller.

_{Review effort: Balanced}

[David Pine (IEvangelist)]

Superseded by the updated restrained-animation demo: #1956 (comment)

[aspire-repo-bot]

Frontend HTML artifact ready

The latest frontend build uploaded the frontend-dist artifact for PR #1956. Use the VS Code button below to open this PR with GitHub Artifacts Explorer and browse the built HTML locally.

This comment updates automatically when a new frontend build artifact is uploaded.

[David Pine (IEvangelist)]

Superseded by the latest draft motion demo: #1956 (comment)

[David Pine (IEvangelist)]

Updated demo of the approved full-page theme reveal and bottom-center Aspiry quick-reversal animation:

aspire-theme-ripple-final.webm

[David Pine (IEvangelist)]

Updated demo: Aspiry now enters from non-repeating random edges and corners with varied gestures while preserving the five-second timing:

aspiry-random-entrances.webm