Add layered interactive dot cloud to Charts hero

[tannerlinsley]

Replace the Charts landing hero's catalog previews with a responsive, client-only dot cloud. Five transparent chart layers add depth through size, focus blur, and cursor parallax, with hover inspection on the middle layer.

Add a text-shaped backdrop mask and halo for contrast, a glass prompt button, reduced-motion handling, and offscreen animation pausing. Keep navbar authentication markup consistent during hydration so the hero entrance does not restart.

Validation: type checks, lint, unit tests, chat tests, and desktop tests passed. Checked desktop and mobile layouts, first-load fading, tooltip behavior, reduced motion, and offscreen performance in Chrome.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 2b3cda7

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[coderabbitai]

Note

Currently processing new changes in this PR. This may take a few minutes, please wait...

⚙️ Run configuration

• Configuration used: defaults
• Review profile: CHILL
• Plan: Advanced
• Run ID: 40de2621-d011-4ad5-bfb6-6fa4f57405ef

📥 Commits

Reviewing files that changed from the base of the PR and between a9aa0ca and 2b3cda7.

📒 Files selected for processing (8)

• src/components/NavbarAuthControls.tsx
• src/components/landing/ChartsCatalogGallery.tsx
• src/components/landing/ChartsHeroBackground.tsx
• src/components/landing/ChartsLanding.tsx
• src/components/landing/ChartsTextBackdrop.tsx
• src/components/landing/LibraryLanding.tsx
• tests/charts-catalog-source-previews.test.ts
• tests/charts-landing-ssr.test.ts

 ________________________________________
< C*deR*bb*t: The uncensored bug hunter. >
 ----------------------------------------
  \
   \   (\__/)
       (•ㅅ•)
       / 　 づ

✨ Finishing Touches

📝 Generate docstrings

• Commit to this branch
• Create a new PR

🧪 Generate unit tests (beta)

• Commit to this branch
• Create a new PR

• Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}