veza/apps/web/src/components/ui/context-menu
senke 06654bb84c feat(ui): premium polish — route transitions, context menu, slider, sidebar tooltips
Route transitions:
- New PageTransition component with framer-motion fade+slide (0.2s)
- Layout wraps children in AnimatePresence mode="wait" for smooth page changes

Context menu (new component):
- Right-click menu with portal rendering and viewport clamping
- Keyboard navigation (arrows, Home/End, Enter/Space, Escape)
- framer-motion scale+fade animation matching dropdown aesthetic
- ARIA compliant (role=menu/menuitem), destructive/disabled item support

Sidebar polish:
- Replaced browser-native title tooltips with custom Tooltip component
- position="right" tooltips on collapsed nav items, Settings, Sign Out
- Tooltips auto-disabled when sidebar is expanded

Slider — Spotify-style hover:
- Track thins to h-1 by default, expands to h-1.5 on hover
- Thumb hidden by default, scales in on hover (group-hover)
- Filled portion gains subtle primary glow on hover

Toast enhancements:
- New ToastAction interface with label + onClick
- Action button renders below message, auto-dismisses on click
- Enables "Undo" / "View" patterns

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-09 23:10:10 +01:00
..
ContextMenu.tsx feat(ui): premium polish — route transitions, context menu, slider, sidebar tooltips 2026-02-09 23:10:10 +01:00
index.ts feat(ui): premium polish — route transitions, context menu, slider, sidebar tooltips 2026-02-09 23:10:10 +01:00
types.ts feat(ui): premium polish — route transitions, context menu, slider, sidebar tooltips 2026-02-09 23:10:10 +01:00