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: 045f7887-f8c4-42e8-a2ea-f0aa1fcc95e8

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.76%. Comparing base (5eb1eab) to head (042868f).
⚠️ Report is 1 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop     #142      +/-   ##
===========================================
+ Coverage    99.75%   99.76%   +0.01%     
===========================================
  Files           74       75       +1     
  Lines         1224     1287      +63     
  Branches       314      329      +15     
===========================================
+ Hits          1221     1284      +63     
  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.

[github-actions]

Preview site

pr-142: https://pr-142--stuartclark.netlify.app

Updated 2026-08-09T08:37:04Z