Add dice roller features and UI components with refactoring

[Barata-Ribeiro]

This pull request adds a willpower reroll feature to the Vampire: The Masquerade dice roller, improves the dice display and selection UX, and introduces new utility components and hooks for future extensibility.

VTM Dice Roller Enhancements

• Added willpower reroll functionality, allowing users to select up to 3 regular dice to reroll after the initial roll, with selection managed via checkboxes and an action bar UI. [1] [2] [3] [4] [5] [6] [7]
• Refactored dice roll data structures to include unique IDs for each die, enabling precise selection and rerolling. [1] [2]
• Improved dice outcome logic and display, including handling of bestial compulsion and vibrate feedback for mobile devices. [1] [2] [3]

UI Components and Utilities

• Introduced a new Portal component using Radix UI's Slot and ReactDOM.createPortal for rendering content outside the DOM hierarchy, with support for custom containers.
• Added a useAsRef hook to keep a ref in sync with the latest prop value, leveraging an isomorphic layout effect for consistency across render environments.

These changes collectively improve the dice roller's interactivity, user experience, and code maintainability.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
utilities-webapp	Ready	Preview	Aug 6, 2026 11:22am