fix: make version cards clickable and highlight the active version

[IdrisGit]

This PR fixes two issues:

• Only the version number in the version card is the clickable area, while visually the whole section should be clickable area -- fixed this using stretched links method.
• The latest version card is always highlighted even when we are not on the current version and it not being highlighted, creating confusion of which version is actually selected at a glance -- fixed this by highlighting the current selected version and adding accent color to the latest tag

screen recording of the issue

version_card_issue.mp4

screen recording of the fix

version_card_fix_compressed.mp4

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 6, 2026 6:38am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 6, 2026 6:38am
npmx-lunaria	Ignored		Feb 6, 2026 6:38am

[codecov]

Codecov Report

❌ Patch coverage is 52.17391% with 22 lines in your changes missing coverage. Please review.
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
app/components/Package/Versions.vue	52.17%	22 Missing ⚠️

📢 Thoughts on this report? Let us know!

[coderabbitai]

📝 Walkthrough

Walkthrough

A new public prop currentVersion?: string | null was added to the Versions component. The component now conditionally applies classes and structural wrappers to highlight rows, expanded sections and group headers when a version matches currentVersion, including hover/focus adjustments and z-index/positioning changes. Several ProvenanceBadge instances set :linked="false". The package page passes current-version bound to resolvedVersion. Two unit tests were added: one asserting the current version row is highlighted, and one asserting the latest dist-tag uses the accent text colour.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly relates to the changeset, describing fixes for version card clickability and highlighting of the currently selected version.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

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

[coderabbitai]

Actionable comments posted: 1