feat(frontend): add custom cursor selector and particle effects - #2462
feat(frontend): add custom cursor selector and particle effects#2462ruhelamahi7-code wants to merge 3 commits into
Conversation
|
Hi @utksh1 , This feature took a significant amount of effort and complex debugging to get right, but everything is now fully tested and ready to go. The implementation is clean, works seamlessly, and is verified with local test data as captured in the screenshots. Requesting your review, merge, and the assignment of appropriate feature/enhancement labels. Thank you! |
|
Hi @utksh1, All CI checks and tests have successfully passed (33/33 checks successful)! Implementing this custom cursor and particle effects feature took a significant amount of dedication, iterative testing, and meticulous debugging—from configuring the context providers to resolving upstream audit blocks and test hook fallbacks. The PR is fully ready, tested, and polished. Could you please review, merge, and assign appropriate feature/enhancement labels to help recognize this contribution? Thank you! |
|
hey @utksh1 , please check it out. |
|
@utksh1 , |
Description
This PR introduces a custom interactive cursor system and theme selector for the SecuScan frontend. It allows users to personalize their workspace experience by switching between multiple cursor particle styles directly from the top navigation bar.
Key updates include:
CursorContext.tsxto globally manage active cursor theme states across the application.CustomCursor.tsxto handle custom cursor rendering, trailing animations, and particle effects.CursorSelector.tsxdropdown component integrated intoAppShell.tsxfor real-time theme switching (Default,Glow,Trail,Sparkle,Orbit,Chess).App.tsxandAppShell.tsxto wrap the dashboard workspace within theCursorProvider.Related Issues
Closes #2443
Type of Change
How Has This Been Tested?
./setup.shand./start.shwith Node.js 20+ and Python 3.11+.http://localhost:5173. Tested dropdown theme switching between all available presets (Glow,Trail,Sparkle, etc.).ICMP Pingscan target (127.0.0.1) via the Toolkit page to verify cursor behavior and performance during active task feeds and dashboard metrics monitoring.Screenshots
1. Tactical Catalog / Toolkit (Tool Selection)
3. Live Dashboard with Theme Selector (
TrailActive)Checklist