feat(nuxt): show site version in footer and changelog in the h4ck panel

[Decipher]

Summary

• Footer: a small, non-interactive version indicator (v1.3.2), sourced from CHANGELOG.md. Plain text, not a link — design brief + handoff from Claude Design.
• h4ck panel: the full changelog now renders inline (collapsed behind a Changelog toggle), and the panel's unlock mechanism + a new // VERSION section work in production, not just dev. No dedicated /changelog page.
• The dev-only half of the panel (Color Scheme, Dev Overlay, Measure Tool, Module List, Client Data) is split into DevGridTools.vue, lazy-loaded only when import.meta.dev is true, so none of that ships to production visitors.
• Two bugs found and fixed while building/reviewing this:
  • BackToTop (shared @stuartclark/ui component) sat in the same bottom-right corner as the new footer text — fixed generally, in @stuartclark/ui, to hide near the page bottom.
  • Closing the panel used to unmount the dev-tools subtree entirely, silently discarding active overlay state (grid, measure tool). Console modal now uses v-show instead of v-if.

Mirrors gitlab.local MR !29 (stuart-clark/stuar.tc). Depends on @stuartclark/ui MR !14 for the AppFooter version prop and the BackToTop fix.

Test plan

• pnpm typecheck && pnpm test — 556 tests
• pnpm lint && pnpm lint:spell && pnpm lint:knip && pnpm lint:md
• pnpm generate — confirmed no /changelog route, footer shows the version
• pnpm run size — within the raised 290 KB budget
• pnpm exec playwright test --project=seo — 23 tests, including a real-browser Konami-code unlock against the generated production build
• Manual visual check (screenshots): footer/BackToTop no longer overlap, panel collapsed/expanded states, grid overlay survives closing the panel

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: e267fb9a-9b38-4385-a66c-2a47d2fa3d40

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

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.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 99.75%. Comparing base (12ba26a) to head (6a200d8).

Additional details and impacted files

@@           Coverage Diff            @@
##           develop     #142   +/-   ##
========================================
  Coverage    99.75%   99.75%           
========================================
  Files           75       76    +1     
  Lines         1200     1226   +26     
  Branches       314      321    +7     
========================================
+ Hits          1197     1223   +26     
  Misses           3        3           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.